@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg: #0D1117;--bg2: #161C2D;--bg3: #0B1120;--bg4: #080C18;--card: #161C2D;--bord: #1F2D45;--bord2: #17253E;--txt: #F1F5F9;--txt2: #94A3B8;--txt3: #7A8DAA;--input-bg: #0A0E1A;--hover: rgba(255,255,255,.02);--sidebar: #0D1117;--green: #10B981;--blue: #3B82F6;--red: #EF4444;--amber: #F59E0B;--purple: #8B5CF6;--gray: #5A6E8A;--shadow: 0 2px 8px rgba(0,0,0,.3);--radius: 8px;--radius-lg: 12px;--font: "Cairo", "Outfit", -apple-system, sans-serif}[data-theme=light]{--bg: #F0F2F5;--bg2: #FFFFFF;--bg3: #E5E7EB;--bg4: #F8FAFC;--card: #FFFFFF;--bord: #D1D5DB;--bord2: #E5E7EB;--txt: #111827;--txt2: #6B7280;--txt3: #9CA3AF;--input-bg: #F0F2F5;--hover: rgba(0,0,0,.02);--sidebar: #1E293B;--shadow: 0 2px 8px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s ease,color .2s ease}input,select,button,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64748b80}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.page-enter{animation:fadeUp .3s ease}.ni{transition:all .15s ease}.ni:hover{background:var(--hover)!important;transform:translate(-2px)}[dir=ltr] .ni:hover{transform:translate(2px)}.tr{transition:background .15s ease}.tr:hover{background:var(--hover)!important}.bp{transition:all .2s ease}.bp:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.bp:active{transform:translateY(0)}.tb{transition:all .15s ease}.tb:hover{background:#3b82f60f!important}.sp{animation:pulse 1.4s ease infinite}.shimmer{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.06) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loader{animation:spin .8s linear infinite;display:inline-block}.count-up{animation:countUp .4s ease}.card{background:var(--card);border:1px solid var(--bord);border-radius:var(--radius-lg);transition:background .2s,border .2s}.card:hover{border-color:var(--bord2)}.input-base{background:var(--input-bg);border:1px solid var(--bord);border-radius:var(--radius);padding:10px 14px;color:var(--txt);font-size:13px;transition:border .2s,background .2s}.input-base:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.label{font-size:11.5px;color:var(--txt2);display:block;margin-bottom:5px}.badge{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600;display:inline-block}.badge-green{background:#10b9811f;color:#10b981}.badge-blue{background:#3b82f61f;color:#3b82f6}.badge-amber{background:#f59e0b1f;color:#f59e0b}.badge-red{background:#ef44441f;color:#ef4444}.badge-purple{background:#8b5cf61f;color:#8b5cf6}.badge-gray{background:#5a6e8a1f;color:#5a6e8a}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--bord)}th{padding:10px 13px;text-align:start;font-size:11px;color:var(--txt2);font-weight:600;white-space:nowrap}td{padding:11px 13px;font-size:12px;vertical-align:middle}[dir=rtl] th{text-align:right}.kpi-value{animation:countUp .5s ease}.kpi-card{transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.progress-track{background:var(--bg3);border-radius:4px;height:7px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .6s ease}::selection{background:#4f6ef740;color:inherit}input:focus,select:focus,textarea:focus{border-color:#4f6ef780!important;box-shadow:0 0 0 3px #4f6ef71a}button{cursor:pointer;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}button:active:not(:disabled){transform:scale(.97)}.tab-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--bord);background:transparent;color:var(--txt2);font-size:11px;font-weight:400;cursor:pointer;transition:all .15s}.tab-btn.active{border-color:var(--blue);background:#3b82f61f;color:var(--blue);font-weight:700}.tab-btn:hover:not(.active){background:var(--hover)}.filter-btn{padding:8px 13px;border-radius:8px;border:1px solid var(--bord);background:transparent;color:var(--txt2);font-size:11px;cursor:pointer;transition:all .15s}.filter-btn.active{border-color:var(--green);background:#10b9811f;color:var(--green);font-weight:700}.empty-state{padding:40px 20px;text-align:center;color:var(--txt2);font-size:13px}.loading{text-align:center;padding:40px;color:var(--txt2);font-size:14px}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:1024px){.hide-tablet{display:none!important}.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.hide-mobile{display:none!important}.mobile-full,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.mobile-stack{flex-direction:column!important}.mobile-sidebar{transform:translate(100%);transition:transform .3s ease}.mobile-sidebar.open{transform:translate(0)}td,th{padding:8px 10px!important;font-size:11px!important}.kpi-card{padding:10px 12px!important}}@media(max-width:480px){.hide-small{display:none!important}}@media print{nav,button,.no-print{display:none!important}*{background:#fff!important;color:#000!important;box-shadow:none!important}table{border:1px solid #ccc}th,td{border:1px solid #ddd;padding:6px 8px!important}}.export-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;border:1px solid var(--bord);background:transparent;color:var(--txt2);font-size:11px;cursor:pointer;transition:all .15s}.export-btn:hover{background:#3b82f614;border-color:var(--blue);color:var(--blue)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:#1e293b;color:#f1f5f9;font-size:10px;border-radius:4px;white-space:nowrap;z-index:999;animation:fadeDown .15s ease}