*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#182230}body{margin:0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#eef5ff,#f8fafc)}.auth-card{width:min(100%,430px);background:#fff;border:1px solid #e4eaf2;border-radius:20px;padding:28px;box-shadow:0 20px 60px rgba(20,40,70,.09)}.brand{display:flex;gap:14px;align-items:center;margin-bottom:24px}.brand-mark,.mini-mark{display:grid;place-items:center;background:#183b66;color:#fff;font-weight:700}.brand-mark{width:52px;height:52px;border-radius:16px;font-size:24px}.mini-mark{width:38px;height:38px;border-radius:12px;font-size:18px}.brand h1{margin:0;font-size:22px}.brand p{margin:5px 0 0;color:#667085;font-size:14px}label{display:block;margin:15px 0 7px;font-weight:600;font-size:14px}input,select,textarea{width:100%;border:1px solid #cfd8e3;border-radius:12px;padding:12px 13px;font-size:15px;background:#fff;color:#182230}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(40,100,170,.13);border-color:#4b79a9}input[readonly],textarea[readonly]{background:#f4f6f8;color:#667085}button{width:100%;margin-top:18px;border:0;border-radius:12px;padding:13px 18px;background:#183b66;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.btn-secondary{background:#e9eef5;color:#183b66}.auth-note{margin-top:18px;color:#7a8594;font-size:12px;text-align:center}.alert{padding:12px 14px;border-radius:12px;margin:14px 0;font-size:14px}.alert-danger{background:#fff1f1;color:#9b1c1c;border:1px solid #ffd2d2}.alert-success{background:#effaf3;color:#176b3a;border:1px solid #c8ead4}.info-box{padding:13px 15px;background:#eef5ff;border:1px solid #c9dcef;color:#24496f;border-radius:12px;margin:14px 0;font-size:13px}.topbar{min-height:68px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;justify-content:space-between;align-items:center;padding:10px 22px;position:sticky;top:0;z-index:20}.topbar-brand{display:flex;gap:11px;align-items:center}.topbar strong{display:block;font-size:17px}.topbar span{display:block;color:#667085;font-size:12px;margin-top:3px}.topbar-user{display:flex;align-items:center;gap:14px}.topbar-user>span{font-size:13px;color:#344054}.logout-link{text-decoration:none;color:#344054;font-weight:700;font-size:13px}.main-nav{background:#fff;border-bottom:1px solid #e5eaf0;padding:0 22px;display:flex;gap:6px;overflow:auto}.main-nav a{padding:13px 14px;text-decoration:none;color:#667085;font-size:14px;font-weight:700;border-bottom:3px solid transparent;white-space:nowrap}.main-nav a.active{color:#183b66;border-color:#183b66}.container{max-width:1220px;margin:auto;padding:26px 20px}.welcome{background:#183b66;color:#fff;border-radius:20px;padding:26px}.welcome h1{margin:4px 0 8px;font-size:26px}.welcome p{margin:0;opacity:.88}.eyebrow{font-size:12px!important;font-weight:700;letter-spacing:.12em;opacity:.75!important}.eyebrow.dark{color:#6b7787;opacity:1!important;margin:0 0 6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stats-4{grid-template-columns:repeat(4,1fr)}.stats-5{grid-template-columns:repeat(5,1fr)}.stat-card,.panel,.menu-card{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:19px}.stat-card span{display:block;color:#667085;font-size:12px}.stat-card strong{display:block;font-size:27px;margin-top:8px}.stat-card small{display:block;color:#667085;margin-top:5px}.stat-money strong{font-size:18px;line-height:1.35}.panel{margin-bottom:18px}.panel h2{margin:0 0 8px;font-size:18px}.panel p{color:#667085;line-height:1.5}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.menu-card{text-decoration:none;color:#182230;display:block}.menu-card strong{display:block;margin-bottom:7px}.menu-card span{color:#667085;font-size:13px;line-height:1.5}.menu-card:hover{border-color:#9cb5cf;box-shadow:0 8px 24px rgba(24,59,102,.08)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-heading h1{margin:0 0 6px;font-size:27px}.page-heading>div>p:last-child{margin:0;color:#667085}.summary-pill,.status-box{background:#183b66;color:#fff;border-radius:16px;padding:14px 18px;min-width:210px}.summary-pill span,.status-box>span{display:block;font-size:11px;opacity:.8}.summary-pill strong,.status-box>strong{display:block;margin-top:5px;font-size:16px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.budget-entry{margin-top:18px}.budget-form{display:grid;grid-template-columns:repeat(4,1fr);gap:0 14px}.span-2{grid-column:span 2}.span-4{grid-column:span 4}.filter-bar{display:flex;gap:14px;align-items:end;background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:14px 16px;margin-bottom:16px}.filter-bar>div{min-width:220px}.filter-unit{min-width:360px!important}.filter-bar label{margin:0 0 6px}.table-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.table-title h2{margin:0}.table-title p{margin:4px 0 0;font-size:12px}.table-title>strong{font-size:16px}.table-wrap{overflow:auto;border:1px solid #e8edf3;border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff;min-width:900px}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid #edf1f5;font-size:13px;vertical-align:top}th{background:#f8fafc;color:#475467;font-size:12px;position:sticky;top:0}td small{display:block;color:#667085;margin-top:4px;max-width:440px;line-height:1.4}.num{text-align:right;white-space:nowrap}.empty-state{padding:28px;text-align:center;border:1px dashed #cbd5e1;border-radius:12px;color:#667085;background:#fafcff}.site-footer{text-align:center;color:#98a2b3;font-size:11px;padding:22px}.auth-card a{color:#183b66;font-weight:700}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;background:#eef1f5;color:#475467}.status-draft{background:#fff4d6;color:#805b00}.status-dikirim{background:#e9f3ff;color:#175b9c}.status-diverifikasi{background:#e8f8ee;color:#176b3a}.status-migrasi{background:#f0ecff;color:#5d3ba5}.status-belum{background:#f2f4f7;color:#667085}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.action-row button{margin-top:0}.realisasi-table{min-width:1250px}.realisasi-table .input-cell{min-width:150px}.realisasi-table .kendala-cell{min-width:220px}.realisasi-table input,.realisasi-table textarea{padding:9px 10px;font-size:13px}.activity-cell{min-width:310px}.table-link{display:inline-block;text-decoration:none;background:#eef4fa;color:#183b66;padding:7px 10px;border-radius:9px;font-weight:700}.table-link:hover{background:#dfeaf5}@media(max-width:1000px){.stats-5{grid-template-columns:repeat(3,1fr)}.stats-4{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.budget-form{grid-template-columns:repeat(2,1fr)}.span-4{grid-column:span 2}}@media(max-width:700px){.stats,.stats-4,.stats-5,.menu-grid{grid-template-columns:1fr 1fr}.topbar{padding:10px 14px}.topbar-user>span{display:none}.main-nav{padding:0 10px}.container{padding:18px 12px}.welcome{padding:21px}.auth-card{padding:22px;border-radius:16px}.page-heading{display:block}.summary-pill,.status-box{margin-top:14px;min-width:0}.budget-form{grid-template-columns:1fr}.span-2,.span-4{grid-column:span 1}.form-grid{display:block}.form-grid .panel{margin-bottom:14px}.filter-bar{display:block}.filter-bar>div,.filter-unit{min-width:0!important}.action-row{grid-template-columns:1fr}}@media(max-width:440px){.stats,.stats-4,.stats-5,.menu-grid{grid-template-columns:1fr}.welcome h1{font-size:22px}.page-heading h1{font-size:23px}}