:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app{--bg:#101d35;--surface:#1e3350;--alt:#263d5a;--fg:#f5f8fd;--muted:#b4c5d9;--accent:#4bc5ba;--gold:#d7ac64;--border:#37516c;--danger:#f18a90;display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh;background:var(--bg);color:var(--fg)}.theme-pearl{--bg:#f6f8fc;--surface:#fff;--alt:#eaf0f6;--fg:#172943;--muted:#60758e;--accent:#147d80;--gold:#b88337;--border:#dce5ee;--danger:#bd3445}.theme-aurora{--bg:#fff6f2;--surface:#fff;--alt:#f6e8ed;--fg:#502c48;--muted:#856c7b;--accent:#803d66;--gold:#b88337;--border:#e9d8df;--danger:#a64b58}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:28px 16px;display:flex;flex-direction:column;gap:30px}.brand{padding:6px 12px}.brand h1{font-size:2rem;margin:8px 0 3px}.brand span:last-child,.side-foot{color:var(--muted)}.eyebrow{font-size:.7rem;letter-spacing:.18em;color:var(--gold);font-weight:800}.sidebar nav{display:grid;gap:6px}.sidebar nav button{background:transparent;color:var(--muted);text-align:left;padding:13px 16px}.sidebar nav button.nav-active{background:var(--alt);color:var(--fg);border-left:3px solid var(--accent)}.side-foot{margin-top:auto;padding:16px;display:grid;gap:5px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{padding:25px clamp(18px,4vw,50px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h2{margin:7px 0;font-size:clamp(1.4rem,3vw,2rem)}.account{display:flex;align-items:center;gap:14px;color:var(--muted)}main{width:100%;max-width:1050px;margin:0 auto;padding:32px clamp(18px,4vw,50px);flex:1}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(20px,3vw,32px);margin-bottom:20px}.panel h3{font-size:1.5rem;margin:0 0 16px}.hero h3{font-size:clamp(1.8rem,4vw,2.6rem);margin:16px 0}.panel h4{font-size:1.1rem;margin:28px 0 14px}p{color:var(--muted);line-height:1.6}button{background:var(--accent);color:var(--bg);border:0;border-radius:10px;padding:12px 18px;font-weight:750;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:var(--alt);color:var(--fg)}.selected{background:var(--accent);color:var(--bg)}.choices{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 24px}form{display:grid;gap:16px;margin:20px 0}label{display:grid;gap:8px;font-weight:650}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}input,textarea,select{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:12px;width:100%}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.error{background:#5a2738;color:#fff0f0;padding:15px;border-radius:12px;margin-bottom:18px}.success{color:var(--accent)}.content-list{display:grid;gap:10px}.content-item{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:12px;padding:14px;display:flex;justify-content:space-between;gap:12px;text-align:left}.content-item span{color:var(--muted)}.detail{margin-top:22px;border-top:1px solid var(--border)}.detail article{border-top:1px solid var(--border);padding:16px 0}.detail pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{padding:20px clamp(18px,4vw,50px);color:var(--muted);font-size:.8rem;border-top:1px solid var(--border)}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{padding:16px;gap:10px}.brand h1{font-size:1.5rem}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.sidebar nav button{white-space:nowrap}.side-foot{display:none}.topbar{align-items:flex-start}.account{flex-direction:column;align-items:flex-end}.fields{grid-template-columns:1fr}.heading{align-items:flex-start}.content-item{flex-direction:column}}@media(max-width:420px){.topbar{flex-direction:column}.account{flex-direction:row}.heading{flex-direction:column}}