:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-accent: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--color-accent: #38bdf8;--color-success: #4ade80;--color-danger: #ef4444;--color-warning: #fbbf24;--gradient-primary: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--glass-border: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .6);--gradient-bg-1: rgba(56, 189, 248, .15);--gradient-bg-2: rgba(129, 140, 248, .15)}:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-accent: rgba(255, 255, 255, .7);--text-primary: #0f172a;--text-secondary: #475569;--color-accent: #0284c7;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #d97706;--gradient-primary: linear-gradient(135deg, #0284c7 0%, #4f46e5 100%);--glass-border: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .8);--gradient-bg-1: rgba(2, 132, 199, .1);--gradient-bg-2: rgba(79, 70, 229, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;background-image:radial-gradient(at 0% 0%,var(--gradient-bg-1) 0px,transparent 50%),radial-gradient(at 100% 0%,var(--gradient-bg-2) 0px,transparent 50%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000005e}h1,h2,h3{color:var(--text-primary);margin-bottom:1rem}h1{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}button{cursor:pointer;font-family:inherit;transition:all .2s ease}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:.9}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border);padding:12px 24px;border-radius:8px;font-weight:600}.btn-secondary:hover{background:rgba(255,255,255,.05)}input,select{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 16px;border-radius:8px;font-size:1rem;transition:all .2s ease}input:focus,select:focus{outline:none;border-color:var(--color-accent);background:rgba(255,255,255,.1)}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--glass-border)}th{font-weight:600;color:var(--text-secondary)}tr:hover{background-color:#ffffff05}