*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-base, #0f172a);color:var(--text-primary, #f1f5f9);transition:background-color .3s ease,color .3s ease}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted, #64748b);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #94a3b8)}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.themed-card{background:var(--bg-card)!important;border:1px solid var(--border-color-light)!important;border-radius:12px!important;box-shadow:var(--shadow-card)!important;transition:all .3s ease!important}.themed-card:hover{box-shadow:var(--shadow-card-hover)!important;transform:translateY(-1px)}.gradient-text{background:var(--gradient-logo);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card{border-radius:12px!important;border:1px solid var(--border-color-light)!important;transition:all .3s ease!important;overflow:hidden;position:relative}.stat-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)!important}.stat-card-1{background:var(--stat-card-1)!important;border-left:3px solid var(--color-primary)!important}.stat-card-2{background:var(--stat-card-2)!important;border-left:3px solid var(--color-success)!important}.stat-card-3{background:var(--stat-card-3)!important;border-left:3px solid var(--color-warning)!important}.stat-card-4{background:var(--stat-card-4)!important;border-left:3px solid var(--color-error)!important}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease}.stat-icon-1{background:var(--stat-icon-1);color:var(--color-primary)}.stat-icon-2{background:var(--stat-icon-2);color:var(--color-success)}.stat-icon-3{background:var(--stat-icon-3);color:var(--color-warning)}.stat-icon-4{background:var(--stat-icon-4);color:var(--color-error)}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-value{font-size:32px;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.5px}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:2px}.filter-bar{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color-light);border-radius:12px;padding:16px;margin-bottom:16px}.page-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);position:relative;overflow:hidden}.login-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.06) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(6,182,212,.05) 0%,transparent 50%);animation:login-glow 15s ease-in-out infinite alternate}@keyframes login-glow{0%{transform:translate(0) rotate(0)}to{transform:translate(-2%,-2%) rotate(3deg)}}.login-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-color-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-color-light) 1px,transparent 1px);background-size:60px 60px;opacity:.3}.login-card{width:420px;position:relative;z-index:1;background:var(--glass-bg)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)!important;border-radius:16px!important;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff0d!important}.login-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:8px}.login-subtitle{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:32px}.theme-switcher{display:flex;gap:6px;padding:4px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--border-color-light)}.theme-dot{width:20px;height:20px;border-radius:50%;cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative}.theme-dot:hover{transform:scale(1.15)}.theme-dot.active{border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.theme-dot-deep-blue{background:linear-gradient(135deg,#0ea5e9,#1e293b)}.theme-dot-dark-purple{background:linear-gradient(135deg,#8b5cf6,#27272a)}.theme-dot-light-blue{background:linear-gradient(135deg,#2563eb,#f8fafc)}.theme-dot-metallic-silver{background:linear-gradient(135deg,#94a3b8,#1a1a2e)}.theme-dot-nature-green{background:linear-gradient(135deg,#1e824c,#eef3ec)}.theme-dot-minimalist{background:linear-gradient(135deg,#1a1a1a,#fafafa)}.theme-dot-colorful{background:linear-gradient(135deg,#f43f5e,#a855f7,#06b6d4)}.theme-dot-cyber-dashboard{background:linear-gradient(135deg,#00d4ff,#e040fb)}.theme-dot-sky-blue{background:linear-gradient(135deg,#42a5f5,#1565c0)}.theme-dot-sunset-orange{background:linear-gradient(135deg,#f97316,#fbbf24)}.app-header{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color-light);position:sticky;top:0;z-index:10}.sidebar-logo{height:56px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid var(--border-color-light);padding:0 16px;overflow:hidden}.sidebar-logo-icon{width:32px;height:32px;border-radius:8px;background:var(--gradient-logo);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:#fff;box-shadow:0 2px 8px #0ea5e94d}.sidebar-logo-text{font-size:16px;font-weight:700;white-space:nowrap;background:var(--gradient-logo);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.breadcrumb-current{color:var(--text-primary);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease}.chart-card{background:var(--bg-card)!important;border:1px solid var(--border-color-light)!important;border-radius:12px!important}