.fr01-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted-fg);text-transform:uppercase;letter-spacing:.4px}.fr01-dl-wrap{display:flex;align-items:end;height:100%}.fr01-dl-wrap .primary{min-height:42px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center}#fr01 .fr01-filters,#fr02 .fr01-filters,#label-bb .fr01-filters,#surat-pengantar .fr01-filters,#surat-perintah-ahli .fr01-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}.nombb-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;padding:16px;margin-bottom:16px;align-items:end}.nombb-filters .filter-item{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted-fg);text-transform:uppercase;letter-spacing:.4px}.nombb-filters .filter-item-sm{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted-fg);text-transform:uppercase;letter-spacing:.4px}.nombb-filters .nombb-btn{min-height:42px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center}.nombb-sub{grid-column:1/-1}@media (max-width:767px){.nombb-filters{grid-template-columns:1fr}}#surat-perintah-ahli .fr01-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}.doc-fr01{max-width:860px;margin:0 auto;padding:32px 36px;font-size:13px;line-height:1.5}.fr01-head{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--border);padding-bottom:12px;margin-bottom:8px}.fr01-logo{flex-shrink:0}.fr01-title{flex:1;text-align:center}.fr01-title h2{margin:2px 0;font-size:16px;text-transform:uppercase;letter-spacing:.5px}.fr01-sop{font-size:11px;margin:0;color:var(--muted-fg);text-transform:uppercase;letter-spacing:.3px}.fr01-bidang{font-weight:700;font-size:13px;margin:2px 0}.fr01-nomor{text-align:right;font-size:11px;flex-shrink:0}.fr01-nomor p{margin:2px 0}.fr01-box{border:1px solid var(--border);padding:2px 8px;font-size:11px;display:inline-block;margin:2px 0}.fr01-subhead{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border);padding-bottom:6px;margin-bottom:4px}.fr01-ref{display:flex;align-items:baseline;gap:8px}.fr01-ref p{margin:0;font-size:16px;font-weight:700}.fr01-bb{font-size:32px;font-weight:900;color:var(--muted-fg);line-height:1}.fr01-status{text-align:right;font-size:11px}.fr01-status p{margin:2px 0}.fr01-badge{text-align:center;font-size:12px;font-weight:700;border:1px solid var(--border);display:inline-block;padding:1px 20px;margin:6px auto;position:relative;left:50%;transform:translateX(-50%)}.fr01-body{padding:12px 0}.fr01-row{display:flex;gap:24px;margin-bottom:12px}.fr01-field{flex:1;display:flex;align-items:center;gap:8px}.fr01-label{font-weight:700;font-size:12px;white-space:nowrap}.fr01-line{flex:1;border-bottom:1px solid var(--border);display:block;min-width:60px;min-height:18px;padding:0 4px;font-size:12px;line-height:18px}.fr01-address{text-align:center;font-size:11px;color:var(--muted-fg);padding:8px 0 16px;border-bottom:2px solid var(--border);margin-bottom:16px}.fr01-signatures{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.fr01-sig{text-align:center}.fr01-sig-title{font-weight:700;font-size:13px;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:4px;margin:0 0 8px}.fr01-sig-body{padding:4px 0}.fr01-sig-line{display:flex;align-items:center;gap:4px;font-size:11px}.fr01-sig-line span:first-child{white-space:nowrap}.fr01-sig-space{height:48px}.fr01-sig-kabid{font-size:11px;margin:0 0 4px}@media print{.faq-btn,.fr01-filters,.nav-bar,.sidebar,.toast,.toolbar{display:none!important}.main-content{margin-left:0!important;padding:0!important}.doc-fr01{box-shadow:none;border:none;padding:20px}.card{break-inside:avoid}}.faq-item{border:1px solid var(--border);border-radius:var(--radius)}.faq-item summary{padding:12px 16px;font-weight:700;font-size:14px;cursor:pointer;background:var(--bg-card);list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-size:18px;font-weight:400;color:var(--muted-fg);transition:transform .2s}.faq-item[open] summary::after{content:"\2212"}.faq-item[open] summary{background:var(--faq-hover,var(--muted))}.faq-answer{padding:4px 16px 14px;font-size:13px;line-height:1.6;color:var(--muted-fg)}.faq-answer ol,.faq-answer ul{padding-left:20px;margin:6px 0}.faq-answer li{margin-bottom:4px}label{display:grid;gap:6px;color:var(--fg);font-size:13px;font-weight:600}.password-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:6px;cursor:pointer;color:var(--muted-fg);display:flex;align-items:center;justify-content:center;z-index:2}.password-toggle:hover{color:var(--fg)}.password-wrapper input{padding-right:40px}input,select,textarea{min-height:42px;width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:0 14px;background:var(--bg-card);color:var(--fg);outline:0;transition:var(--transition);font-size:14px}select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e1e1e3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}select option{background:#15171a;color:var(--fg)}textarea{min-height:86px;padding-block:10px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}input[readonly]{background:var(--muted);color:var(--muted-fg)}input[type=date],input[type=datetime-local]{appearance:none;-webkit-appearance:none;min-width:0;width:100%}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}.primary,button[type=submit]{min-height:42px;border-radius:var(--radius);padding:0 20px;background:var(--primary);color:#fff;font-weight:700;font-size:14px}.primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.primary:active:not(:disabled),button[type=submit]:active:not(:disabled){transform:translateY(0) scale(.98)}.error{min-height:18px;margin:0;color:var(--destructive);font-size:14px;font-weight:500}.qr-card-wrap{display:flex;justify-content:center;padding-top:12px}.qr-card-center{max-width:420px;width:100%;text-align:center}.qr-card-center::before{background:var(--primary)!important}.qr-user-info{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.qr-user-info:last-of-type{border-bottom:2px solid var(--border);margin-bottom:16px}.qr-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-fg)}.qr-user-info strong{font-size:15px;font-weight:700;color:var(--fg);letter-spacing:0}.qr-image-box{background:var(--bg-card);border-radius:var(--radius);padding:16px;display:inline-block;border:2px dashed var(--border);margin:0 auto 16px}.qr-image-box img{display:block;width:220px;height:220px;image-rendering:pixelated}.qr-hint{font-size:13px;color:var(--muted-fg);margin:0 0 20px;font-weight:500}.qr-actions-bar{display:flex;gap:10px;justify-content:center}.qr-actions-bar .primary,.qr-actions-bar .secondary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px}@media (max-width:480px){.qr-image-box img{width:180px;height:180px}.qr-actions-bar{flex-direction:column}.qr-card-center{max-width:100%}}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:20px}.card,.filters,.reference-block,.table-shell{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);transition:var(--transition)}.filters,.reference-block{position:relative;overflow:hidden}.card{padding:22px;position:relative;overflow:hidden}.card::before,.filters::before,.reference-block::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;background:var(--card-accent,var(--primary))}.card::before,.filters::before,.reference-block::before{background:var(--card-accent,#ff671c)}.card:nth-child(7)::before,.filters:nth-child(7)::before,.reference-block:nth-child(7)::before{background:var(--card-accent,#06b6d4)}.card:nth-child(8)::before,.filters:nth-child(8)::before,.reference-block:nth-child(8)::before{background:var(--card-accent,#f97316)}.card:nth-child(9)::before,.filters:nth-child(9)::before,.reference-block:nth-child(9)::before{background:var(--card-accent,#14b8a6)}.card:nth-child(10)::before,.filters:nth-child(10)::before,.reference-block:nth-child(10)::before{background:var(--card-accent,#a855f7)}.card:nth-child(11)::before,.filters:nth-child(11)::before,.reference-block:nth-child(11)::before{background:var(--card-accent,#3b82f6)}.card:nth-child(12)::before,.filters:nth-child(12)::before,.reference-block:nth-child(12)::before{background:var(--card-accent,#84cc16)}.table-shell{overflow:auto;-webkit-overflow-scrolling:touch;border-top:3px solid var(--card-accent,var(--primary));border-radius:var(--radius)}.table-scroll-top{border-radius:var(--radius) var(--radius) 0 0}@media (min-width:768px){.view .table-shell{overflow-x:auto;margin-top:16px}.view .compact-table{width:auto;min-width:100%;table-layout:auto;border-collapse:collapse}.view .compact-table td,.view .compact-table th{padding:8px 10px;max-width:280px;font-size:11.5px;line-height:1.35;vertical-align:top;word-break:normal;overflow-wrap:break-word;hyphens:auto}.view .compact-table td[title]:not([title=""]){cursor:help}.view .compact-table th{white-space:normal;word-break:normal;text-align:center;font-size:10.5px;font-weight:600;letter-spacing:0;line-height:1.25;padding:10px 8px}.view .compact-table td.action-col,.view .compact-table th.action-col{width:140px;min-width:140px;max-width:140px;white-space:nowrap;text-align:center;position:sticky;right:0;background:var(--card,#0e1223);z-index:2;box-shadow:-4px 0 8px -4px rgba(0,0,0,.3)}.view .compact-table thead th.action-col{z-index:3}.view .compact-table td.action-col button{white-space:nowrap}.view .compact-table .photo-thumb{width:40px;height:40px;display:block}.view .compact-table td:nth-child(2),.view .compact-table th:nth-child(2){min-width:140px}.view .compact-table td:nth-child(3),.view .compact-table th:nth-child(3){min-width:130px}.view .compact-table td:nth-child(4),.view .compact-table th:nth-child(4){min-width:130px}.view .compact-table td:nth-child(6),.view .compact-table th:nth-child(6){min-width:120px}.view .compact-table td:nth-child(11),.view .compact-table th:nth-child(11){min-width:130px}.view .compact-table td:nth-child(12),.view .compact-table th:nth-child(12){min-width:160px}#surveyCard{grid-column:span 2}}.card:hover{border-color:rgba(255,255,255,.12);transform:translateY(-1px)}.card p{min-height:20px;margin:0 0 8px;color:var(--muted-fg);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.01em}.card strong{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--fg)}@keyframes card-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#dashboard .card.init-hidden{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}#dashboard .card.init-hidden.animate-in{animation:card-enter .5s ease both;animation-delay:var(--anim-delay, 0ms)}.card-empty{padding:24px;text-align:center}.card-empty-lg{text-align:center;padding:60px 32px}.card-empty-icon{font-size:48px;margin-bottom:12px}.card-empty-text{font-size:15px}.card-stat{margin-bottom:14px}.preview-table{margin:0 auto;text-align:left;font-size:13px}.preview-table td:first-child{padding:4px 16px 4px 0;font-weight:700}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-two .card strong{font-size:16px;font-weight:700;letter-spacing:-.3px}.grid-two .card p{margin-bottom:6px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.bento-card{grid-column:span 1}.bento-wide{grid-column:span 2}.bento-xwide{grid-column:span 3}.bento-card:hover{border-color:var(--primary-soft);box-shadow:0 4px 16px rgba(0,0,0,.12)}.bento-card p{margin-bottom:12px}.bento-card.bento-wide p{margin-bottom:8px}.chart-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(120px,190px) 1fr 42px;gap:10px;align-items:center;font-size:13px}.bar{height:8px;border-radius:var(--radius-full);background:var(--muted);overflow:hidden}.bar span{display:block;height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .6s ease}.donut-wrap{display:flex;flex-direction:column;align-items:center}.donut{width:120px;height:120px;border-radius:50%;position:relative}.donut-center{position:absolute;width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:var(--fg)}.donut::after{content:"";position:absolute;inset:24px;border-radius:50%;background:var(--card)}.bar-row.double-bar{grid-template-columns:36px 1fr 36px 36px;gap:6px}.bar-stack{display:flex;height:8px;border-radius:var(--radius-full);overflow:hidden;gap:2px}.bar-masuk{background:var(--primary);border-radius:var(--radius-full);min-width:2px}.bar-selesai{background:var(--success);border-radius:var(--radius-full);min-width:2px}.bar-vert-wrap{display:flex;gap:4px;align-items:flex-end;height:150px;padding:4px 0}.bar-vert-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar-vert-bars{display:flex;gap:2px;align-items:flex-end;width:100%;height:100%;justify-content:center}.bar-vert-masuk{width:100%;max-width:20px;background:var(--primary);border-radius:3px 3px 0 0;min-height:2px;position:relative;transition:height .4s ease}.bar-vert-masuk span{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;color:var(--muted-fg);white-space:nowrap}.bar-vert-selesai{width:100%;max-width:20px;background:var(--success);border-radius:3px 3px 0 0;min-height:2px;position:relative;transition:height .4s ease}.bar-vert-selesai span{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;color:var(--muted-fg);white-space:nowrap}.bar-vert-label{font-size:9px;color:var(--muted-fg);margin-top:4px;text-align:center}.bar-vert-legend{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--muted-fg);margin-top:2px}.dot-masuk,.dot-selesai{display:inline-block;width:8px;height:8px;border-radius:50%}.dot-masuk{background:var(--primary)}.dot-selesai{background:var(--success)}.ranking-row{display:flex;align-items:center;gap:8px;font-size:13px}.ranking-row .rank-label{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row .bar{flex:1 1 auto;min-width:0}.ranking-num{font-size:14px;min-width:24px;text-align:center}.filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;padding:16px;margin-bottom:16px;align-items:end}.filter-btn-wrap{display:flex;align-items:end}.filter-btn-wrap .primary{white-space:nowrap}@media (min-width:641px){.toolbar>.muted{display:none}.ref-btn-wrap{grid-column:2/-1}.audit-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);font-size:14px}.pagination-actions{display:flex;gap:8px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.danger,.icon-button,.secondary,.small-action{min-height:36px;border-radius:var(--radius);padding:0 14px;font-weight:700;font-size:13px}.icon-button,.secondary,.small-action{border:1.5px solid var(--border);background:0 0;color:var(--fg)}.icon-button:hover:not(:disabled),.secondary:hover:not(:disabled),.small-action:hover:not(:disabled){background:var(--muted);border-color:rgba(255,255,255,.12)}.danger{background:var(--destructive);color:#fff}.danger:hover:not(:disabled){background:var(--destructive-hover)}.small-action{min-height:30px;font-size:12px;padding:0 10px}.action-stack{display:flex;flex-direction:column;gap:4px}.action-stack .small-action{margin:0;text-align:center}.action-row{display:flex;gap:4px;align-items:center}.edit-user-delete{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.edit-user-delete button{width:100%;justify-content:center;display:flex;align-items:center;gap:6px}table{width:100%;border-collapse:collapse}.table-shell{overflow:auto;-webkit-overflow-scrolling:touch}.table-scroll-top{overflow-x:auto;overflow-y:hidden;height:0;width:100%}.table-scroll-top.hidden-scroll{display:none}.table-scroll-top>div{height:1px}td,th{max-width:300px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top;font-size:13px}th{position:sticky;top:0;z-index:1;background:var(--bg-card);color:var(--muted-fg);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}tr:hover td{background:rgba(255,255,255,.04)}tbody tr:last-child td{border-bottom:0}td{white-space:pre-wrap}td.action-col,th.action-col{position:sticky;right:0;z-index:2;min-width:180px;background:var(--bg-card)}th.action-col{background:var(--bg-card)}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:var(--radius-full);padding:0 10px;background:var(--success-soft);color:var(--success);font-size:12px;font-weight:800;white-space:nowrap}.status.warn{background:var(--warning-soft);color:var(--warning)}.photo-thumb{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:1.5px solid var(--border);transition:var(--transition);cursor:pointer}.photo-thumb:hover{transform:scale(4.5);z-index:10;position:relative}.btn-sm,.btn-small{display:inline-block;padding:4px 10px;font-size:.8125rem;border-radius:var(--radius);text-decoration:none;background:var(--primary);color:#fff;white-space:nowrap;border:none;cursor:pointer}.btn-sm:hover,.btn-small:hover{background:var(--primary-hover)}.btn-small.danger{background:var(--destructive)}.reference-grid{display:grid;grid-template-columns:1fr;gap:16px}.reference-block{padding:18px;overflow:auto}.reference-block h3{margin:0 0 12px;font-size:15px}.compact-table{min-width:460px}.compact-table td,.compact-table th{text-align:center}.filters .search-label{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:0 12px;min-height:44px;text-transform:none;letter-spacing:normal;font-weight:400;color:var(--fg);font-size:14px;margin:0}.filters .search-label svg{flex-shrink:0;color:var(--muted-fg)}.filters .search-label input{flex:1;background:0 0;border:none;outline:0;color:var(--fg);font-size:15px;min-height:40px;padding:0}.filters .search-label input::placeholder{color:var(--muted-fg)}.modal{width:min(960px,calc(100vw - 32px));border:0;border-radius:var(--radius);padding:0;background:var(--card-solid);color:var(--fg);animation:modal-in .25s ease}@keyframes modal-in{from{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal::backdrop{background:rgba(0,0,0,.65);animation:backdrop-in .2s ease}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}.modal form{padding:24px}.modal-actions,.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.modal-head{padding-bottom:16px;border-bottom:1.5px solid var(--border)}.modal-head h2{margin:0;font-size:20px;font-weight:800}.modal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:62vh;overflow:auto;padding:20px 4px}.modal-fields .wide{grid-column:1/-1}.modal-fields .wide input[type=file]{padding:8px 12px}.modal-actions{justify-content:flex-end;border-top:1.5px solid var(--border);padding-top:18px}.bb-nihil-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;margin:4px 0;cursor:pointer}.bb-nihil-label input[type=checkbox]{width:16px;height:16px;min-height:auto}.bb-list{display:grid;gap:8px}.bb-row{display:grid;grid-template-columns:1fr 110px auto;gap:8px;align-items:center}.batch-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--batch-bg,var(--muted))}.batch-head p{margin:0}.perkara-entries{display:grid;gap:14px}.perkara-entry{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.perkara-entry header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.perkara-entry h3{margin:0;font-size:15px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-grid .wide{grid-column:1/-1}.password-form,.user-form{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;margin-top:16px}.user-form .primary{min-width:100px;border:1.5px solid transparent;align-self:end}.password-form{max-width:760px;grid-template-columns:repeat(3,minmax(0,1fr)) auto}.toast-viewport{position:fixed;right:20px;top:20px;z-index:9999;display:grid;gap:10px;width:min(420px,calc(100vw - 40px));pointer-events:none}.toast-viewport--dialog{right:22px;top:76px;z-index:2147483647}.toast{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius);background:var(--card-solid);pointer-events:auto;position:relative;overflow:hidden;animation:toast-in .3s ease}.toast::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border);border-radius:0 0 var(--radius) var(--radius)}.toast>.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 var(--radius) var(--radius);animation:toast-progress 3.2s linear forwards}.toast.success{border-left:4px solid var(--success)}.toast.success>.toast-progress{background:var(--success)}.toast.destructive{border-left:4px solid var(--destructive)}.toast.destructive>.toast-progress{background:var(--destructive)}.toast.warning{border-left:4px solid var(--warning)}.toast.warning>.toast-progress{background:var(--warning)}.toast.info{border-left:4px solid var(--info)}.toast.info>.toast-progress{background:var(--info)}@keyframes toast-in{from{transform:translateX(120%) scale(.9);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes toast-slide-out{from{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(50%) scale(.9);opacity:0}}@keyframes toast-progress{from{width:100%}to{width:0%}}.toast-content{display:flex;gap:10px;min-width:0;flex:1}.toast-icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-top:1px}.toast.success .toast-icon{background:var(--success);color:#fff}.toast.destructive .toast-icon{background:var(--destructive);color:#fff}.toast.warning .toast-icon{background:var(--warning);color:#fff}.toast.info .toast-icon{background:var(--info);color:#fff}.toast-title{font-size:14px;font-weight:700}.toast-description{margin-top:3px;font-size:13px;opacity:.85;white-space:pre-line;line-height:1.4}.toast-close{width:26px;height:26px;border-radius:var(--radius);background:0 0;color:currentColor;opacity:.4;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}.toast-close:hover:not(:disabled){background:rgba(255,255,255,.06);opacity:1}.wa-actions{margin-top:14px;padding-top:16px;border-top:1px solid var(--border)}.wa-send{width:100%;min-height:42px;border-radius:var(--radius);padding:0 18px;font-weight:700;font-size:14px;border:1.5px solid #25d366;color:#25d366;background:0 0;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.wa-send:hover:not(:disabled){background:rgba(37,211,102,.12);transform:translateY(-1px)}.wa-send:active:not(:disabled){transform:translateY(0) scale(.97)}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.65);animation:fade-in .2s ease}.hamburger{display:none;font-size:22px;min-height:40px;min-width:44px;padding:0 8px;background:0 0;border:0;cursor:pointer;color:var(--fg)}.loading-bar{position:fixed;top:0;left:0;height:3px;width:100%;z-index:99999;display:none;background:var(--primary);overflow:hidden;box-shadow:0 0 8px rgba(255,103,28,.45)}.loading-bar.active{display:block!important}.loading-bar::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,rgba(255,103,28,0) 0,rgba(255,255,255,.85) 50%,rgba(255,103,28,0) 100%);animation:loading-bar-slide 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes loading-bar-slide{0%{left:-40%}100%{left:100%}}.ol-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:ol-spin .7s linear infinite;vertical-align:-2px;margin-right:6px;flex-shrink:0}.ol-spinner-lg{width:18px;height:18px;border-width:2.5px}@keyframes ol-spin{to{transform:rotate(360deg)}}button.ol-loading,button.ol-loading:active,button.ol-loading:focus,button.ol-loading:hover{pointer-events:none!important;opacity:.75!important;cursor:progress!important;position:relative;transform:none!important}button.ol-loading>.ol-btn-label{opacity:.55}button.ol-loading>.ol-btn-spinner{display:inline-flex;align-items:center}button>.ol-btn-spinner{display:none}button.ol-loading>.ol-spinner{border-color:rgba(255,255,255,.3);border-top-color:currentColor;margin-right:8px}button.secondary.ol-loading>.ol-spinner{border-color:rgba(255,103,28,.25);border-top-color:var(--primary)}button{display:inline-flex;align-items:center;justify-content:center}.skeleton{background:linear-gradient(90deg,var(--muted) 25%,rgba(255,255,255,.08) 37%,var(--muted) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius)}@keyframes skeleton-shimmer{0%{background-position:400% 0}100%{background-position:-400% 0}}.skeleton-card{height:120px;padding:22px}.skeleton-text{height:14px;margin-bottom:10px;width:60%}.skeleton-value{height:32px;width:40%}.skeleton-table{height:400px;width:100%}.confirm-section{display:flex;align-items:center;justify-content:center;min-height:120px}.confirm-section.hidden{display:none}.confirm-actions.hidden{display:none}.confirm-box-custom{text-align:center;padding:12px 0}.confirm-box-custom .confirm-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:var(--warning-soft);display:flex;align-items:center;justify-content:center;color:var(--warning)}.confirm-box-custom .confirm-message{font-size:15px;color:var(--fg);margin:0}.confirm-overlay{border:0;padding:0;background:0 0;max-width:420px;width:calc(100vw - 32px)}.confirm-overlay::backdrop{background:rgba(0,0,0,.65)}.confirm-overlay form{padding:0!important}.confirm-box{background:var(--card-solid);border-radius:var(--radius);padding:28px 24px 20px;width:100%;text-align:center;animation:modal-in .2s ease}.confirm-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:var(--warning-soft);display:flex;align-items:center;justify-content:center}.confirm-icon svg{width:24px;height:24px;color:var(--warning)}.confirm-message{margin:0 0 20px;font-size:15px;font-weight:600;line-height:1.5;color:var(--fg)}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-actions button{min-width:100px}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.laporan-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.laporan-form .wide{grid-column:1/-1}.entry-grid label,.filter-item,.filter-item-sm,.filters label,.fr01-filters label,.laporan-form label,.modal-fields label{text-transform:uppercase;color:var(--muted-fg);font-size:11px;font-weight:600;letter-spacing:.4px;min-width:0}.laporan-form label *{font-weight:400}.laporan-form textarea{min-height:50px;font-family:inherit;resize:vertical;padding:10px 12px}.laporan-form textarea#laporPreview{font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.6;min-height:350px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;white-space:pre}.lapor-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.lapor-chart-img{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.lapor-list{display:grid;gap:6px}.lapor-list-item{display:flex;gap:6px;align-items:center}.lapor-list-item input{flex:1;min-height:36px;font-size:13px}.lapor-bidang-row{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center;padding:3px 0}.lapor-bidang-label{font-size:12px;font-weight:600}.lapor-bidang-input{flex:1;min-height:34px;font-size:13px;padding:0 8px;border:1.5px solid var(--border);border-radius:var(--radius)}.lapor-tbl-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr auto;gap:4px;align-items:center}.lapor-tbl-item input,.lapor-tbl-item select{min-height:34px;font-size:12px;padding:0 6px}.lapor-section-title{grid-column:1/-1;font-size:13px;font-weight:800;text-transform:uppercase;color:var(--primary);padding:14px 0 6px;border-bottom:2px solid var(--primary);letter-spacing:.5px}.lapor-ii-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;gap:4px;align-items:center}.lapor-ii-item input,.lapor-ii-item select{min-height:34px;font-size:12px;padding:0 6px}.lapor-actions,.laporan-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--sidebar);border-top:1px solid var(--sidebar-border);z-index:100;justify-content:space-around;align-items:stretch;padding:0 env(safe-area-inset-bottom)}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:0 0;border:0;color:var(--sidebar-muted);cursor:pointer;font-size:11px;font-weight:600;padding:4px 2px;transition:var(--transition);-webkit-tap-highlight-color:transparent}.bn-item.active{color:var(--primary)}.bn-item svg{display:block}.more-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:200;align-items:flex-end;justify-content:center}.more-overlay.open{display:flex}.more-menu{width:100%;max-width:480px;background:var(--sidebar);border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto;animation:slide-up .25s ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}.more-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:16px;font-weight:700}.more-close{background:0 0;border:0;font-size:28px;cursor:pointer;color:var(--muted-fg);line-height:1;padding:0 4px}.more-grid{display:block}.more-group{border-bottom:1px solid var(--border)}.more-group:last-child{border-bottom:none}.more-group-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:14px 4px;background:0 0;border:0;cursor:pointer;color:var(--fg);font-size:14px;font-weight:600;transition:var(--transition);-webkit-tap-highlight-color:transparent}.more-group-toggle:hover{background:var(--muted)}.more-group-toggle:active{transform:none}.more-group-toggle svg:first-child{width:20px;height:20px;flex-shrink:0;opacity:.7}.more-group-toggle span{flex:1;text-align:left}.more-chevron{flex-shrink:0;opacity:.4;transition:transform .2s ease}.more-group-toggle.open .more-chevron{transform:rotate(180deg)}.more-sub{display:none;padding:0 0 6px 34px}.more-sub.open{display:block}.more-sub-item svg:first-child{width:20px;height:20px;flex-shrink:0;opacity:.7}.more-sub-item{display:block;width:100%;padding:10px 8px;background:0 0;border:0;border-radius:var(--radius-sm);cursor:pointer;color:var(--muted-fg);font-size:14px;text-align:left;transition:var(--transition);-webkit-tap-highlight-color:transparent}.more-sub-item:hover{background:var(--muted);color:var(--fg)}.more-sub-item:active{transform:none}.chart-area{text-align:center;padding:8px 0}.survey-chart-grid{display:grid;gap:20px;justify-content:center;padding:4px 0}.star-row{display:flex;gap:4px;justify-content:center}.star{font-size:24px}.survey-label{font-size:11px;color:var(--muted-fg);margin-bottom:4px}.survey-footer{font-size:11px;color:var(--muted-fg);margin-top:8px;text-align:center}.empty-state{text-align:center;padding:24px}.survey-card{padding:20px;margin-bottom:16px}.survey-total{margin-top:8px;text-align:right;font-size:13px;font-weight:700;color:var(--primary)}.text-small{font-size:12px}.text-bold{font-size:13px;font-weight:700}.text-center{text-align:center}.bar-flex{flex:1}.legend-wrap{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.legend-item{display:inline-flex;align-items:center;gap:4px;font-size:12px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-spacer{margin-left:12px}.icon-inline{margin-right:6px;vertical-align:-3px}.filter-item{flex:2;min-width:0}.filter-item-sm{flex:1;min-width:0}.nombb-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:42px}.nombb-sub{display:flex;flex:1 1 100%;gap:8px;flex-wrap:wrap}.sub-item{flex:none}.sub-input{width:60px}.placeholder-icon{font-size:48px;margin-bottom:16px}.placeholder-title{margin:0 0 8px;font-size:22px}@media (max-width:1100px){.lapor-ii-item{grid-template-columns:1fr 1fr}.lapor-tbl-item{grid-template-columns:1fr 1fr}}@media (max-width:980px){.login-shell{grid-template-columns:1fr}.login-panel>div:first-child{padding:24px 20px;flex-direction:row;gap:14px;align-items:center;justify-content:center;text-align:left}.login-panel .logo{width:120px;height:120px}.login-panel>div:first-child h1{font-size:26px;white-space:nowrap}.sidebar{min-height:auto}.cards{grid-template-columns:1fr 1fr}.entry-grid,.modal-fields,.password-form,.user-form{grid-template-columns:1fr}}@media (max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;width:260px;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4, 0, .2, 1)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.hamburger{display:inline-flex}.topbar-left>div:last-child{min-width:0}.topbar-left h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.filter-btn-wrap .primary{white-space:normal;font-size:13px}.lapor-tbl-item{grid-template-columns:1fr}.bento-grid{grid-template-columns:1fr 1fr}.bento-wide{grid-column:span 2}}@media (max-width:768px){.login-panel .logo{width:96px;height:96px}.login-panel>div:first-child{padding:20px 16px}.login-panel>div:first-child h1{font-size:22px}.login-form{padding:24px 20px}.workspace{padding:18px}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.grid-two{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.modal{width:calc(100vw - 24px)}.modal-fields{grid-template-columns:1fr}.entry-grid{grid-template-columns:1fr}.topbar h1{font-size:20px}.laporan-form{grid-template-columns:1fr}.password-form,.user-form{grid-template-columns:1fr 1fr}.lapor-ii-item{grid-template-columns:1fr}.lapor-tbl-item{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (max-width:640px){body{font-size:15px}.workspace{padding:10px}.sidebar{width:80vw;max-width:300px;padding:12px 8px 10px}.ghost,.nav-item{min-height:44px;padding:0 10px;font-size:14px}.ghost svg,.nav-item svg{width:20px;height:20px}.nav-sub-item{min-height:42px;font-size:14px;padding:0 10px 0 28px}.topbar{flex-direction:column;align-items:stretch;gap:6px;margin:-12px -12px 14px;padding:10px 14px;background:var(--sidebar);color:var(--sidebar-fg);border-radius:0 0 var(--radius) var(--radius)}.topbar h1{font-size:17px;margin:2px 0 0}.topbar .muted{color:var(--sidebar-muted);font-size:12px}.hamburger{color:inherit}.topbar-left{justify-content:flex-start}.topbar-left>div:last-child{flex:1;text-align:center}.topbar-left h1{text-align:center}.cards{grid-template-columns:1fr}.cards{gap:10px;margin-bottom:14px}.card{padding:16px}.card p{font-size:11px;margin-bottom:6px}.card strong{font-size:22px}.filters{gap:10px;padding:12px;margin-bottom:12px;grid-template-columns:1fr}.filter-btn-wrap{grid-column:1/-1;flex-direction:column}.filter-btn-wrap .primary{width:100%}.filters input,.filters select{min-height:44px;font-size:15px}.toolbar{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.toolbar .muted{font-size:13px}.toolbar-actions{justify-content:stretch}.toolbar-actions button{flex:1;min-height:42px}.danger,.icon-button,.primary,.secondary,button[type=submit]{min-height:44px;font-size:15px}.small-action{min-height:38px;padding:0 14px;font-size:13px}.action-stack .small-action{margin:0}.modal{width:calc(100vw - 12px);margin:4px auto}.modal form{padding:14px}.modal-head h2{font-size:17px}.modal-fields{max-height:75vh;padding:12px 2px;gap:12px}.modal-fields label input,.modal-fields label select{min-height:44px;font-size:15px}.modal-actions{flex-wrap:wrap;gap:8px}.modal-actions button{flex:1;min-width:0;font-size:14px;min-height:44px}.pagination{flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 12px;font-size:13px}.pagination button{min-height:40px;min-width:44px}table{font-size:13px}td,th{padding:8px 10px;font-size:12px}th{font-size:11px}td.action-col,th.action-col{min-width:120px;padding:6px}td.action-col .small-action,th.action-col .small-action{min-height:36px;font-size:12px;padding:0 8px;margin-right:2px}.perkara-entry{padding:10px}.perkara-entry header h3{font-size:14px}.perkara-entry header button{font-size:12px;min-height:40px;padding:0 12px}.entry-grid{gap:8px}.entry-grid input,.entry-grid select{min-height:44px;font-size:14px}.bb-row{grid-template-columns:1fr 80px auto;gap:6px}.bb-row input{min-height:40px}.photo-thumb{width:60px;height:60px}.photo-thumb:hover{transform:none}.batch-bar{flex-wrap:wrap;justify-content:center;text-align:center;gap:8px!important}.batch-bar .small-action{flex:1;min-width:0;min-height:40px;font-size:13px}.table-shell{overflow:auto!important;-webkit-overflow-scrolling:touch}.bar-row{grid-template-columns:minmax(80px,1fr) 1fr 32px;gap:4px;font-size:11px;align-items:center}.bar-row .text-small{white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0}.bar-row .text-bold{font-size:11px}.bar-row .bar{min-width:0}.bar{height:7px}.batch-head{padding:10px;flex-direction:column;text-align:center}.toast-viewport,.toast-viewport--dialog{right:8px;top:8px;width:calc(100vw - 16px)}.toast{padding:14px}.toast-title{font-size:14px}.toast-description{font-size:13px}.lapor-ii-item{grid-template-columns:1fr}.lapor-ii-item input,.lapor-ii-item select{min-height:40px;font-size:13px}.lapor-tbl-item{grid-template-columns:1fr}.lapor-tbl-item input,.lapor-tbl-item select{min-height:40px;font-size:13px}.lapor-charts{grid-template-columns:1fr}.laporan-form{grid-template-columns:1fr;gap:10px}.laporan-form input,.laporan-form select,.laporan-form textarea{min-height:44px;font-size:14px}.laporan-form textarea#laporPreview{min-height:250px;font-size:12px}.lapor-section-title{font-size:12px;padding:10px 0 4px}.lapor-list-item input{min-height:42px;font-size:14px}.lapor-bidang-row{display:grid;grid-template-columns:85px 1fr;gap:8px;align-items:center}.lapor-bidang-label{font-size:12px}.lapor-bidang-input{min-height:40px}.reference-grid{grid-template-columns:1fr;gap:10px}.reference-block{padding:12px}.compact-table{min-width:0}.confirm-box{padding:22px 18px 18px}.confirm-message{font-size:14px}.confirm-actions button{min-height:44px}.password-form,.user-form{grid-template-columns:1fr;gap:10px}.password-form button,.user-form button{min-height:44px}.wa-send{min-height:44px;font-size:14px;gap:8px}.logo{width:44px;height:44px}.sidebar-logo{width:36px;height:36px}.view .table-shell .compact-table,.view .table-shell .compact-table tbody,.view .table-shell .compact-table td,.view .table-shell .compact-table th,.view .table-shell .compact-table thead,.view .table-shell .compact-table tr{display:block}.view .table-shell .compact-table thead{display:none}.view .table-shell .compact-table tr{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:10px;padding:12px}.view .table-shell .compact-table td{padding:5px 0;border:none;text-align:right;max-width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.view .table-shell .compact-table td::before{content:attr(data-label);font-weight:600;color:var(--muted-fg);font-size:11px;flex-shrink:0;min-width:70px;text-transform:uppercase;letter-spacing:.3px;text-align:left}.view .table-shell .compact-table td.hide-mobile,.view .table-shell .compact-table th.hide-mobile{display:none!important}.view .table-shell .compact-table td.action-col,.view .table-shell .compact-table td[data-label=Aksi]{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);position:static!important}.view .table-shell .compact-table td.action-col::before,.view .table-shell .compact-table td[data-label=Aksi]::before{display:none}.view .table-shell .compact-table td.action-col .small-action,.view .table-shell .compact-table td[data-label=Aksi] .small-action{flex:1;min-height:38px;font-size:13px;padding:0 14px}.view .table-shell{overflow:visible;border:none;background:0 0}.view .table-scroll-top{display:none}.view .table-shell .compact-table td .photo-thumb{width:48px;height:48px}}@media (max-width:480px){.cards{gap:8px}.filters{gap:6px;padding:8px;grid-template-columns:1fr}.bb-row{grid-template-columns:1fr 70px auto;gap:4px}.entry-grid{gap:6px}.modal-actions .wa-send{width:100%}.reference-grid{gap:8px}.reference-block{padding:8px;overflow-x:auto}.laporan-form textarea{font-size:13px}.toast-viewport,.toast-viewport--dialog{right:6px;top:6px;width:calc(100vw - 12px)}.toast{padding:12px}}@media (max-width:767px){.bottom-nav{display:flex}.workspace{padding:10px 10px 70px}.app{grid-template-columns:1fr}.topbar{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin:-10px -10px 12px;padding:8px 10px;background:var(--sidebar);color:var(--sidebar-fg);border-radius:0;border-bottom:0}.topbar h1{font-size:14px;margin:0}.title-wrap{display:none!important}.topbar-brand{display:flex;cursor:pointer;gap:8px;min-width:0}.topbar-logo{width:32px;height:32px}.topbar-brand-text .eyebrow{font-size:9px}.topbar-brand-text h2{font-size:13px}.topbar-brand-text .brand-sub{font-size:8px}.title-right{display:flex;align-items:center;margin-left:auto;min-width:0}.title-right h1{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sidebar-fg)}#logoutButton{display:none}.login-panel>div:first-child{padding:20px 16px}.login-form{padding:24px 20px}.cards{grid-template-columns:1fr;gap:10px;margin-bottom:14px}.card{padding:16px}.card p{font-size:11px;margin-bottom:6px}.card .value{font-size:22px}.card .badge{font-size:11px}.filters{grid-template-columns:1fr}.nombb-filters{grid-template-columns:1fr}#fr01 .fr01-filters,#fr02 .fr01-filters,#label-bb .fr01-filters,#surat-pengantar .fr01-filters,#surat-perintah-ahli .fr01-filters{grid-template-columns:1fr}.grid-two{grid-template-columns:1fr}.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.bento-xwide{grid-column:span 1}}@media (max-width:480px){.modal form{padding:8px}.modal-fields{padding:8px 2px;gap:10px}.modal-fields label input,.modal-fields label select{min-height:42px;font-size:14px}.perkara-entry{padding:8px}.perkara-entry header h3{font-size:13px}.bb-row{grid-template-columns:1fr;gap:4px}.bb-row input{min-height:40px}.bb-nihil-label{font-size:12px}.entry-grid{gap:6px}.entry-grid input,.entry-grid select{min-height:40px;font-size:13px}.batch-head{padding:8px;flex-direction:column;text-align:center;font-size:12px}.modal-fields label{font-size:10px}}@media (max-width:640px){.lapor-actions,.laporan-actions,.toolbar-actions{position:fixed;bottom:70px;left:0;right:0;z-index:50;padding:10px env(safe-area-inset-right,10px) calc(10px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,10px);background:var(--sidebar);border-top:1px solid var(--sidebar-border);justify-content:stretch;gap:8px;box-shadow:0 -2px 8px rgba(0,0,0,.15);margin:0;box-sizing:border-box}.lapor-actions button,.laporan-actions button,.toolbar-actions button{flex:1;min-height:44px;font-size:15px}.laporan-form:has(.lapor-actions),.laporan-form:has(.laporan-actions),.toolbar:has(.toolbar-actions){padding-bottom:70px}}.peta-card{max-width:none;width:100%;padding:18px;overflow:hidden}.peta-map{width:100%;height:400px;border-radius:var(--radius);border:1px solid var(--border);background:#111114;z-index:0;max-width:100%}@media (max-width:640px){.peta-card{padding:12px}.peta-map{height:320px}}.peta-marker{background:0 0;border:none;color:#6b6b70;transition:color .2s ease}.peta-marker.active{color:#ff671c;z-index:1000}.peta-marker svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.peta-lab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:14px}.peta-lab-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--fg);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s ease,background .15s ease,transform .15s ease;overflow:hidden}.peta-lab-card[hidden]{display:none}.peta-lab-row{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:44px}.peta-lab-card:hover .peta-lab-row{background:var(--muted)}.peta-lab-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.peta-lab-card.active{border-color:var(--primary);background:var(--primary-soft)}.peta-lab-card.active .peta-lab-row{background:var(--primary-soft)}.peta-lab-info{border-top:1px solid var(--border);padding:14px;background:var(--muted);display:flex;flex-direction:column;gap:10px}.peta-lab-info[hidden]{display:none}.peta-lab-info.loading{padding:18px;gap:8px}.peta-lab-pin{flex-shrink:0;color:#6b6b70;display:inline-flex;transition:color .15s ease}.peta-lab-card.active .peta-lab-pin{color:var(--primary)}.peta-lab-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.peta-lab-name{font-size:14px;font-weight:600;color:var(--fg)}.peta-lab-city{font-size:12px;color:var(--muted-fg)}.peta-lab-chevron{flex-shrink:0;color:var(--muted-fg);display:inline-flex;transition:color .15s ease,transform .15s ease}.peta-lab-card.active .peta-lab-chevron{color:var(--primary);transform:translateX(2px)}.peta-info{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);display:flex;flex-direction:column;gap:12px}.peta-info.loading{padding:18px}.peta-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.peta-info-name{font-size:15px;font-weight:700;color:var(--fg)}.peta-info-city{font-size:12px;color:var(--muted-fg);margin-top:2px}.peta-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.peta-stat{padding:12px;border:1px solid var(--border-input);border-radius:var(--radius);background:var(--card);text-align:center}.peta-stat-label{font-size:11px;font-weight:600;color:var(--muted-fg);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.peta-stat-value{font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:800;color:var(--primary);line-height:1}.peta-empty-msg{font-size:12px;color:var(--muted-fg);text-align:center;padding:4px 0}.peta-info-empty{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);background:var(--muted);color:var(--muted-fg);font-size:13px;font-weight:500;line-height:1.45}.peta-info-empty svg{flex-shrink:0;color:var(--primary);opacity:.8}.peta-info-loading{display:flex;flex-direction:column;gap:8px}.peta-skeleton{height:14px;background:linear-gradient(90deg,var(--border) 0,var(--border-input) 50%,var(--border) 100%);background-size:200% 100%;border-radius:4px;animation:peta-shimmer 1.4s infinite}@keyframes peta-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:640px){.peta-map{height:300px}.peta-card{padding:12px}.peta-stat-grid{grid-template-columns:1fr}.peta-stat-value{font-size:24px}.peta-lab-list{grid-template-columns:1fr}}.leaflet-container a{color:var(--primary)}.leaflet-control-attribution{background:rgba(10,10,11,.7)!important;color:var(--muted-fg)!important}.leaflet-control-attribution a{color:var(--muted-fg)!important}