:root{color-scheme:dark;--bg:#07111f;--panel:#0e1a2b;--panel-2:#132238;--line:#25344a;--text:#f5f8ff;--muted:#9eacc2;--accent:#4f7cff;--accent-2:#7c5cff;--danger:#ff5d75;--success:#37d69a;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}body{background:radial-gradient(circle at 10% 0,rgba(79,124,255,.18),transparent 28rem),radial-gradient(circle at 90% 10%,rgba(124,92,255,.12),transparent 24rem),var(--bg)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}h2{margin-bottom:7px;letter-spacing:-.025em}.muted{color:var(--muted)}.eyebrow{margin-bottom:8px;color:#93adff;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.brand-mark{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 18px 50px rgba(79,124,255,.35)}.brand-mark.small{width:42px;height:42px;border-radius:14px;font-size:1.25rem}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;grid-gap:64px;gap:64px;padding:7vw}.auth-brand{display:flex;gap:24px;align-items:flex-start;max-width:760px}.auth-brand h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.92;max-width:850px}.auth-copy{max-width:650px;font-size:1.15rem;line-height:1.7}.auth-card{width:min(100%,500px);justify-self:end;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:rgba(14,26,43,.86);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.auth-card-heading{margin-bottom:26px}.form-stack{display:grid;grid-gap:18px;gap:18px}.form-stack label,.select-label{display:grid;grid-gap:8px;gap:8px;color:#c8d3e5;font-size:.88rem;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#091526;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus{border-color:#5f83ff;box-shadow:0 0 0 3px rgba(79,124,255,.13)}.security-note{margin:18px 0 0;color:#7f90a9;font-size:.78rem;line-height:1.5}.button{border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer;transition:transform .15s,opacity .15s,border-color .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 25px rgba(79,124,255,.2)}.button.secondary{background:#16243a;border-color:#2d405b}.button.danger{background:transparent;color:#ff9bac;border-color:rgba(255,93,117,.32)}.text-button{border:0;padding:0;background:none;color:#94adff;cursor:pointer;font-weight:800}.notice{border-radius:12px;padding:12px 14px;margin:16px 0;border:1px solid}.notice.error{color:#ffc0cb;background:rgba(255,93,117,.08);border-color:rgba(255,93,117,.26)}.notice.success{color:#a8f2d7;background:rgba(55,214,154,.08);border-color:rgba(55,214,154,.25)}.app-shell{min-height:100vh;display:grid;grid-template-columns:285px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;padding:24px 20px;border-right:1px solid rgba(255,255,255,.07);background:rgba(6,15,27,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-brand span,.sidebar-brand strong{display:block}.sidebar-brand span{margin-top:3px;color:var(--muted);font-size:.78rem}.sidebar-section{display:grid;grid-gap:8px;gap:8px}.sidebar-create-site-button{justify-self:start;font-size:.78rem}.sidebar-site-create{display:grid;grid-gap:8px;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(14,26,43,.72)}.sidebar-site-create input{min-width:0;padding:10px 11px;font-size:.82rem}.sidebar-site-create .button{width:100%}.nav-list{display:grid;grid-gap:7px;gap:7px}.nav-item{display:flex;justify-content:space-between;width:100%;border:1px solid transparent;border-radius:11px;padding:11px 12px;background:transparent;text-align:left;cursor:pointer}.nav-item span{color:#71809a;font-size:.7rem}.nav-item.active{background:rgba(79,124,255,.12);border-color:rgba(79,124,255,.25);color:#cbd7ff}.sidebar-user{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px}.sidebar-user span,.sidebar-user strong{display:block}.sidebar-user span{margin-top:4px;color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis}.workspace{padding:44px clamp(28px,5vw,72px)}.workspace-header{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;margin-bottom:30px}.workspace-header h1{font-size:clamp(2.2rem,4vw,4.3rem)}.workspace-header .muted{max-width:760px;line-height:1.6}.status-pill{flex:0 0 auto;display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid rgba(55,214,154,.2);border-radius:999px;background:rgba(55,214,154,.06);color:#a8f2d7;font-size:.78rem;font-weight:800}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 16px var(--success)}.panel{border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:rgba(14,26,43,.78);box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-heading h2,.panel-heading p{margin-bottom:0}.inline-create{display:flex;gap:10px;min-width:min(100%,470px)}.inline-create input{min-width:230px}.site-setup-form{width:min(100%,680px);margin:26px auto 0;display:grid;grid-template-columns:1fr 1fr auto;grid-gap:10px;gap:10px;text-align:left}.page-list,.page-row{display:grid}.page-row{grid-template-columns:42px minmax(180px,1fr) auto auto auto;grid-gap:14px;gap:14px;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(37,52,74,.72)}.page-row:last-child{border-bottom:0}.page-row:hover{background:rgba(255,255,255,.018)}.page-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#172841;color:#95acff}.page-main{min-width:0}.page-title-line{display:flex;align-items:center;gap:8px}.page-slug{display:block;margin-top:4px;color:#7f8ea7;font-size:.78rem}.page-meta{display:flex;gap:10px;color:#8796ad;font-size:.78rem}.badge,.page-meta{align-items:center}.badge{display:inline-flex;border:1px solid #344763;border-radius:999px;padding:3px 7px;color:#aab8cc;background:#142238;font-size:.68rem;font-weight:800;text-transform:capitalize}.badge.published{color:#9aebcd;border-color:rgba(55,214,154,.25);background:rgba(55,214,154,.07)}.empty-state{padding:70px 24px;text-align:center;color:var(--muted)}.empty-state h3{color:var(--text)}.center-state{min-height:100vh;display:grid;place-items:center;color:var(--muted)}@media (max-width:980px){.auth-shell{grid-template-columns:1fr;padding:32px 20px;gap:28px}.auth-brand h1{font-size:clamp(2.7rem,13vw,5rem)}.auth-card{justify-self:stretch;width:100%}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{grid-template-columns:repeat(2,1fr)}.panel-heading,.workspace-header{align-items:stretch;flex-direction:column}.inline-create{min-width:0}.site-setup-form{grid-template-columns:1fr}.page-row{grid-template-columns:42px 1fr auto}.page-meta{grid-column:2}.page-row .button{grid-column:auto}}@media (max-width:620px){.auth-brand{display:grid}.workspace{padding:26px 14px}.inline-create{display:grid}.inline-create input{min-width:0}.page-row{grid-template-columns:38px 1fr}.page-meta,.page-row .button{grid-column:2;width:100%}}