:root{--accent-50: #f0f9ff;--accent-100: #e0f2fe;--accent-200: #bae6fd;--accent-400: #38bdf8;--accent-500: #0ea5e9;--accent-600: #0284c7;--accent-700: #0369a1;--accent-fg: #ffffff;--bg: #f6f8fb;--bg-elev: #ffffff;--bg-sunken: #eef2f7;--bg-hover: #f1f5f9;--card: #ffffff;--border: #e3e8ef;--border-soft: #eef2f7;--text: #0f172a;--text-soft: #475569;--text-muted: #94a3b8;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 1px rgba(15,23,42,.04);--shadow: 0 4px 16px rgba(15,23,42,.08);--shadow-lg: 0 12px 40px rgba(15,23,42,.16);--radius: 14px;--radius-sm: 9px;--radius-lg: 20px;--sidebar-w: 256px;--sidebar-collapsed-w: 76px;--header-h: 64px;--font: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif}html.dark{--bg: #0b1120;--bg-elev: #111a2e;--bg-sunken: #0d1424;--bg-hover: #1a2440;--card: #111a2e;--border: #243049;--border-soft: #1a2338;--text: #e8eef7;--text-soft: #aab6cc;--text-muted: #64748b;--success-bg: #052e23;--warning-bg: #2e2305;--danger-bg: #2e0d0d;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 6px 24px rgba(0,0,0,.45);--shadow-lg: 0 16px 50px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-600);color:var(--accent-fg);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-700);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-ghost{background:var(--bg-elev);color:var(--text-soft);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-icon{padding:8px;border-radius:var(--radius-sm)}.input{width:100%;padding:9px 12px;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-100)}html.dark .input:focus{box-shadow:0 0 0 3px #0ea5e926}.label{display:block;font-size:12.5px;font-weight:600;color:var(--text-soft);margin-bottom:6px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-accent{background:var(--accent-100);color:var(--accent-700)}html.dark .badge-accent{background:var(--accent-100);color:var(--accent-400)}.badge-muted{background:var(--bg-sunken);color:var(--text-muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#080c168c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .15s ease}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto;animation:pop .2s cubic-bezier(.16,1,.3,1)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(8px)}}@keyframes slideup{0%{transform:translateY(100%)}}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--accent-200);border-top-color:var(--accent-600);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--bg-hover) 50%,var(--bg-sunken) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}