:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm: 6px;--radius: 14px;--radius-lg: 20px;--hairline: .5px}:root{--bg: #0a0a0a;--bg-elev: #131314;--bg-elev-2: rgba(255, 255, 255, .035);--bg-hover: rgba(255, 255, 255, .07);--border: #1e1e20;--border-strong: rgba(255, 255, 255, .14);--text: #f2f2f2;--text-muted: #999999;--text-subtle: #555555;--accent: #9e9ae5;--accent-fg: #ffffff;--accent-soft: rgba(158, 154, 229, .18);--accent-active: rgba(158, 154, 229, .14);--green: #00ff8c;--green-soft: rgba(0, 255, 140, .1);--amber: #eee586;--amber-soft: rgba(238, 229, 134, .1);--red: #dc5b5d;--red-soft: rgba(220, 91, 93, .1);--blue: #60a5fa;--blue-soft: rgba(96, 165, 250, .1)}:root[data-theme=light]{--bg: #fafafa;--bg-elev: #ffffff;--bg-elev-2: #ffffff;--bg-hover: #f4f4f5;--border: rgba(10, 10, 11, .08);--border-strong: rgba(10, 10, 11, .14);--text: #0a0a0b;--text-muted: #57575e;--text-subtle: #8e8e95;--accent: #0b1220;--accent-fg: #ffffff;--accent-soft: rgba(11, 18, 32, .06);--accent-active: rgba(11, 18, 32, .06);--green: #16a34a;--green-soft: rgba(22, 163, 74, .1);--amber: #d97706;--amber-soft: rgba(217, 119, 6, .1);--red: #dc2626;--red-soft: rgba(220, 38, 38, .1);--blue: #2563eb;--blue-soft: rgba(37, 99, 235, .1)}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);letter-spacing:-.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;margin:0}h1{font-size:36px;letter-spacing:-1.44px;line-height:40px}h2{font-size:22px;letter-spacing:-.96px;line-height:22px}h3{font-size:18px;letter-spacing:-.96px;line-height:18px}h4{font-size:15px;font-weight:500;letter-spacing:-.96px;line-height:15px}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:6px;border:.5px solid var(--border-strong);background:transparent;color:var(--text);height:32px;padding:0 12px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:-.2px;cursor:pointer;transition:background .12s,filter .12s}.btn:hover{background:var(--bg-hover)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.primary:hover{filter:brightness(.92);background:var(--accent)}.btn.ghost{border-color:transparent}.btn.ghost:hover{background:var(--bg-hover)}.btn.danger{color:var(--red)}.btn.danger:hover{background:var(--red-soft)}.btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:8px}.btn.block{width:100%;justify-content:center}.input{width:100%;background:var(--bg-elev);border:.5px solid var(--border-strong);color:var(--text);height:34px;border-radius:8px;padding:0 12px;font-family:inherit;font-size:13px;letter-spacing:-.2px;outline:none;transition:border-color .15s,background .15s}.input::placeholder{color:var(--text-subtle)}.input:focus{border-color:var(--accent);background:var(--bg-elev-2)}.label{font-size:12px;color:var(--text-muted);margin-bottom:6px;display:block}.card{background:var(--bg-elev);border:.5px solid var(--border);border-radius:var(--radius)}.card-header{padding:14px 18px;border-bottom:.5px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:13px;font-weight:500;color:var(--text)}.card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.card-body{padding:18px}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:99px;font-size:12px;border:.5px solid var(--border-strong);color:var(--text-muted);background:transparent}.chip .dot{width:6px;height:6px;border-radius:99px;background:currentColor}.chip.green{color:var(--green);border-color:transparent;background:var(--green-soft)}.chip.amber{color:var(--amber);border-color:transparent;background:var(--amber-soft)}.chip.red{color:var(--red);border-color:transparent;background:var(--red-soft)}.chip.blue{color:var(--blue);border-color:transparent;background:var(--blue-soft)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle)}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--accent);color:var(--accent-fg);font-weight:600;font-size:11px;border-radius:8px;letter-spacing:0}.brand-name{font-size:14px;font-weight:500;color:var(--text);letter-spacing:-.3px}.main{display:flex;flex-direction:column;min-width:0}.content{padding:28px 32px;flex:1;display:flex;flex-direction:column}.page-view{flex:1;display:flex;align-items:center;justify-content:center}.construction{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.construction-badge{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);background:var(--bg-elev);border:.5px solid var(--border)}.construction-title{font-size:15px;color:var(--text-muted);letter-spacing:-.2px}.construction-sub{font-size:13px;color:var(--text-subtle);letter-spacing:-.2px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.page-title{color:var(--text)}.page-subtitle{margin:8px 0 0;color:var(--text-muted);font-size:13.5px;letter-spacing:-.2px}.placeholder{padding:56px 24px;text-align:center;color:var(--text-subtle);font-size:13px;letter-spacing:-.2px}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-card{width:100%;max-width:360px;background:var(--bg-elev);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:30px 26px;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:22px}.auth-title{color:var(--text)}.auth-subtitle{margin:8px 0 24px;color:var(--text-muted);font-size:13.5px;letter-spacing:-.2px}.field{display:flex;flex-direction:column;margin-bottom:14px}.auth-card .btn{margin-top:8px;height:36px}.auth-link{margin-top:18px;text-align:center;color:var(--text-subtle);font-size:12.5px;letter-spacing:-.2px;transition:color .12s}.auth-link:hover{color:var(--text-muted)}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes sectionIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.page-enter{display:contents}.page-enter>*{animation:pageIn .3s ease-out}.page-enter>*>*{animation:sectionIn .5s cubic-bezier(.2,.7,.3,1) backwards}.page-enter>*>*:nth-child(1){animation-delay:.04s}.page-enter>*>*:nth-child(2){animation-delay:.09s}.page-enter>*>*:nth-child(3){animation-delay:.14s}.page-enter>*>*:nth-child(4){animation-delay:.19s}.page-enter>*>*:nth-child(5){animation-delay:.24s}.page-enter>*>*:nth-child(n+6){animation-delay:.28s}@media (prefers-reduced-motion: reduce){.page-enter>*,.page-enter>*>*{animation:none}*{transition:none!important}}