*{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}header{align-items:center;min-height:54px;padding:12px 14px;display:flex}header b{white-space:nowrap;font-size:18px}header span{display:none}main{width:100%;max-width:100%;margin:0;padding:10px}.card{border-radius:14px;padding:12px}.tabs{gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.tabs button{flex:none;padding:9px 10px;font-size:13px}.grid,.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:10px 6px;font-size:14px}.kpi b{font-size:20px}.item{overflow-wrap:anywhere;padding:10px;font-size:14px}input,select,textarea,button{font-size:16px}.box{width:calc(100% - 24px);max-width:430px}}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:4px 2px 8px;display:flex;overflow-x:visible}.tabs .sec{color:#173b56;white-space:nowrap;background:#fff;border:1px solid #cbd8e2;border-radius:10px;padding:11px 16px;font-weight:700;transition:all .18s;box-shadow:0 2px 6px #1430440f}.tabs .sec:hover{background:#edf4f7;border-color:#8faabd;transform:translateY(-1px)}.tabs .sec.active{color:#fff;background:#234f69;border-color:#234f69;box-shadow:0 4px 10px #234f692e}.tabs .sec{color:#173b56;border-color:#c6ccb5;background:#dde1cf!important}.tabs .sec:hover{border-color:#aeb79a;background:#cdd4b9!important}.tabs .sec{color:#173b56!important;background:#9caf8f!important;border-color:#8fa482!important}.tabs .sec:hover{background:#8fa482!important;border-color:#819776!important}.tabs .sec.active{color:#fff!important;background:#7f956f!important;border-color:#738965!important}