*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2933;background:#f5f7fa}.shell{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:#102a43;color:#f0f4f8;display:flex;flex-direction:column;padding:1rem}.brand{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.sidebar nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.nav-link{display:block;padding:.5rem .75rem;border-radius:6px;color:#d9e2ec;text-decoration:none}.nav-link.active{background:#243b53;color:#fff;font-weight:600}.staff{margin-top:auto;border-top:1px solid #334e68;padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.content{flex:1;padding:2rem}.login{max-width:360px;margin:10vh auto;background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:2rem}.login form{display:flex;flex-direction:column;gap:.75rem}.login label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}input{padding:.5rem .625rem;border:1px solid #9fb3c8;border-radius:6px;font-size:.9375rem}button{padding:.5rem .875rem;border:none;border-radius:6px;background:#2680c2;color:#fff;font-size:.9375rem;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.state{border-radius:8px;padding:1rem 1.25rem;margin-top:1rem;border:1px solid #d9e2ec;background:#fff}.state h3{margin:0 0 .25rem}.state p{margin:0;font-size:.875rem}.state-error,.state-blocked{border-color:#e12d39;background:#fff5f5}.state-unauthorized{border-color:#d97706;background:#fffbeb}.purpose-field{display:flex;flex-direction:column;gap:.25rem;max-width:320px;font-size:.875rem;margin-bottom:.5rem}.module-description{color:#486581}.nav-section{margin:1rem 0 .25rem;padding:0 .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#9fb3c8}.overview-feed-chip{display:inline-block;padding:.25rem .625rem;border-radius:999px;background:#e3f0fa;color:#1f2933;font-size:.8125rem}.overview-banner{margin-bottom:1rem}.overview-empty{color:#486581}.overview-section{margin-top:1.5rem}.overview-section h3{margin-bottom:.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:0}.kpi-card{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:.75rem 1rem}.kpi-card dt{font-size:.8125rem;color:#486581}.kpi-card dd{margin:.25rem 0 0;font-size:1.375rem;font-weight:700}.overview-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d9e2ec;border-radius:8px;overflow:hidden}.overview-table th,.overview-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #eef2f7;font-size:.875rem}.overview-table th{background:#f0f4f8;font-size:.8125rem}.badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem}.badge-fresh{background:#def7ec;color:#03543f}.badge-stale{background:#fde8e8;color:#9b1c1c}.overview-asof{margin-top:.75rem;font-size:.8125rem;color:#486581}.do-search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.do-search-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:#243b53}.do-search-actions{grid-column:1 / -1;display:flex;gap:.5rem}.do-search-asof{margin-top:.75rem;font-size:.8125rem;color:#486581}.do-detail{margin-top:1.5rem;padding:1rem;border:1px solid #d9e2ec;border-radius:8px}.do-detail-head{display:flex;align-items:center;justify-content:space-between}.do-detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:.5rem 0 1rem}.do-detail-grid dt{font-size:.8125rem;color:#486581}.do-detail-grid dd{margin:0;font-size:.875rem}.uang-jalan-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.uang-jalan-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:#243b53}.uang-jalan-actions{grid-column:1 / -1;display:flex;gap:.5rem}.uang-jalan-asof{margin-top:.75rem;font-size:.8125rem;color:#486581}.uj-detail{margin-top:1.5rem;padding:1rem;border:1px solid #d9e2ec;border-radius:8px}.uj-detail-head{display:flex;align-items:center;justify-content:space-between}.uj-detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:.5rem 0 1rem}.uj-detail-grid dt{font-size:.8125rem;color:#486581}.uj-detail-grid dd{margin:0;font-size:.875rem}.journey-history-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.journey-history-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:#243b53}.journey-history-actions{grid-column:1 / -1;display:flex;gap:.5rem}.journey-filter-invalid{margin:0 0 1rem;font-size:.8125rem;color:#8a1c1c}.journey-history-page{margin-top:.75rem;font-size:.8125rem;color:#486581}.journey-history-pagination{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.journey-history-hint{font-size:.8125rem;color:#486581}.journey-detail{margin-top:1.5rem;padding:1rem;border:1px solid #d9e2ec;border-radius:8px}.journey-detail-head{display:flex;align-items:center;justify-content:space-between}.journey-detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:.5rem 0 1rem}.journey-detail-grid dt{font-size:.8125rem;color:#486581}.journey-detail-grid dd{margin:0;font-size:.875rem}.journey-truncation{padding:.5rem .75rem;border-left:4px solid #b58105;background:#fffbea;font-size:.8125rem}.cp-timeline-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1rem}.cp-timeline-form input{min-width:22rem}.cp-timeline-summary{font-weight:600;margin:.5rem 0 .25rem}.cp-timeline-source{font-size:.8125rem;color:#486581;margin:0 0 1rem}.cp-slot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.cp-slot{border:1px solid #d9e2ec;border-left-width:6px;border-radius:8px;padding:.75rem 1rem}.cp-slot-completed{border-left-color:#2f855a}.cp-slot-pending{border-left-color:#b7791f}.cp-slot-locked{border-left-color:#718096}.cp-slot-head{display:flex;gap:.75rem;align-items:baseline;flex-wrap:wrap}.cp-slot-id{font-weight:700}.cp-slot-name{color:#334e68}.cp-slot-state{margin-left:auto;font-size:.8125rem;font-weight:600}.cp-slot-state-completed{color:#22543d}.cp-slot-state-pending{color:#744210}.cp-slot-state-locked{color:#4a5568}.cp-slot-detail{margin:.25rem 0 .5rem;font-size:.875rem;color:#486581}.cp-slot-meta{display:grid;grid-template-columns:max-content 1fr;gap:.125rem 1rem;margin:0}.cp-slot-meta dt{font-size:.75rem;color:#486581}.cp-slot-meta dd{margin:0;font-size:.8125rem}.reports-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.reports-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:#243b53}.reports-form button[type=submit]{grid-column:1 / -1;justify-self:start}.reports-form-errors{margin:0 0 1rem;padding-left:1.25rem;font-size:.8125rem;color:#8a1c1c}.reports-result{margin-top:.75rem}.reports-meta{font-size:.8125rem;color:#486581}.evidence-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1rem}.evidence-form label{display:flex;flex-direction:column;font-size:.8125rem;color:#334e68;gap:.25rem}.evidence-actions{display:flex;gap:.5rem}.evidence-summary{font-size:.8125rem;color:#486581}.reports-table{width:100%;border-collapse:collapse;margin:.75rem 0 1rem;font-size:.8125rem}.reports-table th,.reports-table td{border:1px solid #d9e2ec;padding:.375rem .5rem;text-align:left}.reports-table th{background:#f0f4f8;color:#243b53}.reports-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem 1rem;margin:0 0 1rem;padding:.75rem;border:1px solid #d9e2ec;border-radius:8px}.reports-totals dt{font-size:.75rem;color:#486581}.badge-ack-pending_upload{color:#744210}.badge-ack-server_acknowledged{color:#22543d}.evidence-detail{margin-top:1.5rem;border:1px solid #d9e2ec;border-radius:8px;padding:1rem}.evidence-detail-head{display:flex;justify-content:space-between;align-items:baseline}.evidence-detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:.125rem 1rem;margin:0 0 1rem}.evidence-detail-grid dt{font-size:.75rem;color:#486581}.reports-totals dd{margin:0;font-size:.9375rem;font-weight:600;color:#102a43}.reports-export-status{font-size:.8125rem;color:#486581}.reports-export-ready{margin-top:.75rem;padding:.75rem;border:1px solid #d9e2ec;border-radius:8px;font-size:.8125rem}.reports-export-ready code{font-size:.75rem;word-break:break-all}.badge-active{background:#def7ec;color:#03543f}.badge-expired{background:#fef3c7;color:#92400e}.badge-revoked{background:#e5e7eb;color:#374151}.geofence-override-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.evidence-detail-grid dd{margin:0;font-size:.8125rem;word-break:break-all}.map-canvas{min-height:320px;border:1px solid #d9e2ec;border-radius:8px;background:#f7fafc;margin-bottom:1rem}.map-canvas[data-map-mounted=false]:after{content:"Memuat peta…";display:block;padding:1rem;color:#486581;font-size:.875rem}.marker-fixtime{font-size:.75rem;color:#486581}.trace-dashboard .trace-session,.trace-dashboard .trace-filters,.trace-dashboard .trace-action,.trace-dashboard .trace-section{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:1rem 1.25rem;margin-top:1rem}.trace-dashboard .trace-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.trace-dashboard .trace-filters .purpose-field{margin-bottom:0}.trace-dashboard select{padding:.5rem .625rem;border:1px solid #9fb3c8;border-radius:6px;font-size:.9375rem;background:#fff}.gate-note{color:#486581;font-size:.8125rem;margin:.25rem 0 0}.purpose-gate{border:1px solid #d9e2ec;border-radius:8px;padding:1rem 1.25rem;margin-top:.75rem;background:#f0f4f8}.purpose-gate h4{margin:0 0 .25rem}.gate-actions{display:flex;gap:.5rem;margin-top:.5rem}.gate-error{color:#e12d39;font-size:.8125rem;margin:.25rem 0 0}.gate-disclaimer{color:#627d98;font-size:.8125rem;border-top:1px solid #d9e2ec;padding-top:.5rem;margin-top:.75rem}.coverage{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:1rem 1.25rem;margin-top:1rem}.coverage h4{margin:0 0 .5rem}.coverage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem;font-size:.875rem}.coverage-list li{display:flex;flex-wrap:wrap;gap:.75rem;padding:.375rem .5rem;border-radius:6px}.coverage-ok{background:#effcf6}.coverage-gap{background:#fff5f5;border:1px solid #f5c6c7}.coverage-source{font-weight:600}.coverage-gap-note{color:#b91c1c;font-size:.8125rem;margin:.5rem 0 0}.analytics-boundary{color:#627d98;font-size:.8125rem;border-left:3px solid #9fb3c8;padding-left:.75rem;margin-top:1rem}.trace-section table{width:100%;border-collapse:collapse;font-size:.875rem;margin-top:.5rem}.trace-section th,.trace-section td{text-align:left;padding:.375rem .5rem;border-bottom:1px solid #d9e2ec}.trace-section h4{margin:0 0 .25rem}