@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--green-500:#22c55e;--red-500:#ef4444;--yellow-500:#eab308;--nav-height:64px;--sidebar-width:256px;--max-width:1200px;--border-radius:12px;--border-radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}[data-theme=light]{--bg-primary:#fff;--bg-secondary:var(--slate-50);--bg-tertiary:var(--slate-100);--bg-card:#fff;--text-primary:var(--slate-900);--text-secondary:var(--slate-600);--text-muted:var(--slate-400);--border-color:var(--slate-200)}[data-theme=dark]{--bg-primary:var(--slate-950);--bg-secondary:var(--slate-900);--bg-tertiary:var(--slate-800);--bg-card:var(--slate-900);--text-primary:var(--slate-50);--text-secondary:var(--slate-400);--text-muted:var(--slate-500);--border-color:var(--slate-700)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{height:var(--nav-height);border-bottom:1px solid var(--border-color);align-items:center;padding:0 20px;display:flex}.brand{align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.brand-icon{background:linear-gradient(135deg, var(--indigo-500), var(--indigo-600));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-link{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;font-weight:500;display:flex}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{color:var(--indigo-400);background:linear-gradient(135deg,#6366f126,#6366f11a)}.nav-link .icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px}.main{margin-left:var(--sidebar-width);background:var(--bg-primary);flex:1;min-height:100vh}.page{max-width:1400px;margin:0 auto;padding:32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{letter-spacing:-.02em;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.btn{transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--indigo-500), var(--indigo-600));color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-lg{padding:16px 32px;font-size:16px}.btn-sm{padding:8px 14px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px}.input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:all var(--transition-fast);border-radius:10px;padding:12px 16px}.input:focus{border-color:var(--indigo-500);outline:none;box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:var(--text-muted)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);align-items:center;gap:16px;padding:24px;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-content{flex:1}.stat-value{font-size:24px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);margin-top:4px;font-size:13px}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:16px 20px;font-size:13px;font-weight:600}.table td{border-bottom:1px solid var(--border-color);padding:16px 20px;font-size:14px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-tertiary)}.empty-state{text-align:center;padding:64px 24px}.empty-state-icon{margin-bottom:16px;font-size:48px}.empty-state h3{margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.spinner{border:2px solid var(--bg-tertiary);border-top-color:var(--indigo-500);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{background:var(--slate-950);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a 0,#0000 50%),radial-gradient(at 100% 0,#722741 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-container{width:100%;max-width:400px;padding:24px}.auth-container h1{margin-bottom:8px;font-size:28px}.auth-container p{color:var(--text-muted);margin-bottom:32px}.auth-container form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.auth-footer a{color:var(--indigo-400);font-weight:500}.landing-nav{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172acc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.landing-logo{color:#fff;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.landing-logo-icon{background:linear-gradient(135deg, var(--indigo-500), var(--indigo-600));border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.landing-nav-links{align-items:center;gap:32px;display:flex}.landing-nav-links a{color:var(--slate-400);transition:color var(--transition-fast);font-weight:500}.landing-nav-links a:hover{color:#fff}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.sidebar{transform:translate(-100%)}.main{margin-left:0}.stats-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr!important}.landing-nav-links{display:none}.page{padding:20px}}