:root{--blue:#1d8cff;--blue2:#eaf5ff;--dark:#10375c;--muted:#64748b;--line:#d9e8f6;--bg:#f5fbff;--danger:#dc2626;--ok:#16a34a;--warn:#f59e0b;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:#12263a}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#1593ff,#0d6fd6);color:white;padding:18px;position:fixed;inset:0 auto 0 0;box-shadow:6px 0 22px rgba(20,100,180,.12)}.brand{font-size:20px;font-weight:800;letter-spacing:.3px}.tag{font-size:11px;opacity:.9;margin:4px 0 18px;text-transform:uppercase}.nav a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;margin:4px 0;color:white;font-weight:650}.nav a.active,.nav a:hover{background:rgba(255,255,255,.18)}.main{margin-left:260px;width:calc(100% - 260px);padding:22px}.top{background:linear-gradient(135deg,#e8f5ff,#fff);border:1px solid var(--line);border-radius:20px;padding:20px 22px;margin-bottom:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.title{margin:0;font-size:25px;color:var(--dark)}.subtitle{color:var(--muted);font-size:13px;margin-top:5px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(32,122,210,.07);margin-bottom:14px}.grid{display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{font-size:28px;font-weight:800;color:#0d6fd6}.muted{color:var(--muted);font-size:13px}.btn{border:0;background:#1187f4;color:white;padding:10px 14px;border-radius:12px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn.secondary{background:#eaf5ff;color:#0d5ead;border:1px solid #bde0ff}.btn.danger{background:#dc2626}.btn.small{padding:7px 10px;font-size:12px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #cfe3f8;border-radius:12px;background:white;font:inherit}textarea{min-height:110px}label{display:block;font-weight:700;font-size:13px;color:#274763;margin-bottom:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:white;font-size:13px}th,td{border-bottom:1px solid #edf4fb;padding:10px;text-align:left;vertical-align:top}th{background:#edf7ff;color:#16466f;font-size:12px;text-transform:uppercase;letter-spacing:.2px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.risk-low{background:#dcfce7;color:#166534}.risk-med{background:#fef3c7;color:#92400e}.risk-high{background:#fee2e2;color:#991b1b}.risk-critical{background:#7f1d1d;color:#fff}.notice{padding:11px 13px;border-radius:12px;margin:10px 0;background:#eaf5ff;border:1px solid #bde0ff;color:#154d7a}.err{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.ok{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.footer{font-size:12px;color:#7a8aa0;text-align:center;margin:20px}.progressbar{height:8px;background:#e2edf7;border-radius:99px;overflow:hidden}.progressbar span{display:block;height:8px;background:#1187f4}.print-only{display:none}@media(max-width:900px){.sidebar{position:relative;width:100%;inset:auto}.app{display:block}.main{margin-left:0;width:100%;padding:12px}.grid-4,.grid-2,.row{grid-template-columns:1fr}.top{display:block}.title{font-size:21px}}@media print{.sidebar,.actions,.btn,.top .right{display:none!important}.main{margin:0;width:100%;padding:0}.card{box-shadow:none;border:0}.print-only{display:block}body{background:white}table{font-size:10px}th,td{padding:5px}}
.login-page{min-height:100vh;background:linear-gradient(135deg,#dff2ff,#ffffff 55%,#e9f7ff);display:flex;align-items:center;justify-content:center}.login-wrap{width:100%;max-width:440px;padding:18px}.login-card{padding:28px}.brand-login{font-size:26px;font-weight:900;color:#0d6fd6;text-align:center;letter-spacing:.3px}.tag-login{text-align:center;color:#64748b;margin:6px 0 22px;font-weight:700;font-size:12px}.btn.full{width:100%;justify-content:center}.side-user{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.14);padding:12px;border-radius:14px}.side-user a{color:#fff;text-decoration:underline;font-weight:700}.actions{display:flex;gap:8px;flex-wrap:wrap}h2{color:#10375c;margin-top:0}@media(max-width:900px){.side-user{position:relative;left:auto;right:auto;bottom:auto;margin-top:14px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.sidebar{border-radius:0 0 20px 20px}.main{padding-top:14px}}