*{box-sizing:border-box}body{margin:0;background:#f6f7f8;color:#202326;font:14px Arial,sans-serif}header{height:64px;background:#111;color:#fff;display:flex;align-items:center;gap:30px;padding:0 4%}header b{font-family:Georgia;font-size:22px;letter-spacing:3px}nav{display:flex;gap:18px;flex:1}a{color:inherit;text-decoration:none}main{max-width:1280px;margin:28px auto;padding:0 20px}h1,h2{font-family:Georgia,serif;font-weight:500}section,.card,.kpis>div{background:#fff;border:1px solid #e3e3e3;padding:22px;margin:18px 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpis div{margin:0}.kpis small{display:block;color:#777;text-transform:uppercase;letter-spacing:1px}.kpis strong{display:block;font:26px Georgia;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wide{grid-column:1/-1}label{font-size:12px;color:#555}input,select,textarea,button,.button{width:100%;padding:11px;border:1px solid #ccc;background:#fff;margin-top:5px}button,.button{background:#111;color:#fff;border:0;cursor:pointer;text-align:center}.filters{display:flex;gap:10px}.filters>*{width:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #eee;text-align:left}th{font-size:11px;text-transform:uppercase;color:#777}.login{min-height:100vh;display:grid;place-items:center;background:#eee}.login .card{width:min(440px,92vw);text-align:center}.login input{margin:6px 0}.install{text-align:left!important}.install h1,.install>p{text-align:center}.alert{padding:10px;background:#fee;border:1px solid #eaa;margin:10px 0}footer{text-align:center;padding:30px;color:#777}@media(max-width:800px){.kpis,.grid{grid-template-columns:1fr}header{height:auto;padding:18px;align-items:flex-start;flex-wrap:wrap}nav{width:100%;order:3;overflow:auto}.wide{grid-column:auto}table{display:block;overflow:auto}}