:root{--hue-primary: 265;--hue-secondary: 190;--hue-accent: 330;--color-bg-base: hsl(240, 10%, 8%);--color-bg-surface: hsl(240, 10%, 12%);--color-primary: hsl(var(--hue-primary), 70%, 60%);--color-primary-glow: hsl(var(--hue-primary), 70%, 60%, .5);--color-text-main: hsl(0, 0%, 95%);--color-text-muted: hsl(240, 10%, 70%);--color-glass-border: rgba(255, 255, 255, .1);--color-glass-bg: rgba(255, 255, 255, .05);--effect-glass-blur: 16px;--font-family-base: "Outfit", system-ui, sans-serif;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-bg-base);background-image:radial-gradient(circle at 10% 20%,rgba(76,29,149,.2) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.15) 0%,transparent 40%);color:var(--color-text-main);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--color-glass-bg);backdrop-filter:blur(var(--effect-glass-blur));-webkit-backdrop-filter:blur(var(--effect-glass-blur));border:1px solid var(--color-glass-border);border-top:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d;border-radius:var(--radius-md)}.glass-input{background:#0003;border:1px solid var(--color-glass-border);color:var(--color-text-main);border-radius:var(--radius-sm);padding:var(--space-md);transition:all .3s ease;width:100%;font-family:inherit;font-size:1rem}.glass-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow);background:#0006}.primary-button{background:linear-gradient(135deg,var(--color-primary) 0%,hsl(var(--hue-primary),60%,50%) 100%);color:#fff;border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px var(--color-primary-glow)}.secondary-button{background:#ffffff1a;color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background .2s}.secondary-button:hover{background:#fff3}.app-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--space-lg);padding:var(--space-lg);height:100vh;max-width:1600px;margin:0 auto}.sidebar,.main-content{display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto;padding-right:var(--space-sm)}.header{margin-bottom:var(--space-lg);text-align:center}.header h1{font-weight:700;font-size:2.5rem;background:linear-gradient(to right,#fff,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm)}.header p{color:var(--color-text-muted)}@media(max-width:1024px){.app-layout{grid-template-columns:1fr;height:auto;overflow-y:visible}.sidebar{height:auto;overflow-y:visible}}