@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root[data-theme=dark]{--bg-dark:#0a0a0c;--bg-sidebar:#12141aa6;--bg-card:#1619228c;--bg-hover:#3b82f626;--text-primary:#fff;--text-secondary:#a0aec0;--text-muted:#718096;--accent-color:#3b82f6;--accent-glow:#3b82f680;--accent-hover:#60a5fa;--success-color:#10b981;--danger-color:#f43f5e;--warning-color:#fbbf24;--border-color:#ffffff14;--glass-border:#ffffff1f}:root[data-theme=light]{--bg-dark:#f0f4f8;--bg-sidebar:#ffffffb3;--bg-card:#fff9;--bg-hover:#2563eb14;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--accent-color:#2563eb;--accent-glow:#2563eb4d;--accent-hover:#1d4ed8;--success-color:#059669;--danger-color:#dc2626;--warning-color:#d97706;--border-color:#0000000f;--glass-border:#00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(at 0 0,#1e3a8a33 0,#0000 50%),radial-gradient(at 100% 0,#2563eb1a 0,#0000 50%),radial-gradient(at 100% 100%,#1d4ed826 0,#0000 50%),radial-gradient(at 0 100%,#1e3a8a1a 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0003}.app-container{z-index:1;height:100vh;display:flex;position:relative}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);flex-direction:column;width:250px;padding:24px 0;transition:all .3s;display:flex}.sidebar-logo{letter-spacing:1px;background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:0 24px 32px;font-size:20px;font-weight:700}.sidebar-menu{flex:1;list-style:none;overflow-y:auto}.sidebar-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:16px 24px 8px;font-size:11px;font-weight:700}.sidebar-item{color:var(--text-secondary);border-radius:10px;align-items:center;margin:2px 12px;padding:12px 24px;font-size:14px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-item:hover,.sidebar-item.active{background:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.sidebar-item span{margin-left:12px}.main-content{background:0 0;flex-direction:column;flex:1;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.header-left,.header-right{align-items:center;gap:16px;display:flex}.badge-date{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:14px;padding:6px 14px;font-size:12px}.dashboard-scroll{flex:1;padding:32px;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dashboard-header h1{letter-spacing:-.5px;font-size:24px;font-weight:700}.dashboard-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.btn-primary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-primary:hover{border-color:var(--accent-color);background:#3b82f640;transform:translateY(-1px)}.grid-top{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.grid-middle{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:18px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px -2px #0000001a}.card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 40px -4px #0000004d}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:600}.card-value{color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.trend-up{color:var(--success-color);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}table th{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:11px;font-weight:700}