@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070f;--bg2:#0d0d1c;--bg3:#131320;--bg4:#191928;--border:#1c1c2e;--border2:#252538;--purple:#7c6af7;--purple-light:#a08bff;--purple-dark:#6355dd;--purple-dim:#7c6af71a;--purple-border:#7c6af738;--purple-glow:#7c6af70f;--green:#22c55e;--green-bg:#22c55e14;--amber:#f59e0b;--amber-bg:#f59e0b14;--red:#ef4444;--red-bg:#ef444414;--text:#ededf8;--text2:#8f8faa;--text3:#4e4e62;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--radius:10px;--shadow-sm:0 1px 4px #00000080;--shadow:0 4px 20px #00000080;--shadow-lg:0 12px 48px #0009;--shadow-purple:0 4px 20px #7c6af740}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text);font-weight:800;line-height:1.1}.container{max-width:960px;margin:0 auto;padding:0 48px}.container-sm{max-width:720px;margin:0 auto;padding:0 24px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-elevated{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:inset 0 0 0 1px #ffffff05}.btn{font-family:var(--font);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn-primary{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:var(--shadow-purple)}.btn-primary:hover{background:var(--purple-dark);border-color:var(--purple-dark);transform:translateY(-1px);box-shadow:0 6px 28px #7c6af766}.btn-primary:disabled{background:var(--bg3);border-color:var(--border);color:var(--text3);cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{color:var(--text);border-color:var(--border2);background:0 0}.btn-outline:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-dim)}.btn-ghost{color:var(--text2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg2);color:var(--text)}.btn-sm{border-radius:6px;padding:7px 14px;font-size:12px}.btn-lg{border-radius:10px;padding:14px 32px;font-size:16px}.btn-xl{border-radius:12px;padding:16px 40px;font-size:18px}.input{background:var(--bg2);border:1.5px solid var(--border2);width:100%;color:var(--text);font-family:var(--font);border-radius:8px;outline:none;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7c6af71f}.input::placeholder{color:var(--text3)}.label{color:var(--text2);letter-spacing:.2px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.badge{border-radius:100px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid #22c55e33}.badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid #f59e0b33}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid #ef444433}.badge-purple{background:var(--purple-dim);color:var(--purple-light);border:1px solid var(--purple-border)}.badge-gray{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.section-label{color:var(--purple);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:700}.divider{background:var(--border);height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes glow{0%,to{box-shadow:0 0 12px #7c6af74d}50%{box-shadow:0 0 24px #7c6af799}}.fade-up{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeUp}.spinner{border:2px solid var(--border2);border-top-color:var(--purple);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.dash-sidebar{color:var(--text);border-right:1px solid var(--border);background:#05050e}.dash-sidebar .nav-item{color:var(--text3);border-radius:7px;transition:all .15s}.dash-sidebar .nav-item:hover{color:var(--text2);background:#ffffff0a}.dash-sidebar .nav-item.active{background:var(--purple-dim);color:var(--purple-light)}.table-row{transition:background .1s}.table-row:hover{background:var(--bg3)!important}code,pre{font-family:var(--font-mono);background:var(--bg3);border:1px solid var(--border);border-radius:6px;font-size:12px}code{padding:2px 6px}pre{padding:14px 16px;line-height:1.6;overflow:auto}a.prose-link{color:var(--purple-light);border-bottom:1px solid var(--purple-border);text-decoration:none;transition:border-color .15s}a.prose-link:hover{border-color:var(--purple-light)}@media (width<=768px){.container{padding:0 20px}.hide-mobile{display:none!important}}@media (width<=480px){.container{padding:0 16px}h1{letter-spacing:-1.5px}}