:root{--bg:#f4f7f9;--nav:#10293b;--teal:#088b88;--teal2:#e8f7f5;--ink:#142b3c;--muted:#607484;--stroke:#dce6eb;--danger:#ab314b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#087d7a;text-decoration:none}a:hover{text-decoration:underline}header{height:73px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:24px}.brand{font-weight:850;letter-spacing:-.06em;font-size:31px;color:white}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.17em;color:#a6cdd6}.topuser{font-size:13px;display:flex;gap:20px;align-items:center}.topuser button{background:transparent;border:1px solid #547180;color:#fff;cursor:pointer;padding:7px 12px;border-radius:7px}.layout{display:flex;min-height:calc(100vh - 73px)}aside{width:235px;background:white;border-right:1px solid var(--stroke);padding:26px 16px;flex-shrink:0}.aside-caption{text-transform:uppercase;letter-spacing:.12em;color:#8293a1;font-size:11px;padding:14px 13px 8px}.navlink{display:block;padding:11px 13px;margin-bottom:3px;color:#3e5665;border-radius:8px;font-size:14px}.navlink:hover{background:var(--teal2);text-decoration:none}.main{width:min(1200px,100%);padding:36px clamp(18px,4vw,60px);margin:auto;align-self:flex-start}.eyebrow{text-transform:uppercase;color:var(--teal);font-weight:700;letter-spacing:.12em;font-size:12px}h1{letter-spacing:-.04em;margin:5px 0 10px;font-size:clamp(26px,3vw,37px)}h2{font-size:18px;letter-spacing:-.02em;margin:0 0 18px}p{line-height:1.5}p.sub{color:var(--muted);margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.panel{background:white;border:1px solid var(--stroke);border-radius:13px;padding:23px;box-shadow:0 4px 18px #123c5410}.tile span{display:block;color:#647b89;font-size:13px}.tile strong{display:block;margin-top:14px;font-size:27px;letter-spacing:-.05em}.tile .foot{margin-top:13px;font-size:12px;color:#718896}.panel{margin:23px 0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 17px}.formgrid .full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:650;color:#496171;margin-bottom:6px}input,select,textarea{border:1px solid #cddbe1;border-radius:8px;padding:12px;width:100%;font:inherit;color:#253d4e;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #8fd6d0;border-color:var(--teal)}button,.button{border:0;background:var(--teal);color:#fff;padding:11px 18px;border-radius:8px;font-weight:650;cursor:pointer;display:inline-block;text-align:center;font-size:13px}.button:hover,button:hover{background:#066e6c;color:white;text-decoration:none}.button.ghost{background:#edf5f5;color:#087a76}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.hint{background:#edf8f7;color:#416665;padding:13px 16px;border-radius:9px;font-size:13px;line-height:1.5}.warning{background:#fff4e7;color:#815625;padding:13px 16px;border-radius:9px;font-size:13px;line-height:1.5}.error{background:#fff0f1;color:#a12742;padding:13px;border-radius:8px;margin:15px 0}.badge{display:inline-block;font-size:11px;background:#e1f3f0;color:#0b7870;font-weight:700;border-radius:20px;padding:5px 9px}.badge.gray{background:#eef0f4;color:#60717d}.tablewrap{overflow:auto;border:1px solid var(--stroke);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;white-space:nowrap}th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#6c8391;background:#f7fafb}th,td{padding:13px;border-bottom:1px solid #eaf0f2}tr:last-child td{border-bottom:0}td a{font-weight:650}.split{display:flex;gap:22px;align-items:center;justify-content:space-between}.muted{color:var(--muted)}.loginbody{min-height:100vh;display:grid;place-items:center;background:linear-gradient(125deg,#102a3e 12%,#0a6b70 100%);padding:20px}.login{width:min(440px,100%);background:white;padding:37px;border-radius:17px;box-shadow:0 18px 50px #071b3250}.login h1{margin:0 0 7px}.login button{width:100%;margin-top:12px}.login .brand{color:#10293b;font-size:38px}.login .brand small{color:#5e8992}.login label{margin-top:16px}.login .muted{font-size:13px}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.small{font-size:12px}@media(max-width:860px){header{padding:0 15px}.layout{display:block}aside{width:100%;display:flex;flex-wrap:wrap;padding:7px}.aside-caption{display:none}.navlink{padding:9px}.main{padding:20px 14px}.grid,.grid.two{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.split{display:block}}