:root{--primary-h: 220;--primary-s: 90%;--primary-l: 56%;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-dark: hsl(var(--primary-h), var(--primary-s), 45%);--primary-light: hsl(var(--primary-h), var(--primary-s), 95%);--accent-h: 260;--accent: hsl(var(--accent-h), 90%, 65%);--success: hsl(150, 80%, 40%);--warning: hsl(40, 90%, 55%);--danger: hsl(350, 80%, 55%);--bg-dark: hsl(220, 20%, 10%);--bg-card: hsl(220, 20%, 14%);--bg-hover: hsl(220, 20%, 18%);--text-main: hsl(0, 0%, 100%);--text-muted: hsl(220, 15%, 70%);--border: hsl(220, 20%, 25%);--chart-1: hsl(210, 90%, 55%);--chart-2: hsl(280, 80%, 60%);--chart-3: hsl(340, 80%, 60%);--chart-4: hsl(160, 70%, 50%);--chart-5: hsl(40, 90%, 55%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--radius: 8px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}[data-theme=light]{--primary-l: 50%;--bg-dark: hsl(220, 20%, 97%);--bg-card: hsl(0, 0%, 100%);--bg-hover: hsl(220, 20%, 92%);--text-main: hsl(220, 20%, 10%);--text-muted: hsl(220, 15%, 40%);--border: hsl(220, 20%, 85%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;font-size:1rem}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1440px;margin:0 auto;padding:var(--space-md);min-height:100vh;display:flex;flex-direction:column}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{color:var(--danger);background:#ff32321a}.btn-danger:hover{background:#ff323233}.input-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--space-md)}.form-control{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-main);padding:.5rem;border-radius:var(--radius)}.form-control:focus{outline:none;border-color:var(--primary)}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;padding-right:2rem;cursor:pointer}select.form-control option{background-color:var(--bg-card);color:var(--text-main)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}