:root{--blue:#0b3c74;--blue2:#115b9b;--cyan:#2f9fd7;--bg:#eef3f8;--panel:#fff;--line:#cbd7e3;--text:#1b2a38;--muted:#647586;--ok:#198754;--warn:#b45309;--bad:#b42318;--shadow:0 12px 30px rgba(5,28,54,.12)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f5f8fb,#e7eef6);color:var(--text)}a{color:inherit}.site{min-height:100vh}.topbar{background:var(--blue);color:white;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 14px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.4px}.drop{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#62bee8,#0e76bd);display:grid;place-items:center}.drop:before{content:"";width:15px;height:22px;border-radius:50% 50% 60% 60%;background:#fff;transform:rotate(25deg)}.userbox{font-size:13px;opacity:.94}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.userbox-name{font-size:13px;opacity:.94;color:white;white-space:nowrap}.reset-btn{background:#df7b1f!important;color:white!important;border:0!important;font-size:13px;padding:8px 13px;white-space:nowrap}.reset-btn:hover{background:#c0681a!important}.logout-btn{background:rgba(255,255,255,.15)!important;color:white!important;border:1px solid rgba(255,255,255,.35)!important;font-size:13px;padding:8px 13px;white-space:nowrap;text-decoration:none}.logout-btn:hover{background:rgba(255,255,255,.28)!important}.wrap{max-width:1180px;margin:0 auto;padding:24px}.hero{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}h1{margin:0 0 10px;font-size:30px;color:#072b52}h2{margin:0 0 16px;color:#0a3768}h3{margin:20px 0 10px;color:#0b3c74}.grid{display:grid;grid-template-columns:1fr 330px;gap:22px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(10,42,78,.06)}.muted{color:var(--muted)}.btn{border:0;border-radius:9px;background:var(--blue2);color:white;padding:11px 16px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px rgba(13,80,140,.18);text-decoration:none;display:inline-block}.btn:hover{background:#0a4d87}.btn.secondary{background:#f4f7fa;color:#123b5d;border:1px solid var(--line);box-shadow:none}.btn.green{background:var(--ok)}.btn.orange{background:#df7b1f}.btn.red{background:var(--bad)}.btn:disabled{background:#9badbf;cursor:not-allowed}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.training-rail{position:sticky;top:16px}.progress{height:12px;border-radius:9px;background:#d9e4ef;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1e80c1,#50c0e8)}.step-list{list-style:none;margin:14px 0 0;padding:0}.step-list li{padding:9px 0;border-bottom:1px solid #ecf1f5;color:#647586}.step-list li.done{color:#0a6b3d;font-weight:700}.step-list li.active{color:#0b3c74;font-weight:700}.login-shell{max-width:440px;margin:32px auto;background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}label{display:block;margin:10px 0 6px;font-weight:700;color:#183d5b}.field,select,textarea,input[type=date],input[type=password],input[type=text],input[type=number]{width:100%;padding:10px 11px;border:1px solid #b8c7d6;border-radius:8px;background:white;font-size:15px}textarea{min-height:100px;resize:vertical}.hint{border-left:5px solid var(--cyan);background:#eaf7fd;padding:12px 14px;border-radius:8px;margin:14px 0}.error{display:none;border-left:5px solid var(--bad);background:#fff2f0;color:#831b13;padding:10px;border-radius:8px;margin-top:12px}.success{display:none;border-left:5px solid var(--ok);background:#eefaf2;color:#075a31;padding:10px;border-radius:8px;margin-top:12px}.app-window{background:white;border:1px solid #b8c7d6;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.app-nav{background:#f5f8fb;border-bottom:1px solid #d8e1ea;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.nav-left{display:flex;gap:8px;align-items:center}.pill{background:#e4eef7;color:#0b3c74;border:1px solid #c1d2e2;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}.app-body{padding:18px}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{border:1px solid #cbd7e3;border-radius:12px;background:#fbfdff;padding:22px;min-height:142px;cursor:pointer;transition:.15s}.tile:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(5,41,82,.11);border-color:#87badd}.tile .icon{font-size:34px;margin-bottom:10px}.dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;z-index:20;top:40px;left:0;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:220px;padding:6px}.dropdown.open .dropdown-menu{display:block}.dropdown-menu button{display:block;width:100%;text-align:left;padding:10px;border:0;background:white;border-radius:7px;cursor:pointer}.dropdown-menu button:hover{background:#eaf4fc}.report-head{display:grid;grid-template-columns:1fr 220px;gap:14px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{border:1px solid #d5e0ea;padding:9px;text-align:left}.table th{background:#eff5fb;color:#113b60}.range{font-size:12px;color:#5c6e7f;margin-top:4px}.status-low{background:#fff8e8}.status-high{background:#fff1f0}.status-ok{background:#f1fbf4}.system-row{display:grid;grid-template-columns:1fr 110px 160px;gap:10px;align-items:center;padding:12px;border:1px solid #d5e0ea;border-radius:10px;margin-bottom:10px;background:#fbfdff}.toggle{position:relative;width:70px;height:34px;border-radius:999px;background:#198754;cursor:pointer}.toggle.off{background:#8b97a3}.toggle:after{content:"ON";position:absolute;color:white;font-size:12px;font-weight:bold;left:13px;top:10px}.toggle.off:after{content:"OFF";left:34px}.toggle span{position:absolute;width:28px;height:28px;background:white;border-radius:50%;top:3px;right:3px;transition:.15s}.toggle.off span{right:39px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;align-items:center;justify-content:center;padding:20px}.modal{max-width:640px;width:100%;background:white;border-radius:14px;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.toolbar{display:flex;gap:6px;border:1px solid var(--line);border-radius:8px;padding:6px;margin-bottom:8px;background:#f7fafc}.toolbar button{border:1px solid #cbd7e3;background:white;border-radius:6px;padding:7px 9px;cursor:pointer}.callout-target{outline:3px solid #f59f00;box-shadow:0 0 0 7px rgba(245,159,0,.18)}.badge{display:inline-block;border-radius:999px;background:#e8f4ff;color:#0b4d7e;font-weight:700;font-size:12px;padding:4px 8px}.pdf-icon{border:0;background:#b42318;color:white;border-radius:7px;padding:8px 10px;cursor:pointer}.mini-chart{height:280px;border:1px solid #d7e1eb;border-radius:10px;background:linear-gradient(#fff,#f7fbff);position:relative;overflow:hidden}.line{position:absolute;height:3px;background:#0b6fb3;transform-origin:left center}.line.two{background:#df7b1f}.cert{border:10px solid #d2e5f4;background:white;padding:36px;text-align:center;border-radius:12px}.small{font-size:13px}.hidden{display:none!important}@media (max-width:900px){.grid{grid-template-columns:1fr}.training-rail{position:static}.tile-grid{grid-template-columns:1fr}.report-head,.system-row{grid-template-columns:1fr}.wrap{padding:14px}.topbar{padding:10px 14px;flex-wrap:wrap;gap:8px}.topbar-right{gap:6px}.reset-btn,.logout-btn{padding:7px 10px;font-size:12px}.userbox-name{display:none}}.division-brand {text-align: center;margin-bottom: 1.5rem;}.division-logo {max-width: 220px;width: 100%;height: auto;display: block;margin: 0 auto 0.5rem;}.division-text {margin: 0;font-size: 0.85rem;color: #555;font-style: italic;}