:root{--blue:#315b9f;--blue2:#244b88;--light:#92cbdc;--orange:#ff9447;--bg:#f3f6fa;--text:#17243a;--muted:#6c7789;--white:#fff;--shadow:0 10px 30px rgba(34,66,110,.09)}*{box-sizing:border-box}body{margin:0;font:15px/1.45 Arial,sans-serif;color:var(--text);background:var(--bg)}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,var(--blue2),var(--blue));color:#fff;padding:24px 18px}.logo{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 30px 0;
    padding:10px 0 20px 0;
}

.logo img{
    width:180px;
    max-width:100%;
    height:auto;
    display:block;
}
nav{display:grid;gap:6px}nav a{color:#fff;text-decoration:none;padding:11px 13px;border-radius:9px}nav a:hover{background:#ffffff18}nav .ai{background:var(--orange);margin-top:8px}nav .muted{opacity:.62}nav hr{border:0;border-top:1px solid #ffffff33;width:100%}.main>header{height:72px;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:0 30px;border-bottom:1px solid #e4e9f0}.main>header div{display:grid}.main>header small{color:var(--muted)}.main>header a{color:var(--blue);text-decoration:none}.menu{display:none}.main main{padding:30px;max-width:1500px;margin:auto}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.title h1{margin:0;color:var(--blue);font-size:30px}.title p{margin:4px 0;color:var(--muted)}.live{color:#23825c;background:#e7f7ef;padding:8px 12px;border-radius:99px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpis article,.card{background:#fff;border-radius:15px;box-shadow:var(--shadow);padding:22px}.kpis article{border-top:4px solid var(--light)}.kpis article.orange{border-color:var(--orange)}.kpis small{color:var(--muted)}.kpis strong{display:block;font-size:32px;color:var(--blue);margin-top:8px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.card h2{margin-top:0;color:var(--blue)}.assistant{background:linear-gradient(160deg,#fff,#edf5ff);border-left:4px solid var(--orange)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e8edf3;white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.table-card{overflow:auto}.status{display:inline-block;padding:4px 8px;border-radius:99px;background:#eaf0f8;color:var(--blue);font-size:12px}.status.success{background:#e4f7ec;color:#197247}.status.failed{background:#fee9e7;color:#a6382e}.status.unchanged{background:#eef1f5;color:#5f6976}button{background:var(--blue);color:white;border:0;border-radius:7px;padding:12px 18px;font-weight:bold}button:disabled{opacity:.55}.form label,.login-card label{display:grid;gap:6px;margin-bottom:15px}input,select{padding:12px;border:1px solid #ccd5e1;border-radius:7px;font:inherit}.login-body{background:linear-gradient(135deg,#eef5fb,#dceaf4)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.3fr 1fr}.brand-panel{background:linear-gradient(135deg,#244b88ee,#315b9fee),url('') center/cover;color:white;padding:10vw;display:flex;flex-direction:column;justify-content:center}.brand-mark{font-size:90px;font-weight:bold}.brand-panel h1{font-size:46px;margin:10px 0}.login-card{align-self:center;width:min(420px,86vw);margin:auto;background:white;padding:36px;border-radius:18px;box-shadow:var(--shadow)}.login-card h2{color:var(--blue)}.login-card button{width:100%;margin-bottom:18px}.login-card small{color:var(--muted)}.alert{background:#fee9e7;color:#8b3029;padding:10px;border-radius:7px;margin-bottom:14px}@media(max-width:900px){.app{grid-template-columns:1fr}aside{display:none;position:fixed;z-index:5;inset:0 25% 0 0}.app.open aside{display:block}.menu{display:block;margin-right:auto}.main main{padding:18px}.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.brand-panel{display:none}}@media(max-width:560px){.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpis article{padding:14px}.kpis strong{font-size:25px}.main>header{padding:0 15px}.title{align-items:flex-start;gap:10px}.live{font-size:12px}.login-card{padding:25px}}