:root{--color-bg-dark: #0a0a12;--color-bg-panel: #161622;--color-primary: #6d28d9;--color-secondary: #3b82f6;--color-accent: #8b5cf6;--color-text-main: #e2e8f0;--color-text-muted: #94a3b8;--color-border: #2d2d3f;--sidebar-width: 250px;--header-height: 60px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text-main);line-height:1.5;overflow:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.text-xl{font-size:1.25rem;font-weight:700}.text-sm{font-size:.875rem}.btn{padding:.5rem 1rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:600;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-panel);border:1px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{border-color:var(--color-accent)}