:root{--ink:#10283b;--muted:#607482;--line:#dce6eb;--paper:#fff;--bg:#f3f7f8;--orange:#ef6c35;--blue:#176b87;--green:#15805d;--red:#b42318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:17px}a{color:inherit}.top{position:sticky;top:0;z-index:5;background:#10283b;color:#fff;padding:14px 22px;display:flex;align-items:center;gap:22px}.brand{font-size:1.4rem;font-weight:850;text-decoration:none}.brand b{color:#ff8652}.top nav{display:flex;gap:8px;flex-wrap:wrap}.top nav a{padding:9px 12px;border-radius:9px;text-decoration:none}.top nav a:hover{background:#ffffff18}.user{margin-left:auto;font-size:.9rem}.shell{width:min(1440px,calc(100% - 32px));margin:auto}.hero{padding:34px 0 22px}.hero h1{font-size:clamp(2rem,4vw,3.6rem);margin:.15em 0}.hero p{color:var(--muted);max-width:850px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px #17314a0b}.card small{color:var(--muted)}.card strong{display:block;font-size:2rem;margin-top:8px}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:20px 0}.button,button{border:0;border-radius:10px;padding:12px 17px;background:var(--orange);color:#fff;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.button.secondary{background:var(--blue)}.button.ghost{background:#e8eff2;color:var(--ink)}label{display:grid;gap:6px;font-weight:700;min-width:180px}input,select,textarea{border:1px solid #bdccd3;border-radius:9px;padding:11px 12px;font:inherit;background:#fff;min-width:0}textarea{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1/-1}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.module{background:#fff;border:1px solid var(--line);border-left:6px solid var(--blue);border-radius:14px;padding:16px;text-decoration:none;min-width:0}.module b{display:block}.module small{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.82rem;text-transform:uppercase;color:var(--muted)}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#e9f3f6;font-size:.8rem}.badge.critical{background:#fee4e2;color:var(--red)}.notice{border-left:5px solid var(--orange);background:#fff7ed;padding:14px 16px;border-radius:9px;margin:15px 0}.error{border-color:var(--red);background:#fff1f0}.login{max-width:520px;margin:9vh auto}.login label{margin:14px 0}.empty{text-align:center;color:var(--muted);padding:36px}.danger{color:var(--red)}@media(max-width:1000px){.grid,.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{font-size:16px}.top{align-items:flex-start;flex-wrap:wrap}.user{margin-left:0}.grid,.module-grid,.form-grid{grid-template-columns:1fr}.shell{width:min(100% - 20px,1440px)}table{display:block;overflow:auto}.wide{grid-column:auto}}
