:root{--ink:#091827;--ink2:#10283d;--blue:#155b8a;--sky:#72badd;--gold:#d2a126;--warm:#f5f2ea;--cloud:#edf1f4;--line:#d9dee2;--white:#fff;--danger:#9b2c2c;--ok:#276749;--shadow:0 8px 28px rgba(9,24,39,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cloud);color:var(--ink);line-height:1.45}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:13px 24px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.brand{font-weight:800;font-size:1.18rem;color:#fff;text-decoration:none;white-space:nowrap}.topbar nav{display:flex;gap:6px;flex-wrap:wrap;flex:1}.topbar nav a,.link-button{color:#dce9f1;text-decoration:none;border:0;background:none;padding:7px 8px;border-radius:7px;font:inherit;cursor:pointer}.topbar nav a:hover,.link-button:hover{background:var(--ink2);color:#fff}.logout-form{margin:0}.page{max-width:1480px;margin:0 auto;padding:28px 24px 70px}.auth-page{max-width:560px;min-height:80vh;display:grid;place-items:center}.auth-card,.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.auth-card{width:100%;padding:34px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}h1,h2{margin:.1em 0 .35em;color:var(--ink)}h1{font-size:1.85rem}h2{font-size:1.2rem}.heading-row p,.muted{color:#5c6d7b;margin:.2em 0}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:minmax(320px,.8fr) minmax(500px,1.2fr)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.kpi strong{display:block;font-size:1.45rem}.kpi span{color:#607483}.stack{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:650;font-size:.92rem}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #bfc9d1;border-radius:8px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(114,186,221,.35);border-color:var(--blue)}button,.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:8px;padding:10px 14px;background:var(--blue);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.button.secondary{background:var(--gold);color:var(--ink)}button.small{padding:7px 10px;font-size:.83rem}fieldset{border:1px solid var(--line);border-radius:9px;padding:12px}legend{font-weight:750}.check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:8px;font-weight:500;margin:7px 0}.check input{width:auto;margin-top:3px}table{width:100%;border-collapse:collapse;font-size:.91rem}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f4f7f9;color:var(--ink2);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.wide-table{overflow:auto}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#dceaf2;color:var(--ink2);font-size:.78rem;font-weight:750;text-transform:capitalize}.badge.accent{background:#f4e8bd}.badge.warning{background:#ffe4bf;color:#7a3e00}.inline-form{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;min-width:290px}.inline-form button{grid-column:1/-1}.flash{padding:12px 14px;border-radius:9px;margin-bottom:16px;border:1px solid}.flash.success{background:#e6ffed;border-color:#9ae6b4;color:var(--ok)}.flash.error{background:#fff5f5;border-color:#feb2b2;color:var(--danger)}.mailbox{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:9px;margin-bottom:10px}.mailbox code{display:block;word-break:break-all;background:#f2f5f7;padding:8px;border-radius:6px}details pre{white-space:pre-wrap;max-width:600px;background:#f6f7f8;padding:10px;border-radius:8px}footer{text-align:center;padding:28px;color:#667681;font-size:.84rem}@media(max-width:1050px){.grid.two{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-wrap:wrap}.topbar nav{order:3;width:100%}}@media(max-width:620px){.page{padding:18px 12px 55px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.heading-row{align-items:flex-start;flex-direction:column}.topbar{padding:12px}.topbar nav a{font-size:.84rem;padding:5px}.auth-card{padding:24px}}