:root { --ink:#f3f0e7; --muted:#919398; --dark:#0a0b0e; --panel:#121419; --panel2:#181a20; --line:rgba(255,255,255,.11); --acid:#9cff57; --danger:#ff6b6b; --sans:"Manrope",sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--dark); color: var(--ink); font-family: var(--sans); min-height: 100vh; }
a { color: inherit; text-decoration: none; }
button,input,textarea,select { font: inherit; }
.admin-header { height: 76px; padding: 0 max(28px,calc((100vw - 1320px)/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(10,11,14,.92); backdrop-filter:blur(15px); position:sticky; top:0; z-index:10; }
.admin-brand { font-size:13px; font-weight:800; letter-spacing:.06em; display:flex; align-items:center; gap:10px; }
.admin-brand span { width:28px; height:28px; border:1px solid var(--acid); color:var(--acid); border-radius:50%; display:grid; place-items:center; font:11px var(--mono); }
.admin-header nav { display:flex; align-items:center; gap:25px; color:var(--muted); font:11px var(--mono); }
.admin-header button { color:inherit; background:none; border:0; cursor:pointer; padding:0; }
.admin-header a:hover,.admin-header button:hover { color:var(--ink); }
.admin-shell { width:min(1260px,calc(100% - 56px)); margin:0 auto; padding:75px 0 110px; }
.dashboard-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:50px; }
.overline { font:10px var(--mono); letter-spacing:.14em; color:var(--acid); margin:0 0 15px; }
.dashboard-heading h1,.form-heading h1 { margin:0; font-size:clamp(42px,5vw,72px); letter-spacing:-.065em; line-height:1; }
.dashboard-heading > div > p:last-child { color:var(--muted); margin:22px 0 0; }
.admin-button { min-height:52px; border:0; background:var(--acid); color:#0a0b0e; padding:0 22px; font-size:12px; font-weight:800; display:inline-flex; align-items:center; justify-content:space-between; gap:32px; cursor:pointer; }
.admin-button span { font-size:20px; }
.admin-button:hover { filter:brightness(1.08); }
.admin-button.compact { min-width:150px; }
.summary-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); margin-bottom:70px; }
.summary-grid div { padding:30px; border-right:1px solid var(--line); display:flex; justify-content:space-between; align-items:flex-end; }
.summary-grid div:last-child { border:0; }
.summary-grid strong { font-size:43px; letter-spacing:-.05em; }
.summary-grid span { color:var(--muted); font:10px var(--mono); text-transform:uppercase; }
.section-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }
.section-title h2 { font-size:22px; margin:0; }
.section-title span { color:var(--muted); font:10px var(--mono); }
.project-table { border-top:1px solid var(--line); }
.admin-project { min-height:125px; display:grid; grid-template-columns:70px 1fr 160px 150px; gap:25px; align-items:center; border-bottom:1px solid var(--line); }
.admin-project-icon { width:58px; height:58px; border:1px solid color-mix(in srgb,var(--accent),transparent 55%); color:var(--accent); border-radius:50%; display:grid; place-items:center; font-weight:800; font-size:24px; }
.admin-project-main > div { display:flex; align-items:baseline; gap:15px; }
.admin-project-main h3 { margin:0; font-size:21px; }
.admin-project-main a { color:var(--acid); font:10px var(--mono); }
.admin-project-main p { color:var(--muted); margin:8px 0 0; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:650px; }
.admin-project-meta { display:flex; flex-direction:column; align-items:flex-start; gap:8px; color:var(--muted); font:10px var(--mono); }
.status-pill { border:1px solid var(--line); border-radius:100px; padding:5px 9px; color:var(--ink); }
.row-actions { display:flex; justify-content:flex-end; gap:15px; font:11px var(--mono); }
.row-actions a:hover { color:var(--acid); }
.nested-pages { margin:-1px 0 0 95px; border-left:1px solid var(--line); }
.nested-pages a { min-height:52px; display:grid; grid-template-columns:180px 1fr 85px 20px; gap:20px; align-items:center; border-bottom:1px solid var(--line); padding:0 18px; font-size:11px; }
.nested-pages a:hover { background:rgba(255,255,255,.025); }
.nested-pages code { color:var(--muted); font:10px var(--mono); }
.nested-pages i { color:#777; font:normal 9px var(--mono); }
.nested-pages i.live { color:var(--acid); }
.nested-pages b { color:var(--acid); }
.empty-state { padding:55px; text-align:center; color:var(--muted); border-bottom:1px solid var(--line); }
.flash { position:fixed; z-index:30; right:26px; top:92px; background:var(--ink); color:var(--dark); padding:15px 20px; font-size:12px; box-shadow:0 15px 50px rgba(0,0,0,.4); animation:slideIn .35s ease; }
.flash.success { border-left:4px solid var(--acid); }

/* Auth */
.auth-shell { min-height:calc(100vh - 77px); display:grid; place-items:center; padding:50px 20px; background:radial-gradient(circle at 50% 30%,rgba(156,255,87,.06),transparent 35%); }
.auth-card { width:min(430px,100%); border:1px solid var(--line); background:var(--panel); padding:42px; }
.auth-icon { width:52px;height:52px;border:1px solid var(--acid);color:var(--acid);display:grid;place-items:center;border-radius:50%;font-size:21px;font-weight:800;margin-bottom:35px; }
.lock-illustration { width:54px;height:49px;border:1px solid var(--acid);margin:15px 0 40px;position:relative; }
.lock-illustration:before { content:"";position:absolute;width:28px;height:24px;border:1px solid var(--acid);border-bottom:0;border-radius:20px 20px 0 0;left:12px;top:-25px; }
.lock-illustration span { width:5px;height:10px;background:var(--acid);position:absolute;left:24px;top:18px;border-radius:5px; }
.auth-card h1 { font-size:40px;letter-spacing:-.055em;margin:0 0 12px; }
.auth-card > p:not(.overline) { color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 28px; }
.stack-form { display:grid;gap:18px; }
label { display:grid;gap:9px;color:#c9c9ca;font-size:11px;font-weight:700; }
label small { color:var(--muted);font-weight:400;font:9px var(--mono); }
input,textarea,select { width:100%;border:1px solid var(--line);background:#0d0f12;color:var(--ink);padding:14px 15px;outline:none;transition:border-color .2s; }
input:focus,textarea:focus,select:focus { border-color:var(--acid); }
textarea { resize:vertical;line-height:1.65; }
.stack-form .admin-button { margin-top:8px;width:100%; }
.back-link { display:block;text-align:center;color:var(--muted);font:10px var(--mono);margin-top:28px; }
.form-error { border:1px solid rgba(255,107,107,.4);background:rgba(255,107,107,.07);color:#ff9b9b;padding:14px 16px;font-size:12px;line-height:1.5;margin:0 0 22px; }

/* Editor */
.form-shell { max-width:1100px; }
.form-heading { display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px; }
.form-heading > div > a { display:block;color:var(--muted);font:10px var(--mono);margin-bottom:40px; }
.autosave-note { color:var(--muted);font:9px var(--mono); }
.editor-form { display:grid;gap:20px; }
.form-panel { background:var(--panel);border:1px solid var(--line);padding:35px;display:grid;grid-template-columns:240px 1fr;gap:50px; }
.panel-intro h2 { margin:0 0 10px;font-size:19px; }
.panel-intro p { color:var(--muted);font-size:11px;line-height:1.7;margin:0; }
.field-grid { display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start; }
.field-grid.one-column { grid-template-columns:1fr; }
.span-two { grid-column:span 2; }
.input-prefix { display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);background:#0d0f12; }
.input-prefix:focus-within { border-color:var(--acid); }
.input-prefix span { color:var(--muted);padding-left:14px;font:12px var(--mono); }
.input-prefix input { border:0;padding-left:4px; }
.color-field { border:1px solid var(--line);background:#0d0f12;display:flex;align-items:center;padding:7px 12px;gap:12px; }
.color-field input { width:35px;height:35px;padding:0;border:0;background:none; }
.color-field span { color:var(--muted);font:10px var(--mono);text-transform:uppercase; }
.toggle-label { display:flex;flex-direction:row;align-items:center;gap:11px;min-height:49px;align-self:end;cursor:pointer; }
.toggle-label input { position:absolute;opacity:0;pointer-events:none; }
.toggle { width:38px;height:21px;border-radius:20px;background:#36383e;position:relative;transition:.2s; }
.toggle:after { content:"";position:absolute;width:15px;height:15px;top:3px;left:3px;border-radius:50%;background:#919398;transition:.2s; }
.toggle-label input:checked + .toggle { background:var(--acid); }
.toggle-label input:checked + .toggle:after { transform:translateX(17px);background:#101114; }
.form-actions { display:flex;align-items:center;justify-content:flex-end;gap:28px;padding-top:20px; }
.form-actions > a { color:var(--muted);font:11px var(--mono); }
.content-editor { font:12px/1.8 var(--mono);min-height:500px; }
.markdown-help { display:flex;flex-wrap:wrap;gap:5px;margin-top:18px; }
.markdown-help code { background:rgba(255,255,255,.06);color:#aaa;padding:5px 7px;font-size:9px; }
.danger-zone { margin-top:80px;border:1px solid rgba(255,107,107,.25);padding:25px 30px;display:flex;align-items:center;justify-content:space-between; }
.danger-zone h3 { margin:0 0 6px;font-size:14px;color:#ff9b9b; }
.danger-zone p { margin:0;color:var(--muted);font-size:11px; }
.danger-zone button { border:1px solid rgba(255,107,107,.45);background:transparent;color:#ff9b9b;padding:10px 14px;font-size:10px;cursor:pointer; }
.danger-zone button:hover { background:var(--danger);color:#111; }
@keyframes slideIn { from { opacity:0;transform:translateX(20px); } }

@media (max-width:850px) {
  .admin-shell { width:calc(100% - 32px);padding-top:45px; }
  .dashboard-heading { align-items:flex-start;flex-direction:column; }
  .summary-grid { grid-template-columns:1fr; }
  .summary-grid div { border-right:0;border-bottom:1px solid var(--line); }
  .admin-project { grid-template-columns:55px 1fr auto;gap:15px;padding:20px 0; }
  .admin-project-meta { display:none; }
  .admin-project-main p { max-width:50vw; }
  .row-actions { flex-direction:column; }
  .nested-pages { margin-left:30px; }
  .nested-pages a { grid-template-columns:1fr auto; }
  .nested-pages code { display:none; }
  .form-panel { grid-template-columns:1fr;gap:28px;padding:25px; }
  .form-heading { align-items:flex-start;flex-direction:column;gap:18px; }
}
@media (max-width:560px) {
  .admin-header { padding:0 16px; }
  .admin-header nav a { display:none; }
  .auth-card { padding:30px 24px; }
  .field-grid { grid-template-columns:1fr; }
  .span-two { grid-column:auto; }
  .admin-project-main > div { align-items:flex-start;flex-direction:column;gap:6px; }
  .admin-project-main p { display:none; }
  .nested-pages a { grid-template-columns:1fr auto auto; }
  .danger-zone { align-items:flex-start;flex-direction:column;gap:20px; }
}