:root{--neon: #ccff00;--graphite: #404040;--light: #d9d9d9;--white: #ffffff;--black: #000000;--charcoal: #272727;--deep: #111111;--muted: #b8b8b8;--muted-ink: #5f5f5f;--border-dark: rgba(255, 255, 255, .15);--border-light: rgba(0, 0, 0, .15);--danger: #b3261e;--ok: #2e7d32;--font-display: "Big Shoulders Display", "Inter", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;border-radius:0!important}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--graphite);background:var(--deep);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;font-weight:800;line-height:.95;letter-spacing:.01em;color:var(--black);margin:0}h2{font-size:clamp(40px,6vw,68px);font-weight:900;margin-bottom:22px}h3{font-size:20px;font-weight:800;margin:30px 0 14px;display:flex;align-items:center;gap:12px}h3:before{content:"";flex:none;width:28px;height:5px;background:var(--neon)}.page-title{display:flex;flex-direction:column}.page-num{font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.24em;color:var(--muted-ink);margin-bottom:8px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:var(--deep);border-bottom:1px solid var(--border-dark)}.brand{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:.03em;text-transform:uppercase;color:var(--neon)}.privacy-banner{color:var(--muted);font-size:12px;text-align:right;max-width:460px}.layout{display:flex;min-height:calc(100vh - 55px)}.sidebar{width:248px;flex-shrink:0;background:var(--charcoal);border-right:1px solid var(--border-dark);padding:22px 14px;display:flex;flex-direction:column;gap:2px}.nav-item{display:block;padding:11px 14px;color:var(--light);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:transform .2s ease,background-color .2s ease,color .2s ease}.nav-item:hover{background:#ffffff0f;color:var(--white);transform:translate(3px)}.nav-item.active{background:var(--neon);color:var(--black)}.sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-dark);display:flex;flex-direction:column;gap:12px}.sidebar-foot .muted{color:var(--muted);font-size:12px;word-break:break-all}.main{flex:1;padding:36px 44px;overflow-y:auto;background:var(--light)}.content{max-width:900px}.content.fade-up{animation:fadeUp .6s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.form{background:var(--white);border:1px solid var(--border-light);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:18px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--black)}.field-help{font-size:12px;color:var(--muted-ink)}.privacy-note{font-size:11px;color:var(--danger);font-weight:600}.input{width:100%;padding:11px 13px;border:1px solid var(--border-light);background:var(--white);color:var(--black);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px #ccff0080}textarea.input{resize:vertical}select.input{width:100%}.checkbox{width:18px;height:18px;accent-color:var(--neon)}.form-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{padding:13px 22px;border:1px solid var(--black);background:var(--white);color:var(--black);font:inherit;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.btn-primary{background:var(--neon);border-color:var(--neon);color:var(--black)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 10px 24px #ccff0073}.btn-ghost{background:transparent;border-color:var(--border-dark);color:var(--light)}.btn-ghost:hover{transform:translateY(-4px);border-color:var(--neon);color:var(--neon);box-shadow:0 10px 24px #ccff0040}.btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.cards{display:flex;flex-direction:column;gap:8px;margin-top:12px}.cards.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.card{background:var(--white);border:1px solid var(--border-light);padding:13px 16px;font-size:14px;color:var(--graphite);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #ccff0059}.card.stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;background:var(--graphite);border:1px solid var(--border-dark);color:var(--light)}.stat-num{font-family:var(--font-display);font-size:46px;font-weight:900;line-height:1;color:var(--neon)}.card.stat .muted{color:var(--light);opacity:.8;font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.chip{background:#cf03;color:var(--black);padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.card.step{display:flex;align-items:center;gap:12px}.step-num{font-family:var(--font-display);font-weight:900;font-size:18px;color:var(--black);min-width:22px}.step-name{flex:1}.step-meta{color:var(--muted-ink);font-size:12px}.muted{color:var(--muted-ink)}.error{color:var(--danger);font-size:13px;margin:10px 0;font-weight:600}.save-state{font-size:12px;margin-left:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.save-state.idle,.save-state.saving{color:var(--muted-ink)}.save-state.saved{color:var(--ok)}.save-state.error{color:var(--danger)}.login{max-width:400px;margin:10vh auto;background:var(--white);border:1px solid var(--border-dark);padding:38px;color:var(--graphite)}.login h1{font-size:clamp(32px,5vw,46px);color:var(--black);margin-bottom:8px}.login .muted{color:var(--muted-ink)}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:22px}.login .field-label{color:var(--black)}@media (max-width: 760px){.layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}.form{grid-template-columns:1fr}.main{padding:24px 20px}.topbar{flex-direction:column;align-items:flex-start}.privacy-banner{text-align:left}}