:root{--paper:#f7f2e6;--ink:#1d1a14;--muted:#6f6658;--line:#ded4bd;--card:#fffdf8;--dark:#17140f;--green:#0d6b4f;--red:#a43b2f;--gold:#c8912d}*{box-sizing:border-box}body.portal{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.portal-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.side{background:#17140f;color:#f5efe2;padding:24px;display:flex;flex-direction:column;gap:22px}.side a{color:#f5efe2;text-decoration:none;padding:11px 12px;border-radius:12px;display:block}.side a:hover,.side a.active{background:rgba(255,255,255,.1)}.brandbox{font-size:22px;font-weight:900}.brandbox span{display:block;font-size:12px;font-weight:600;color:#cbbf9f;margin-top:4px}.main{padding:28px;max-width:1180px;width:100%;margin:0 auto}.topline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(64,42,16,.06)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpi b{display:block;font-size:30px}.kpi span{color:var(--muted);font-size:13px}.btn{border:0;border-radius:999px;background:var(--dark);color:#fff;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn.secondary{background:var(--green)}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--red)}.form{display:grid;gap:14px;max-width:560px}.form label{display:grid;gap:7px;font-weight:800}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;font:inherit}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.auth-card{width:min(520px,100%)}.auth-card h1{margin-top:0}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.pill{display:inline-flex;border-radius:999px;padding:5px 9px;background:#efe7d5;font-weight:800;font-size:12px}.pill.ok{background:#dcefe6;color:#07563f}.pill.fail{background:#f4ddd8;color:#8e2b20}.notice{border-left:5px solid var(--gold);padding:12px 14px;background:#fff6df;border-radius:14px}.error{border-left-color:var(--red);background:#fff0ee}.drop{border:2px dashed #cbbf9f;border-radius:18px;padding:18px;background:#fff}.result pre{white-space:pre-wrap;background:#16130f;color:#f7f2e6;padding:18px;border-radius:16px;overflow:auto}.hidden{display:none!important}@media(max-width:880px){.portal-shell{grid-template-columns:1fr}.side{position:static}.grid,.grid2{grid-template-columns:1fr}.topline{align-items:flex-start;flex-direction:column}}
code{background:#efe7d5;border-radius:8px;padding:2px 5px}.card h3{margin-bottom:6px}.side{overflow:auto}.side a{font-size:14px}.portal-shell{grid-template-columns:290px 1fr}.pill + .pill{margin-left:4px}.result pre,.card pre{white-space:pre-wrap;background:#16130f;color:#f7f2e6;padding:18px;border-radius:16px;overflow:auto;max-height:520px}.grid2 .card .card{box-shadow:none;background:#fffaf0}