:root{--bg-base: #141210;--bg-surface: #191613;--bg-elevated: #1e1b18;--bg-overlay: #252220;--border: rgba(255, 255, 255, .06);--border-bright: rgba(255, 255, 255, .12);--border-dim: rgba(255, 255, 255, .04);--accent: #5897d7;--accent-dim: rgba(88, 151, 215, .12);--accent-glow: rgba(88, 151, 215, .25);--green: #34c759;--green-dim: rgba(52, 199, 89, .12);--green-subtle: rgba(52, 199, 89, .04);--red: #d44b62;--red-dim: rgba(212, 75, 98, .12);--red-subtle: rgba(212, 75, 98, .04);--red-hover: rgba(212, 75, 98, .15);--yellow: #f5a623;--yellow-dim: rgba(245, 166, 35, .12);--yellow-subtle: rgba(245, 166, 35, .09);--purple: #a855f7;--purple-dim: rgba(168, 85, 247, .15);--text-primary: #eeeae6;--text-secondary: #928d86;--text-muted: #726e68;--font-mono: "Geist Mono", "SF Mono", "Fira Code", monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--radius: 6px;--radius-lg: 10px;--z-dropdown: 50;--z-modal: 100;--z-overlay: 200;--transition-fast: .12s ease;--transition-normal: .15s ease;--touch-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:13px;-webkit-text-size-adjust:100%}body{min-height:100vh}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}ul,ol{list-style:none}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-dim);color:var(--text-primary)}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:480px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{font-size:16px!important}body{overflow-x:hidden}}
