*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden;background:#f4f6fa;-webkit-font-smoothing:antialiased}body{font-family:Inter,Segoe UI,system-ui,-apple-system,Arial,sans-serif}img{max-width:100%}input,select,textarea,button{font-family:inherit}input:focus,select:focus,textarea:focus{border-color:#0f2a5c!important}:focus-visible{outline:2px solid #E2571F;outline-offset:2px;border-radius:6px}.app-sidebar :focus-visible{outline-color:#fff}.app-sidebar{position:sticky;top:14px;height:calc(100vh - 28px);margin:14px 0 14px 14px;border-radius:20px;transition:transform .22s ease}.sidebar-overlay,.menu-toggle{display:none}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active:hover{background:#ffffff24}.search-toggle{display:none!important}.mobile-search{display:none}@media (max-width: 980px){.app-sidebar{position:fixed;inset:0 auto 0 0;height:100%;margin:0;border-radius:0;z-index:40;transform:translate(-105%)}.app-sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1d4280;z-index:30}.menu-toggle{display:flex}.topbar-search{display:none!important}.search-toggle{display:flex!important}.mobile-search{display:block}.app-content{padding:0 14px 20px!important}.topbar{padding:14px!important}.topbar-greeting h1{font-size:17px!important}.topbar-greeting p{display:none}}@media (max-width: 560px){.topbar-actions .icon-btn:not(.search-toggle):not(.notif-btn):not(.tambah-cepat){display:none!important}.topbar-actions .avatar-chip{display:none!important}}.rg-2,.rg-3,.rg-4{display:grid;gap:16px}.rg-2{grid-template-columns:repeat(2,1fr)}.rg-3{grid-template-columns:repeat(3,1fr)}.rg-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.rg-3,.rg-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.rg-2,.rg-3,.rg-4{grid-template-columns:1fr}}.chart-row{display:grid;grid-template-columns:1.75fr 1fr;gap:16px}@media (max-width: 980px){.chart-row{grid-template-columns:1fr}}.siteplan-layout{display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:start}@media (max-width: 760px){.siteplan-layout{grid-template-columns:1fr}}.eval-form-grid{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:12px;align-items:center}.transfer-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:center}@media (max-width: 700px){.eval-form-grid,.transfer-form-grid{grid-template-columns:1fr}}.dt-row-klik:hover{background:#f8fafd}.dt-row-sorot>td{background:#fdece4;animation:dt-sorot 4s ease-out forwards}.dt-row-sorot>td:first-child{box-shadow:inset 3px 0 #e2571f}@keyframes dt-sorot{0%,45%{background:#fdece4}to{background:transparent}}@media (prefers-reduced-motion: reduce){.dt-row-sorot>td{animation:none;background:#fdece4}}@media (max-width: 700px){.dt-scroll{overflow-x:visible}.dt-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dt-table,.dt-table tbody,.dt-table tr,.dt-table td{display:block;width:100%}.dt-table tr{border:1px solid #E3E8F0;border-radius:14px;padding:6px 12px;margin-bottom:10px;background:#fff}.dt-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0!important;border-bottom:1px solid #F1F4F9!important;white-space:normal!important;text-align:left!important}.dt-table tr td:last-child{border-bottom:none!important}.dt-table td:before{content:attr(data-label);font-size:11.5px;font-weight:600;color:#64748b;flex-shrink:0}.dt-table td[data-label=""]:before{content:none}.dt-table td[data-label=""]{justify-content:flex-end;padding-top:10px!important}}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.papan-berkas{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;align-items:flex-start}.papan-kolom{flex:0 0 250px;background:#fff;border:1px solid #E3E8F0;border-radius:16px;padding:13px;max-height:calc(100vh - 260px);overflow-y:auto}@media (max-width: 700px){.papan-kolom{flex:0 0 84vw;max-height:none}}