*{box-sizing:border-box}body{color:#10264a;background:#f4f7fb;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}.login{background:linear-gradient(135deg,#052b50,#0b4c86);justify-content:center;align-items:center;min-height:100vh;display:flex}.loginbox{background:#fff;border-radius:14px;width:390px;padding:32px;box-shadow:0 25px 70px #00172f66}.brand{letter-spacing:1px;font-size:27px}.brand em{color:#e3182a;font-style:normal}.login h1{margin-bottom:5px}.login p{color:#6a7d91}.login label,.modal label{color:#52677e;margin:13px 0;font-size:12px;display:block}.login input,.modal input:not([type=checkbox]),.modal select{background:#fff;border:1px solid #cbd8e4;border-radius:6px;width:100%;margin-top:5px;padding:11px;display:block}.primary{color:#fff!important;background:#e3182a!important;border-color:#e3182a!important}.full{width:100%;padding:11px}.demo{background:#f3f7fb;border-radius:7px;margin-top:18px;padding:12px;font-size:12px;line-height:1.6}.error{color:#bd1d2a;margin:8px 0;font-size:12px}.shell{min-height:100vh;display:flex}aside{color:#fff;background:linear-gradient(#062d54,#082342);width:230px;height:100vh;padding:24px 12px;position:fixed}.tag{letter-spacing:1.2px;color:#bed2e4;padding:5px 3px 18px;font-size:9px}aside button{text-align:left;color:#e7eff7;background:0 0;border:0;border-radius:6px;width:100%;margin:2px 0;padding:10px 12px;display:block}aside button.active,aside button:hover{background:#e3182a}main{width:calc(100% - 230px);margin-left:230px;padding:24px}header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}h1{margin:0}header p,.toolbar p{color:#6d7f92;margin:4px 0}.user{align-items:center;gap:14px;display:flex}.user small{color:#718398;margin-top:3px;display:block}.user button,button{cursor:pointer;background:#fff;border:1px solid #cad7e3;border-radius:6px;padding:8px 10px}.notice{background:#eaf3fc;border:1px solid #c8ddef;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:11px 14px;display:flex}.dashbar{text-align:right;margin-bottom:10px}.eye{color:#17436f;font-weight:700}.cards{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.kpi,.panel,.mastercard{background:#fff;border:1px solid #dce6ef;border-radius:10px;box-shadow:0 2px 8px #1734510d}.kpi{padding:18px}.kpi small{color:#64758a;display:block}.kpi strong{margin-top:8px;font-size:25px;display:block}.mastercards{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px;display:grid}.mastercard{text-align:left;padding:16px}.mastercard span{color:#64758a;display:block}.mastercard b{color:#123d6c;margin:7px 0;font-size:25px;display:block}.mastercard small{color:#e3182a}.panel{margin-bottom:15px;padding:18px;overflow:auto}.panel h2{margin:0 0 12px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.toolbar h2{margin:0}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#536981;background:#f5f8fb;border-bottom:1px solid #dce6ef;padding:10px}td{border-bottom:1px solid #edf1f5;padding:10px}td small{color:#8190a0;margin-top:3px;display:block}.status{border-radius:5px;padding:4px 7px;font-size:11px}.status.good{color:#147746;background:#dff5e8}.status.warn{color:#a35c00;background:#fff0d8}.status.bad{color:#bf1e2d;background:#ffe1e4}.infra{border-bottom:1px solid #edf1f5;justify-content:space-between;padding:11px 0;display:flex}.infra span{color:#697c91}.simple .row{border-bottom:1px solid #edf1f5;grid-template-columns:130px 1fr 140px 120px;gap:10px;padding:12px;display:grid}.overlay{z-index:20;background:#071c30aa;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(620px,94vw);padding:20px}.modalhead{justify-content:space-between;align-items:center;display:flex}.modalhead h2{margin:0}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{background:#f5f8fb;border-radius:6px;align-items:center;gap:8px;padding:10px;display:flex!important}.actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@media (max-width:900px){.cards,.mastercards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}.version{color:#fff;background:#e3182a;border-radius:4px;margin-left:7px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}