*{box-sizing:border-box}body{color:#1f2937;background:#f3f6f9;margin:0;font-family:Arial}.login{background:linear-gradient(#123b5d 0 42%,#f3f6f9 42%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.box,.card{background:#fff;border:1px solid #d7dee7;border-radius:16px;padding:16px}.box{width:min(430px,100%)}header{color:#fff;background:#123b5d;padding:15px}main{max-width:1050px;margin:auto;padding:14px}input,select,textarea{border:1px solid #cbd5e1;border-radius:9px;width:100%;margin:5px 0 10px;padding:11px}textarea{min-height:80px}button{color:#fff;cursor:pointer;background:#2f6fb2;border:0;border-radius:9px;padding:10px 13px;font-weight:700}.sec{color:#123b5d;background:#e8eef5}.danger{background:#b42318}.tabs{gap:7px;margin-bottom:12px;display:flex;overflow:auto}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.item{border:1px solid #d7dee7;border-radius:10px;margin:8px 0;padding:10px}.small{color:#6b7280;font-size:12px}.kpis{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.kpi{text-align:center;background:#f8fafc;border:1px solid #ddd;border-radius:10px;padding:10px}.kpi b{color:#123b5d;font-size:22px;display:block}@media (max-width:700px){.grid,.kpis{grid-template-columns:1fr 1fr}}