:root{--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-page:#faf9f6;--bg-card:#fff;--bg-subtle:#f2f5f3;--bg-tint:#ebf2ee;--primary:#1b382b;--primary-hover:#12281e;--primary-light:#e1ece6;--primary-border:#c2d5c9;--text-main:#141c18;--text-muted:#4d5e56;--text-sub:#788981;--border-subtle:#e2e8e4;--border-focus:#1b382b;--urgent-text:#b4381f;--urgent-bg:#fcf2f0;--urgent-border:#f0c4ba;--status-pending-bg:#fef7eb;--status-pending-text:#8e5a0f;--status-review-bg:#ebf4fc;--status-review-text:#195990;--status-active-bg:#e8f5ee;--status-active-text:#196638;--status-done-bg:#e4f1eb;--status-done-text:#145930;--shadow-sm:0 1px 3px #141c180d;--shadow-md:0 4px 12px #141c180f;--shadow-lg:0 12px 28px #141c1814;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;display:flex}a,a:hover,a:focus,a:active{color:inherit;outline:none;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;text-decoration:none}.site-header{z-index:90;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);background-color:#fffffff0;width:100%;margin:0;position:sticky;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:10px 20px;display:flex}.brand-link{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.main-logo-image{object-fit:contain;width:auto;max-width:240px;height:44px;display:block}.footer-logo-image{object-fit:contain;width:auto;max-width:220px;height:40px;margin-bottom:12px;display:block}.nav-bar{background-color:var(--bg-subtle);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;min-height:36px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.nav-link:hover{color:var(--text-main);background-color:#fff9;text-decoration:none}.nav-link.active{background-color:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #141c1812}.page-body{flex:1;width:100%}.view-panel{display:none}.view-panel.active{animation:.25s ease-out viewFade;display:block}@keyframes viewFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero-showcase{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#fff 0%,#f1f6f3 100%);padding:clamp(40px,6vw,68px) 20px}.hero-inner{max-width:860px;margin:0 auto}.hero-pill{background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-pill);border:1px solid var(--primary-border);margin-bottom:16px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-block}.hero-title{color:var(--text-main);letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.2}.hero-paragraph{color:var(--text-muted);margin-bottom:30px;font-size:clamp(16px,1.8vw,18px);line-height:1.65}.hero-button-group{flex-wrap:wrap;gap:14px;display:flex}.btn-primary-lead{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #1b382b2e}.btn-primary-lead:hover{background-color:var(--primary-hover);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 14px #1b382b40}.btn-primary-lead:active{transform:translateY(0)}.btn-secondary-lead{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,background-color .2s,border-color .2s;display:inline-flex}.btn-secondary-lead:hover{background-color:var(--bg-subtle);color:var(--text-main);border-color:#d3ddd7;text-decoration:none;transform:translateY(-1px)}.btn-secondary-lead:active{transform:translateY(0)}.content-container{max-width:1100px;margin:0 auto;padding:48px 20px 64px}.section-intro{margin-bottom:24px}.sub-intro{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.main-intro{color:var(--text-main);font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.3}.grid-three-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:44px;display:grid}.card-feature{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;padding:28px;display:flex}.feature-icon-box{background-color:var(--bg-tint);width:44px;height:44px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature-title{color:var(--text-main);margin-bottom:8px;font-size:18px;font-weight:700}.feature-text{color:var(--text-muted);font-size:14px;line-height:1.6}.workflow-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:40px;padding:clamp(28px,4vw,42px)}.workflow-header{margin-bottom:24px}.workflow-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.step-card{gap:16px;display:flex}.step-index{background-color:var(--bg-tint);width:38px;height:38px;color:var(--primary);border:1px solid var(--primary-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.step-content h4{color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:700}.step-content p{color:var(--text-muted);font-size:14px;line-height:1.5}.emergency-banner-box{color:#fff;border-radius:var(--radius-lg);background-color:#1a3127;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px clamp(24px,4vw,40px);display:flex}.emergency-banner-text h3{margin-bottom:6px;font-size:20px;font-weight:700}.emergency-banner-text p{color:#dce7e1;max-width:620px;font-size:14px;line-height:1.5}.btn-emergency-call{color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background-color:#fff;border:none;justify-content:center;align-items:center;min-height:44px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #00000014}.btn-emergency-call:hover{color:var(--primary);background-color:#f1f6f3;text-decoration:none;transform:translateY(-1px)}.page-header{max-width:860px;margin:0 auto 28px;padding:36px 20px 0}.page-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background-color:var(--primary-light);border-radius:var(--radius-pill);margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.page-title{color:var(--text-main);margin-bottom:8px;font-size:clamp(24px,3.2vw,32px);font-weight:700;line-height:1.25}.page-desc{color:var(--text-muted);font-size:15px}.form-wrapper{max-width:860px;margin:0 auto;padding:0 20px 64px}.modern-card-form{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(24px,4vw,40px)}.form-section-card{border-bottom:1px solid var(--border-subtle);margin-bottom:32px;padding-bottom:28px}.form-section-card:last-of-type{border-bottom:none;margin-bottom:16px;padding-bottom:0}.section-indicator{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.section-badge{color:var(--primary);background-color:var(--primary-light);border-radius:var(--radius-xs);letter-spacing:.05em;padding:4px 8px;font-size:13px;font-weight:700}.section-title{color:var(--text-main);font-size:18px;font-weight:700}.section-caption{color:var(--text-muted);margin-top:2px;font-size:13px}.role-selection-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.role-option{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;min-height:48px;padding:18px;transition:all .2s;display:flex;position:relative}.role-option:hover{background-color:#fafbf9;border-color:#b8c7bd}.role-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.role-option:has(input[type=radio]:checked){border-color:var(--primary);background-color:var(--bg-tint);box-shadow:0 0 0 1px var(--primary)}.role-box{flex-direction:column;width:100%;display:flex}.role-box-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.role-box-icon{background-color:var(--bg-subtle);width:32px;height:32px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.role-status-pill{background-color:var(--bg-subtle);color:var(--text-muted);border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:600}.role-box-heading{color:var(--text-main);margin-bottom:4px;font-size:15px;font-weight:700}.role-box-desc{color:var(--text-muted);font-size:12px;line-height:1.45}.inline-extra-field{border-top:1px dashed var(--border-subtle);margin-top:18px;padding-top:16px}.grid-form-two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.form-field{margin-bottom:18px}.input-label{color:var(--text-main);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.mark-req{color:var(--urgent-text)}.text-input,.text-select,.text-textarea,.input-text,.input-select,.input-textarea{width:100%;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:#fff;min-height:46px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.text-input:focus,.text-select:focus,.text-textarea:focus,.input-text:focus,.input-select:focus,.input-textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #1b382b1a}.text-textarea{resize:vertical;min-height:120px}.assistance-card{background-color:var(--bg-tint);border-radius:var(--radius-md);border:1px solid #d6e4db;padding:22px}.toggle-control{cursor:pointer;align-items:flex-start;gap:14px;min-height:44px;display:flex}.toggle-control input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-track{border-radius:var(--radius-pill);background-color:#cbd6cf;flex-shrink:0;width:44px;height:24px;margin-top:2px;transition:background-color .25s;position:relative}.toggle-track:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-control input:checked+.toggle-track{background-color:var(--primary)}.toggle-control input:checked+.toggle-track:after{transform:translate(20px)}.toggle-text-block{flex-direction:column;display:flex}.toggle-headline{color:var(--primary);font-size:15px;font-weight:700;line-height:1.3}.toggle-description{color:var(--text-muted);margin-top:3px;font-size:13px;line-height:1.4}.assistance-expand-area{border-top:1px solid #d1dfd6;margin-top:20px;padding-top:18px}.support-title{color:var(--text-main);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.support-chips-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.support-box-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;background-color:#fff;align-items:center;gap:10px;min-height:44px;padding:12px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.support-box-chip input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.support-box-chip:has(input:checked){border-color:var(--primary);background-color:var(--primary-light);font-weight:600}.margin-top-md{margin-top:16px}.form-action-footer{justify-content:flex-end;margin-top:24px;display:flex}.btn-main-submit{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 26px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #1b382b2e}.btn-main-submit:hover{background-color:var(--primary-hover);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 14px #1b382b3d}.btn-main-submit:active{transform:translateY(0)}.btn-block{justify-content:center;width:100%}.alert-box-banner{border-radius:var(--radius-sm);margin-bottom:20px;padding:14px 18px;font-size:14px}.alert-box-error{background-color:var(--urgent-bg);border:1px solid var(--urgent-border);color:var(--urgent-text)}.card-success-feedback{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:clamp(32px,5vw,56px) 24px}.success-check-badge{background-color:var(--primary-light);width:60px;height:60px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.feedback-title{color:var(--primary);margin-bottom:8px;font-size:24px;font-weight:700}.feedback-desc{color:var(--text-muted);max-width:600px;margin:0 auto 28px;font-size:15px}.ticket-secret-card{border-radius:var(--radius-md);background-color:#fafbf9;border:1px dashed #bdcfc4;max-width:540px;margin:0 auto 28px;padding:24px}.ticket-secret-tag{color:var(--primary);letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.ticket-secret-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ticket-code-display{color:var(--primary);letter-spacing:.06em;border-radius:var(--radius-sm);background-color:#fff;border:1px solid #cadbd0;padding:8px 18px;font-size:clamp(20px,3vw,26px);font-weight:700}.btn-copy-code{background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;border:none;min-height:40px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.btn-copy-code:hover{color:var(--primary);background-color:#d6e4db;text-decoration:none}.ticket-secret-hint{color:var(--text-muted);font-size:12px}.feedback-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-action-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:44px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #1b382b29}.btn-action-primary:hover{background-color:var(--primary-hover);color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-action-secondary{background-color:var(--bg-subtle);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:44px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-flex}.btn-action-secondary:hover{color:var(--text-main);background-color:#e4eae6;text-decoration:none;transform:translateY(-1px)}.btn-sm{min-height:36px;padding:6px 14px;font-size:12px}.search-panel-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.search-inline-form{flex-wrap:wrap;gap:12px;display:flex}.search-field-wrap{flex:1;min-width:240px}.search-input-box{align-items:center;width:100%;display:flex;position:relative}.search-box-icon{color:var(--text-sub);pointer-events:none;position:absolute;left:14px}.search-code-input{letter-spacing:.04em;text-transform:uppercase;width:100%;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:#fff;min-height:46px;padding:12px 16px 12px 42px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s}.search-code-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1b382b1a}.search-help-text{color:var(--text-sub);text-align:left;margin-top:10px;font-size:12.5px}.search-help-text code{background-color:var(--bg-subtle);color:var(--primary);border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:600}.btn-search-action{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:46px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #1b382b29}.btn-search-action:hover{background-color:var(--primary-hover);color:#fff;text-decoration:none;transform:translateY(-1px)}.track-guide-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:24px;padding:clamp(22px,3.5vw,30px)}.track-guide-title{color:var(--text-main);margin-bottom:6px;font-size:17px;font-weight:700}.track-guide-desc{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.5}.track-flow-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.track-flow-item{background-color:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:16px 14px;display:flex}.flow-step-num{background-color:var(--primary-light);width:24px;height:24px;color:var(--primary);border-radius:6px;justify-content:center;align-items:center;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.track-flow-item h4{color:var(--text-main);font-size:13.5px;font-weight:700}.track-flow-item p{color:var(--text-muted);font-size:12px;line-height:1.45}.tracking-result-panel{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:clamp(24px,4vw,36px)}.result-header-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.result-ticket-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.result-tag-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.result-ticket-title{color:var(--primary);font-size:clamp(20px,2.5vw,24px);font-weight:700}.case-stepper-visual{background-color:var(--bg-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;margin:18px 0 24px;padding:14px 18px;display:flex;overflow-x:auto}.progress-step-item{color:var(--text-sub);text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:60px;font-size:11.5px;font-weight:600;display:flex}.progress-step-item.active{color:var(--primary)}.progress-step-item.completed{color:var(--text-main)}.step-dot{border:2px solid var(--border-subtle);width:26px;height:26px;color:var(--text-sub);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .2s;display:flex}.progress-step-item.active .step-dot{background-color:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 3px #1b382b26}.progress-step-item.completed .step-dot{color:#1b4530;background-color:#e1ece6;border-color:#2f6c4d}.progress-step-bar{background-color:var(--border-subtle);border-radius:2px;flex:1;min-width:16px;height:3px;transition:background-color .2s}.progress-step-bar.completed{background-color:#2f6c4d}.emergency-tracker-notice{border-radius:var(--radius-sm);background-color:#fcf5f3;border:1px solid #f5d6ce;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:16px 20px;display:flex}.emergency-tracker-notice strong{color:var(--urgent-text);margin-bottom:2px;font-size:13.5px;display:block}.emergency-tracker-notice p{color:#6e3b30;margin-bottom:0;font-size:12.5px}.modern-badge,.modern-status-badge{border-radius:var(--radius-pill);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.modern-badge:before,.modern-status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.modern-status-badge{gap:8px;padding:6px 14px;font-size:13.5px}.modern-status-badge:before{width:7px;height:7px}.badge-menunggu{color:#9a3412;background-color:#fff7ed;border:1px solid #fed7aa}.badge-menunggu:before{background-color:#ea580c}.badge-tinjauan{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe}.badge-tinjauan:before{background-color:#3b82f6}.badge-aktif{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-aktif:before{background-color:#059669}.badge-selesai{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.badge-selesai:before{background-color:#16a34a}.meta-information-grid{background-color:var(--bg-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px;padding:16px;display:grid}.meta-cell{flex-direction:column;display:flex}.cell-label{color:var(--text-muted);font-size:12px}.cell-data{color:var(--text-main);margin-top:2px;font-size:14px;font-weight:600}.history-headline{margin-bottom:16px;font-size:16px;font-weight:700}.history-stepper{flex-direction:column;gap:14px;display:flex}.stepper-item{border-left:2px solid var(--primary);padding-left:16px;position:relative}.stepper-date{color:var(--text-sub);font-size:12px}.stepper-status{color:var(--primary);font-size:14px;font-weight:700}.stepper-note{color:var(--text-main);margin-top:2px;font-size:14px}.hotlines-layout-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.hotline-item-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;display:flex}.hotline-badge-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background-color:var(--primary-light);border-radius:var(--radius-pill);align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700}.hotline-org-name{color:var(--text-main);margin-bottom:2px;font-size:20px;font-weight:700}.hotline-org-sub{color:var(--text-muted);margin-bottom:12px;font-size:13px}.hotline-detail{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:14px;line-height:1.55}.hotline-buttons-col{flex-direction:column;gap:8px;display:flex}.btn-hotline-dial{border-radius:var(--radius-sm);background-color:var(--bg-subtle);min-height:44px;color:var(--primary);border:none;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-hotline-dial:hover{color:var(--primary);background-color:#e4eae6;text-decoration:none;transform:translateY(-1px)}.btn-hotline-wa{color:#176632;background-color:#e7f6ed;border:none}.btn-hotline-wa:hover{color:#176632;background-color:#d6efe0;text-decoration:none;transform:translateY(-1px)}.auth-panel-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:440px;box-shadow:var(--shadow-sm);text-align:center;margin:30px auto;padding:clamp(28px,4vw,40px) clamp(20px,3vw,32px)}.auth-symbol-box{background-color:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.auth-headline{color:var(--text-main);margin-bottom:4px;font-size:20px;font-weight:700}.auth-subtitle{color:var(--text-muted);margin-bottom:22px;font-size:13.5px;line-height:1.5}.auth-submit-form{text-align:left}.password-input-wrap{align-items:center;width:100%;display:flex;position:relative}.password-input-wrap .input-text{padding-right:44px}.btn-toggle-eye{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-toggle-eye:hover{color:var(--text-main)}.auth-security-notice{color:var(--text-sub);margin-top:18px;font-size:12px;line-height:1.5}.admin-panel-area{animation:.25s ease-out viewFade}.dashboard-stats-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.officer-name-badge{color:var(--primary);background-color:var(--primary-light);border-radius:var(--radius-xs);padding:3px 10px;font-size:12px;font-weight:600}.dashboard-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary);flex-direction:column;gap:3px;padding:16px 18px;display:flex}.metric-label{color:var(--text-muted);font-size:12px;font-weight:600}.metric-num{color:var(--text-main);font-size:26px;font-weight:700;line-height:1.2}.metric-hint{color:var(--text-sub);font-size:11.5px}.metric-card-pending{border-left-color:var(--status-pending-text);background-color:#fffdf9}.metric-card-pending .metric-num{color:var(--status-pending-text)}.metric-card-urgent{border-left-color:var(--urgent-text);background-color:#fff8f6}.metric-card-urgent .metric-num{color:var(--urgent-text)}.metric-card-done{background-color:#f8fcfa;border-left-color:#145930}.metric-card-done .metric-num{color:#145930}.filter-controls-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex}.filter-control-item{flex:1;min-width:170px}.filter-btn-box{flex:0 0 100px}.filter-mini-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.filter-mini-select{width:100%;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:#fff;min-height:40px;padding:9px 12px;font-family:inherit;font-size:13px}.btn-refresh-data{background-color:var(--bg-subtle);width:100%;color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;border:none;min-height:38px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.btn-refresh-data:hover{background-color:#e4eae6}.btn-outline-action{background-color:var(--bg-subtle);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:38px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline-action:hover{color:var(--text-main);background-color:#e4eae6;text-decoration:none}.btn-full{justify-content:center;width:100%}.btn-primary-pill,.btn-update-action{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:38px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 4px #1b382b29}.btn-primary-pill:hover,.btn-update-action:hover{background-color:var(--primary-hover);color:#fff;text-decoration:none;transform:translateY(-1px)}.reports-stream-list{flex-direction:column;gap:16px;display:flex}.admin-report-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:22px}.admin-report-card.priority-card{border-left:4px solid var(--urgent-text)}.report-header-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.report-code-badge{color:var(--primary);letter-spacing:.02em;font-size:15px;font-weight:700}.report-time-stamp{color:var(--text-sub);font-size:12px}.tag-cluster{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tag-pill{border-radius:var(--radius-pill);background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle);align-items:center;padding:3px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.tag-pill-urgent{background-color:var(--urgent-bg);color:var(--urgent-text);border:1px solid var(--urgent-border);font-weight:600}.narrative-box{background-color:var(--bg-page);border-radius:var(--radius-sm);white-space:pre-wrap;margin-bottom:14px;padding:14px;font-size:14px;line-height:1.6}.contact-highlight-box{border-radius:var(--radius-sm);background-color:#fafbf9;border:1px solid #d5e0da;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.5}.report-card-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.pagination-bar-wrap{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:18px 0;display:flex}.pagination-info-text{color:var(--text-muted);font-size:13px;font-weight:500}.pagination-actions{align-items:center;gap:6px;display:flex}.btn-page-nav{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;min-height:36px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.btn-page-nav:hover:not(:disabled){background-color:var(--bg-subtle);border-color:#ccd6d0}.btn-page-nav:disabled{opacity:.45;cursor:not-allowed}.pagination-page-numbers{align-items:center;gap:4px;display:flex}.page-number-btn{background-color:var(--bg-card);min-width:36px;height:36px;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:pointer;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.page-number-btn:hover{background-color:var(--bg-subtle)}.page-number-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.floating-persistent-exit{z-index:1000;color:#fff;border-radius:var(--radius-sm);cursor:pointer;background-color:#b4381f;border:none;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #b4381f52}.floating-persistent-exit:hover,.floating-persistent-exit:focus-visible{color:#fff;background-color:#922b15;outline:none;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 18px #b4381f6b}.loading-state-box{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-headline{font-size:15px;font-weight:600}.circular-spinner{border:3px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop-wrap{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#101a1599;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-sheet{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-heading{font-size:18px;font-weight:700}.btn-modal-dismiss{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;min-width:38px;min-height:38px;font-size:22px;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.btn-modal-dismiss:hover{background-color:var(--bg-subtle);color:var(--text-main)}.modal-body-content{padding:24px}.modal-ref-code{color:var(--text-muted);margin-bottom:16px;font-size:13px}.modal-ref-code span{color:var(--primary);font-weight:700}.modal-footer-row{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.site-footer{background-color:var(--bg-card);border-top:1px solid var(--border-subtle);margin-top:auto;padding:36px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:0 auto;padding:0 20px;display:flex}.footer-meta{max-width:460px}.footer-logo{color:var(--primary);margin-bottom:4px;font-size:17px;font-weight:700;display:block}.footer-desc{color:var(--text-muted);font-size:13px;line-height:1.5}.footer-navigation{flex-wrap:wrap;gap:16px;display:flex}.footer-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:color .18s;display:flex}.footer-nav-btn:hover{color:var(--primary);text-decoration:none}.footer-bottom-bar{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:20px}.footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:0 20px;display:flex}.footer-copyright,.footer-credit{color:var(--text-sub);margin:0;font-size:12.5px;line-height:1.5}.credit-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.credit-link:hover{color:var(--primary-hover);text-decoration:underline}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none!important}.btn-hamburger{color:var(--text-main);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:background-color .15s;display:none}.btn-hamburger:hover{background-color:var(--bg-subtle)}@media (width<=768px){.btn-hamburger{display:inline-flex}.nav-bar{border-bottom:1px solid var(--border-subtle);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md);background-color:#fff;flex-direction:column;align-items:stretch;gap:4px;padding:12px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0}.nav-bar.is-open{animation:.2s ease-out navDrop;display:flex}@keyframes navDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-link{border-radius:var(--radius-xs);width:100%;min-height:44px;padding:12px 16px;font-size:14.5px}}@media (width<=600px){.floating-persistent-exit{padding:10px 16px;font-size:12px;bottom:16px;right:16px}.hero-showcase{padding:28px 16px}.btn-primary-lead,.btn-secondary-lead{justify-content:center;width:100%}.emergency-banner-box{padding:24px 18px}.btn-emergency-call{text-align:center;width:100%}.dashboard-metrics-grid{grid-template-columns:1fr}.pagination-bar-wrap{text-align:center;flex-direction:column;align-items:stretch}.pagination-actions{justify-content:center}}