@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&display=swap";:root{--primary-color:#00d2ff;--secondary-color:#3a7bd5;--primary-glow:#00d2ff59;--bg-dark:#090d16;--bg-card:#121929bf;--bg-sidebar:#0d1320d9;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff14;--glass-shadow:0 16px 40px 0 #00000080;--card-radius:20px;--input-bg:#0a101cb3;--tr-hover-bg:#1e293bcc}[data-mode=light]{--bg-dark:#f8fafc;--bg-card:#ffffffd9;--bg-sidebar:#fffffff2;--text-main:#0f172a;--text-muted:#64748b;--glass-border:#00000014;--glass-shadow:0 12px 32px 0 #0000000d;--input-bg:#f1f5f9e6;--tr-hover-bg:#f1f5f9e6}[data-theme=cyan]{--primary-color:#00d2ff;--secondary-color:#3a7bd5;--primary-glow:#00d2ff66}[data-theme=emerald]{--primary-color:#10b981;--secondary-color:#059669;--primary-glow:#10b98166}[data-theme=purple]{--primary-color:#a855f7;--secondary-color:#6366f1;--primary-glow:#a855f766}[data-theme=amber]{--primary-color:#f59e0b;--secondary-color:#d97706;--primary-glow:#f59e0b66}[data-theme=rose]{--primary-color:#f43f5e;--secondary-color:#e11d48;--primary-glow:#f43f5e66}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif}body{background:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%, var(--primary-glow), transparent 30%), radial-gradient(circle at 90% 80%, #3a7bd51f, transparent 35%);color:var(--text-main);min-height:100vh;transition:background .4s,color .4s;overflow-x:hidden}[dir=ltr]{direction:ltr}[dir=rtl]{direction:rtl}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#80808033;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#80808033}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 20px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow);filter:brightness(1.08);transform:translateY(-2px)}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;padding:8px 16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ef444433}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}input,select,textarea{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:12px;outline:none;width:100%;padding:12px 18px;font-size:14px;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 15px var(--primary-glow)}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;gap:20px;width:280px;height:100vh;padding:28px 20px;transition:background .4s;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid var(--glass-border);align-items:center;gap:14px;padding:0 10px 20px;font-size:22px;font-weight:800;display:flex}.sidebar-logo .logo-icon{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;width:44px;height:44px;box-shadow:0 6px 20px var(--primary-glow);border-radius:14px;justify-content:center;align-items:center;transition:transform .5s;display:flex}.logo-text{background:linear-gradient(135deg, var(--text-main) 30%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:10px 12px 4px;font-size:11px;font-weight:700}.nav-link{color:var(--text-muted);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:var(--text-main);background:#80808014}.nav-link.active{color:var(--primary-color);background:linear-gradient(135deg,#00d2ff26 0%,#3a7bd51a 100%);border:1px solid #00d2ff40;box-shadow:0 4px 20px #0000000d}.main-content{flex:1;padding:32px 40px;overflow-y:auto}.top-header{justify-content:space-between;align-items:center;margin-bottom:36px;padding:18px 28px;display:flex}.header-title h1{font-size:26px;font-weight:800}.header-title p{color:var(--text-muted);margin-top:2px;font-size:13px}.header-actions{align-items:center;gap:12px;display:flex}.control-pill{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:30px;align-items:center;gap:8px;padding:6px 12px;display:flex}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.toggle-btn:hover,.toggle-btn.active{background:var(--primary-color);color:#000;box-shadow:0 2px 10px var(--primary-glow)}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:transform .2s,border-color .2s}.theme-dot:hover,.theme-dot.active{border-color:var(--text-main);transform:scale(1.25)}.theme-dot.cyan{background:#00d2ff}.theme-dot.emerald{background:#10b981}.theme-dot.purple{background:#a855f7}.theme-dot.amber{background:#f59e0b}.theme-dot.rose{background:#f43f5e}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:36px;display:grid}.stat-card{align-items:center;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(to bottom, var(--primary-color), var(--secondary-color));width:4px;height:100%;position:absolute;top:0;left:0}.stat-card .icon-wrapper{width:60px;height:60px;color:var(--primary-color);background:#00d2ff14;border:1px solid #00d2ff26;border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex}.stat-card h3{color:var(--text-main);margin-top:4px;font-size:32px;font-weight:800}.table-container{overflow-x:auto}table{border-collapse:separate;border-spacing:0 8px;width:100%;margin-top:16px}th{color:var(--text-muted);text-transform:uppercase;padding:16px 20px;font-size:13px;font-weight:700}[dir=rtl] th{text-align:right}[dir=ltr] th{text-align:left}tbody tr{background:var(--input-bg);transition:transform .2s,background .2s}tbody tr:hover{background:var(--tr-hover-bg);transform:scale(1.004)}td{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:18px 20px;font-size:14px}[dir=rtl] td:first-child{border-right:1px solid var(--glass-border);border-top-right-radius:14px;border-bottom-right-radius:14px}[dir=rtl] td:last-child,[dir=ltr] td:first-child{border-left:1px solid var(--glass-border);border-top-left-radius:14px;border-bottom-left-radius:14px}[dir=ltr] td:last-child{border-right:1px solid var(--glass-border);border-top-right-radius:14px;border-bottom-right-radius:14px}.badge{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.badge-warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.badge-info{color:#00d2ff;background:#00d2ff26;border:1px solid #00d2ff4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInUp}