:root{--bg:#070816;--card:rgba(255,255,255,.075);--card2:rgba(255,255,255,.11);--text:#f6f7ff;--muted:#aeb4d8;--line:rgba(255,255,255,.13);--p1:#8b5cf6;--p2:#22d3ee;--danger:#ff4d6d;--ok:#34d399;--warn:#fbbf24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Tahoma,Arial,sans-serif;background:radial-gradient(circle at top right,#22104f 0,#070816 42%,#05050c 100%);color:var(--text);overflow-x:hidden}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%);pointer-events:none}.bg-orb{position:fixed;border-radius:999px;filter:blur(70px);opacity:.45;pointer-events:none}.orb-1{width:320px;height:320px;background:#7c3aed;top:90px;right:-90px}.orb-2{width:300px;height:300px;background:#06b6d4;bottom:10px;left:-120px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;background:rgba(7,8,22,.66);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--p1),var(--p2));font-weight:900;box-shadow:0 14px 45px rgba(139,92,246,.35)}.brand small{display:block;color:var(--muted);margin-top:4px}.topbar nav{display:flex;gap:10px}.topbar nav a{color:var(--muted);text-decoration:none;border:1px solid var(--line);padding:10px 14px;border-radius:999px}.topbar nav a:hover{color:#fff;background:var(--card)}.shell{width:min(1180px,92vw);margin:auto}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center;padding:70px 0 35px}.eyebrow{display:inline-flex;color:#c4b5fd;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.34);padding:9px 14px;border-radius:999px}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.15;margin:18px 0}.hero p{color:var(--muted);font-size:18px;line-height:1.9;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.glass,.mini-card{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.3);backdrop-filter:blur(22px)}.hero-card{border-radius:32px;padding:24px;min-height:320px;display:grid;gap:18px}.status-pill{width:max-content;border-radius:999px;padding:10px 14px;background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.35);color:#a7f3d0}.metric{border:1px solid var(--line);border-radius:24px;padding:18px;background:rgba(0,0,0,.16)}.metric span{display:block;color:var(--muted)}.metric strong{font-size:30px;margin-top:8px;display:block}.btn{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;border-radius:16px;color:#fff;cursor:pointer;font-weight:800;font-family:inherit;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--p1),var(--p2));box-shadow:0 14px 38px rgba(34,211,238,.18)}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid var(--line)}.btn.full{width:100%}.alert{padding:16px 18px;border-radius:18px;border:1px solid var(--line);margin:16px 0;background:var(--card)}.alert.danger{border-color:rgba(255,77,109,.42);background:rgba(255,77,109,.1)}.alert.success{border-color:rgba(52,211,153,.42);background:rgba(52,211,153,.1)}.ticket-code{margin-top:10px;font-size:24px;font-weight:900;letter-spacing:1px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 35px}.mini-card{border-radius:26px;padding:22px}.mini-card span{color:#67e8f9;font-weight:900}.mini-card h3{margin:12px 0}.mini-card p{color:var(--muted);line-height:1.8}.layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-bottom:50px}.panel{border-radius:30px;padding:24px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-title span{width:10px;height:34px;border-radius:999px;background:linear-gradient(var(--p1),var(--p2))}.section-title h2{margin:0}.form{display:grid;gap:14px}.form.compact{margin-top:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:8px;color:#dce2ff;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(4,6,18,.66);color:#fff;border-radius:16px;padding:14px 14px;font-family:inherit;outline:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(34,211,238,.7);box-shadow:0 0 0 4px rgba(34,211,238,.08)}.hint,.muted{color:var(--muted);line-height:1.8}.ticket-view{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.ticket-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-head small{display:block;color:var(--muted)}.ticket-head strong{font-size:22px}.badge{display:inline-flex;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;border:1px solid var(--line)}.badge.open{background:rgba(251,191,36,.12);color:#fde68a}.badge.answered{background:rgba(52,211,153,.12);color:#a7f3d0}.badge.pending{background:rgba(34,211,238,.12);color:#a5f3fc}.badge.closed{background:rgba(148,163,184,.12);color:#cbd5e1}.message-box{padding:16px;border-radius:20px;margin:12px 0;border:1px solid var(--line);line-height:1.8}.message-box.customer{background:rgba(255,255,255,.06)}.message-box.admin{background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.35)}.message-box small{color:var(--muted);font-weight:400}footer{text-align:center;color:var(--muted);padding:35px 0;border-top:1px solid var(--line)}@media(max-width:900px){.topbar{align-items:flex-start;gap:12px;flex-direction:column}.hero,.layout,.cards-3{grid-template-columns:1fr}.hero{padding-top:34px}.grid-2{grid-template-columns:1fr}.topbar nav{width:100%;overflow:auto}.hero-card{min-height:auto}.panel{padding:18px}.shell{width:min(100% - 24px,1180px)}}
\n
/* AM ticket custom hero cleanup START */
.hero {
    grid-template-columns: 1fr !important;
}

.hero-copy {
    max-width: 980px !important;
}

.hero-card {
    display: none !important;
}
/* AM ticket custom hero cleanup END */
\n
/* AM Ticket global Arabic font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

html,
body,
button,
input,
textarea,
select,
a,
p,
span,
small,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
label,
option {
    font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body {
    font-weight: 500;
}

h1,
h2,
h3,
.brand strong,
.btn {
    font-weight: 800 !important;
}

input,
textarea,
select {
    font-weight: 600 !important;
}


.hero h1 {
    font-weight: 900 !important;
    letter-spacing: -1px;
}

.hero p,
.mini-card p,
.hint {
    font-weight: 600 !important;
    line-height: 1.9;
}


/* AM Ticket forced global font */
*,
*::before,
*::after {
    font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

html,
body {
    font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-weight: 500 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand strong,
.btn,
button {
    font-family: "Cairo", system-ui, sans-serif !important;
    font-weight: 800 !important;
}

.hero h1 {
    font-family: "Cairo", system-ui, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: -0.8px;
}

input,
textarea,
select,
label,
option {
    font-family: "Cairo", system-ui, sans-serif !important;
    font-weight: 600 !important;
}


/* AM Ticket forced global font */
*,
*::before,
*::after {
    font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

html,
body {
    font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-weight: 500 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand strong,
.btn,
button {
    font-family: "Cairo", system-ui, sans-serif !important;
    font-weight: 800 !important;
}

.hero h1 {
    font-family: "Cairo", system-ui, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: -0.8px;
}

input,
textarea,
select,
label,
option {
    font-family: "Cairo", system-ui, sans-serif !important;
    font-weight: 600 !important;
}