*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan: #4ED8FF;--violet: #AB8BFF;--mint: #5EE6A8;--amber-brand: #FFC24E;--grad: linear-gradient(103deg, #4ED8FF 0%, #7CB8FF 42%, #AB8BFF 100%);--glow-cyan: rgba(78,216,255,.45);--glow-violet: rgba(171,139,255,.45);--sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--sidebar-bg: #0B0D15;--sidebar-width: 220px;--border: rgba(255,255,255,.075);--text-muted: rgba(255,255,255,.42);--text-dim: rgba(255,255,255,.72);--accent: #6E5CF6;--accent-light: rgba(110,92,246,.12);--surface: #ffffff;--surface-2: #f7f8fc;--surface-3: #eef0f6;--border-light: #e7e9f1;--text-primary: #0f1220;--text-secondary: #5b6270;--text-tertiary: #9096a5;--green: #12a150;--amber: #b7791f;--red: #dc2626;--blue: #2563eb;--purple: #7c3aed;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px}body{font-family:var(--sans);background:var(--surface-3);color:var(--text-primary);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}#root{height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#787e9152;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#787e9180}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.mono{font-family:var(--mono)}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.badge-purple{background:#7c3aed1a;color:#6d28d9;border-color:#7c3aed2e}.badge-green{background:#12a1501a;color:#12813f;border-color:#12a15033}.badge-amber{background:#b7791f1f;color:#a1620f;border-color:#b7791f38}.badge-red{background:#dc26261a;color:#b91c1c;border-color:#dc262633}.badge-blue{background:#2563eb1a;color:#1d4ed8;border-color:#2563eb33}.badge-gray{background:var(--surface-3);color:var(--text-secondary);border-color:var(--border-light)}.card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 2px #1012200d}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:var(--radius-md);font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:-.01em;cursor:pointer;border:1px solid var(--border-light);background:var(--surface);color:var(--text-primary);transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.btn:hover{background:var(--surface-2);border-color:#6e5cf666}.btn-primary{background:var(--grad);color:#06070d;border:none;box-shadow:0 6px 22px -8px var(--glow-violet)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px -8px var(--glow-violet)}input,select,textarea{padding:9px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--sans);font-size:13px;color:var(--text-primary);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}