*{box-sizing:border-box}body{color:#17243b;background:#f6f8fc;margin:0;font:14px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;color:#fff;background:#3168d7;border:0;border-radius:9px;padding:10px 16px;font-weight:600}button:disabled{opacity:.5}a{color:#3168d7}.shell{min-height:100vh;display:flex}aside{color:#dce7f8;background:#111f38;flex-direction:column;flex-shrink:0;width:235px;padding:30px 20px;display:flex}.brand,.logo{letter-spacing:2px;color:#fff;font-size:21px;font-weight:900}.brand span,.logo span{color:#7c9cd9;letter-spacing:3px;font-size:11px;display:block}nav{margin-top:45px}nav div{color:#9eacc5;border-radius:9px;padding:12px}.navActive{background:#273b5e;color:#fff!important}.logout{background:0 0;border:1px solid #42536c;width:100%;margin-top:auto}.main{flex:1;min-width:0;max-width:1700px;padding:38px}header,.panelHead,.actions{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{margin:0;font-size:28px}h2{margin:0;font-size:17px}p{color:#75839a;margin:4px 0}.filters{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filters label{color:#75839a;flex-direction:column;font-size:11px;display:flex}.filters input{color:#1e2c40;background:#fff;border:1px solid #dce3ef;border-radius:8px;padding:8px}.kpis{grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin:28px 0;display:grid}.kpis>div,.panel{background:#fff;border:1px solid #e4eaf3;border-radius:14px;box-shadow:0 2px 8px #192d5008}.kpis>div{padding:21px}.kpis small{color:#7b8798;margin-bottom:10px;display:block}.kpis strong{letter-spacing:-1px;font-size:26px}.panel{margin:18px 0;padding:22px}.panelHead span{color:#8693a7;font-size:12px}.chart{height:250px;margin-top:22px}.tabs{background:#f2f5fa;border-radius:9px;gap:5px;padding:4px;display:flex}.tabs button{color:#6d7b90;background:0 0;padding:7px 12px}.tabs .selected{color:#245dc7;background:#fff;box-shadow:0 1px 5px #0001}.scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;margin-top:16px}th{text-align:left;color:#8793a6;background:#f8fafd;font-size:11px;font-weight:600}th,td{border-bottom:1px solid #edf1f6;padding:12px}td:first-child{text-overflow:ellipsis;max-width:350px;font-weight:600;overflow:hidden}tr.total{background:#eaf1ff;font-weight:700}.empty{text-align:center;padding:30px}.actionButtons{gap:10px;display:flex}.notice{background:#e8f0ff;border:1px solid #cdddfc;border-radius:10px;padding:14px}.login{place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border-radius:16px;width:min(420px,90vw);padding:45px;box-shadow:0 15px 60px #192d5020}.loginCard .logo{color:#132341}.loginCard h1{margin-top:35px}.loginCard form{flex-direction:column;gap:12px;margin-top:24px;display:flex}.loginCard input{border:1px solid #d5dfed;border-radius:8px;padding:12px}@media (max-width:1000px){aside{display:none}.main{padding:18px}.kpis{grid-template-columns:repeat(2,1fr)}header,.actions{flex-direction:column;align-items:flex-start}}@media (max-width:500px){.kpis strong{font-size:21px}.kpis{gap:8px}.kpis>div{padding:14px}}