:root{--bg: #0B1220;--bg2: #111B2E;--surface: #121B2B;--surface2: #162033;--surface3: #1A2740;--border: #28334B;--border-strong: #39496A;--gold: #D1A33B;--gold-soft: rgba(209,163,59,.2);--text: #F5F7FB;--muted: #9AA7BD;--white-action: #F7F8FB;--dark-action-text: #111827;--success: #4DB6AC;--danger: #E57373;--font-display: "Noto Kufi Arabic", sans-serif;--font-body: "IBM Plex Sans Arabic", sans-serif;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 22px;--radius-xl: 24px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.6;overflow-x:hidden}:root{--app-h: 100vh}@supports (height: 100dvh){:root{--app-h: 100dvh}}#root{min-height:var(--app-h);display:flex;flex-direction:column}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}input,textarea,select{font-family:var(--font-body);font-size:.9375rem;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d1a33b1f}input::placeholder,textarea::placeholder{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:700;font-size:.875rem;cursor:pointer;border:none;transition:all .18s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-filled{background:linear-gradient(180deg,#ffffff,var(--white-action));color:var(--dark-action-text);box-shadow:0 6px 16px -8px #0000008c}.btn-filled:hover:not(:disabled){background:linear-gradient(180deg,var(--white-action),#e8eaf0);transform:translateY(-1px);box-shadow:0 10px 22px -10px #0009}.btn-gold{background:linear-gradient(180deg,#E7C05A,var(--gold));color:var(--dark-action-text);box-shadow:0 6px 18px -8px #d1a33bb3}.btn-gold:hover:not(:disabled){background:linear-gradient(180deg,var(--gold),#c4962f);transform:translateY(-1px);box-shadow:0 12px 26px -10px #d1a33bd9}.btn-outlined{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-outlined:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:#d1a33b12}.btn:focus-visible,.btn-icon:focus-visible{outline:2px solid rgba(209,163,59,.7);outline-offset:2px}.btn-text{background:transparent;color:var(--gold);padding:8px 12px}.btn-text:hover:not(:disabled){background:var(--gold-soft)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover:not(:disabled){background:#e573731a}.btn-icon{padding:8px;border-radius:12px;background:transparent;color:var(--text);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon:hover{background:#ffffff0f}.panel{position:relative;background-image:radial-gradient(140% 100% at 100% 0%,#d1a33b1c,#d1a33b0a 30%,#d1a33b00 62%);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:inset 0 1px #ffffff0b,0 18px 34px -14px #0009,0 8px 28px -14px #d1a33b47;transition:box-shadow .22s ease,border-color .22s ease}.panel--highlighted{background-image:radial-gradient(140% 100% at 100% 0%,#d1a33b2b,#d1a33b0f 34%,#d1a33b00 66%);border-color:#d1a33b66;box-shadow:inset 0 1px #ffffff0f,0 20px 38px -14px #0000009e,0 10px 34px -12px #d1a33b66}.panel--highlighted:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(209,163,59,.55),transparent);pointer-events:none}.panel--no-shadow{box-shadow:none}.nav-item{position:relative;background:transparent;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.nav-item:hover:not(.nav-item--active){background:#ffffff0a;color:var(--gold)}.nav-item--active{background:linear-gradient(90deg,rgba(209,163,59,.16),rgba(209,163,59,.05) 55%,transparent);box-shadow:inset 0 1px #ffffff0d}.nav-item--active:before{content:"";position:absolute;inset-inline-start:-14px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--gold);box-shadow:0 0 12px #d1a33bcc}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700}.badge--gold{background:var(--gold-soft);color:var(--gold);border:1px solid rgba(209,163,59,.4)}.badge--muted{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.badge--archived{background:#39496a21;color:var(--muted);border:1px solid var(--border-strong)}.info-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;color:var(--text)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.8125rem;color:var(--muted);font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-gold{color:var(--gold)}.text-muted{color:var(--muted)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.95)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:32px;height:32px}.stream-caret{display:inline-block;width:2px;height:1em;margin-inline-start:3px;vertical-align:text-bottom;background:var(--gold);animation:caret-blink 1s step-end infinite}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.case-card{position:relative;background-image:radial-gradient(130% 100% at 100% 0%,#d1a33b1a,#d1a33b09,#d1a33b00 64%);box-shadow:inset 0 1px #ffffff0a,0 14px 26px -14px #0000008c,0 6px 22px -14px #d1a33b40;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease;cursor:pointer}.case-card:hover{background-color:var(--surface2)!important;border-color:#d1a33b73!important;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff12,0 22px 40px -16px #000000a6,0 14px 40px -14px #d1a33b80!important}.case-card:active{transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.case-card,.panel,.btn{transition:none}.case-card:hover{transform:none}}.dashboard-composer{display:flex;gap:8px;align-items:flex-end;background:var(--surface2);border-radius:18px;border:1px solid var(--border);padding:8px 10px}@media (max-width: 520px){.dashboard-composer{flex-direction:column;align-items:stretch}.dashboard-composer__send{width:100%}}@media (max-width: 600px){.hide-mobile{display:none!important}.responsive-grid{grid-template-columns:1fr!important}}@media (min-width: 601px){.show-mobile-only{display:none!important}}html,body{max-width:100%}@media (max-width: 768px){input,textarea,select{font-size:16px;padding:12px 14px}.btn{padding:13px 16px;min-height:44px}.btn-icon{min-width:44px;min-height:44px;padding:10px}.panel{border-radius:18px}.case-card{border-radius:18px!important}.case-card:hover{transform:none}.badge{padding:5px 10px;font-size:.7rem}.info-chip{padding:6px 10px;font-size:.75rem}.responsive-grid{grid-template-columns:1fr!important}h2{font-size:1.15rem}h3{font-size:1rem}h4{font-size:.9375rem}}@media (max-width: 480px){.btn{font-size:.8125rem;padding:12px 14px}.panel{border-radius:16px}}.safe-bottom{padding-bottom:max(14px,env(safe-area-inset-bottom))}.safe-top{padding-top:max(10px,env(safe-area-inset-top))}.app-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#0b1220eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s ease}.drawer-panel{width:min(300px,86vw);height:100%;overflow-y:auto;background:var(--surface);box-shadow:0 0 60px #0009;animation:drawer-in .22s cubic-bezier(.22,1,.36,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(var(--drawer-from, 100%))}to{transform:translate(0)}}[dir=rtl] .drawer-panel{--drawer-from: 100%}[dir=ltr] .drawer-panel{--drawer-from: -100%}@media (prefers-reduced-motion: reduce){.drawer-overlay,.drawer-panel{animation:none}}@media (max-width: 768px){.chat-bubble{max-width:92%!important}}.chat-surface{position:relative;background-image:radial-gradient(120% 70% at 50% 0%,#d1a33b29,#d1a33b0f,#d1a33b00 68%),radial-gradient(90% 55% at 50% 100%,#d1a33b17,#d1a33b00 62%);box-shadow:inset 0 1px #ffffff0d,inset 0 0 90px -30px #d1a33b73,0 18px 40px -18px #0009,0 10px 40px -16px #d1a33b59}