:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--success: 142 70% 45%;--error: 0 84% 60%;--warning: 38 92% 50%;--text-main: 222 47% 11%;--text-muted: 215 16% 47%;--bg-input: 210 40% 98%;--bg-card: 0 0% 100%;--bg-body: 210 40% 96.1%;--primary: 221 83% 53%;--primary-hover: 221 83% 45%}[data-theme=dark]{--text-main: 0 0% 100%;--text-muted: 240 5% 70%;--bg-input: 240 10% 12%;--bg-card: 240 10% 10%;--bg-body: 240 10% 6%;--primary: 217 91% 60%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--bg-body));color:hsl(var(--text-main));min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:hsl(var(--primary));text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem;gap:.5rem}.btn-primary{background-color:hsl(var(--primary));color:#fff;box-shadow:0 4px 6px -1px hsla(var(--primary) / .3)}.btn-primary:focus,.btn-primary:hover{background-color:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 10px 15px -3px hsla(var(--primary) / .3)}.btn-outline{background:transparent;border:1px solid hsl(var(--primary));color:hsl(var(--primary))}.btn-outline:hover{background:hsla(var(--primary) / .05)}.input{width:100%;padding:.75rem;background-color:hsl(var(--bg-input));border:1px solid hsla(215,16%,47%,.2);border-radius:var(--radius-sm);color:hsl(var(--text-main));font-size:1rem;transition:all .2s}.input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary) / .1);background-color:hsl(var(--bg-input))}.card{background-color:hsl(var(--bg-card));border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid hsla(215,16%,47%,.1)}.glass-panel{background:hsl(var(--bg-card));box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid hsla(215,16%,47%,.1)}.sidebar-panel{background-color:#1e293b;color:#f8fafc;border-right:1px solid #334155}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px hsl(var(--bg-input)) inset!important;-webkit-text-fill-color:hsl(var(--text-main))!important;transition:background-color 5000s ease-in-out 0s}