@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-main: #060608;--bg-surface: #111116;--bg-surface-light: #181820;--bg-surface-lighter: #22222d;--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .4);--secondary: #06b6d4;--secondary-glow: rgba(6, 182, 212, .4);--accent: #ec4899;--text-main: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--border-subtle: rgba(255, 255, 255, .05);--border-bright: rgba(255, 255, 255, .1);--glass-bg: rgba(17, 17, 22, .7);--glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 10px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .6);--shadow-primary: 0 0 20px var(--primary-glow);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s var(--ease-out);--transition-normal: .4s var(--ease-out)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Inter,sans-serif;background-color:var(--bg-main);background-image:radial-gradient(circle at 0% 0%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(6,182,212,.05) 0%,transparent 50%);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1{font-size:2.5rem;margin-bottom:.5rem}h2{font-size:2rem;margin-bottom:.5rem}h3{font-size:1.5rem;margin-bottom:.5rem}p{color:var(--text-secondary)}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-normal)}.sidebar-header{padding:var(--space-8) var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.logo-text{font-size:1.5rem;font-weight:800;color:#fff}.sidebar-nav{flex:1;padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.nav-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.nav-link:hover{background:var(--bg-surface-light);color:var(--text-main);transform:translate(4px)}.nav-link.active{background:linear-gradient(90deg,var(--bg-surface-light) 0%,transparent 100%);color:var(--primary);border-left:3px solid var(--primary)}.sidebar-footer{padding:var(--space-6);border-top:1px solid var(--border-subtle)}.avatar{width:40px;height:40px;background:var(--bg-surface-lighter);border:2px solid var(--border-bright);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700}.main-content{flex:1;overflow-y:auto;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal);position:relative}.stat-card:hover{transform:translateY(-8px);border-color:var(--border-bright);box-shadow:var(--shadow-lg)}.stat-label{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-1)}.stat-value{font-size:2rem;font-weight:700}.stat-change{display:flex;align-items:center;gap:4px;font-size:.875rem;margin-top:8px;font-weight:600}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--error)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}input,textarea,select{width:100%;background:var(--bg-surface-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);padding:12px 16px;font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input.has-icon{padding-left:44px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.flex-mobile-col{flex-direction:column;align-items:flex-start!important;gap:16px}.hidden-mobile{display:none!important}.w-full-mobile{width:100%!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.mobile-header{display:none}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.app-container{flex-direction:column}.mobile-header{display:flex;position:sticky;top:0;z-index:50;min-height:64px;background:var(--bg-surface);padding:0 16px;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar{position:fixed;height:100vh;left:0;top:0;bottom:0;transform:translate(-100%);box-shadow:20px 0 50px #00000080}.sidebar.open{transform:translate(0)}.main-content{padding:20px 16px;gap:var(--space-6)}.grid-cols-2{grid-template-columns:1fr}}.badge{padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent;text-transform:uppercase}.badge-info{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.badge-success{background:#10b9811a;color:#10b981;border-color:#10b98133}