:root{--dark-bg:#1c1c1c;--dark-bg-secondary:#252525;--dark-border:#2a2a2a;--dark-text:#fff;--dark-text-muted:#888;--accent:#c8ff00;--accent-hover:#b8ef00;--light-bg:#f0f0f0;--card-bg:#fff;--card-border:#e5e5e5;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--success:#22c55e;--danger:#ef4444;--sidebar-width:240px;--topbar-height:56px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--light-bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}ul{list-style:none}button{background:none;border:none;cursor:pointer}button,input{font-family:inherit}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{display:flex;flex:1;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.dashboard-content{background:#f0f0f0;flex:1;margin-top:var(--topbar-height);overflow-y:auto;padding:24px}@media(max-width:1024px){.dashboard-main{margin-left:0}.dashboard-content{padding:20px}}@media(max-width:768px){.dashboard-content{padding:16px}}@media(max-width:480px){.dashboard-content{padding:12px}}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;padding:20px}.card-header{justify-content:space-between;margin-bottom:12px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:var(--text-secondary);font-size:14px;font-weight:500;gap:6px}.card-value{color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:-.5px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.badge-success{background:#22c55e1a;color:var(--success)}.badge-danger{background:#ef44441a;color:var(--danger)}.chart-container{margin-top:16px;width:100%}.text-muted{color:var(--text-muted);font-size:13px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}