:root{--navy:#0c2947;--navy2:#071b31;--gold:#b68937;--ink:#12283d;--muted:#718090;--line:#dce3e8;--paper:#f3f6f8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.app-shell{display:grid;grid-template-columns:205px 1fr;min-height:650px}aside{position:relative;background:var(--navy2);color:#fff;padding:23px 16px}.logo{display:flex;align-items:center;gap:10px;padding:0 7px 22px;border-bottom:1px solid #ffffff1f}.logo>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;color:#d8bd83;font:700 15px Georgia,serif}.logo div{display:flex;flex-direction:column}.logo strong{font:400 18px Georgia,serif}.logo small{color:#8295a8;font-size:9px;margin-top:3px}nav{display:grid;gap:6px;margin-top:25px}nav button{display:flex;align-items:center;gap:11px;width:100%;border:0;border-left:2px solid transparent;border-radius:4px;background:transparent;color:#9badbd;padding:13px 10px;text-align:left;cursor:pointer;font-weight:700}nav button span{font-size:9px;color:#627b91}nav button.active,nav button:hover{background:#ffffff0c;border-left-color:var(--gold);color:#fff}.brain{position:absolute;left:16px;right:16px;bottom:95px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff1f;border-radius:7px;padding:12px}.brain>i{width:9px;height:9px;border-radius:50%;background:#61c798;box-shadow:0 0 0 5px #61c79818}.brain div{display:flex;flex-direction:column}.brain small{font-size:8px;color:#7f94a8;text-transform:uppercase;letter-spacing:.08em}.brain strong{font:400 14px Georgia,serif;color:#fff;margin-top:3px}main{min-width:0;padding:23px 27px 120px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}header p{margin:0 0 5px;color:var(--gold);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}h1{font:400 29px Georgia,serif;margin:0}.status{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:100px;background:#fff;padding:8px 11px;color:var(--muted);font-size:9px}.status i{width:7px;height:7px;border-radius:50%;background:#61c798}.view{display:none}.view.active{display:block}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpis article,.chart,.alerts,.table-card,.donut-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 24px #1634500a}.kpis article{min-height:118px;padding:17px}.kpis small,.card-title small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.kpis strong{display:block;font:400 26px Georgia,serif;color:var(--navy);margin:10px 0 3px}.kpis span{color:var(--muted);font-size:9px}.kpis em{position:absolute;right:15px;top:17px;color:#2c9a70;background:#e7f6ef;border-radius:100px;padding:4px 6px;font-size:8px;font-style:normal}.grid{display:grid;grid-template-columns:1.45fr .85fr;gap:12px;margin-top:12px}.chart,.alerts,.donut-card,.table-card{min-height:285px;padding:17px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-title strong{display:block;font:400 18px Georgia,serif;color:var(--navy);margin-top:4px}.card-title>span{color:var(--muted);font-size:9px}.card-title>b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f8eee0;color:var(--gold);font-size:10px}.bars{height:165px;display:flex;align-items:end;gap:13px;border-bottom:1px solid var(--line);margin-top:19px;padding:0 10px}.bars i{flex:1;background:linear-gradient(var(--gold),#e1cd9f);border-radius:3px 3px 0 0}.months{display:flex;justify-content:space-between;padding:8px 10px;color:#8996a2;font-size:8px}.alerts ul{list-style:none;padding:0;margin:15px 0 0}.alerts li{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.alerts li>i{width:8px;height:8px;border-radius:50%;background:#61c798}.alerts li>i.medium{background:#dfac4d}.alerts li>i.high{background:#d56a66}.alerts li div{display:flex;flex-direction:column;gap:4px}.alerts li strong{font-size:10px}.alerts li span{color:var(--muted);font-size:8px}.table-card{margin-top:12px;overflow:hidden}table{width:100%;border-collapse:collapse;margin-top:18px;font-size:10px}th,td{text-align:left;padding:14px 9px;border-top:1px solid var(--line)}th{color:var(--muted);font-size:8px;text-transform:uppercase}.ok,.watch{border-radius:100px;padding:5px 7px;font-size:8px;color:#278666;background:#e7f6ef}.watch{color:#a8751d;background:#fbf2df}.donut-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.donut-card .card-title{grid-column:1/-1}.donut{display:grid;place-items:center;width:155px;height:155px;margin:13px auto 0;border-radius:50%;background:conic-gradient(var(--gold) 0 56%,#173f63 56% 83%,#d7e0e6 83%);position:relative}.donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff}.donut div{z-index:1;text-align:center}.donut strong{display:block;font:400 22px Georgia,serif}.donut span{font-size:8px;color:var(--muted)}.legend{list-style:none;padding:0;margin:15px 0}.legend li{display:grid;grid-template-columns:10px 1fr auto;gap:8px;padding:8px 0;color:var(--muted);font-size:9px}.legend i{width:7px;height:7px;border-radius:50%;background:var(--gold)}.legend li:nth-child(2) i{background:#173f63}.legend li:nth-child(3) i{background:#d7e0e6}.legend b{color:var(--ink)}@media(max-width:760px){.app-shell{grid-template-columns:1fr}aside{position:static;padding:12px}.logo,.brain{display:none}nav{grid-template-columns:repeat(3,1fr);margin:0}nav button{justify-content:center;padding:11px 4px;font-size:9px}main{padding:18px 14px 130px}.status{display:none}.kpis{grid-template-columns:1fr 1fr}.kpis article:last-child{display:none}.grid{grid-template-columns:1fr}.alerts{display:none}.donut-card{grid-template-columns:1fr}.legend{display:none}h1{font-size:24px}}