@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Kufi+Arabic:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#cea26e;--color-primary-dk:#b88d55;--color-bg:#0f0f0f;--color-surface-1:#1a1a1a;--color-surface-2:#242424;--color-surface-3:#2e2e2e;--color-border:#ffffff14;--color-border-gold:#cea26e33;--color-text-1:#f5f5f5;--color-text-2:#a0a0a0;--color-text-muted:#606060;--color-success:#22c55e;--color-success-bg:#22c55e1f;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--color-danger:#ef4444;--color-danger-bg:#ef44441f;--color-info:#3b82f6;--color-info-bg:#3b82f61f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-en:"Inter", system-ui, sans-serif;--font-ar:"Noto Kufi Arabic", system-ui, sans-serif;--sidebar-width:260px;--header-height:56px;--bottom-nav-height:64px;--transition-fast:.1s ease-out;--transition-normal:.15s ease-out;--transition-slow:.2s ease-out;--transition-page:.25s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-text-1);font-family:var(--font-en);min-height:100vh;font-size:14px;line-height:1.5}[dir=rtl] body{font-family:var(--font-ar)}.text-display{font-size:28px;font-weight:700;line-height:1.2}.text-heading{font-size:20px;font-weight:600;line-height:1.3}.text-subheading{font-size:16px;font-weight:600;line-height:1.4}.text-body{font-size:14px;font-weight:400;line-height:1.5}.text-small{font-size:12px;font-weight:400;line-height:1.4}.text-micro{font-size:10px;font-weight:500;line-height:1.4}.text-primary{color:var(--color-text-1)}.text-secondary{color:var(--color-text-2)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#1a1a1acc}.glass-card-elevated{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#242424e6;border:1px solid #cea26e26;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff05}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes progressBar{0%{width:0}}.shake{animation:.5s ease-in-out shake}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-fade{animation:.2s ease-out fadeIn}.animate-slide-up{animation:.2s ease-out slideInUp}.animate-scale{animation:.2s ease-out scaleIn}.animate-blink{animation:1.5s ease-in-out infinite blink}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:#cea26e4d transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff2e padding-box padding-box;border:1px solid #0000;border-radius:9999px;transition:background .15s}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}.grid-cards{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-cards-3{grid-template-columns:repeat(3,1fr)}.grid-cards-4{grid-template-columns:repeat(4,1fr)}}.dashboard-main{padding:16px;padding-top:calc(var(--header-height) + 16px);padding-bottom:calc(var(--bottom-nav-height) + 16px)}@media (min-width:1024px){.dashboard-main{margin-inline-start:var(--sidebar-width);padding:24px}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:inherit;text-decoration:none}hr{border:none;border-top:1px solid var(--color-border)}.skeleton{background:var(--color-surface-3);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite pulse}input,textarea,select{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-1);width:100%;transition:border-color var(--transition-normal);font-family:inherit;font-size:14px}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none}@media print{body{color:#000;background:#fff}.no-print{display:none!important}.glass-card,.glass-card-elevated{box-shadow:none;background:#fff;border:1px solid #e0e0e0}}[dir=rtl] .sidebar{left:auto;right:0}[dir=rtl] .sidebar-active-indicator{border-left:none;border-right:2px solid var(--color-primary)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}@media (max-width:640px){.toast-container{width:calc(100vw - 32px);max-width:360px;right:50%;transform:translate(50%)}}[dir=rtl] .toast-container{left:16px;right:auto}.backdrop{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0009;animation:.2s ease-out fadeIn;position:fixed;inset:0}.gold-gradient{background:linear-gradient(135deg,#cea26e 0%,#b88d55 50%,#a07840 100%)}.gold-gradient-text{background:linear-gradient(135deg,#cea26e,#f0c88a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scroll-x{scrollbar-width:thin;-webkit-overflow-scrolling:touch;overflow-x:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.overdue-blink{animation:1.5s ease-in-out infinite blink}img{max-width:100%;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--color-border);padding:10px 12px}th{color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}