: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))}@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}:root{--bottom-nav-h: 62px;--app-bar-h: 52px;--page-bg: linear-gradient(to bottom, #0B1220, #0D1526, #111B2E)}.mobile-shell{display:flex;flex-direction:column;height:var(--app-h);background:var(--page-bg);overflow:hidden}.app-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(var(--app-bar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;background:#0b1220db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.app-bar__title{font-weight:800;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-scroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 8px)}.mobile-scroll>.fills{flex:1;min-height:0;display:flex;flex-direction:column}.bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:60;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0d1526f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);box-shadow:0 -8px 28px -12px #000000b3}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.625rem;font-weight:600;cursor:pointer;padding:6px 2px;position:relative;transition:color .16s ease;-webkit-tap-highlight-color:transparent}.bottom-nav__item.is-active{color:var(--gold)}.bottom-nav__item.is-active:before{content:"";position:absolute;top:0;inset-inline:22%;height:2px;border-radius:0 0 3px 3px;background:var(--gold);box-shadow:0 0 12px #d1a33be6}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.bottom-nav__item.is-active .bottom-nav__icon{transform:translateY(-1px) scale(1.06)}.bottom-nav__item:active .bottom-nav__icon{transform:scale(.9)}.bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:flex-end;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}.sheet{width:100%;max-height:80vh;overflow-y:auto;background:var(--surface);border-top:1px solid rgba(209,163,59,.35);border-radius:24px 24px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px -20px #000c;animation:sheet-up .26s cubic-bezier(.22,1,.36,1)}.sheet__grabber{width:38px;height:4px;border-radius:999px;background:var(--border-strong);margin:4px auto 14px}.sheet__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:10px}.sheet__items{display:flex;flex-direction:column;gap:4px}.sheet__item{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 14px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--text);font-family:var(--font-body);font-size:.9375rem;font-weight:600;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.sheet__item:active{background:var(--surface2)}.sheet__item.is-active{color:var(--gold);border-color:#d1a33b66;background:#d1a33b14}.sheet__item--danger{color:var(--danger)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.sheet,.sheet-backdrop{animation:none}.bottom-nav__icon{transition:none}}@media (hover: none){.case-card:hover{transform:none;background-color:var(--surface)!important}.btn:hover:not(:disabled){transform:none}.nav-item:hover:not(.nav-item--active){background:transparent;color:var(--text)}}*{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}@media (max-width: 767px){.page{padding:12px 12px 4px}.page>*+*{margin-top:12px}.panel{border-radius:20px}h2{font-size:1.1rem}h3{font-size:.9375rem}.section-title{font-weight:800;font-size:.9375rem;margin:4px 2px 10px}}.chat-screen{display:flex;flex-direction:column;min-height:0;flex:1}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.chat-composer{flex-shrink:0;display:flex;gap:8px;align-items:flex-end;padding-top:10px}@media (max-width: 767px){.chat-bubble{max-width:92%!important}.chat-composer textarea{max-height:120px}}.case-screen__mobile{display:flex;flex-direction:column;height:100%;min-height:0;gap:10px}.case-screen__panel{flex:1;min-height:0;display:flex;flex-direction:column}.case-screen__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:8px}.segmented{flex-shrink:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:#0b122099;border:1px solid var(--border);border-radius:16px}.segmented__item{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 8px;border:none;border-radius:12px;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background .18s ease,color .18s ease}.segmented__item.is-active{background:linear-gradient(180deg,#d1a33b38,#d1a33b1a);color:var(--gold);box-shadow:inset 0 1px #ffffff12,0 2px 10px -4px #d1a33b99}.segmented__item:active{transform:scale(.97)}.segmented__item span{overflow:hidden;text-overflow:ellipsis}.segmented__badge{min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--gold);color:var(--dark-action-text);font-size:.625rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 329px){.segmented__item span{display:none}}.case-header{padding:14px 18px}@media (max-width: 767px){.case-header{padding:10px 12px}.segmented__item{font-size:.6875rem;gap:5px}}@media (max-width: 1023px){.page-title{display:none}}.stat-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-top:14px}.stat-strip__item{padding:12px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:16px;text-align:center}.stat-strip__label{font-size:.6875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-strip__value{font-weight:800;font-size:1.25rem;margin-top:2px}@media (min-width: 768px){.stat-strip{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;margin-top:18px}.stat-strip__item{padding:14px;text-align:start;border-radius:18px}.stat-strip__label{font-size:.75rem}.stat-strip__value{font-size:1.5rem;margin-top:6px}}.cases-toolbar{padding:16px}@media (max-width: 767px){.cases-toolbar{padding:10px}}@media (max-width: 767px){.cases-toolbar>div{flex-wrap:nowrap}.cases-toolbar .btn{flex-shrink:0;padding:12px;min-width:46px}}.attachment-card{display:flex;align-items:center;gap:12px;max-width:min(78%,460px);padding:10px 12px;border-radius:16px;border:1px solid rgba(209,163,59,.35);background:linear-gradient(180deg,#d1a33b1f,#d1a33b0d);color:var(--text);font-family:var(--font-body);direction:rtl;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .18s ease,background .18s ease}.attachment-card:hover{border-color:#d1a33b99}.attachment-card__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:#d1a33b29;color:var(--gold)}.attachment-card__body{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.attachment-card__name{font-weight:700;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card__meta{font-size:.6875rem;color:var(--muted)}@media (max-width: 767px){.attachment-card{max-width:92%}}