:root{font-family:Inter,system-ui,sans-serif;color:#102c34;background:#f3f8fa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:22px 16px;background:#fff;border-right:1px solid #d5e1e4;display:flex;flex-direction:column;gap:7px}aside a,.link{display:block;padding:11px 13px;border:0;border-radius:8px;color:#3d555d;text-decoration:none;background:transparent;text-align:left;width:100%}aside a.active{background:#087386;color:#fff}.brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.brand>b{background:#172231;color:#fff;border-radius:7px;padding:10px}.brand span{font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#85663d}aside form{margin-top:auto}main{margin-left:240px}header{height:64px;padding:10px 28px;background:#fff;border-bottom:1px solid #d5e1e4;display:flex;justify-content:flex-end;align-items:center;gap:24px}header form{display:flex;gap:8px}.content{padding:28px;max-width:1450px;margin:auto}h1{font:700 30px Georgia,serif;margin:0 0 5px}h2{font-size:18px}.kpis,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.grid{grid-template-columns:1fr 1fr}.kpis article,.card{background:#fff;border:1px solid #cbdadd;border-radius:13px;padding:20px}.kpis b{display:block;font-size:23px;margin-top:9px}.kpis small,.row small{display:block;color:#647980;margin-top:4px}.filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:9px;margin:20px 0}.filters button{background:#087386;color:#fff}.filters input,.filters select,input,select,textarea{width:100%;padding:11px;border:1px solid #bfcfd3;border-radius:8px;background:#fff}form.card{display:grid;gap:12px}.row{width:100%;display:flex;align-items:center;gap:18px;padding:15px 4px;border:0;border-bottom:1px solid #dce6e8;background:transparent;text-align:left}.row span,.title{flex:1}.title{border:0;background:none;text-align:left}.row form{margin:0}.row button,.content>form button,form.card button,header button,.login-card button{padding:10px 14px;border:0;border-radius:8px;background:#087386;color:#fff}.ok{padding:12px;border-radius:8px;background:#e3f7ef;color:#126447;margin-bottom:15px}.error{padding:11px;background:#fff0f0;color:#8a2020;border-radius:8px}dialog{max-width:720px;border:0;border-radius:14px;padding:28px;box-shadow:0 20px 70px #1235}dialog::backdrop{background:#102c3488}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(430px,92vw);padding:32px;background:#fff;border:1px solid #d4e0e3;border-radius:15px;box-shadow:0 16px 45px #1232;display:grid;gap:16px}.login-card label{display:grid;gap:7px}.login-card .check{display:flex}.login-card .check input{width:auto}@media(max-width:850px){aside{position:static;width:auto}main{margin:0}header{justify-content:center}.kpis,.grid,.filters{grid-template-columns:1fr}.content{padding:18px}.row{align-items:flex-start;flex-wrap:wrap}}