:root{--primary-50: #e7f7f0;--primary-100: #c5ecdb;--primary-300: #5fc99e;--primary-400: #2eb382;--primary: #0e9f6e;--primary-600: #0b8159;--primary-700: #0a6647;--ink-500: #2e4366;--ink-600: #1e3052;--ink-700: #142440;--ink-800: #0b1f3a;--ink-900: #07142a;--amber-300: #f7be53;--amber: #f5a524;--amber-600: #b86f07;--n-0: #ffffff;--n-50: #f7f8fa;--n-100: #edeff3;--n-200: #dde1e8;--n-300: #c2c8d4;--n-400: #9aa3b2;--n-500: #727c8c;--n-600: #525b69;--n-700: #3b4350;--n-800: #262c36;--error: #e5484d;--success: #0e9f6e;--canvas: #f6f7f4;--surface: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--shadow-sm: 0 1px 2px rgba(11, 31, 58, .06);--shadow-md: 0 6px 20px rgba(11, 31, 58, .08);--shadow-lg: 0 18px 48px rgba(11, 31, 58, .16);--font-display: "Clash Display", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body: "Satoshi", "IBM Plex Sans Arabic", system-ui, sans-serif;--sidebar-w: 264px}:root[dir=rtl]{--font-display: "IBM Plex Sans Arabic", "Clash Display", system-ui, sans-serif;--font-body: "IBM Plex Sans Arabic", "Satoshi", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--canvas);color:var(--ink-800);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.1}button,input,select{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--primary-100);color:var(--ink-800)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:999px;border:3px solid var(--canvas)}.bh-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.025;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-md);padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-600);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--ink-700);border-color:var(--n-200)}.btn-ghost:hover:not(:disabled){background:var(--n-50);border-color:var(--n-300)}.btn-danger{background:#fff;color:var(--error);border-color:#f3c6c7}.btn-danger:hover:not(:disabled){background:#fdecec}.btn-sm{padding:7px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--n-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat{position:relative;overflow:hidden;padding:22px 24px}.stat:after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:140px;height:140px;background:radial-gradient(circle,var(--primary-100),transparent 70%);opacity:.7}.stat-label{font-size:13px;color:var(--n-500);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-family:var(--font-display);font-size:34px;font-weight:600;margin-top:6px;color:var(--ink-800)}.stat-accent .stat-value{color:var(--primary-600)}.stat-amber:after{background:radial-gradient(circle,#fde7c2,transparent 70%)}.stat-amber .stat-value{color:var(--amber-600)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--ink-700)}.input{width:100%;padding:11px 14px;border:1px solid var(--n-200);border-radius:var(--radius-md);font-size:14px;background:var(--surface);color:var(--ink-800);transition:border-color .16s ease,box-shadow .16s ease}.input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 4px var(--primary-50)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}.badge-active{background:var(--primary-50);color:var(--primary-600)}.badge-suspended{background:#fdecec;color:var(--error)}.badge-open{background:#fef6e7;color:var(--amber-600)}.badge-settled{background:var(--n-100);color:var(--n-600)}.table{width:100%;border-collapse:collapse}.table th{text-align:start;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--n-500);font-weight:600;padding:14px 18px;border-bottom:1px solid var(--n-200)}.table td{padding:16px 18px;border-bottom:1px solid var(--n-100);font-size:14px;color:var(--ink-700)}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--n-50)}.table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07142a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-lg)}.modal h2{font-size:22px;margin-bottom:18px}.spinner{width:22px;height:22px;border:3px solid var(--n-200);border-top-color:var(--primary);border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--n-500)}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--ink-800);background-image:radial-gradient(120% 60% at 0% 0%,rgba(14,159,110,.22),transparent 60%),radial-gradient(80% 50% at 100% 100%,rgba(245,165,36,.1),transparent 55%);color:var(--n-100);padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:4px 10px 26px}.brand-mark{width:40px;height:40px;flex:none}.brand-name{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff;line-height:1}.brand-sub{font-size:11px;color:var(--primary-300);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);color:var(--n-300);font-weight:500;font-size:15px;transition:background .15s ease,color .15s ease}.nav a:hover{background:#ffffff0f;color:#fff}.nav a.active{background:#ffffff1a;color:#fff;box-shadow:inset 3px 0 0 var(--primary)}:root[dir=rtl] .nav a.active{box-shadow:inset -3px 0 0 var(--primary)}.nav svg{width:19px;height:19px;flex:none}.sidebar-foot{border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.admin-id{font-size:13px}.admin-id .name{color:#fff;font-weight:600}.admin-id .email{color:var(--n-400);font-size:12px}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid var(--n-200);background:#f6f7f4cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.page-title{font-size:26px}.content{padding:32px 36px 64px;max-width:1180px;width:100%}.lang-switch{display:inline-flex;background:var(--n-100);border-radius:999px;padding:3px}.lang-switch button{border:none;background:transparent;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--n-500);cursor:pointer;transition:all .15s ease}.lang-switch button.active{background:#fff;color:var(--ink-800);box-shadow:var(--shadow-sm)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h3{font-size:19px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.empty{padding:60px 20px;text-align:center;color:var(--n-500)}.credbox{background:var(--ink-900);color:#cfe9dd;font-family:var(--font-body);border-radius:var(--radius-md);padding:14px 16px;font-size:14px;margin-top:8px}.credbox b{color:#fff}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{background:var(--ink-800);background-image:radial-gradient(90% 80% at 10% 10%,rgba(14,159,110,.35),transparent 55%),radial-gradient(70% 60% at 100% 100%,rgba(245,165,36,.18),transparent 55%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:46px;line-height:1.05;max-width:9ch}.login-art .tagline{color:var(--primary-300);font-size:17px;margin-top:16px;max-width:34ch}.login-form-side{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:380px}.login-card h2{font-size:28px}.login-card p.sub{color:var(--n-500);margin:6px 0 26px}.form-error{background:#fdecec;color:var(--error);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:14px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.login-wrap{grid-template-columns:1fr}.login-art{display:none}}