:root{font-family:Inter,system-ui,sans-serif;color:#17202a;background:#f3f5f8;--red:#e21d12;--line:#e0e5ec;--muted:#68758a}*{box-sizing:border-box}body{margin:0}a{color:#b91f16;text-decoration:none}main{max-width:1180px;margin:auto;padding:32px 24px 60px}.admin-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(24px,calc((100vw - 1180px)/2 + 24px));background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 20px #17202a0b}.admin-nav__brand{display:flex;align-items:center;gap:9px;color:#17202a;font-weight:850}.admin-nav__brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--red);color:#fff}.admin-nav nav{display:flex;gap:5px}.admin-nav nav a{padding:9px 12px;border-radius:9px;color:#4c596b;font-weight:700}.admin-nav nav a:hover,.admin-nav nav a[aria-current=page]{background:#fff0ee;color:#c52218}.login{max-width:430px;margin:10vh auto;background:#fff;padding:30px;border-radius:18px;box-shadow:0 14px 45px #17202a18}.security{max-width:520px}.brand{color:var(--red)}h1,h2,h3{margin:0 0 16px}h1{font-size:30px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.page-heading p{margin:4px 0}.field{display:grid;gap:7px;margin:14px 0}.field label{font-weight:700}.field input,.field select,select{width:100%;padding:13px;border:1px solid #cfd7e2;border-radius:10px;background:#fff;font-size:16px}.field small,.muted{color:var(--muted)}.inline-form{display:flex;align-items:end;gap:14px}.inline-form .field{min-width:210px;margin:0}.inline-form .grow{flex:1}.btn{border:0;border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer}.primary{background:var(--red);color:#fff}.login .primary{width:100%}.secondary{background:#eef1f5}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:18px}.metric strong{font-size:28px;display:block}.notice{padding:16px 18px;margin-bottom:18px;border:1px solid #f1cf71;border-radius:13px;background:#fff9e8;color:#735b12}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e8ecf1;white-space:nowrap}th{font-size:13px;color:var(--muted)}.critical{color:#c52218;font-weight:800}.empty{padding:20px;color:var(--muted)}.secret{padding:14px;background:#f2f4f7;border:1px dashed #aab4c2;border-radius:10px;text-align:center;overflow-wrap:anywhere;letter-spacing:1px}.auth-link{display:block;margin:12px 0;font-weight:700}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#17202a;color:#fff;padding:12px 18px;border-radius:10px;display:none}#toast.show{display:block}@media(max-width:760px){main{padding:22px 14px 50px}.admin-nav{position:static;display:block;padding:12px 14px}.admin-nav nav{margin-top:10px;overflow-x:auto}.admin-nav nav a{white-space:nowrap}.inline-form{display:grid}.inline-form .field{min-width:0}.top{align-items:flex-start;gap:12px}.login{margin:4vh auto;padding:22px}.page-heading{align-items:flex-start}h1{font-size:26px}}