: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);direction:rtl;min-height:100vh;line-height:1.6}#root{min-height:100vh;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:var(--white-action);color:var(--dark-action-text)}.btn-filled:hover:not(:disabled){background:#e8eaf0;transform:translateY(-1px)}.btn-gold{background:var(--gold);color:var(--dark-action-text)}.btn-gold:hover:not(:disabled){background:#c4962f;transform:translateY(-1px)}.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)}.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{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 16px 24px #0003}.panel--highlighted{background:var(--surface2);border-color:#d1a33b66}.panel--no-shadow{box-shadow:none}.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 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}.case-card{transition:all .18s ease;cursor:pointer}.case-card:hover{background:var(--surface2)!important;border-color:#d1a33b66!important;box-shadow:0 16px 26px #00000047!important;transform:translateY(-2px)}.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}}