:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #111827;--accent: #6366f1;--accent-hover: #4f46e5;--accent-soft: rgba(99, 102, 241, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .45);--transition: all .25s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{background:var(--bg-primary);color:var(--text-primary);display:flex;height:100vh;overflow:hidden}#root{display:flex;width:100%;height:100%}.sidebar{width:260px;background:linear-gradient(180deg,#0f172a,#111827);border-right:1px solid rgba(255,255,255,.05);padding:24px 18px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow-md);height:100%}.sidebar h2{font-size:20px;font-weight:600;letter-spacing:.5px;color:var(--accent)}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-decoration:none}.nav-item:hover{background:var(--accent-soft);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.nav-item svg{width:18px;height:18px;opacity:.8}.main{flex:1;padding:30px;overflow-y:auto;background:var(--bg-tertiary);display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.header h1{font-size:26px;font-weight:600}.search-bar{background:var(--bg-secondary);padding:10px 16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;width:260px;transition:var(--transition)}.search-bar input{background:transparent;border:none;outline:none;color:var(--text-primary);width:100%}.search-bar:focus-within{box-shadow:0 0 0 2px var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.card{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(255,255,255,.05)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card h3{font-size:16px;color:var(--text-secondary);margin-bottom:8px}.card .value{font-size:28px;font-weight:600}.panel{background:var(--bg-secondary);padding:24px;border-radius:var(--radius-lg);margin-top:24px;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.05)}.panel h4{margin-bottom:14px;font-size:18px}.button{padding:10px 18px;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.button-danger{background:var(--danger);color:#fff}.button-danger:hover{opacity:.85}.timer-box{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.timer-box .time{font-size:36px;font-weight:600;margin-top:10px}.streak{display:inline-flex;align-items:center;gap:8px;background:#f59e0b26;color:var(--warning);padding:6px 12px;border-radius:999px;font-size:14px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}@media(max-width:900px){.sidebar{width:80px}.sidebar h2,.nav-item span{display:none}}@media(max-width:600px){#root{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;justify-content:space-around;padding:12px}.main{padding:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSoft{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.animate-in{animation:fadeInUp .4s ease forwards}.glass{background:#ffffff0d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(99,102,241,.2),transparent 60%);opacity:0;transition:.4s}.metric-card:hover:after{opacity:1}.metric-trend{font-size:13px;margin-top:6px}.metric-trend.up{color:var(--success)}.metric-trend.down{color:var(--danger)}.tabs{display:flex;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}.tab{padding:10px 16px;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-secondary);transition:var(--transition)}.tab.active{background:var(--bg-secondary);color:var(--text-primary);border-bottom:2px solid var(--accent)}.tab:hover{color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:.3s}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:var(--bg-secondary);padding:30px;border-radius:var(--radius-lg);width:420px;max-width:90%;box-shadow:var(--shadow-lg);animation:fadeInUp .3s ease}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:2000}.toast{background:var(--bg-secondary);padding:14px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:260px;border-left:4px solid var(--accent);animation:fadeInUp .3s ease}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.toast.warning{border-color:var(--warning)}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26,#ffffff0d 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-md);height:16px}.skeleton.large{height:24px}.skeleton.circle{width:40px;height:40px;border-radius:50%}.toggle{position:relative;width:50px;height:26px}.toggle input{display:none}.slider{position:absolute;inset:0;background:var(--text-muted);border-radius:50px;cursor:pointer;transition:.3s}.slider:before{content:"";position:absolute;width:22px;height:22px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.3s}.toggle input:checked+.slider{background:var(--accent)}.toggle input:checked+.slider:before{transform:translate(24px)}.fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition)}.fab:hover{background:var(--accent-hover);transform:translateY(-4px)}.command-palette{position:fixed;top:15%;left:50%;transform:translate(-50%);width:600px;max-width:95%;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px;display:none;z-index:3000}.command-palette.active{display:block}.command-input{width:100%;padding:12px;border-radius:var(--radius-md);border:none;background:var(--bg-primary);color:var(--text-primary);margin-bottom:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;text-align:left}.table thead{background:var(--bg-primary)}.table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:var(--transition)}.table tbody tr:hover{background:#ffffff08}.progress{width:100%;height:8px;background:#ffffff14;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);width:60%;transition:width .4s ease}.dropdown{position:relative}.dropdown-menu{position:absolute;top:110%;right:0;background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:8px 0;min-width:160px;display:none}.dropdown.active .dropdown-menu{display:block}.dropdown-menu div{padding:10px 14px;cursor:pointer;transition:var(--transition)}.dropdown-menu div:hover{background:#ffffff0d}.badge{background:var(--danger);color:#fff;font-size:11px;padding:2px 6px;border-radius:999px;margin-left:6px}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item{justify-content:center}body,.card,.panel,.sidebar,.modal{transition:background .3s ease,color .3s ease}.footer{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-size:13px;text-align:center}:root{--bg-deep: #070b14;--bg-surface: rgba(255, 255, 255, .04);--bg-elevated: rgba(255, 255, 255, .06);--neon-blue: #00eaff;--neon-purple: #8b5cf6;--neon-pink: #ff2ea6;--neon-green: #00ffb3;--gradient-primary: linear-gradient(135deg, #00eaff, #8b5cf6, #ff2ea6);--gradient-soft: linear-gradient(135deg, rgba(0, 234, 255, .2), rgba(139, 92, 246, .2));--glow-blue: 0 0 25px rgba(0, 234, 255, .6);--glow-purple: 0 0 30px rgba(139, 92, 246, .6);--glow-pink: 0 0 35px rgba(255, 46, 166, .6);--radius-xl: 28px}body{background:var(--bg-deep);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,234,255,.15),transparent 40%),radial-gradient(circle at 80% 30%,rgba(139,92,246,.15),transparent 40%),radial-gradient(circle at 50% 80%,rgba(255,46,166,.12),transparent 50%);animation:auroraMove 18s ease-in-out infinite alternate;z-index:-1}@keyframes auroraMove{0%{transform:scale(1) translateY(0)}to{transform:scale(1.2) translateY(-30px)}}.glass-pro{background:var(--bg-surface);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #0009,inset 0 0 40px #ffffff05}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-premium{padding:14px 28px;border-radius:999px;border:none;font-weight:600;letter-spacing:.5px;cursor:pointer;background:var(--gradient-primary);color:#fff;position:relative;overflow:hidden;transition:.4s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);transition:.6s}.btn-premium:hover:before{transform:translate(100%)}.btn-premium:hover{box-shadow:var(--glow-purple);transform:translateY(-3px)}.card-3d{transform-style:preserve-3d;perspective:1000px;transition:.4s ease}.card-3d:hover{transform:rotateX(6deg) rotateY(-6deg) scale(1.03);box-shadow:0 25px 60px #000c,0 0 40px #8b5cf666}.neon-border{position:relative;border-radius:var(--radius-xl)}.neon-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--gradient-primary);z-index:-1;filter:blur(10px);opacity:0;transition:.4s}.neon-border:hover:before{opacity:1}.sidebar-premium{background:#0a0e19e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.06)}.nav-item-premium{border-radius:16px;position:relative;overflow:hidden}.nav-item-premium:after{content:"";position:absolute;left:-100%;top:0;height:100%;width:100%;background:var(--gradient-soft);transition:.4s}.nav-item-premium:hover:after{left:0}.metric-block{padding:30px;border-radius:var(--radius-xl);background:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.4s ease}.metric-block:hover{transform:translateY(-8px);box-shadow:0 30px 60px #000c,var(--glow-blue)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 12px var(--neon-green);animation:pulseDot 2s infinite}@keyframes pulseDot{0%{box-shadow:0 0 #00ffb3b3}70%{box-shadow:0 0 0 10px #00ffb300}to{box-shadow:0 0 #00ffb300}}.input-premium{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 16px;color:#fff;transition:.3s}.input-premium:focus{outline:none;border-color:var(--neon-blue);box-shadow:var(--glow-blue)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00eaff,#8b5cf6);border-radius:10px}.floating-menu{position:fixed;bottom:40px;right:40px;display:flex;flex-direction:column;gap:14px}.floating-menu button{width:55px;height:55px;border-radius:50%;border:none;background:var(--gradient-primary);box-shadow:var(--glow-purple);cursor:pointer;transition:.4s}.floating-menu button:hover{transform:scale(1.1)}.loading-bar{width:100%;height:4px;background:#ffffff14;overflow:hidden;border-radius:4px}.loading-bar:after{content:"";width:40%;height:100%;background:var(--gradient-primary);animation:loadingMove 1.2s infinite}@keyframes loadingMove{0%{transform:translate(-100%)}to{transform:translate(250%)}}.magnetic{transition:transform .2s ease}.magnetic:hover{transform:scale(1.05)}.footer{padding:30px;text-align:center;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06);font-size:14px;letter-spacing:.5px}