:root{--ink: #10202f;--primary: #1a1712;--primary-light: #b8860b;--primary-gradient: linear-gradient(135deg, #dfa64c, #1a1712);--accent: #dfa64c;--accent-soft: #f2d9a8;--bg: #f1f5f9;--surface: #ffffff;--sidebar-bg: #0f172a;--border: #e4e0d6;--text: #1c2b34;--text-muted: #6b7a82;--danger: #c0503e;--success: #3f7d5c;--success-bg: #dcfce7;--success-text: #15803d;--info-bg: #eff6ff;--info-text: #2563eb;--warning-bg: #fef9c3;--warning-text: #a16207;--danger-bg: #fee2e2;--danger-text: #b91c1c;--font-display: "Cairo", "Segoe UI", Tahoma, sans-serif;--font-body: "Cairo", "Segoe UI", Tahoma, sans-serif;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 32, 47, .05), 0 1px 1px rgba(16, 32, 47, .03);--shadow-md: 0 2px 6px rgba(16, 32, 47, .06), 0 14px 28px rgba(16, 32, 47, .12);--btn-padding-y: 10px;--btn-padding-x: 20px;--input-padding-y: 12px;--input-padding-x: 14px;--spacing-card: 16px;--spacing-table-cell: 8px 10px;--spacing-section: 12px}[data-animations=off] *,[data-animations=off] *:before,[data-animations=off] *:after{animation:none!important;transition:none!important}[data-theme=dark]{--ink: #eef2f4;--bg: #0e1a24;--surface: #142230;--sidebar-bg: #0a1420;--border: #223342;--text: #eef2f4;--text-muted: #9db0ba;--success-bg: #14532d;--success-text: #86efac;--info-bg: #1e3a8a;--info-text: #93c5fd;--warning-bg: #713f12;--warning-text: #fde047;--danger-bg: #7f1d1d;--danger-text: #fca5a5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .22), 0 1px 1px rgba(0, 0, 0, .14);--shadow-md: 0 2px 6px rgba(0, 0, 0, .28), 0 16px 32px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .5s ease,color .5s ease}.card,.btn,.input,header,aside{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .2s ease}h1,h2,h3,h4{font-family:var(--font-display);margin:0}button{font-family:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--radius-pill);border:1px solid rgba(59,130,246,.25);background:#3b82f60f;color:var(--text);font-weight:700;font-size:14.5px;white-space:nowrap;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.btn:hover{border-color:#3b82f68c;box-shadow:0 0 14px #3b82f64d}.btn:active{transform:translateY(1px)}.icon-btn:hover{border-color:#3b82f68c!important;box-shadow:0 0 12px #3b82f666}*{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.45) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#3b82f673;border-radius:999px;box-shadow:0 0 6px #3b82f68c;transition:background-color .2s ease,box-shadow .2s ease}*::-webkit-scrollbar-thumb:hover{background:#3b82f6d9;box-shadow:0 0 14px #60a5fae6}*::-webkit-scrollbar-thumb:active{background:#60a5fa;box-shadow:0 0 20px #60a5fa}.sidebar-nav{scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}@keyframes headerSweep{0%{left:-240px}50%{left:100%}to{left:-240px}}.header-sweep{position:absolute;top:0;bottom:0;width:240px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.45),transparent);filter:blur(12px);pointer-events:none;animation:headerSweep 7s ease-in-out infinite}.btn-primary{background:radial-gradient(circle at 30% 30%,#60a5fa,#1d4ed8);border:1px solid rgba(147,197,253,.9);color:#fff;box-shadow:0 0 14px #3b82f68c}.btn-primary:hover{box-shadow:0 0 22px #3b82f6cc;filter:brightness(1.05)}.btn-primary:disabled{filter:grayscale(.4) brightness(.85);box-shadow:none;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.btn-accent{background:radial-gradient(circle at 30% 30%,#60a5fa,#1d4ed8);border:1px solid rgba(147,197,253,.9);color:#fff;box-shadow:0 0 14px #3b82f68c}.input{width:100%;padding:var(--input-padding-y) var(--input-padding-x);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-family:var(--font-body)}.input:focus{outline:2px solid var(--primary-light);outline-offset:1px}.row-hover:hover{background:#3b82f60d}.card{background:var(--surface);border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .15s ease-out}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}::selection{background:var(--accent-soft)}@media print{.print-hide{display:none!important}aside,header{display:none!important}:root,[data-theme=dark]{--bg: #ffffff;--surface: #ffffff;--text: #111827;--text-muted: #4b5563;--border: #d1d5db}body,.card{background:#fff!important;box-shadow:none!important}}