@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color: #0b1120;--surface-primary: #151e32;--surface-secondary: #1e293b;--surface-glass: rgba(21, 30, 50, .65);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: #1e293b;--border-active: #334155;--border-focus: #3b82f640;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.01) 100%);--gradient-glow: linear-gradient(135deg, rgba(59,130,246,.15) 0%, rgba(139,92,246,.15) 100%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,sans-serif;color:var(--text-primary);font-weight:700;line-height:1.2}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-blue-hover)}button{font-family:Inter,sans-serif;transition:all var(--transition-fast)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:32px 40px;max-width:1200px;margin:0 auto;width:100%}.app-header{position:sticky;top:0;z-index:100;background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.header-row{display:flex;align-items:center;padding:0 24px}.header-row.top{height:52px;border-bottom:1px solid rgba(255,255,255,.03)}.header-row.bottom{height:44px;gap:8px}.brand-link{display:flex;flex-direction:column;text-decoration:none;margin-right:20px}.brand-name{font-family:Outfit,sans-serif;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.search-btn{background:#0f172a80;border:1px solid var(--border-active);border-radius:8px;padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;transition:all var(--transition-fast)}.search-btn:hover{border-color:var(--border-focus);background:#0f172acc;box-shadow:0 0 0 2px #3b82f61a}.search-kbd{font-size:10px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;color:var(--text-muted);font-family:monospace}.user-profile{display:flex;align-items:center;gap:12px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--surface-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-primary);font-weight:600;border:1px solid var(--border-active);object-fit:cover}.user-name{font-size:13px;font-weight:500;color:var(--text-primary)}.signout-btn{background:transparent;border:1px solid var(--border-active);border-radius:6px;padding:4px 12px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer}.signout-btn:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--text-muted)}.nav-action-btn{background:transparent;border:1px solid var(--border-active);border-radius:6px;padding:4px 10px;font-size:14px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;height:28px}.nav-action-btn:hover:not(:disabled){background:var(--surface-secondary);color:var(--text-primary)}.nav-action-btn:disabled{opacity:.5;cursor:not-allowed}.nav-divider{width:1px;height:20px;background-color:var(--border-active);margin:0 8px}.main-nav{display:flex;align-items:stretch;height:100%}.nav-link{display:flex;align-items:center;padding:0 14px;color:var(--text-secondary);font-size:13px;font-weight:500;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--accent-blue)}.glass-panel{background:var(--surface-primary);background-image:var(--gradient-glass);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000026;transition:border-color var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-active);box-shadow:0 8px 30px #0003}.glass-panel.glow-accent{background-image:var(--gradient-glow);border-color:#3b82f633}.stat-card{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;flex:1;min-width:120px;transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card.clickable:hover{transform:translateY(-2px);border-color:var(--border-active);box-shadow:0 6px 15px #00000026;background:#253147}.stat-card-value{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;line-height:1;margin-bottom:6px}.stat-card-label{font-size:12px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-card-sublabel{font-size:11px;color:var(--text-muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 0 15px #3b82f64d}.btn-primary:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:0 0 20px #3b82f680}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-accent{background:#8b5cf61a;color:var(--accent-purple);border-color:#8b5cf64d}.btn-accent:hover{background:#8b5cf633}.btn-success{background:#10b9811a;color:var(--accent-green);border-color:#10b9814d}.btn-success:hover{background:#10b98133}.btn-warning{background:#f59e0b1a;color:var(--accent-amber);border-color:#f59e0b4d}.btn-warning:hover{background:#f59e0b33}.text-overline{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.text-gradient{background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.15) 0%,transparent 60%)}.login-box{width:100%;max-width:380px;padding:40px;text-align:center}.login-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;color:#fff;margin-bottom:8px}.login-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:32px}.login-input{width:100%;background:var(--surface-primary);border:1px solid var(--border-active);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;outline:none;transition:all var(--transition-fast);margin-bottom:12px}.login-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.login-btn{width:100%;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:8px}.login-btn:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px)}