:root{--primary: hsl(232 84% 56%);--primary-light: hsl(232 84% 66%);--background: hsl(222 47% 11%);--foreground: hsl(0 0% 100%);--sidebar-bg: hsla(222, 47%, 11%, .8);--card-bg: hsla(222, 47%, 16%, .6);--accent: hsl(214 32% 91%);--success: hsl(142 71% 45%);--warning: hsl(38 92% 50%);--error: hsl(0 84% 60%);--radius: .75rem}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background-color:#0a0f18}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--foreground);overflow:hidden;-webkit-font-smoothing:antialiased}.glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius)}.gradient-text{background:linear-gradient(to right,var(--primary),var(--primary-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scroll-container{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;position:relative;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}input{outline:none;font-family:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #0f172a inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}