:root{--b:#2161d7;--bg:#f3f6fb;--tx:#101828;--mut:#667085;--line:#e4e7ec;--ok:#067647;--err:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--tx)}button,input,select{font:inherit}.hide{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.authCard{width:min(450px,100%);background:#fff;border-radius:20px;padding:32px;box-shadow:0 18px 55px #0001}.logo{font-size:30px;font-weight:800;color:#09214d}.sub{color:var(--mut);margin:8px 0 28px}label{display:block;font-size:13px;font-weight:700;margin:14px 0 6px}input,select{width:100%;padding:13px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}.btn{border:0;border-radius:10px;padding:11px 14px;font-weight:700;cursor:pointer}.primary{background:var(--b);color:#fff}.full{width:100%;margin-top:20px}.msg{margin-top:15px;padding:12px;border-radius:10px;background:#eff6ff;font-size:13px}.msg.err,.dangerText{background:#fef3f2;color:var(--err);padding:11px;border-radius:10px}.goodText,.status{background:#ecfdf3;color:var(--ok);padding:11px;border-radius:10px}.top{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;position:sticky;top:0;z-index:2}.top strong{font-size:21px;color:#09214d}.u{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:12px}.outline{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 62px)}aside{background:#fff;border-right:1px solid var(--line);padding:18px 4px}.nav button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:11px;border-radius:9px;font-weight:700;color:#25324b;margin-bottom:4px}.nav button.active{background:#eaf1ff;color:#075bd8}main{padding:26px}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.head h1{font-size:32px;margin:0 0 12px}.head p{margin:0;color:var(--mut)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.k{font-size:13px;color:var(--mut)}.v{font-size:28px;font-weight:800;margin-top:10px}.section{display:none}.section.active{display:block}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:13px}.table th{font-size:12px;color:var(--mut)}.empty{padding:25px 0;color:var(--mut)}dialog{border:0;border-radius:17px;width:min(720px,94vw);padding:0;box-shadow:0 24px 70px #0005}dialog::backdrop{background:#0005}.mh{padding:20px 22px 5px;display:flex;align-items:center;justify-content:space-between}.mh h2{margin:0;font-size:24px}.mb{padding:0 22px 18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid .wide{grid-column:1/-1}.mf{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px 20px}.hint{font-size:12px;color:var(--mut);margin-top:8px}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);overflow:auto}.nav{display:flex;gap:4px;min-width:max-content}.nav button{width:auto}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}}@media(max-width:520px){main{padding:16px}.cards{grid-template-columns:1fr}.head{display:block}.head .btn{margin-top:14px}.u span{display:none}}