:root{--bg: #0f0f18;--surface: #15151f;--card: #181822;--border: rgba(255, 255, 255, .07);--border-hover: rgba(232, 115, 42, .35);--brand: #e8732a;--brand-soft: rgba(232, 115, 42, .12);--gold: #f5a623;--gold-soft: #f5a62318;--text-primary: #f5f5f7;--text-secondary: #9b9ba6;--text-muted: #6b6b76;--radius-card: 16px;--radius-btn: 12px;--radius-chip: 999px;--font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--sidebar-w: 232px;--content-max: 1080px;--ease: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}::selection{background:#e8732a59}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:8px}.page-title{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text-primary)}.section-title{font-size:19px;font-weight:800;letter-spacing:-.015em;color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-small{font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px;transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease)}.card-lg{padding:32px}.card-hover:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 8px 28px #00000059}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;font-weight:700;font-size:15px;padding:12px 22px;border-radius:var(--radius-btn);transition:filter var(--ease),transform var(--ease),opacity var(--ease);-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text-primary);font-weight:700;font-size:15px;padding:12px 22px;border:1px solid var(--border);border-radius:var(--radius-btn);transition:border-color var(--ease),background var(--ease)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--brand-soft)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:8px 14px;font-size:13px;border-radius:10px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-chip);border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap}.chip svg{flex-shrink:0}.chip-brand{color:var(--brand);background:var(--brand-soft);border-color:#e8732a40}.chip-gold{color:var(--gold);background:var(--gold-soft);border-color:#f5a62340}.input,.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-btn);padding:12px 14px;font-size:15px;color:var(--text-primary);transition:border-color var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus{outline:none;border-color:var(--brand)}.textarea{resize:vertical;min-height:88px;line-height:1.5}.field-label{display:block;font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.field{margin-bottom:16px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;z-index:20}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:4px 8px 24px}.sidebar-logo-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;flex-shrink:0}.sidebar-logo-word{font-weight:800;font-size:15px;letter-spacing:.14em}.sidebar-wordmark{height:22px;width:auto;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-btn);font-size:14.5px;font-weight:600;color:var(--text-secondary);transition:color var(--ease),background var(--ease)}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item.active{color:var(--brand);background:var(--brand-soft)}.nav-item svg{flex-shrink:0}.sidebar-user{border-top:1px solid var(--border);padding-top:16px;display:flex;align-items:center;gap:10px}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.sidebar-user-name{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sidebar-user-logout{color:var(--text-muted);padding:6px;border-radius:8px;transition:color var(--ease),background var(--ease)}.sidebar-user-logout:hover{color:var(--brand);background:var(--brand-soft)}.main{flex:1;margin-left:var(--sidebar-w);display:flex;justify-content:center;min-width:0}.content{width:100%;max-width:var(--content-max);padding:40px;min-width:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:32px;flex-wrap:wrap}.topbar-chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stack{display:flex;flex-direction:column;gap:20px}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.scroll-x{overflow-x:auto}.progress-track{height:6px;border-radius:999px;background:#ffffff12;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .3s ease}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-text{color:#e05555;font-size:13px;font-weight:600}.hint-text{color:var(--text-muted);font-size:13px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.login-brand{position:relative;overflow:hidden;background:#0b0b12;border-right:1px solid var(--border);padding:56px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;isolation:isolate}.login-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-2}.login-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(103deg,#0b0b12f2,#0b0b12c7 34%,#0b0b1252 66%,#0b0b120d),linear-gradient(0deg,rgba(11,11,18,.85) 0%,transparent 38%)}.login-wordmark{height:34px;width:auto;display:block;margin-bottom:40px}@media (max-width: 900px){.login-wordmark{height:28px;margin-bottom:24px}.login-hero-img{object-position:62% 30%}}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:12px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,filter .12s ease,background .12s ease}.oauth-btn:active{transform:scale(.985)}.oauth-btn svg{width:19px;height:19px;flex:none}.oauth-google{background:#fff;color:#1f1f1f;border-color:#fff}.oauth-google:hover{filter:brightness(.94)}.oauth-apple{background:#000;color:#fff;border-color:#ffffff24}.oauth-apple:hover{background:#111}.oauth-row{display:flex;flex-direction:column;gap:10px}.google-slot{min-height:44px;display:flex;justify-content:center}.google-slot>div{width:100%!important}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-headline{font-size:42px;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:10px 0 28px;max-width:520px}.login-bullets{list-style:none;display:flex;flex-direction:column;gap:14px;color:var(--text-secondary);font-size:16px;max-width:480px}.login-bullets li{padding-left:22px;position:relative}.login-bullets li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:2px;border-radius:2px;background:var(--brand)}.login-form-side{display:flex;align-items:center;justify-content:center;padding:32px}@media (max-width: 900px){.login-wrap{grid-template-columns:1fr}.login-brand{border-right:none;border-bottom:1px solid var(--border);padding:32px 24px}.login-headline{font-size:30px}}@media (max-width: 900px){.shell{flex-direction:column}.sidebar{position:static;width:100%;flex-direction:row;align-items:center;gap:8px;padding:12px 16px;border-right:none;border-bottom:1px solid var(--border);flex-wrap:wrap}.sidebar-logo{padding:0 8px 0 0}.sidebar-logo-word{display:none}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:2px}.nav-item{padding:8px 10px;font-size:13px}.nav-item span{display:none}.sidebar-user{border-top:none;padding-top:0;margin-left:auto}.sidebar-user-name{display:none}.main{margin-left:0}.content{padding:24px 16px}.grid-2,.grid-3{grid-template-columns:1fr}.page-title{font-size:24px}}