:root{--navy:#0d2442;--blue:#174c86;--bg:#eef3f8;--text:#152238;--muted:#6f7d90;--white:#fff;--green:#16845b;--orange:#db7a18;--red:#c43f4d;--gray:#64748b;--purple:#7048b8;--cyan:#0d8294}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.topbar{height:76px;padding:10px max(16px,4vw);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,var(--navy),var(--blue));color:#fff;box-shadow:0 4px 18px #0d244233}.brand{display:flex;gap:12px;align-items:center}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.brand b,.brand small{display:block}.brand small{opacity:.8;margin-top:4px}.topbar nav a{padding:9px 13px;border:1px solid #ffffff55;border-radius:9px}.page{max-width:1180px;margin:auto;padding:24px 18px 40px}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hero h1{font-size:25px;margin:0}.hero p{color:var(--muted);margin:6px 0 0}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile{min-height:150px;padding:20px;border-radius:18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 9px 24px #17395f22;transition:.2s}.tile:hover{transform:translateY(-3px)}.tile .icon{font-size:29px}.tile h3{font-size:17px;margin:10px 0 4px}.tile p{font-size:12px;margin:0;opacity:.84}.t1{background:linear-gradient(135deg,#145f9f,#1d80c4)}.t2{background:linear-gradient(135deg,#167b57,#20a274)}.t3{background:linear-gradient(135deg,#a65a13,#dd8520)}.t4{background:linear-gradient(135deg,#7040aa,#9566d1)}.t5{background:linear-gradient(135deg,#0e7483,#16a0ad)}.t6{background:linear-gradient(135deg,#b8394b,#dd6372)}.t7{background:linear-gradient(135deg,#475569,#64748b)}.t8{background:linear-gradient(135deg,#5643a6,#7764ce)}.panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 7px 22px #17395f16;margin-bottom:18px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary-card{background:#fff;border-radius:16px;padding:18px;border-left:5px solid var(--blue);box-shadow:0 7px 22px #17395f16}.summary-card b{font-size:27px;display:block}.summary-card span{color:var(--muted);font-size:13px}.summary-card.green{border-color:var(--green)}.summary-card.orange{border-color:var(--orange)}.summary-card.red{border-color:var(--red)}.summary-card.gray{border-color:var(--gray)}.summary-card.purple{border-color:var(--purple)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:#49576b}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #ced7e2;border-radius:9px;background:#fff;font:inherit}.field textarea{min-height:82px}.span2{grid-column:span 2}.span3{grid-column:span 3}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-light{background:#e5ebf2;color:#26364c}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{background:var(--navy);color:#fff;text-align:left;padding:12px;font-size:12px}.data-table td{padding:11px;border-bottom:1px solid #e3e9f0;font-size:13px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-weight:700;font-size:11px;background:#e5ebf2}.badge.on-track,.badge.completed{background:#d9f4e9;color:#08734b}.badge.delayed{background:#fde2e5;color:#a81e31}.badge.attention,.badge.ongoing{background:#fff0d4;color:#985400}.badge.on-hold{background:#e8ebef;color:#4d5968}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.unit-card{background:#fff;border-radius:15px;padding:17px;box-shadow:0 6px 18px #17395f16;border-top:4px solid var(--blue)}.unit-card h3{margin:0 0 8px}.unit-card .count{font-size:25px;font-weight:800}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#0d2442,#174c86)}.login-box{width:min(420px,92vw);background:#fff;padding:35px;border-radius:22px;text-align:center;box-shadow:0 20px 50px #0004}.login-box img{width:86px;max-height:72px;object-fit:contain;margin-bottom:12px}.login-box h1{font-size:25px}.error{background:#fde2e5;color:#a81e31;padding:10px;border-radius:8px;margin:10px 0}footer{text-align:center;color:#778397;padding:16px;font-size:12px}@media(max-width:760px){.topbar{height:68px}.brand b{font-size:14px}.brand small{font-size:10px}.brand img{width:41px;height:41px}.page{padding:18px 12px}.tile-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tile{min-height:135px;padding:16px}.summary-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span2,.span3{grid-column:auto}.unit-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:21px}}