@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";.chatbot-wrapper{position:fixed;bottom:32px;right:28px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),visibility .28s}.chatbot-wrapper.hidden-by-modal{opacity:0!important;pointer-events:none!important;visibility:hidden!important;transform:translateY(24px) scale(.88)!important}.chatbot-toggle-btn{height:50px;width:auto;border-radius:25px;padding:0 20px 0 16px;background:linear-gradient(135deg,#059669,#0d9488);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #05966973;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.88rem;letter-spacing:-.01em;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;box-sizing:border-box}.chatbot-toggle-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px #0596698c;background:linear-gradient(135deg,#10b981,#059669)}.toggle-icon-wrap{display:flex;align-items:center;justify-content:center;position:relative;width:24px;height:24px}.sparkle-icon{position:absolute;top:-6px;right:-6px;color:#fef08a;animation:sparkleTwinkle 2s infinite ease-in-out}.toggle-label{font-weight:700;font-size:.88rem;color:#fff;white-space:nowrap}.toggle-pulse{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#34d399;border:2px solid #ffffff;box-shadow:0 0 8px #34d399;animation:bmkgPulse 1.8s infinite}@keyframes bmkgPulse{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1.15);box-shadow:0 0 0 7px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}@keyframes sparkleTwinkle{0%,to{transform:scale(.85) rotate(0);opacity:.85}50%{transform:scale(1.2) rotate(15deg);opacity:1;filter:drop-shadow(0 0 4px #fef08a)}}.chatbot-window{width:400px;max-width:calc(100vw - 32px);height:560px;background:var(--surface, #ffffff);border-radius:20px;box-shadow:0 20px 50px #00000047;margin-bottom:14px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-subtle, rgba(0,0,0,.1));animation:slideUp .25s cubic-bezier(.16,1,.3,1);transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),max-width .3s cubic-bezier(.16,1,.3,1)}.chatbot-window.maximized{width:820px;max-width:calc(100vw - 36px);height:min(84vh,760px);border-radius:22px;box-shadow:0 25px 65px #00000061}.chatbot-window.minimized{width:360px;max-width:calc(100vw - 32px);height:56px;min-height:56px;border-radius:28px;background:linear-gradient(135deg,#064e3b,#0c392f 55%,#0f2d3d);border:1px solid rgba(52,211,153,.4);box-shadow:0 10px 30px -4px #064e3b73,0 4px 12px #00000040,inset 0 1px #ffffff26;margin-bottom:12px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.chatbot-window.minimized:hover{transform:translateY(-2px) scale(1.01);border-color:#34d399b3;box-shadow:0 16px 40px -4px #0596698c,0 6px 18px #0000004d,inset 0 1px #ffffff40}.chatbot-window.minimized .chatbot-header{height:100%;padding:0 14px 0 10px;border-bottom:none;background:transparent}.chatbot-window.minimized .chatbot-avatar{width:36px;height:36px;font-size:19px;border-radius:50%;background:#34d39938;border:1.5px solid rgba(52,211,153,.5);box-shadow:0 0 12px #34d3994d}.chatbot-window.minimized .chatbot-suggestions-wrapper,.chatbot-window.minimized .chatbot-messages,.chatbot-window.minimized .chatbot-input-area{display:none!important}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{background:linear-gradient(135deg,#064e3b,#0f2b3e);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);-webkit-user-select:none;user-select:none;flex-shrink:0}.chatbot-header-info{display:flex;align-items:center;gap:11px;min-width:0;flex:1;overflow:hidden}.chatbot-avatar{font-size:20px;background:#34d3992e;border:1px solid rgba(52,211,153,.35);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0;transition:all .2s ease}.chatbot-header-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;overflow:hidden}.chatbot-title-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;overflow:hidden}.chatbot-title{margin:0;font-size:.94rem;font-weight:800;letter-spacing:-.01em;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-badge{background:#3b82f638;border:1px solid rgba(147,197,253,.45);color:#bfdbfe!important;font-size:.65rem;font-weight:750;padding:1px 7px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.chatbot-status{margin:0;font-size:.72rem;color:#a7f3d0!important;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-status-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399;display:inline-block;flex-shrink:0}.chatbot-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.chatbot-ctrl-btn,.chatbot-btn-icon{background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:all .18s ease;padding:0}.chatbot-ctrl-btn:hover,.chatbot-btn-icon:hover{background:#ffffff40;color:#fff;transform:translateY(-1px)}.chatbot-ctrl-btn.btn-close:hover,.chatbot-btn-icon.close:hover{background:#ef444459;border-color:#ef444480;color:#fecaca}.chatbot-window.minimized .chatbot-header-actions{gap:8px}.chatbot-window.minimized .chatbot-ctrl-btn{width:30px;height:30px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.22)}.chatbot-window.minimized .chatbot-ctrl-btn:hover{transform:translateY(-1px) scale(1.08)}.chatbot-window.minimized .btn-expand:hover{background:#34d3994d;border-color:#34d399a6;color:#6ee7b7;box-shadow:0 2px 8px #34d39959}.chatbot-window.minimized .btn-close:hover{background:#ef444459;border-color:#ef444499;color:#fca5a5;box-shadow:0 2px 8px #ef444459}.chatbot-suggestions-wrapper{position:relative;display:flex;align-items:center;background:var(--surface-hover, #f8fafc);border-bottom:1px solid var(--border-subtle, rgba(0,0,0,.08));padding:6px 8px;height:42px;max-height:42px;flex-shrink:0;overflow:hidden;box-sizing:border-box}.chatbot-suggestions-bar{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:6px;padding:0 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1;min-width:0;height:100%}.chatbot-suggestions-bar::-webkit-scrollbar{display:none}.suggestion-chip{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(0,0,0,.1));color:var(--text-main, #1e293b);padding:4px 11px;height:28px;border-radius:999px;font-size:.73rem;font-weight:650;white-space:nowrap!important;cursor:pointer;transition:all .15s ease;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;box-sizing:border-box}.suggestion-chip:hover{background:#10b981;color:#fff;border-color:#10b981;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.chip-scroll-btn,.suggest-arrow-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--border-subtle, rgba(0,0,0,.12));background:var(--surface, #ffffff);color:var(--text-main, #1e293b);cursor:pointer;flex-shrink:0;box-shadow:0 1px 4px #0000001f;transition:all .15s ease;z-index:2;padding:0}.chip-scroll-btn:hover,.suggest-arrow-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.chatbot-messages{flex:1;padding:14px 14px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:var(--surface, #ffffff);min-height:0}.chat-message{display:flex;gap:8px;align-items:flex-start}.chat-message.user{flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:var(--surface-hover, #f1f5f9);border:1px solid var(--border-subtle, rgba(0,0,0,.08))}.chat-message.user .chat-avatar{background:#10b981;color:#fff;border-color:#059669}.chat-bubble{max-width:84%;padding:10px 14px;border-radius:14px;font-size:.84rem;line-height:1.52;word-wrap:break-word;box-shadow:0 1px 4px #0000000a}.chat-message.user .chat-bubble{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-bottom-right-radius:3px;box-shadow:0 4px 12px #10b98140}.chat-message.ai .chat-bubble{background:var(--surface-hover, #f8fafc);color:var(--text-main, #1e293b);border:1px solid var(--border-subtle, rgba(0,0,0,.08));border-bottom-left-radius:3px}.chat-formatted-body{display:flex;flex-direction:column;width:100%}.chat-text-line{line-height:1.5;margin-bottom:2px}.chat-line-spacer{height:6px}.chat-section-header{font-weight:800;font-size:.86rem;color:var(--text-main, #0f172a);margin-top:8px;margin-bottom:4px}.chat-message.user .chat-section-header{color:#fff}.chat-heading-line{font-weight:800;font-size:.9rem;color:var(--text-main, #0f172a);margin-top:8px;margin-bottom:4px}.chat-message.user .chat-heading-line{color:#fff}.chat-bullet-row{display:flex;align-items:flex-start;gap:7px;margin-bottom:3px;line-height:1.45}.chat-bullet-icon{color:#10b981;font-weight:800;font-size:.95rem;line-height:1.3;flex-shrink:0}.chat-message.user .chat-bullet-icon{color:#dcfce7}.chat-bullet-text{flex:1}.chat-num-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:3px;line-height:1.45}.chat-num-badge{font-weight:800;color:#10b981;flex-shrink:0;min-width:16px}.chat-message.user .chat-num-badge{color:#dcfce7}.chat-num-text{flex:1}.chat-strong{font-weight:750;color:inherit}.chat-em{font-style:italic}.chat-code{background:#00000014;padding:1px 5px;border-radius:4px;font-family:monospace;font-size:.82em}.chatbot-input-area{padding:12px 14px;background:var(--surface, #ffffff);border-top:1px solid var(--border-subtle, rgba(0,0,0,.08));display:flex;gap:8px;align-items:center;flex-shrink:0}.chatbot-input-area input{flex:1;padding:9px 14px;border:1px solid var(--border-subtle, rgba(0,0,0,.12));border-radius:12px;background:var(--surface-hover, #f8fafc);color:var(--text-main, #1e293b);outline:none;font-size:.84rem;font-family:inherit;transition:all .2s}.chatbot-input-area input:focus{border-color:#10b981;background:var(--surface, #ffffff)}.chatbot-send-btn{width:36px;height:36px;border-radius:10px;background:#10b981;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chatbot-send-btn:disabled{background:var(--border-subtle, #e2e8f0);color:var(--text-muted, #94a3b8);cursor:not-allowed}.chatbot-send-btn:hover:not(:disabled){background:#059669}.chat-bubble.typing{display:flex;gap:4px;padding:10px 14px;align-items:center}.typing-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.chatbot-wrapper{bottom:84px;right:18px}.chatbot-window{width:calc(100vw - 32px);max-width:calc(100vw - 32px);height:490px}.chatbot-window.maximized{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:calc(100vh - 105px)}.chatbot-window.minimized{width:min(290px,calc(100vw - 32px));height:54px;min-height:54px}}.chatbot-ctrl-btn.active-config{background:#10b981!important;color:#fff!important;border-color:#34d399!important}.chatbot-api-settings-panel{position:absolute;top:60px;left:0;right:0;bottom:0;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;animation:fadeInSettings .2s ease-out;color:var(--text-main, #1e293b)}@keyframes fadeInSettings{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.api-settings-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle, rgba(0,0,0,.08));padding-bottom:10px}.api-settings-title{display:flex;align-items:center;gap:8px;font-weight:750;font-size:.92rem;color:#065f46}.api-settings-close-btn{background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;transition:all .15s ease}.api-settings-close-btn:hover{background:#0000000f;color:#0f172a}.api-settings-body{display:flex;flex-direction:column;gap:16px}.api-settings-group{display:flex;flex-direction:column;gap:6px;background:var(--surface-hover, #f8fafc);padding:12px;border-radius:12px;border:1px solid var(--border-subtle, rgba(0,0,0,.06))}.api-settings-label{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:750;color:var(--text-main, #0f172a)}.api-status-tag{font-size:.68rem;padding:2px 7px;border-radius:999px;font-weight:700}.api-status-tag.connected{background:#dcfce7;color:#15803d;border:1px solid #86efac}.api-status-tag.disconnected,.api-status-tag.offline{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.api-settings-hint{margin:0;font-size:.74rem;color:var(--text-muted, #64748b);line-height:1.4}.api-settings-subhint{margin:0;font-size:.7rem;color:#94a3b8;line-height:1.35}.api-input-row{display:flex;gap:6px;margin-top:4px}.api-key-input{flex:1;padding:8px 11px;border-radius:8px;border:1px solid var(--border-subtle, rgba(0,0,0,.15));font-size:.78rem;outline:none;transition:border-color .15s ease;background:#fff;color:#0f172a}.api-key-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.api-save-btn{background:linear-gradient(135deg,#059669,#0d9488);color:#fff;border:none;padding:0 14px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap}.api-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #05966959}.api-save-btn:disabled{opacity:.5;cursor:not-allowed}.api-success-text{margin:2px 0 0;font-size:.72rem;color:#15803d;font-weight:600}.api-get-link{font-size:.72rem;color:#0284c7;text-decoration:none;font-weight:600;margin-top:2px;display:inline-block}.api-get-link:hover{text-decoration:underline}.api-settings-divider{height:1px;background:var(--border-subtle, rgba(0,0,0,.06))}.api-input-col{display:flex;flex-direction:column;gap:3px;margin-top:6px}.api-field-label{font-size:.69rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.langflow-save-btn{margin-top:8px;width:100%;padding:9px 14px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease}.langflow-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 2px 8px #7c3aed59}.langflow-save-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.chatbot-wrapper{bottom:74px;right:14px;max-width:calc(100vw - 28px);z-index:997}.chatbot-window{width:calc(100vw - 28px);max-width:calc(100vw - 28px);height:min(72vh,480px);border-radius:18px;margin-bottom:8px}.chatbot-window.minimized{width:calc(100vw - 28px);max-width:calc(100vw - 28px);height:52px;min-height:52px;border-radius:26px;margin-bottom:8px}.chatbot-window.minimized .chatbot-header{padding:0 12px 0 8px}.chatbot-window.maximized{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:min(84vh,640px);border-radius:16px}.chatbot-toggle-btn{height:44px;padding:0 14px 0 10px;font-size:.8rem}.chatbot-input-area{padding:8px 10px}.chatbot-suggestions-wrapper{height:38px;padding:4px 6px}.chatbot-suggestion-chip{padding:4px 9px;font-size:.72rem}}@media (max-width: 600px){.chatbot-wrapper{bottom:64px;right:10px}.chatbot-toggle-btn{width:42px;height:42px;min-width:42px;padding:0;border-radius:50%;justify-content:center;box-shadow:0 4px 14px #05966966}.chatbot-toggle-btn .toggle-label{display:none}.toggle-icon-wrap{width:22px;height:22px}.chatbot-window{width:calc(100vw - 20px);max-width:calc(100vw - 20px);right:-2px}}.salingjaga-offline-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;width:calc(100% - 32px);max-width:640px;pointer-events:none;animation:slideUpFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.offline-floating-pill{pointer-events:auto;display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 36px #00000073,0 0 0 1px #ffffff14;transition:all .25s ease}.offline-floating-pill.alert-mode{background:#0f172aeb;border:1.5px solid rgba(239,68,68,.4);border-left:5px solid #ef4444}.offline-floating-pill.alert-mode:hover{border-color:#ef444499;box-shadow:0 16px 42px #ef444433,0 0 0 1px #ef44444d}.offline-floating-pill.success-mode{background:#0f172aeb;border:1.5px solid rgba(16,185,129,.4);border-left:5px solid #10b981}.pill-icon-glow{width:38px;height:38px;border-radius:12px;background:#ef444426;color:#ef4444;display:grid;place-items:center;flex-shrink:0}.pill-icon-glow.success{background:#10b98126;color:#10b981}.pulse-icon{animation:pulse-warn 1.8s infinite}@keyframes pulse-warn{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.94)}}.pill-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pill-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill-headline{font-size:.85rem;font-weight:850;color:#fff;letter-spacing:-.01em}.pwa-cache-badge{font-size:.65rem;font-weight:800;background:#0284c733;color:#38bdf8;border:1px solid rgba(2,132,199,.4);padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.pill-subtext{font-size:.74rem;color:#94a3b8;line-height:1.4;margin:0}.pending-queue-tag{color:#fbbf24;font-weight:700}.pill-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-sync-offline{display:inline-flex;align-items:center;gap:5px;background:#0284c7;color:#fff;border:none;border-radius:8px;padding:5px 11px;font-size:.72rem;font-weight:750;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-sync-offline:hover{background:#0369a1;transform:translateY(-1px)}.btn-sync-offline.spinning svg{animation:spin .8s linear infinite}.btn-pill-dismiss{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#94a3b8;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.btn-pill-dismiss:hover{color:#fff;background:#ffffff2e}@media (max-width: 600px){.salingjaga-offline-container{bottom:80px;width:calc(100% - 20px)}.offline-floating-pill{padding:10px 14px;gap:10px}.pill-icon-glow{width:32px;height:32px}.pill-headline{font-size:.8rem}.pill-subtext{font-size:.7rem}}.header-ticker-pill{flex:1;max-width:620px;min-width:260px;margin:0 16px;height:42px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:999px;padding:4px 8px 4px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 2px 8px #00000008;transition:all .25s ease;-webkit-user-select:none;user-select:none;overflow:hidden}.header-ticker-pill:hover{background:var(--surface);border-color:var(--brand-green-primary);box-shadow:0 4px 16px #10b98126;transform:translateY(-1px)}.ticker-badge-cluster{display:flex;align-items:center;gap:8px;flex-shrink:0}.ticker-live-ping{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef4444b3;animation:tickerPing 1.8s infinite cubic-bezier(.66,0,0,1)}@keyframes tickerPing{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.ticker-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.ticker-chip.badge-red{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.ticker-chip.badge-cyan{background:#06b6d41f;color:#0284c7;border:1px solid rgba(6,182,212,.25)}.ticker-chip.badge-amber{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.ticker-chip.badge-emerald{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.ticker-body{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}.ticker-text-wrapper{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:tickerSlideIn .35s ease-out}@keyframes tickerSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ticker-title{font-size:.82rem;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis}.ticker-separator{color:var(--text-muted);font-weight:700}.ticker-subtitle{font-size:.78rem;font-weight:500;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.ticker-controls{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.ticker-counter{font-size:.7rem;font-weight:700;color:var(--text-muted);padding:0 4px}.ticker-nav-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.ticker-nav-btn:hover{background:var(--brand-green-primary);color:#fff;border-color:var(--brand-green-primary)}.ticker-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0f172ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;animation:tickerFade .2s ease-out;box-sizing:border-box}@keyframes tickerFade{0%{opacity:0}to{opacity:1}}.ticker-modal-card{width:100%;max-width:640px;max-height:calc(100vh - 48px);background:var(--surface);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 25px 60px #00000073;display:flex;flex-direction:column;overflow:hidden;margin:auto;animation:tickerModalZoom .25s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes tickerModalZoom{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ticker-modal-header{padding:18px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--surface-hover);flex-shrink:0}.ticker-modal-header-left{display:flex;align-items:center;gap:12px}.ticker-modal-icon-badge{width:40px;height:40px;border-radius:12px;background:#10b98126;color:var(--brand-green-primary);display:flex;align-items:center;justify-content:center}.ticker-modal-title{font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0}.ticker-modal-sub{font-size:.78rem;color:var(--text-muted);margin:2px 0 0}.ticker-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ticker-modal-close:hover{background:#ef444426;color:#ef4444}.ticker-modal-content{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ticker-info-box{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 6px #00000005}.ticker-info-box.box-gempa{border-left:4px solid #ef4444}.ticker-info-box.box-situasi{border-left:4px solid #f59e0b}.ticker-info-box.box-hotline{border-left:4px solid #10b981}.info-box-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.info-box-badge{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;padding:3px 10px;border-radius:6px;text-transform:uppercase}.info-box-badge.badge-red{background:#ef44441f;color:#dc2626}.info-box-badge.badge-amber{background:#f59e0b1f;color:#d97706}.info-box-badge.badge-emerald{background:#10b9811f;color:#059669}.info-box-time{font-size:.74rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}.gempa-grid-stats{display:flex;gap:16px;align-items:flex-start}.gempa-mag-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:12px 16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef44444d;flex-shrink:0}.gempa-mag-badge strong{font-size:1.35rem;line-height:1}.gempa-mag-badge span{font-size:.68rem;text-transform:uppercase;margin-top:4px;opacity:.9}.gempa-meta h4{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0 0 6px}.gempa-detail-row{display:flex;gap:14px;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}.gempa-detail-row strong{color:var(--text-main)}.gempa-potensi-note{font-size:.78rem;color:#eab308;margin:6px 0 0;font-weight:600}.gempa-shakemap-preview{margin-top:4px}.btn-shakemap-link{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--brand-green-primary);text-decoration:none;padding:6px 12px;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border-subtle);transition:all .2s}.btn-shakemap-link:hover{background:var(--surface);border-color:var(--brand-green-primary)}.situasi-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.situasi-stat-pill{background:var(--surface-hover);border:1px solid var(--border-subtle);padding:10px;border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center}.situasi-stat-pill strong{font-size:1.2rem;color:var(--text-main);font-weight:800}.situasi-stat-pill span{font-size:.72rem;color:var(--text-muted);margin-top:2px}.situasi-note{font-size:.76rem;color:var(--text-muted);margin:0}.hotline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hotline-item{display:flex;align-items:center;gap:12px;background:var(--surface-hover);border:1px solid var(--border-subtle);padding:10px 14px;border-radius:12px}.hotline-num{font-size:1.4rem;font-weight:900;color:#10b981;line-height:1}.hotline-item strong{display:block;font-size:.82rem;color:var(--text-main)}.hotline-item small{font-size:.7rem;color:var(--text-muted)}.ticker-modal-footer{padding:16px 24px;border-top:1px solid var(--border-subtle);display:flex;gap:12px;justify-content:flex-end;background:var(--surface-hover);flex-wrap:wrap;flex-shrink:0}.btn-ticker-close-secondary{display:inline-flex;align-items:center;padding:9px 18px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-muted);font-weight:700;font-size:.84rem;cursor:pointer;transition:all .2s}.btn-ticker-close-secondary:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--text-muted)}.btn-ticker-view-map{display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--text-main);border:1px solid var(--border-subtle);padding:9px 18px;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-ticker-view-map:hover{background:var(--surface-hover);border-color:var(--brand-green-primary);color:var(--brand-green-primary)}.btn-ticker-report{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:9px 20px;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #10b9814d;transition:all .2s}.btn-ticker-report:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px)}@media (max-width: 1024px){.header-ticker-pill{max-width:440px;min-width:0;margin:0 8px}.ticker-subtitle{display:none}}@media (max-width: 768px){.header-ticker-pill{min-width:0;max-width:280px;height:38px;padding:3px 8px;margin:0 6px}.ticker-badge-text{font-size:.65rem}.ticker-title{font-size:.74rem}}@media (max-width: 580px){.header-ticker-pill{display:none}.situasi-stats-row,.hotline-grid{grid-template-columns:1fr}}.profil-bnpb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a14c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeInProfil .2s ease-out}@keyframes fadeInProfil{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.profil-bnpb-modal{width:100%;max-width:660px;background:#0f172a;border:1px solid rgba(245,158,11,.35);border-radius:16px;box-shadow:0 24px 60px #000000a6,0 0 40px #f59e0b1f;display:flex;flex-direction:column;overflow:hidden;color:#f1f5f9;font-family:inherit}.profil-bnpb-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border-bottom:1px solid rgba(148,163,184,.15)}.profil-bnpb-title-wrap{display:flex;align-items:center;gap:14px}.profil-bnpb-icon-emblem{width:44px;height:44px;border-radius:12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center}.profil-bnpb-title{margin:0;font-size:1.15rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.profil-bnpb-sub{margin:3px 0 0;font-size:.78rem;color:#94a3b8}.btn-close-profil{background:transparent;border:none;color:#94a3b8;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-close-profil:hover{background:#ffffff14;color:#f8fafc}.profil-bnpb-body{padding:22px 24px;overflow-y:auto;max-height:calc(85vh - 140px);display:flex;flex-direction:column;gap:18px}.profil-hero-badge-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;background:linear-gradient(135deg,#f59e0b14,#10b9810a);border:1px solid rgba(245,158,11,.25);border-radius:12px}.official-pill{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:#fbbf24;background:#f59e0b29;padding:3px 9px;border-radius:999px;margin-bottom:6px}.agency-full-name{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.agency-decree{margin:4px 0 0;font-size:.74rem;color:#94a3b8}.status-krisis-tag{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#f59e0b;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);padding:4px 10px;border-radius:6px;white-space:nowrap}.dot-pulse-amber{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.coverage-sub{display:block;font-size:.7rem;color:#94a3b8;margin-top:6px;text-align:right}.profil-grid-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profil-card-field{background:#1e293b99;border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.profil-card-label{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:600;color:#94a3b8}.profil-card-val{font-size:.84rem;color:#e2e8f0;line-height:1.4}.profil-card-val strong{color:#fbbf24}.val-sub{display:block;font-size:.73rem;color:#64748b;margin-top:3px}.profil-bnpb-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 24px;background:#0f172af2;border-top:1px solid rgba(148,163,184,.15)}.btn-profil-close{background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:#cbd5e1;padding:9px 18px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-profil-close:hover{background:#94a3b833;color:#fff}.btn-profil-to-admin{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:9px 18px;border-radius:8px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:all .15s ease}.btn-profil-to-admin:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width: 640px){.profil-grid-details{grid-template-columns:1fr}.profil-hero-badge-card{flex-direction:column;align-items:stretch}.coverage-sub{text-align:left}}.status-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1db8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10050;padding:16px;animation:fadeInOverlay .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.status-dialog-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:580px;box-shadow:0 24px 60px #0f172a33,0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden;animation:scaleInDialog .22s cubic-bezier(.16,1,.3,1)}@keyframes scaleInDialog{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.status-dialog-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#fff}.status-header-icon-wrap{width:44px;height:44px;border-radius:12px;background:#fef3c7;border:1.5px solid #fde68a;display:flex;align-items:center;justify-content:center;color:#d97706;flex-shrink:0}.status-header-text{flex:1;min-width:0}.status-header-text h3{margin:0;font-size:1.1rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.status-header-text p{margin:3px 0 0;font-size:.8rem;color:#64748b;line-height:1.4}.btn-status-dialog-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .18s}.btn-status-dialog-close:hover{background:#f1f5f9;color:#0f172a}.status-dialog-form{padding:22px 24px;display:flex;flex-direction:column;gap:18px;max-height:calc(88vh - 120px);overflow-y:auto}.status-options-label{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;font-weight:700;color:#475569}.current-indicator{font-size:.82rem;color:#64748b}.current-indicator strong{color:#0f172a}.status-options-grid{display:grid;grid-template-columns:1fr;gap:10px}.status-option-card{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:14px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left}.status-option-card:hover{background:#f8fafc;border-color:#cbd5e1}.status-option-card.selected.emerald{border-color:#10b981;background:#f0fdf4;box-shadow:0 0 0 1px #10b981}.status-option-card.selected.amber{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 1px #f59e0b}.status-option-card.selected.red{border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 1px #ef4444}.option-radio-indicator{margin-top:2px}.radio-dot{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;position:relative;transition:all .18s}.radio-dot.checked{border-color:#10b981}.status-option-card.selected.amber .radio-dot.checked{border-color:#d97706}.status-option-card.selected.red .radio-dot.checked{border-color:#dc2626}.radio-dot.checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#10b981}.status-option-card.selected.amber .radio-dot.checked:after{background:#d97706}.status-option-card.selected.red .radio-dot.checked:after{background:#dc2626}.option-card-content{flex:1;min-width:0}.option-card-top{display:flex;margin-bottom:5px}.option-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.03em}.option-status-pill.emerald{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.option-status-pill.amber{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.option-status-pill.red{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.option-headline{display:block;font-size:.9rem;font-weight:750;color:#0f172a;margin-bottom:3px}.option-desc{margin:0;font-size:.78rem;color:#475569;line-height:1.45}.status-form-group{display:flex;flex-direction:column;gap:7px}.status-form-group label{display:flex;align-items:center;gap:7px;font-size:.85rem;font-weight:750;color:#0f172a}.status-form-group textarea,.status-form-group input{width:100%;background:#fff;border:1.5px solid #cbd5e1;border-radius:11px;padding:11px 14px;color:#0f172a;font-size:.86rem;font-family:inherit;line-height:1.5;transition:all .18s ease;box-shadow:inset 0 1px 2px #0000000a}.status-form-group textarea::placeholder,.status-form-group input::placeholder{color:#94a3b8;font-style:normal;opacity:1}.status-form-group textarea:focus,.status-form-group input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.status-dialog-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#fef2f2;border:1.5px solid #fca5a5;color:#dc2626;font-size:.82rem;font-weight:650}.status-dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #e2e8f0}.btn-status-cancel{background:#f8fafc;border:1.5px solid #cbd5e1;color:#475569;padding:10px 20px;border-radius:11px;font-size:.86rem;font-weight:650;cursor:pointer;transition:all .18s}.btn-status-cancel:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8}.btn-status-confirm{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:11px;border:none;font-size:.86rem;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);color:#fff}.btn-status-confirm.btn-emerald{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #05966940}.btn-status-confirm.btn-emerald:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 6px 18px #05966959}.btn-status-confirm.btn-red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444440}.btn-status-confirm.btn-red:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 18px #ef444459}.btn-status-confirm:disabled{opacity:.65;cursor:not-allowed}[data-theme=dark] .status-dialog-box{background:#0f172a;border-color:#ffffff1f;box-shadow:0 24px 60px #0009}[data-theme=dark] .status-dialog-header{background:#0f172a;border-bottom-color:#ffffff14}[data-theme=dark] .status-header-icon-wrap{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}[data-theme=dark] .status-header-text h3{color:#f8fafc}[data-theme=dark] .status-header-text p,[data-theme=dark] .btn-status-dialog-close{color:#94a3b8}[data-theme=dark] .btn-status-dialog-close:hover{background:#ffffff14;color:#f8fafc}[data-theme=dark] .status-options-label,[data-theme=dark] .current-indicator{color:#94a3b8}[data-theme=dark] .current-indicator strong{color:#f8fafc}[data-theme=dark] .status-option-card{border-color:#ffffff14;background:#1e293b66}[data-theme=dark] .status-option-card:hover{background:#1e293bcc;border-color:#ffffff29}[data-theme=dark] .status-option-card.selected.emerald{background:#10b9811f;border-color:#10b981}[data-theme=dark] .status-option-card.selected.amber{background:#f59e0b1f;border-color:#f59e0b}[data-theme=dark] .status-option-card.selected.red{background:#ef44441f;border-color:#ef4444}[data-theme=dark] .radio-dot{background:#0f172a;border-color:#475569}[data-theme=dark] .option-headline{color:#f8fafc}[data-theme=dark] .option-desc{color:#94a3b8}[data-theme=dark] .status-form-group label{color:#f1f5f9}[data-theme=dark] .status-form-group textarea,[data-theme=dark] .status-form-group input{background:#1e293b;border-color:#334155;color:#f8fafc;box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .status-form-group textarea::placeholder,[data-theme=dark] .status-form-group input::placeholder{color:#64748b}[data-theme=dark] .status-form-group textarea:focus,[data-theme=dark] .status-form-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}[data-theme=dark] .status-dialog-error{background:#ef444426;border-color:#ef444459;color:#fca5a5}[data-theme=dark] .status-dialog-footer{border-top-color:#ffffff14}[data-theme=dark] .btn-status-cancel{background:#1e293b99;border-color:#334155;color:#cbd5e1}[data-theme=dark] .btn-status-cancel:hover{background:#334155;color:#fff}.header-vibrant{background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 4px 20px #0000000f}.header-vibrant-inner{max-width:1400px;margin:0 auto;min-height:64px;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}.brand-vibrant{display:flex;align-items:center;gap:12px;cursor:default;-webkit-user-select:none;user-select:none}.header-role-badge{display:inline-flex;align-items:center;gap:8px;margin-left:0;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:999px;color:var(--brand-green-dark);background:var(--surface-hover);font-size:.78rem;font-weight:800;flex-shrink:0}.header-bpbd-official-account{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--surface-hover, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:999px;font-size:.8rem;color:var(--text-main, #0f172a);box-shadow:0 1px 3px #0000000a;white-space:nowrap;flex-shrink:0}.bpbd-agency-name{display:inline-flex;align-items:center;gap:6px;color:var(--text-main, #0f172a);font-weight:700}.bpbd-shield-icon{color:#0284c7}.bpbd-header-dot{color:var(--text-muted, #94a3b8);font-weight:800}.bpbd-status-territory{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-muted, #475569)}.bpbd-status-toggle{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:800;border:1px solid transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.bpbd-status-toggle.status-normal{background:#dcfce7;color:#15803d;border-color:#16a34a4d}.bpbd-status-toggle.status-siaga{background:#fef3c7;color:#b45309;border-color:#f59e0b59}.bpbd-status-toggle.status-tanggap-darurat{background:#fee2e2;color:#dc2626;border-color:#dc262659}.bpbd-status-toggle:hover{transform:translateY(-1px);filter:brightness(.97)}.status-dot-pulse{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulseBeacon 1.6s infinite}.status-dropdown-caret{font-size:.7rem;opacity:.7}.bpbd-header-time{font-size:.76rem;color:var(--text-muted, #64748b);font-weight:600}.brand-logo-glow{width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--border-subtle);padding:3px;display:flex;align-items:center;justify-content:center}.brand-vibrant:hover .brand-logo-glow{border-color:#22c55e73;box-shadow:0 8px 24px #16a34a1f}.brand-logo-img{width:100%;height:100%;object-fit:contain}.brand-text-block{display:flex;flex-direction:column}.brand-title{font-size:1.3rem;font-weight:800;color:var(--text-main);line-height:1.1}.brand-highlight{color:var(--brand-green-primary)}.brand-subtitle{font-size:.75rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.dot-green-live{width:6px;height:6px;border-radius:50%;background:var(--brand-green-primary)}.mode-switcher-wrap{display:flex;align-items:center}.mode-switcher-pill{display:flex;background:var(--surface-hover);padding:5px;border-radius:12px;border:1px solid var(--border-subtle);gap:4px}.mode-btn{display:flex;align-items:center;gap:6px;padding:8px 15px;font-size:.85rem;font-weight:600;color:var(--text-muted);border-radius:8px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-btn:hover{color:var(--text-main)}.mode-btn.active-warga{background:var(--surface);color:var(--brand-green-dark);box-shadow:var(--shadow-sm)}.mode-btn.active-petugas{background:var(--surface);color:var(--accent-blue);box-shadow:var(--shadow-sm)}[data-theme=dark] .mode-btn.active-warga{background:var(--surface-hover);color:var(--brand-green-light)}[data-theme=dark] .mode-btn.active-petugas{background:var(--surface-hover);color:var(--accent-blue)}.admin-subnav-pills{display:flex;gap:4px;background:var(--surface-hover);padding:4px;border-radius:8px;border:1px solid var(--border-subtle)}.subnav-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;color:var(--text-muted);border-radius:6px;background:transparent;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.subnav-pill:hover{background:var(--surface);color:var(--text-main)}.subnav-pill.active{background:var(--surface);color:var(--brand-green-primary);box-shadow:var(--shadow-sm)}.header-vibrant-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.btn-officer-link,.btn-header-exit{display:inline-flex;align-items:center;gap:6px;min-height:36px;height:36px;padding:0 13px;border-radius:9px;border:1.5px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 1px 3px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-officer-link:hover,.btn-header-exit:hover{border-color:#ef444466;color:#dc2626;background:#ef444414;transform:translateY(-1px)}.btn-header-admin-bpbd{display:inline-flex;align-items:center;gap:7px;min-height:36px;height:36px;padding:0 13px;border-radius:9px;background:#10b9811a;color:#065f46;border:1.5px solid rgba(16,185,129,.4);font-size:.8rem;font-weight:750;cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px #10b98114;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-header-admin-bpbd:hover{background:#10b98133;border-color:#059669;color:#047857;transform:translateY(-1px);box-shadow:0 3px 10px #10b98133}.btn-header-admin-bpbd.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;box-shadow:0 3px 12px #10b98159}.btn-header-admin-bpbd.active .admin-bpbd-shield-icon{color:#fff}.admin-bpbd-shield-icon{color:#059669;flex-shrink:0}.btn-admin-badge{background:#ef4444;color:#fff;font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:999px;line-height:1.2;box-shadow:0 0 6px #ef444466}.btn-header-admin-bpbd.active .btn-admin-badge{background:#fff;color:#dc2626;box-shadow:0 1px 4px #0003}[data-theme=dark] .btn-header-admin-bpbd{background:#10b98129;color:#6ee7b7;border-color:#10b98173;box-shadow:none}[data-theme=dark] .btn-header-admin-bpbd:hover{background:#10b98147;border-color:#34d399;color:#a7f3d0;box-shadow:0 0 14px #10b9814d}[data-theme=dark] .btn-header-admin-bpbd.active{background:linear-gradient(135deg,#059669,#047857);color:#fff;border-color:#34d399}[data-theme=dark] .admin-bpbd-shield-icon{color:#34d399}.btn-header-report-disaster{display:inline-flex;align-items:center;gap:7px;min-height:36px;height:36px;padding:0 14px;border-radius:9px;font-size:.8rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-header-report-disaster.bpbd{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(56,189,248,.4);box-shadow:0 2px 8px #0284c74d}.btn-header-report-disaster.bpbd:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 4px 14px #0284c773}.btn-header-report-disaster.bnpb{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(254,202,202,.4);box-shadow:0 2px 8px #ef444459}.btn-header-report-disaster.bnpb:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 14px #ef444480}.btn-national-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:10px;border:1px solid rgba(245,158,11,.4);background:#f59e0b1f;color:#f59e0b;font-size:.81rem;font-weight:750;text-decoration:none;white-space:nowrap;transition:all .2s}.btn-national-link:hover{background:#f59e0b;color:#0f172a;box-shadow:0 4px 14px #f59e0b4d}.btn-portal-switch{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 14px;border-radius:9px;background:var(--surface);border:1.5px solid var(--border-subtle);color:var(--text-main);font-size:.8rem;font-weight:750;text-decoration:none;white-space:nowrap;box-shadow:0 1px 3px #0000000f;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-portal-switch:hover{background:var(--surface-hover);border-color:var(--brand-green-primary);color:var(--brand-green-primary);transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.btn-portal-switch.text-amber{color:#d97706;border-color:#f59e0b59;background:#f59e0b0f}.btn-portal-switch.text-amber:hover{background:#f59e0b26;color:#b45309;border-color:#f59e0b}.header-bnpb-highlight{border-color:#f59e0b59;background:#f59e0b14}.btn-icon-minimal{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:10px;background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer}.btn-icon-minimal:hover{background:var(--surface-hover);color:var(--text-main)}.btn-hackathon-demo{display:flex;align-items:center;gap:6px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border-subtle);padding:9px 13px;font-size:.8rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-hackathon-demo:hover{background:var(--surface-hover);color:var(--text-main)}.btn-sos-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:10px 18px;border-radius:12px;font-size:.88rem;font-weight:800;border:none;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;box-shadow:0 4px 16px #ef444466}.btn-sos-primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 20px #ef44448c}.btn-sos-jumbo{padding:11px 22px;font-size:.94rem;font-weight:850;letter-spacing:.02em;border-radius:12px;box-shadow:0 4px 20px #ef444473}.btn-sos-jumbo:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #ef444499}@media (max-width: 1440px){.header-badge-telemetry{display:none!important}}@media (max-width: 1220px){.header-badge-location{display:none!important}}@media (max-width: 980px){.header-bpbd-official-account{display:none!important}.header-vibrant-inner{gap:12px}.mode-switcher-wrap{order:3;width:100%;justify-content:center}.header-vibrant-actions{margin-left:auto;justify-content:flex-end}.header-role-badge{display:none}.admin-subnav-pills{order:4;width:100%;overflow-x:auto}}@media (max-width: 620px){.header-vibrant-inner{padding:5px 8px}.mode-switcher-wrap{order:3;width:100%}.mode-switcher-pill,.mode-btn{flex:1;justify-content:center}.btn-hackathon-demo span{display:none}.header-vibrant-actions{margin-left:auto;gap:4px}.btn-officer-link{padding:5px 8px;font-size:.72rem}.btn-officer-link svg{width:14px}.btn-sos-primary{padding:7px 13px;font-size:.82rem;font-weight:850;border-radius:10px}.btn-sos-primary svg{width:16px;height:16px}.btn-header-exit span{display:none}}.bnpb-account-menu-wrapper{position:relative;display:inline-flex;align-items:center}.btn-bnpb-account-trigger{display:inline-flex;align-items:center;gap:7px;min-height:36px;background:#f59e0b1a;color:#9a3412;border:1.5px solid rgba(217,119,6,.4);padding:6px 13px;border-radius:9px;font-size:.82rem;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 3px #d9770614}.btn-bnpb-account-trigger:hover,.btn-bnpb-account-trigger.active{background:#f59e0b33;border-color:#b45309;color:#7c2d12;transform:translateY(-1px);box-shadow:0 4px 12px #d977062e}[data-theme=dark] .btn-bnpb-account-trigger{background:#f59e0b29;color:#fde68a;border:1.5px solid rgba(245,158,11,.45);box-shadow:none}[data-theme=dark] .btn-bnpb-account-trigger:hover,[data-theme=dark] .btn-bnpb-account-trigger.active{background:#f59e0b40;border-color:#f59e0b;color:#fef08a;box-shadow:0 0 14px #f59e0b40}.bnpb-trigger-globe{color:#b45309;flex-shrink:0}[data-theme=dark] .bnpb-trigger-globe{color:#fbbf24}.bnpb-trigger-label{letter-spacing:-.01em}.bnpb-trigger-badge{background:#dc2626;color:#fff;font-size:.68rem;font-weight:800;border-radius:999px;padding:1px 6px;line-height:1.2;box-shadow:0 0 6px #dc262666}.bnpb-trigger-caret{transition:transform .2s ease;color:#b45309;opacity:.85}[data-theme=dark] .bnpb-trigger-caret{color:#fbbf24}.bnpb-trigger-caret.open{transform:rotate(180deg)}.btn-bnpb-mobile-profile{display:none;position:relative;align-items:center;justify-content:center;padding:8px;border-radius:10px;background:#f59e0b1a;color:#9a3412;border:1.5px solid rgba(217,119,6,.4);cursor:pointer}[data-theme=dark] .btn-bnpb-mobile-profile{background:#f59e0b29;color:#fbbf24;border-color:#f59e0b73}.btn-bnpb-mobile-profile.active{background:#f59e0b38;border-color:#b45309}.bnpb-mobile-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:.62rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px #dc262680}.bnpb-dropdown-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:275px;background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .12));border-radius:14px;box-shadow:0 18px 45px #00000024,0 4px 14px #d9770614;z-index:10020;overflow:hidden;display:flex;flex-direction:column;padding:6px 0;animation:bnpbPopoverFade .18s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .bnpb-dropdown-popover{background:#0f172a;border:1px solid rgba(245,158,11,.35);box-shadow:0 18px 42px #0009,0 0 24px #f59e0b1f}@keyframes bnpbPopoverFade{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-bnpb-header,.bnpb-dropdown-header{padding:10px 14px 8px}.bnpb-dropdown-title{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800;color:#9a3412;letter-spacing:.04em}[data-theme=dark] .bnpb-dropdown-title{color:#fbbf24}.bnpb-dropdown-meta{font-size:.7rem;color:var(--text-muted, #64748b);margin-top:3px}.bnpb-dropdown-divider{height:1px;background:var(--border-subtle, rgba(0, 0, 0, .08));margin:5px 0}[data-theme=dark] .bnpb-dropdown-divider{background:#94a3b826}.bnpb-dropdown-action{display:flex;align-items:center;gap:10px;padding:9px 14px;background:transparent;border:none;color:var(--text-main, #334155);font-size:.82rem;font-weight:600;text-align:left;cursor:pointer;width:100%;transition:all .15s ease;font-family:inherit;text-decoration:none;box-sizing:border-box}.bnpb-dropdown-action:hover{background:#f59e0b1a;color:#0f172a}[data-theme=dark] .bnpb-dropdown-action{color:#cbd5e1}[data-theme=dark] .bnpb-dropdown-action:hover{background:#f59e0b26;color:#fff}.bnpb-dropdown-action.highlight-admin{background:#10b98112;font-weight:650}.bnpb-dropdown-action.highlight-admin:hover{background:#10b98126;color:#059669}[data-theme=dark] .bnpb-dropdown-action.highlight-admin{background:#10b9811a}[data-theme=dark] .bnpb-dropdown-action.highlight-admin:hover{background:#10b98133;color:#6ee7b7}.action-label-row{display:flex;align-items:center;justify-content:space-between;width:100%}.bnpb-pill-badge{color:#059669;font-weight:800;font-size:.74rem;background:#10b98126;padding:1px 7px;border-radius:999px;border:1px solid rgba(16,185,129,.25)}[data-theme=dark] .bnpb-pill-badge{color:#6ee7b7;background:#10b98133}.bnpb-dropdown-section-title{display:flex;align-items:center;gap:6px;font-size:.66rem;font-weight:800;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.06em;padding:7px 14px 3px}.action-portal-switch{text-decoration:none}.action-portal-switch .action-label-col{display:flex;flex-direction:column;text-align:left}.action-portal-switch .action-label-col strong{font-size:.82rem;font-weight:700;color:var(--text-main, #0f172a)}[data-theme=dark] .action-portal-switch .action-label-col strong{color:#f8fafc}.action-portal-switch .action-label-col small{font-size:.7rem;color:var(--text-muted, #64748b);margin-top:1px}.bnpb-dropdown-action.action-logout{color:#dc2626}.bnpb-dropdown-action.action-logout:hover{background:#ef44441a;color:#b91c1c}[data-theme=dark] .bnpb-dropdown-action.action-logout{color:#f87171}[data-theme=dark] .bnpb-dropdown-action.action-logout:hover{background:#ef444426;color:#fca5a5}.text-emerald{color:#10b981}.text-blue{color:#38bdf8}.text-indigo{color:#818cf8}@media (max-width: 768px){.btn-bnpb-account-trigger{display:none}.btn-bnpb-mobile-profile{display:flex}.bnpb-dropdown-popover{min-width:250px;right:0}}.btn-portal-dropdown-trigger,.btn-officer-dropdown-trigger,.btn-demo-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:9px;background:var(--surface);border:1.5px solid var(--border-subtle);color:var(--text-main);font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000f}.btn-portal-dropdown-trigger:hover,.btn-officer-dropdown-trigger:hover,.btn-demo-dropdown-trigger:hover,.btn-portal-dropdown-trigger.active,.btn-officer-dropdown-trigger.active,.btn-demo-dropdown-trigger.active{background:var(--surface-hover);border-color:var(--brand-green-primary);color:var(--brand-green-primary);transform:translateY(-1px)}.btn-officer-dropdown-trigger{border-color:#10b98159;background:#10b9810d}.btn-officer-dropdown-trigger:hover,.btn-officer-dropdown-trigger.active{border-color:#10b981;background:#10b9811f;color:#10b981}.btn-demo-dropdown-trigger{border-color:#f59e0b4d;background:#f59e0b0d}.btn-demo-dropdown-trigger:hover,.btn-demo-dropdown-trigger.active{border-color:#f59e0b;background:#f59e0b1f;color:#f59e0b}.portal-caret{transition:transform .2s ease;opacity:.7}.header-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:var(--surface, #1e293b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:14px;box-shadow:0 16px 40px #0006;padding:8px;z-index:10020;display:flex;flex-direction:column;gap:4px;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--text-main, #f8fafc);background:transparent;border:none;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;width:100%}.header-dropdown-item:hover{background:#ffffff12}.header-dropdown-item .item-text{display:flex;flex-direction:column}.header-dropdown-item .item-text strong{font-size:.82rem;font-weight:700;color:var(--text-main, #f8fafc)}.header-dropdown-item .item-text span{font-size:.72rem;color:var(--text-muted, #94a3b8);margin-top:1px}.dropdown-divider-simple{height:1px;background:var(--border-subtle, rgba(255, 255, 255, .1));margin:4px 0}.action-row-header{display:flex;align-items:center;justify-content:space-between;width:100%}@media (max-width: 1024px){.header-vibrant-inner{padding:8px 16px;gap:10px}.header-badge-telemetry{display:none!important}.header-bpbd-official-account{max-width:280px;overflow:hidden;text-overflow:ellipsis}}.sos-text-desktop,.officer-text-desktop{display:inline}.sos-text-mobile,.officer-text-mobile{display:none}@media (max-width: 768px){.sos-text-desktop,.officer-text-desktop{display:none!important}.sos-text-mobile,.officer-text-mobile{display:inline!important}.header-vibrant{max-width:100vw;box-sizing:border-box;overflow-x:hidden}.header-vibrant-inner{padding:5px 8px!important;gap:6px!important;min-height:50px!important;max-width:100vw;box-sizing:border-box}.brand-vibrant{gap:6px!important;flex-shrink:0}.brand-logo-glow{width:28px!important;height:28px!important;border-radius:7px!important;padding:2px!important}.brand-logo-img{width:20px!important;height:20px!important}.brand-title{font-size:.95rem!important;letter-spacing:-.02em}.brand-subtitle,.header-bpbd-official-account{display:none!important}.header-vibrant-actions{gap:4px!important;flex-shrink:0;align-items:center}.btn-theme-toggle-simple{width:30px!important;height:30px!important;border-radius:8px!important;flex-shrink:0!important}.btn-theme-toggle-simple svg{width:14px!important;height:14px!important}.btn-icon-minimal{width:30px!important;height:30px!important}.btn-sos-primary{padding:7px 13px!important;font-size:.82rem!important;gap:6px!important;border-radius:10px!important;flex-shrink:0!important;font-weight:850!important;white-space:nowrap!important}.btn-sos-primary svg{width:16px!important;height:16px!important}.btn-portal-dropdown-trigger,.btn-officer-dropdown-trigger,.btn-demo-dropdown-trigger,.btn-header-admin-bpbd,.btn-header-exit{padding:5px 8px!important;font-size:.72rem!important;gap:4px!important;border-radius:8px!important;flex-shrink:0!important;font-weight:750!important;white-space:nowrap!important}.btn-portal-dropdown-trigger svg,.btn-officer-dropdown-trigger svg,.btn-demo-dropdown-trigger svg{width:14px!important;height:14px!important}.portal-caret{width:11px!important;height:11px!important}.btn-header-admin-bpbd span,.btn-header-exit span{font-size:.72rem!important}.header-dropdown-menu{min-width:210px;max-width:calc(100vw - 16px);right:0}}@media (max-width: 480px){.header-vibrant-inner{padding:4px 6px!important;gap:4px!important;min-height:46px!important}.brand-title{font-size:.9rem!important}.btn-sos-primary{padding:6px 10px!important;font-size:.78rem!important;font-weight:850!important;border-radius:8px!important}.btn-officer-dropdown-trigger{padding:4px 6px!important;font-size:.7rem!important}}.btn-theme-toggle-simple{width:38px;height:38px;border-radius:10px;background:var(--surface-hover, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-main, #0f172a);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000000a;flex-shrink:0}[data-theme=dark] .btn-theme-toggle-simple{background:#ffffff0f;border-color:#ffffff1f;color:#f8fafc}.btn-theme-toggle-simple:hover{background:var(--border-subtle, #e2e8f0);transform:translateY(-1px)}[data-theme=dark] .btn-theme-toggle-simple:hover{background:#ffffff1f;border-color:#ffffff40}.theme-toggle-icon.sun{color:#f59e0b}.theme-toggle-icon.moon{color:#6366f1}.portal-dropdown-wrapper{position:relative;display:inline-flex}.btn-portal-dropdown-trigger,.btn-demo-dropdown-trigger,.btn-officer-dropdown-trigger{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-sm, 10px);background:var(--surface-glass, rgba(255, 255, 255, .9));border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-main, #0f172a);font-size:.82rem;font-weight:700;box-shadow:0 1px 3px #0000000a;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;white-space:nowrap}[data-theme=dark] .btn-portal-dropdown-trigger,[data-theme=dark] .btn-demo-dropdown-trigger,[data-theme=dark] .btn-officer-dropdown-trigger{background:#0f172ad9;border-color:#334155b3;color:#f8fafc}.btn-portal-dropdown-trigger:hover,.btn-demo-dropdown-trigger:hover,.btn-officer-dropdown-trigger:hover,.btn-portal-dropdown-trigger.active,.btn-demo-dropdown-trigger.active,.btn-officer-dropdown-trigger.active{background:var(--surface-hover, #f1f5f9);border-color:var(--brand-green-primary, #10b981);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.portal-caret{transition:transform .2s ease;color:var(--text-muted)}.portal-caret.open{transform:rotate(180deg)}.header-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--surface-glass-strong, rgba(255, 255, 255, .96));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border, #e2e8f0);border-radius:var(--radius-md, 14px);box-shadow:0 16px 40px #00000029;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:10000;animation:fadeIn .18s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .header-dropdown-menu{background:#0f172af2;border-color:#334155cc;box-shadow:0 20px 48px #00000080}.header-dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:var(--radius-sm, 10px);text-decoration:none;color:var(--text-main, #0f172a);transition:all .15s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.header-dropdown-item:hover{background:var(--surface-hover, #f1f5f9);transform:translate(2px)}[data-theme=dark] .header-dropdown-item{color:#f8fafc}[data-theme=dark] .header-dropdown-item:hover{background:#ffffff14}.header-dropdown-item .item-text{display:flex;flex-direction:column;gap:2px}.header-dropdown-item .item-text strong{font-size:.84rem;font-weight:700;color:var(--text-main)}[data-theme=dark] .header-dropdown-item .item-text strong{color:#f8fafc}.header-dropdown-item .item-text span{font-size:.72rem;color:var(--text-muted);line-height:1.35}.summary-cards-section{width:100%}.summary-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:0}.stat-card-tactical{background:var(--surface);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;border:1px solid var(--border-subtle);box-shadow:0 4px 18px #00000008;position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .28s cubic-bezier(.16,1,.3,1)}.stat-card-tactical:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.8;transition:height .25s ease,opacity .25s ease}.stat-card-tactical.blue:before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.stat-card-tactical.red:before{background:linear-gradient(90deg,#dc2626,#f87171)}.stat-card-tactical.amber:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card-tactical.green:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.stat-card-tactical.emerald:before{background:linear-gradient(90deg,#059669,#34d399)}.stat-card-tactical.cyan:before{background:linear-gradient(90deg,#0891b2,#38bdf8)}.stat-card-tactical:hover{transform:translateY(-3px);border-color:#22c55e59;box-shadow:0 12px 30px #00000014}.stat-card-tactical:hover:before{height:4px;opacity:1}[data-theme=dark] .stat-card-tactical{background:#0f1c2ca6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff14;box-shadow:0 4px 20px #00000040}[data-theme=dark] .stat-card-tactical:hover{background:#122236d9;border-color:#34d39966;box-shadow:0 14px 34px #00000059}.card-top-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-tactical-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease}.stat-card-tactical:hover .stat-tactical-icon{transform:scale(1.08)}.stat-tactical-icon.blue{background:#0284c71f;color:#0284c7;border:1px solid rgba(2,132,199,.25)}.stat-tactical-icon.red{background:#dc26261f;color:#dc2626;border:1px solid rgba(220,38,38,.25)}.stat-tactical-icon.amber{background:#d977061f;color:#d97706;border:1px solid rgba(217,119,6,.25)}.stat-tactical-icon.green{background:#16a34a1f;color:#16a34a;border:1px solid rgba(22,163,74,.25)}.stat-tactical-icon.emerald{background:#0596691f;color:#059669;border:1px solid rgba(5,150,105,.25)}.stat-tactical-icon.cyan{background:#0891b21f;color:#0891b2;border:1px solid rgba(8,145,178,.25)}[data-theme=dark] .stat-tactical-icon.blue{color:#38bdf8;background:#0284c733}[data-theme=dark] .stat-tactical-icon.red{color:#f87171;background:#dc262633}[data-theme=dark] .stat-tactical-icon.amber{color:#fbbf24;background:#d9770633}[data-theme=dark] .stat-tactical-icon.green{color:#4ade80;background:#16a34a33}[data-theme=dark] .stat-tactical-icon.emerald{color:#34d399;background:#05966933}[data-theme=dark] .stat-tactical-icon.cyan{color:#22d3ee;background:#0891b233}.stat-pill-tag{font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.stat-pill-tag.tag-amber{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.3)}.stat-pill-tag.tag-red{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3);animation:pulsePill 2s infinite}.stat-pill-tag.tag-green,.stat-pill-tag.tag-emerald{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}.stat-pill-tag.tag-purple{background:#a855f71f;color:#9333ea;border:1px solid rgba(168,85,247,.3)}.stat-pill-tag.tag-cyan{background:#06b6d41f;color:#0891b2;border:1px solid rgba(6,182,212,.3)}[data-theme=dark] .stat-pill-tag.tag-amber{color:#fcd34d;background:#f59e0b33}[data-theme=dark] .stat-pill-tag.tag-red{color:#fca5a5;background:#ef444433}[data-theme=dark] .stat-pill-tag.tag-green,[data-theme=dark] .stat-pill-tag.tag-emerald{color:#6ee7b7;background:#10b98133}[data-theme=dark] .stat-pill-tag.tag-purple{color:#d8b4fe;background:#a855f733}[data-theme=dark] .stat-pill-tag.tag-cyan{color:#67e8f9;background:#06b6d433}@keyframes pulsePill{0%,to{opacity:1}50%{opacity:.7}}.stat-tactical-body{display:flex;flex-direction:column;gap:4px}.stat-tactical-value-row{display:flex;align-items:baseline;gap:6px}.stat-tactical-value{font-size:2.25rem;font-weight:850;font-family:Outfit,sans-serif;color:var(--text-main);line-height:1;letter-spacing:-.04em}.stat-tactical-unit{font-size:.8rem;font-weight:750;color:var(--text-muted)}.stat-tactical-label strong{display:block;font-size:.88rem;color:var(--text-main);font-weight:750}.stat-tactical-label span{display:block;font-size:.74rem;color:var(--text-muted);margin-top:2px}.stat-tactical-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:8px;border-top:1px dashed var(--border-subtle);margin-top:2px}.card-nav-hint{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--text-muted);transition:all .2s ease}.hint-arrow{transition:transform .2s ease}.stat-card-tactical:hover .card-nav-hint{color:var(--brand-green-primary)}.stat-card-tactical:hover .hint-arrow{transform:translate(3px)}@media (max-width: 1080px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.summary-cards-grid{grid-template-columns:1fr;gap:12px}.stat-card-tactical{padding:16px 18px}.stat-tactical-value{font-size:1.85rem}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.disaster-map-wrapper{position:relative;width:100%;height:560px;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #0f172a14;border:1px solid var(--border-subtle);background:#e2e8f0}.map-canvas{width:100%;height:100%;z-index:1}.map-toolbar-clean{position:absolute;top:14px;left:14px;right:14px;z-index:10;display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.map-toolbar-top-row{display:flex;align-items:center;gap:8px;width:100%}.map-toolbar-scroll-row{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap}.map-search-box-clean{display:flex;align-items:center;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:6px 12px;gap:8px;min-width:220px;flex:1}.map-search-box-clean input{border:none;background:transparent;outline:none;font-size:.84rem;width:100%;color:var(--text-main)}.map-search-box-clean input::placeholder{color:var(--text-muted);opacity:.8}.btn-clear-search{background:transparent;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;padding:0 4px}.btn-search-go{background:#0f4a2b;color:#fff;border:none;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-search-go:hover:not(:disabled){background:#145e37;transform:translateY(-1px)}.btn-search-go:disabled{opacity:.6;cursor:wait}.map-layer-pills-clean{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.clean-pill.layer-pill{display:inline-flex;align-items:center;gap:5px;background:var(--surface-hover);color:var(--text-light);border-color:#cbd5e1;font-size:.78rem;padding:5px 10px}.clean-pill.layer-pill .layer-pill-icon{font-size:.9rem;line-height:1}.clean-pill.layer-pill.active{background:#0f4a2b;color:#fff;border-color:#0f4a2b;box-shadow:0 2px 8px #0f4a2b47}.map-filter-pills-clean{display:flex;gap:6px;flex-wrap:wrap}.clean-pill{padding:6px 12px;font-size:.8rem;font-weight:700;border-radius:8px;background:var(--surface);color:var(--text-light);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s;white-space:nowrap}.clean-pill:hover{background:#e2e8f0;color:var(--text-main)}.clean-pill.active{background:#0f4a2b;color:#fff;border-color:#0f4a2b}.clean-pill.pill-danger.active{background:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #dc262640}.clean-pill.pill-safe.active{background:#16a34a;border-color:#16a34a;box-shadow:0 2px 8px #16a34a40}.btn-locate-clean{padding:6px 12px;font-size:.8rem;font-weight:700;border-radius:8px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-locate-clean:hover{background:#d1fae5}.map-search-notice-banner{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:12;background:#0f172aeb;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #0003;animation:fadeInDown .3s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.map-bottom-bar-clean{position:absolute;bottom:14px;left:14px;right:14px;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;pointer-events:none}.map-bottom-bar-clean>*{pointer-events:auto}.map-legend-clean{background:var(--surface);padding:8px 16px;border-radius:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);font-size:.75rem;font-weight:700;display:flex;gap:14px;flex-wrap:wrap}.leg-item{display:flex;align-items:center;gap:6px;color:var(--text-light)}.leg-dot{width:8px;height:8px;border-radius:50%}.dot-red{background:#dc2626}.dot-green{background:#16a34a}.dot-blue{background:#0284c7}.map-open-gis-tag{background:var(--surface);padding:6px 12px;border-radius:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);font-size:.72rem;font-weight:700;color:var(--brand-green-dark);display:flex;align-items:center;gap:6px}.gis-pulse-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981}.picked-addr-badge{font-size:.76rem;color:#86efac;margin-top:3px;font-weight:600}.picking-banner{position:absolute;top:72px;left:14px;right:14px;z-index:10;display:flex;justify-content:space-between;align-items:center;background:#092c19;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 24px #0000004d;border:1px solid #22c55e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-canvas.is-picking-location,.map-canvas.is-picking-location .leaflet-container{cursor:crosshair!important}.picking-info{display:flex;align-items:center;gap:12px;font-size:.84rem}.picking-mode-title{color:#fff;font-size:.88rem;line-height:1.3}.picked-hint-text{font-size:.78rem;color:#94a3b8;margin-top:3px}.pulse-dot-ping{width:10px;height:10px;background:#4ade80;border-radius:50%;animation:ping 1.2s cubic-bezier(0,0,.2,1) infinite;flex-shrink:0}@keyframes ping{75%,to{transform:scale(2.2);opacity:0}}.coords-preview{background:#fff3;padding:2px 8px;border-radius:6px;font-family:monospace;font-size:.8rem;color:#a7f3d0}.picking-actions{display:flex;gap:8px;align-items:center}.btn-use-coords{background:#22c55e;color:#052e16;font-weight:700;font-size:.82rem;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-use-coords:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.btn-use-coords:disabled{opacity:.45;cursor:not-allowed;background:#15803d;color:#e2e8f0}.btn-cancel-pick{background:#ffffff14;color:#cbd5e1;font-size:.82rem;font-weight:600;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-cancel-pick:hover{background:#ffffff29;color:#fff}.custom-marker-wrapper{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.custom-marker-pin{width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;border:2px solid #ffffff;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.custom-marker-pin svg{transform:rotate(45deg)}.custom-marker-wrapper:hover .custom-marker-pin{transform:rotate(-45deg) scale(1.15)}.custom-marker-pulse{position:absolute;width:38px;height:38px;border-radius:50%;opacity:.65;animation:radarWave 2s infinite ease-out;pointer-events:none}@keyframes radarWave{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}.shelter-pin{border-radius:50%!important;transform:none!important;width:30px;height:30px}.shelter-pin svg{transform:none!important}.pick-pin-icon{position:relative;display:flex;align-items:center;justify-content:center}.picked-pin-pulse{position:absolute;width:36px;height:36px;border-radius:50%;background:#22c55e66;animation:radarWave 1.5s infinite ease-out}.picked-pin-center{font-size:24px;z-index:2}.salingjaga-map-popup .leaflet-popup-content-wrapper{background:var(--surface);border-radius:12px;padding:0;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.salingjaga-map-popup .leaflet-popup-content{margin:0;line-height:1.4}.map-popup-card{padding:14px 16px}.map-popup-badge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.popup-badge{font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase}.popup-badge.kritis{background:#fee2e2;color:#b91c1c}.popup-badge.tinggi{background:#ffedd5;color:#c2410c}.popup-badge.sedang{background:#fef9c3;color:#a16207}.popup-badge.shelter-badge{background:#dcfce7;color:#15803d}.popup-status{font-size:.72rem;color:var(--text-muted);font-weight:600}.map-popup-title{font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0 0 2px;font-family:Outfit,sans-serif}.map-popup-loc{font-size:.78rem;color:var(--text-light);margin-bottom:10px}.map-popup-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px;padding:8px;text-align:center;margin-bottom:10px;gap:4px}.popup-stat-item strong{display:block;font-size:.95rem;color:var(--text-main);font-weight:800}.popup-stat-item span{font-size:.65rem;color:var(--text-muted)}.map-popup-desc{font-size:.8rem;color:var(--text-light);margin-bottom:8px;line-height:1.45}.map-popup-actions{display:flex;gap:8px}.popup-btn-detail{flex:1;background:var(--surface-hover);color:var(--text-main);border:1px solid var(--border-subtle);padding:7px 10px;font-size:.78rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.popup-btn-detail:hover{background:#e2e8f0}.popup-btn-dispatch{flex:1;background:#dc2626;color:#fff;border:none;padding:7px 10px;font-size:.78rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s}.popup-btn-dispatch:hover{background:#b91c1c}.shelter-facility-list{list-style:none;padding:0;margin:8px 0;font-size:.76rem;color:var(--text-light);display:grid;grid-template-columns:1fr 1fr;gap:4px}.shelter-contact{font-size:.76rem;font-weight:600;color:#047857;margin-top:6px;padding-top:6px;border-top:1px dashed #cbd5e1}.map-mode-header-bar{position:absolute;top:12px;left:12px;right:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:6px 10px;box-shadow:0 4px 14px #00000014;flex-wrap:wrap}.mode-toggle-pills{display:flex;gap:5px;background:var(--surface-hover);padding:3px;border-radius:10px;border:1px solid var(--border-subtle)}.btn-mode-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:750;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-mode-tab:hover{color:var(--text-main)}.btn-mode-tab.active{background:#10b981;color:#052e16;box-shadow:0 2px 8px #10b98159}.mode-summary-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-summary-item{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border-subtle)}.mode-summary-item.danger{color:#dc2626;background:#fef2f2;border-color:#fecdd3}.mode-summary-item.safe{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.mode-summary-item .dot{width:7px;height:7px;border-radius:50%}.dot-red{background:#ef4444}.dot-green{background:#22c55e}.map-toolbar-simple{position:absolute;top:64px;left:12px;right:12px;z-index:11;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--surface) 95%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:12px;padding:8px 12px;box-shadow:0 4px 16px #0000000f}.simple-quick-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn-simple-chip{padding:5px 11px;border-radius:8px;font-size:.78rem;font-weight:700;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-simple-chip:hover{background:var(--surface-hover);border-color:#10b981}.btn-simple-chip.reset{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.btn-simple-chip.locate{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.simple-filter-divider{width:1px;height:18px;background:var(--border-subtle);margin:0 3px}.btn-simple-chip.filter.active{background:#1e293b;color:#fff;border-color:#1e293b}.btn-simple-chip.filter.danger.active{background:#dc2626;color:#fff;border-color:#dc2626}.btn-simple-chip.filter.safe.active{background:#16a34a;color:#fff;border-color:#16a34a}.simple-quick-jump-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:4px;border-top:1px dashed var(--border-subtle)}.simple-quick-jump-scroll::-webkit-scrollbar{display:none}.quick-jump-label{font-size:.74rem;font-weight:800;color:#10b981;white-space:nowrap}.btn-quick-point{padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.btn-quick-point:hover{background:var(--surface-hover);border-color:#10b981;transform:translateY(-1px)}.btn-quick-point.active{background:#10b981;color:#052e16;border-color:#059669;box-shadow:0 2px 6px #10b98159}.btn-quick-point.shelter{border-color:#10b98166}.map-simple-floating-card{position:absolute;bottom:40px;left:14px;right:14px;max-width:480px;margin:0 auto;z-index:20;background:var(--surface);border:1.5px solid var(--border-subtle);border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;gap:8px;animation:slideUpCard .22s cubic-bezier(.16,1,.3,1)}@keyframes slideUpCard{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.floating-card-title-group{display:flex;align-items:center;gap:10px}.floating-card-icon{font-size:1.5rem}.floating-card-title{font-size:1rem;font-weight:800;color:var(--text-main);margin:0;line-height:1.25}.floating-card-subtitle{font-size:.78rem;color:var(--text-muted)}.btn-close-floating-card{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;font-size:.75rem}.btn-close-floating-card:hover{background:#fee2e2;color:#dc2626}.floating-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:2px}.metric-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:8px;padding:5px 6px;text-align:center}.metric-pill strong{font-size:.86rem;color:var(--text-main)}.metric-pill small{font-size:.68rem;color:var(--text-muted)}.metric-pill.highlight{background:#fef2f2;border-color:#fecdd3;color:#dc2626}.metric-pill.highlight strong{color:#dc2626}.metric-pill.highlight-safe{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.metric-pill.highlight-safe strong{color:#16a34a}.floating-card-summary{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.floating-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px dashed var(--border-subtle);font-size:.78rem}.floating-pic{color:var(--text-muted);font-weight:600}.btn-call-floating{background:#10b981;color:#052e16;padding:4px 12px;border-radius:6px;text-decoration:none;font-weight:800;font-size:.78rem;transition:all .15s ease}.btn-call-floating:hover{background:#059669;color:#fff}@media (max-width: 768px){.disaster-map-wrapper{height:clamp(380px,56vh,480px);border-radius:12px}.map-toolbar-clean{top:5px;left:5px;right:5px;flex-direction:column;align-items:stretch;gap:4px;padding:4px 6px;border-radius:9px}.map-toolbar-top-row{display:flex;align-items:center;gap:4px;width:100%}.map-search-box-clean{flex:1 1 auto;min-width:0;padding:3px 6px;height:28px;gap:4px}.map-search-box-clean input{font-size:.74rem}.btn-search-go{padding:2px 7px;font-size:.68rem;height:22px}.btn-locate-clean{flex-shrink:0;padding:3px 8px;font-size:.68rem;height:28px;white-space:nowrap;border-radius:7px}.map-toolbar-scroll-row{display:flex;align-items:center;gap:4px;width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:1px}.map-toolbar-scroll-row::-webkit-scrollbar{display:none}.map-layer-pills-clean,.map-filter-pills-clean{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;flex-shrink:0}.clean-pill{padding:3px 7px;font-size:.68rem;border-radius:6px}.clean-pill.layer-pill{padding:3px 6px;font-size:.68rem}.map-bottom-bar-clean{bottom:6px;left:6px;right:6px;gap:6px}.map-legend-clean{padding:4px 8px;font-size:.65rem;gap:8px;border-radius:7px}.map-open-gis-tag{padding:3px 7px;font-size:.62rem;border-radius:7px}.map-needs-panel{top:auto!important;bottom:40px!important;right:6px!important}.map-needs-panel.expanded{width:calc(100% - 12px)!important;right:6px!important;bottom:36px!important;max-height:50vh!important}.map-needs-pill-trigger{padding:5px 9px;font-size:.72rem;gap:5px}.map-mode-header-bar{top:6px;left:6px;right:6px;padding:4px 6px;gap:4px;border-radius:8px}.btn-mode-tab{padding:4px 8px;font-size:.7rem;gap:3px}.mode-summary-item{font-size:.66rem;padding:2px 6px;gap:3px}.map-toolbar-simple{top:50px;left:6px;right:6px;padding:5px 6px;gap:4px;border-radius:8px}.btn-simple-chip{padding:3px 7px;font-size:.68rem}.btn-quick-point{padding:3px 7px;font-size:.66rem}.map-simple-floating-card{bottom:30px;left:6px;right:6px;padding:8px 10px;gap:5px;border-radius:10px}.floating-card-title{font-size:.85rem}.metric-pill{padding:3px 4px}.metric-pill strong{font-size:.78rem}.metric-pill small{font-size:.6rem}}.map-needs-panel{position:absolute;top:80px;right:14px;z-index:1002;pointer-events:auto;transition:all .25s cubic-bezier(.16,1,.3,1)}.map-needs-panel.collapsed{width:auto}.map-needs-pill-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1.5px solid var(--border-subtle);box-shadow:0 4px 16px #0000001f;color:var(--text-main);font-size:.82rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;outline:none}.map-needs-pill-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000002e;border-color:#0284c7;background:var(--surface-hover)}.map-needs-pill-trigger:active{transform:scale(.96)}[data-theme=dark] .map-needs-pill-trigger{background:#0f172a;border-color:#fff3;box-shadow:0 4px 20px #00000073;color:#f8fafc}.map-needs-pill-trigger .needs-arrow-icon{color:var(--text-muted);margin-left:2px}.map-needs-panel.expanded{width:320px;max-width:calc(100% - 28px);background:var(--surface);border:1.5px solid var(--border-subtle);border-radius:16px;box-shadow:0 16px 42px #0003;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:popIn .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .map-needs-panel.expanded{background:#0f172af2;border-color:#ffffff26;box-shadow:0 16px 44px #0000008c}.needs-expanded-wrap{display:flex;flex-direction:column}.needs-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-hover);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;gap:8px}.needs-panel-title{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:800;color:var(--text-main);white-space:nowrap}.needs-title-icon{color:#0284c7;flex-shrink:0}.needs-count-pill{padding:1px 6px;border-radius:999px;font-size:.68rem;font-weight:850;background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.needs-header-actions{display:flex;align-items:center;gap:4px}.btn-dismiss-needs-panel,.btn-toggle-needs-panel{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .15s ease}.btn-dismiss-needs-panel:hover{background:#ef444426;color:#ef4444}.btn-toggle-needs-panel:hover{background:var(--surface);color:var(--text-main)}.needs-panel-content{display:flex;flex-direction:column;max-height:270px;overflow-y:auto}.needs-item-row{padding:10px 14px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.needs-item-row:last-child{border-bottom:none}.needs-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.needs-item-name{font-size:.82rem;font-weight:750;color:var(--text-main);line-height:1.3}.needs-capacity-pill{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap}.needs-capacity-pill.critical{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.needs-capacity-pill.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}[data-theme=dark] .needs-capacity-pill.critical{background:#ef444433;color:#fca5a5;border-color:#ef444459}[data-theme=dark] .needs-capacity-pill.warning{background:#f59e0b33;color:#fcd34d;border-color:#f59e0b59}.needs-item-status{font-size:.74rem;color:var(--text-muted);line-height:1.35}.needs-item-actions{display:flex;gap:6px;margin-top:2px}.btn-needs-action-map,.btn-needs-action-logistics{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.72rem;font-weight:750;cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);transition:all .15s ease}.btn-needs-action-map:hover{background:var(--surface-hover);border-color:#38bdf8;color:#0284c7}.btn-needs-action-logistics{background:#0ea5e91a;border-color:#0ea5e94d;color:#0284c7}.btn-needs-action-logistics:hover{background:#0284c7;color:#fff}[data-theme=dark] .btn-needs-action-logistics{background:#38bdf826;color:#38bdf8;border-color:#38bdf84d}[data-theme=dark] .btn-needs-action-logistics:hover{background:#0284c7;color:#fff}@media (max-width: 768px){.disaster-map-wrapper{height:clamp(300px,44vh,380px);border-radius:10px}.map-toolbar-clean{top:5px;left:5px;right:5px;padding:4px 5px;gap:3px;border-radius:7px}.map-search-box-clean{min-width:100px;padding:3px 6px;gap:4px}.map-search-box-clean input{font-size:.74rem}.map-layer-pills-clean{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1px;-webkit-overflow-scrolling:touch}.map-layer-pill,.clean-pill.layer-pill{padding:2px 6px;font-size:.66rem;flex-shrink:0}.btn-reset-map-view{padding:2px 6px;font-size:.66rem}}@media (max-width: 480px){.disaster-map-wrapper{height:clamp(260px,38vh,320px)}.map-toolbar-clean{gap:2px;padding:3px 4px}.map-search-box-clean{min-width:80px}.btn-search-go{padding:2px 5px;font-size:.66rem}}.clean-pill.pill-hazard{color:#7c2d12;background:#ffedd5;border-color:#fdba74;font-weight:700}.clean-pill.pill-hazard.active{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;border-color:#9a3412;box-shadow:0 2px 8px #ea580c59}.hazard-badge-div{background:transparent;border:none}.custom-hazard-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;font-family:Outfit,sans-serif;font-size:.68rem;font-weight:800;white-space:nowrap;box-shadow:0 2px 8px #00000038;cursor:pointer;transform:translate(-10%,-10%);transition:transform .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-hazard-badge:hover{transform:translate(-10%,-15%) scale(1.05);box-shadow:0 4px 12px #0000004d}.custom-hazard-badge.badge-awas{background:#dc2626eb;color:#fff;border:1.5px solid #ffffff;animation:pulseHazardAwas 2.2s infinite ease-in-out}.custom-hazard-badge.badge-siaga{background:#ea580ceb;color:#fff;border:1.5px solid #ffffff}.custom-hazard-badge.badge-waspada{background:#ca8a04eb;color:#fff;border:1.5px solid #ffffff}@keyframes pulseHazardAwas{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 8px #ef444400}}.hazard-badge-icon{font-size:.75rem;line-height:1}.hazard-badge-level{font-weight:800;letter-spacing:-.2px}.hazard-badge-count{background:#ffffff40;padding:1px 5px;border-radius:6px;font-size:.62rem;font-weight:700}.hazard-popup-card{border-top:3px solid #ea580c}.hazard-mitigation-box{background:#fff7ed;border:1px solid #ffedd5;border-left:3px solid #ea580c;border-radius:6px;padding:8px 10px;margin-top:8px}.mitigation-title{font-size:.74rem;font-weight:800;color:#9a3412;margin-bottom:3px}.mitigation-text{font-size:.72rem;color:#7c2d12;line-height:1.35;margin:0 0 4px}.mitigation-shelter{font-size:.7rem;color:#431407;margin-top:3px}.leg-hazard-group{display:inline-flex;align-items:center;gap:6px;padding-left:6px;border-left:1px solid var(--border-subtle, #e2e8f0)}.leg-hazard-title{font-weight:700;font-size:.72rem;color:var(--text-main, #334155)}.hazard-leg-dot{font-size:.68rem;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--surface-hover, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);cursor:default}.hazard-leg-dot.dot-awas{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.hazard-leg-dot.dot-siaga{color:#c2410c;border-color:#ffedd5;background:#fff7ed}.hazard-leg-dot.dot-waspada{color:#a16207;border-color:#fef9c3;background:#fefce8}.volcano-marker-wrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.volcano-pin{border-radius:50%!important;transform:none!important;width:34px!important;height:34px!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 4px 14px #dc262673;cursor:pointer;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.volcano-marker-wrapper:hover .volcano-pin{transform:scale(1.22)!important}.volcano-emoji{font-size:17px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pulse-awas{animation:radarWaveAwas 1.5s infinite ease-out!important}.pulse-siaga{animation:radarWaveSiaga 2s infinite ease-out!important}@keyframes radarWaveAwas{0%{transform:scale(.6);opacity:.95}to{transform:scale(2.4);opacity:0}}@keyframes radarWaveSiaga{0%{transform:scale(.6);opacity:.85}to{transform:scale(2);opacity:0}}.clean-pill.pill-posko{background:#f0fdf4;color:#15803d;border-color:#bbf7d0;font-weight:750}.clean-pill.pill-posko:hover{background:#dcfce7;color:#166534}.clean-pill.pill-posko.active{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;box-shadow:0 2px 10px #16a34a59}.clean-pill.pill-faskes{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;font-weight:750}.clean-pill.pill-faskes:hover{background:#dbeafe;color:#1e40af}.clean-pill.pill-faskes.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 2px 10px #2563eb59}.clean-pill.pill-volcano{background:#fef2f2;color:#dc2626;border-color:#fecaca;font-weight:750}.clean-pill.pill-volcano:hover{background:#fee2e2;color:#b91c1c}.clean-pill.pill-volcano.active{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important;box-shadow:0 2px 10px #dc262659}.leg-dot.dot-volcano{background:#dc2626;border-radius:50%;display:inline-block;width:8px;height:8px;box-shadow:0 0 6px #dc2626cc}.volcano-popup-card .popup-badge.level-4-awas{background:#dc2626;color:#fff}.volcano-popup-card .popup-badge.level-3-siaga{background:#ea580c;color:#fff}.volcano-popup-card .popup-badge.level-2-waspada{background:#ca8a04;color:#fff}.popup-vona-badge{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px;background:#ffedd5;color:#9a3412;border:1px solid #fdba74}.volcano-mitigation-box{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:8px 10px;margin-top:8px;font-size:.78rem}.volcano-mitigation-box .mitigation-title{font-weight:750;color:#991b1b;margin-bottom:3px}.volcano-mitigation-box .mitigation-text{color:#450a0a;line-height:1.35;margin:0}.volcano-mitigation-box .mitigation-shelter{margin-top:6px;font-size:.73rem;color:#7f1d1d;border-top:1px dashed #fecaca;padding-top:4px}.map-reopen-pill{background:var(--surface);border:1.5px solid rgba(2,132,199,.45);box-shadow:0 4px 18px #00000026;display:inline-flex;align-items:center;gap:7px;animation:fadeIn .2s ease-out}.map-reopen-pill:hover{border-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 22px #0284c740}.reopen-badge{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .map-reopen-pill{background:#0f172a;border-color:#38bdf866;box-shadow:0 6px 24px #00000080;color:#f8fafc}.clean-pill.pill-posko-kritis{background:#0284c71a;border-color:#0284c759;color:#0284c7;font-weight:750}.clean-pill.pill-posko-kritis:hover,.clean-pill.pill-posko-kritis.active{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#0284c7;color:#fff;box-shadow:0 2px 10px #0284c74d}.report-list-section{background:var(--surface);border-radius:20px;border:1px solid var(--border-subtle);box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 230px);min-height:640px}[data-theme=dark] .report-list-section{background:#0f1c2cb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#ffffff14;box-shadow:0 8px 30px #0000004d}.section-title{padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);background:var(--surface)}[data-theme=dark] .section-title{background:#0f1c2c80;border-bottom-color:#ffffff0f}.title-left{display:flex;align-items:center;gap:12px}.title-icon-badge{width:36px;height:36px;border-radius:10px;background:#22c55e1f;color:var(--brand-green-primary);display:flex;align-items:center;justify-content:center;border:1px solid rgba(34,197,94,.25)}.title-text{display:block;font-size:1.05rem;font-weight:800;color:var(--text-main);font-family:Outfit,sans-serif;letter-spacing:-.02em}.title-sub{display:block;font-size:.72rem;color:var(--text-muted);margin-top:1px}.section-count{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3);font-size:.74rem;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:.02em}[data-theme=dark] .section-count{background:#10b98133;color:#6ee7b7}.list-search-box{padding:12px 18px 8px;position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:30px;color:var(--text-muted);pointer-events:none}.list-search-box input{width:100%;padding:9px 36px 9px 38px;border:1px solid var(--border-subtle);border-radius:12px;font-size:.82rem;font-family:inherit;outline:none;background:var(--surface-hover);color:var(--text-main);transition:all .2s ease}.list-search-box input:focus{border-color:var(--brand-green-primary);background:var(--surface);box-shadow:0 0 0 3px #22c55e26}.btn-clear-search{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:#0000000f;border:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-clear-search:hover{background:#00000026;color:var(--text-main)}.list-toolbar{display:flex;padding:4px 18px 12px;gap:6px;overflow-x:auto;scrollbar-width:none}.list-toolbar::-webkit-scrollbar{display:none}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.74rem;font-weight:700;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-btn:hover{background:#0000000d;color:var(--text-main);border-color:#00000026}[data-theme=dark] .filter-btn:hover{background:#ffffff14;color:#f1f5f9}.filter-btn.active{background:linear-gradient(135deg,#063e26,#0e5a37);color:#fff;border-color:#22c55e;box-shadow:0 2px 8px #063e2640}[data-theme=dark] .filter-btn.active{background:linear-gradient(135deg,#059669,#10b981);color:#022c22;border-color:#34d399}.filter-btn-count{font-size:.68rem;padding:1px 6px;border-radius:999px;background:#00000014;color:inherit;font-weight:800}.filter-btn.active .filter-btn-count{background:#ffffff40;color:#fff}[data-theme=dark] .filter-btn.active .filter-btn-count{background:#0003;color:#022c22}.report-cards{padding:4px 18px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;flex:1}.report-cards::-webkit-scrollbar{width:6px}.report-cards::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px}.report-card{background:var(--surface);border:1px solid var(--border-subtle);border-left:4px solid #94a3b8;border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:8px;position:relative}.report-card:hover{transform:translate(3px);border-color:#22c55e66;box-shadow:0 6px 18px #0000000f}.report-card.selected{background:var(--surface);border-color:#22c55e;border-left-width:5px;box-shadow:0 8px 24px #22c55e29}[data-theme=dark] .report-card{background:#0f1c2c99;border-color:#ffffff14}[data-theme=dark] .report-card:hover{background:#122236d9;border-color:#34d39966}[data-theme=dark] .report-card.selected{background:#162a40f2;border-color:#4ade80}.report-card[data-priority=kritis]{border-left-color:#dc2626}.report-card[data-priority=tinggi]{border-left-color:#ea580c}.report-card[data-priority=sedang]{border-left-color:#ca8a04}.report-card[data-priority=rendah]{border-left-color:#16a34a}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.card-left{display:flex;align-items:center;gap:8px}.card-id{font-size:.74rem;font-weight:850;color:var(--brand-green-primary);font-family:monospace;background:#22c55e17;padding:2px 7px;border-radius:6px;border:1px solid rgba(34,197,94,.2)}.card-title{font-size:.96rem;font-weight:800;color:var(--text-main);letter-spacing:-.015em}.card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn-report-focus-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--surface-hover);border:1px solid rgba(2,132,199,.3);color:#0284c7;border-radius:999px;font-size:.68rem;font-weight:800;cursor:pointer;transition:all .15s ease}.btn-report-focus-pill:hover{background:#e0f2fe}.btn-report-focus-pill.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 6px #0284c759}.ai-indicator{display:inline-flex;align-items:center;gap:4px;background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25);font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:6px}[data-theme=dark] .ai-indicator{color:#6ee7b7;background:#10b98133}.priority-badge{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.03em}.prio-pulse-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulseBeacon 1.4s infinite}.priority-badge.kritis{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.priority-badge.tinggi{background:#f9731626;color:#ea580c;border:1px solid rgba(249,115,22,.3)}.priority-badge.sedang{background:#eab30826;color:#ca8a04;border:1px solid rgba(234,179,8,.3)}.priority-badge.rendah{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}[data-theme=dark] .priority-badge.kritis{color:#f87171}[data-theme=dark] .priority-badge.tinggi{color:#fb923c}[data-theme=dark] .priority-badge.sedang{color:#facc15}[data-theme=dark] .priority-badge.rendah{color:#4ade80}.status-pill{font-size:.68rem;font-weight:700;color:var(--text-muted);background:var(--surface-hover);padding:2px 7px;border-radius:6px;border:1px solid var(--border-subtle)}.status-pill.status-baru{color:#0284c7;border-color:#0284c740}.status-pill.status-diproses{color:#d97706;border-color:#d9770640}.status-pill.status-selesai{color:#16a34a;border-color:#16a34a40}.card-badge-dup{display:inline-flex;align-items:center;gap:3px;background:#f59e0b29;color:#d97706;border:1px solid rgba(245,158,11,.35);font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:6px;letter-spacing:.02em}[data-theme=dark] .card-badge-dup{color:#fbbf24}.card-badge-incomplete{display:inline-flex;align-items:center;gap:3px;background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:6px}.card-badge-access{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:6px;text-transform:capitalize}.card-badge-access.access-terbuka{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.card-badge-access.access-terbatas{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.card-badge-access.access-tertutup{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.card-meta{display:flex;flex-direction:column;gap:4px;font-size:.77rem;color:var(--text-light)}.meta-row-two{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.meta-item{display:inline-flex;align-items:center;gap:5px}.meta-icon{color:var(--text-muted);flex-shrink:0}.meta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.card-kebutuhan{font-size:.76rem;color:var(--text-light);background:var(--surface-hover);padding:8px 10px;border-radius:8px;border:1px solid var(--border-subtle);line-height:1.4;display:flex;gap:6px;align-items:flex-start}.kebutuhan-tag{font-weight:800;color:#dc2626;font-size:.72rem;text-transform:uppercase;flex-shrink:0}.kebutuhan-content{color:var(--text-main);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:10px;color:var(--text-muted)}.empty-icon{color:var(--text-muted);opacity:.6}.empty-title{font-size:.98rem;font-weight:800;color:var(--text-main);margin:0}.empty-desc{font-size:.8rem;max-width:260px;margin:0;line-height:1.5}.detail-panel{background:var(--surface);border-radius:20px;border:1px solid var(--border-subtle);box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 230px);min-height:640px}[data-theme=dark] .detail-panel{background:#0f1c2cb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#ffffff14;box-shadow:0 8px 30px #0000004d}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);padding:40px;text-align:center;gap:14px}.no-sel-radar-beacon{width:64px;height:64px;border-radius:50%;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);display:flex;align-items:center;justify-content:center;color:var(--brand-green-primary);box-shadow:0 0 24px #22c55e26}.radar-icon-spin{animation:radarRotate 16s linear infinite}@keyframes radarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-selection h3{color:var(--text-main);font-size:1.15rem;font-weight:800;font-family:Outfit,sans-serif;margin:0}.no-selection p{font-size:.84rem;line-height:1.6;max-width:320px;margin:0}.detail-header-tactical{padding:20px 22px;background:linear-gradient(135deg,#063e26,#0c2b23 60%,#0d1f30);color:#fff;border-bottom:1px solid rgba(34,197,94,.2);display:flex;flex-direction:column;gap:10px}.header-top-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.header-ident-box{display:flex;align-items:center;gap:8px}.detail-id-badge{font-size:.78rem;font-weight:850;color:#a7f3d0;letter-spacing:.05em;font-family:monospace;background:#22c55e2e;border:1px solid rgba(52,211,153,.35);padding:3px 8px;border-radius:6px}.detail-priority-chip{font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.04em;text-transform:uppercase}.detail-priority-chip.kritis{background:#ef444459;color:#fecaca;border:1px solid #ef4444}.detail-priority-chip.tinggi{background:#f9731659;color:#fed7aa;border:1px solid #f97316}.detail-priority-chip.sedang{background:#eab30859;color:#fef08a;border:1px solid #eab308}.detail-priority-chip.rendah{background:#22c55e59;color:#bbf7d0;border:1px solid #22c55e}.detail-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80}.detail-jenis-title{font-size:1.45rem;font-weight:850;font-family:Outfit,sans-serif;color:#fff;letter-spacing:-.03em;margin:0;line-height:1.2}.detail-meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;color:#cbd5e1;background:#0003;padding:3px 9px;border-radius:6px}.detail-body{padding:18px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.detail-body::-webkit-scrollbar{width:6px}.detail-body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px}.quick-action-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-strip-map{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#059669;padding:10px 14px;border-radius:10px;font-weight:750;font-size:.82rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-strip-map:hover{background:#10b98133;border-color:#10b981;transform:translateY(-1px)}[data-theme=dark] .btn-strip-map{color:#6ee7b7;background:#10b98126;border-color:#34d39959}.btn-strip-dispatch{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:10px 14px;border-radius:10px;font-weight:750;font-size:.82rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-strip-dispatch:hover{background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}[data-theme=dark] .btn-strip-dispatch{color:#fca5a5;background:#ef444429;border-color:#ef444459}.demographics-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--surface-hover);padding:12px;border-radius:14px;border:1px solid var(--border-subtle);text-align:center}.demo-box{display:flex;flex-direction:column;gap:2px}.demo-num{font-size:1.35rem;font-weight:850;font-family:Outfit,sans-serif;color:var(--text-main);line-height:1.1}.demo-lbl{font-size:.68rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.demo-highlight-orange .demo-num{color:#ea580c}.demo-highlight-red .demo-num{color:#dc2626}.demo-highlight-blue .demo-num{color:#0284c7}[data-theme=dark] .demo-highlight-orange .demo-num{color:#fb923c}[data-theme=dark] .demo-highlight-red .demo-num{color:#f87171}[data-theme=dark] .demo-highlight-blue .demo-num{color:#38bdf8}.dossier-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px}.dossier-row{display:flex;flex-direction:column;gap:3px}.dossier-row.full-span{grid-column:span 2}.dossier-label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dossier-value{font-size:.86rem;font-weight:600;color:var(--text-main)}.coords-value{font-family:monospace;color:#059669;font-size:.8rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}[data-theme=dark] .coords-value{color:#34d399}.radius-tag{font-size:.65rem;background:#10b9811f;padding:2px 6px;border-radius:4px;font-weight:700}.dossier-paragraph{font-size:.84rem;color:var(--text-main);line-height:1.5;margin:0}.urgent-row{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:10px 12px}.urgent-label{color:#dc2626}.dossier-urgent-text{font-size:.85rem;font-weight:700;color:#b91c1c;line-height:1.45;margin:2px 0 0}[data-theme=dark] .dossier-urgent-text{color:#fca5a5}.bukti-foto-img{max-width:100%;max-height:240px;object-fit:cover;border-radius:10px;margin-top:6px;border:1px solid var(--border-subtle)}.operational-stepper-box{background:var(--surface-hover);padding:12px 14px;border-radius:14px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.stepper-box-title{font-size:.72rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stepper-stages-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.btn-step-stage{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 6px;border-radius:8px;font-size:.74rem;font-weight:750;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.step-idx{width:16px;height:16px;border-radius:50%;background:var(--border-subtle);color:var(--text-main);display:grid;place-items:center;font-size:.64rem;font-weight:850}.btn-step-stage:hover:not(:disabled){background:var(--surface-hover);color:var(--text-main);border-color:#22c55e66}.btn-step-stage.current{background:#063e26;color:#fff;border-color:#22c55e;box-shadow:0 2px 8px #063e2640;cursor:default}[data-theme=dark] .btn-step-stage.current{background:#059669;border-color:#34d399;color:#022c22}.btn-step-stage.current .step-idx{background:#22c55e;color:#fff}.step-check-icon{color:#4ade80}.penanganan-upload-box{background:var(--surface);border:1.5px dashed var(--border-subtle);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;transition:all .2s ease}.penanganan-upload-box.is-dragging{border-color:#0284c7;background:#0284c714}.upload-box-meta{display:flex;flex-direction:column}.upload-box-title{font-size:.82rem;font-weight:750;color:var(--text-main)}.upload-box-sub{font-size:.72rem;color:var(--text-muted)}.btn-upload-photo{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:8px;background:var(--surface-hover);border:1px solid var(--border-subtle);font-size:.78rem;font-weight:750;color:var(--text-main);cursor:pointer;transition:all .2s}.btn-upload-photo:hover{background:var(--brand-green-primary);color:#fff}.penanganan-photo-preview{background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:14px 16px}.penanganan-preview-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;color:#059669}.penanganan-success-text{font-size:.75rem;color:#065f46;margin:6px 0 0}.panel-divider{border:none;border-top:1px dashed var(--border-subtle);margin:4px 0}.ai-dossier-section{display:flex;flex-direction:column;gap:12px}.ai-section-titlebar{display:flex;justify-content:space-between;align-items:center;gap:10px}.ai-titlebar-left{display:flex;align-items:center;gap:10px}.ai-beacon-icon{width:32px;height:32px;border-radius:9px;background:#22c55e24;color:var(--brand-green-primary);border:1px solid rgba(34,197,94,.3);display:grid;place-items:center}.ai-section-title{display:block;font-size:.95rem;font-weight:800;color:var(--text-main);font-family:Outfit,sans-serif;letter-spacing:-.015em}.ai-section-sub{display:block;font-size:.7rem;color:var(--text-muted)}.ai-timestamp-pill{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-muted);background:var(--surface-hover);padding:3px 8px;border-radius:6px;border:1px solid var(--border-subtle)}.ai-golden-time-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#ef44441f,#f9731614);border:1px solid rgba(239,68,68,.3);padding:12px 16px;border-radius:12px}.golden-time-left{display:flex;align-items:center;gap:10px}.golden-beacon-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 10px #ef4444;animation:pulseBeacon 1.5s infinite}.golden-time-kicker{display:block;font-size:.65rem;font-weight:800;letter-spacing:.1em;color:#dc2626}.golden-time-value{display:block;font-size:1.15rem;font-weight:850;font-family:Outfit,sans-serif;color:#991b1b}[data-theme=dark] .golden-time-value{color:#fca5a5}.golden-time-badge{font-size:.68rem;font-weight:800;color:#b91c1c;background:#ef444426;padding:3px 8px;border-radius:999px}.ai-result-card{display:flex;flex-direction:column;gap:10px}.ai-score-hero-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 14px #0000000a;transition:all .25s ease}.ai-score-hero-card.prio-kritis{border-color:#ef444459;background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--surface) 100%)}.ai-score-hero-card.prio-tinggi{border-color:#f9731659;background:linear-gradient(135deg,rgba(249,115,22,.05) 0%,var(--surface) 100%)}.ai-score-hero-card.prio-sedang{border-color:#f59e0b59;background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,var(--surface) 100%)}.ai-score-hero-card.prio-rendah{border-color:#10b98159;background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,var(--surface) 100%)}.score-hero-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.score-hero-value-wrap{display:flex;align-items:baseline;gap:3px}.score-hero-number{font-size:2.1rem;font-weight:900;font-family:Outfit,sans-serif;line-height:1;color:var(--text-main);letter-spacing:-.02em}.ai-score-hero-card.prio-kritis .score-hero-number{color:#dc2626}.ai-score-hero-card.prio-tinggi .score-hero-number{color:#ea580c}.ai-score-hero-card.prio-sedang .score-hero-number{color:#d97706}.ai-score-hero-card.prio-rendah .score-hero-number{color:#059669}[data-theme=dark] .ai-score-hero-card.prio-kritis .score-hero-number{color:#f87171}[data-theme=dark] .ai-score-hero-card.prio-tinggi .score-hero-number{color:#fb923c}[data-theme=dark] .ai-score-hero-card.prio-sedang .score-hero-number{color:#fbbf24}[data-theme=dark] .ai-score-hero-card.prio-rendah .score-hero-number{color:#34d399}.score-hero-denom{font-size:.85rem;font-weight:700;color:var(--text-muted)}.score-hero-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.score-prio-pill{font-size:.72rem;font-weight:850;padding:4px 10px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.score-prio-pill.prio-kritis{background:#ef444426;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.score-prio-pill.prio-tinggi{background:#f9731626;color:#c2410c;border:1px solid rgba(249,115,22,.3)}.score-prio-pill.prio-sedang{background:#f59e0b26;color:#b45309;border:1px solid rgba(245,158,11,.3)}.score-prio-pill.prio-rendah{background:#10b98126;color:#047857;border:1px solid rgba(16,185,129,.3)}[data-theme=dark] .score-prio-pill.prio-kritis{color:#fca5a5}[data-theme=dark] .score-prio-pill.prio-tinggi{color:#fdba74}[data-theme=dark] .score-prio-pill.prio-sedang{color:#fde68a}[data-theme=dark] .score-prio-pill.prio-rendah{color:#a7f3d0}.score-deterministic-pill{font-size:.68rem;font-weight:750;color:#0369a1;background:#0ea5e91f;border:1px solid rgba(14,165,233,.25);padding:3px 8px;border-radius:999px}[data-theme=dark] .score-deterministic-pill{color:#7dd3fc}.score-hero-meter-bg{width:100%;height:8px;background:var(--surface-hover);border-radius:999px;overflow:hidden;position:relative}.score-hero-meter-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.score-hero-meter-fill.prio-kritis{background:linear-gradient(90deg,#f87171,#dc2626)}.score-hero-meter-fill.prio-tinggi{background:linear-gradient(90deg,#fb923c,#ea580c)}.score-hero-meter-fill.prio-sedang{background:linear-gradient(90deg,#fcd34d,#d97706)}.score-hero-meter-fill.prio-rendah{background:linear-gradient(90deg,#6ee7b7,#059669)}.score-hero-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem;color:var(--text-muted);flex-wrap:wrap}.btn-toggle-breakdown{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:all .15s ease}.btn-toggle-breakdown:hover{background:var(--surface-hover);border-color:var(--border-strong)}.score-breakdown-panel{background:var(--surface-card);border:1px dashed var(--border-subtle);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin-top:4px;animation:fadeIn .2s ease-out}.breakdown-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem}.breakdown-item .bd-label{color:var(--text-muted)}.breakdown-item .bd-value{font-weight:750;color:var(--text-main);font-family:monospace}.breakdown-total{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid var(--border-subtle);font-size:.78rem;color:var(--text-main)}.ai-engine-source{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:750;color:#059669;background:#10b9811a;border:1px solid rgba(16,185,129,.25);padding:4px 10px;border-radius:6px;width:fit-content}[data-theme=dark] .ai-engine-source{color:#6ee7b7}.ai-block{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 14px}.ai-block-title{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:750;color:var(--text-main);margin-bottom:6px}.ai-title-icon{color:var(--brand-green-primary)}.ai-text-value{font-size:.84rem;color:var(--text-main);line-height:1.5;margin:0}.ai-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.ai-list li{font-size:.8rem;color:var(--text-main);padding-left:14px;position:relative;line-height:1.45}.ai-list li:before{content:"•";position:absolute;left:0;color:var(--brand-green-primary);font-size:1.1rem;line-height:.9}.ai-block-warn{border-color:#f59e0b4d;background:#f59e0b0a}.warn-title{color:#b45309}.ai-list.warn li:before{color:#f59e0b}.ai-chip-list{display:flex;gap:6px;flex-wrap:wrap}.ai-chip{background:#0284c71a;border:1px solid rgba(2,132,199,.25);color:#0284c7;font-size:.74rem;font-weight:750;padding:3px 8px;border-radius:6px}[data-theme=dark] .ai-chip{color:#38bdf8}.ai-analyzed-time{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-muted)}.ai-loading-card{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}.ai-loading-card strong{display:block;font-size:.88rem;color:var(--text-main)}.ai-loading-card p{font-size:.76rem;color:var(--text-muted);margin:2px 0 0}.tactical-spinner{width:24px;height:24px;border:3px solid rgba(34,197,94,.2);border-top-color:var(--brand-green-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.btn-spinner{width:16px;height:16px;border-width:2px;border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.ai-empty-prompt{background:var(--surface-hover);border:1px dashed var(--border-subtle);border-radius:14px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.empty-sparkle{color:var(--brand-green-primary);opacity:.7}.ai-empty-prompt h4{font-size:.92rem;font-weight:800;color:var(--text-main);margin:0}.ai-empty-prompt p{font-size:.78rem;color:var(--text-muted);max-width:320px;line-height:1.45;margin:0}.ai-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600}.audit-trail-box{background:var(--surface);border:1px solid var(--border-subtle);border-left:3px solid #0284c7;border-radius:10px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.audit-icon{color:#0284c7;flex-shrink:0;margin-top:2px}.audit-content strong{display:block;font-size:.82rem;color:var(--text-main);margin-bottom:2px}.audit-content p{font-size:.74rem;color:var(--text-muted);margin:2px 0 0}.audit-content p span{font-weight:700;color:var(--text-main)}.detail-footer-actions{padding:16px 22px;border-top:1px solid var(--border-subtle);background:var(--surface);display:flex;flex-direction:column;gap:8px}.btn-ai-analyze-tactical{background:linear-gradient(135deg,#063e26,#0e5a37);color:#fff;border:1px solid #22c55e;font-weight:800;font-size:.88rem;padding:12px 18px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px #063e2640;transition:all .22s cubic-bezier(.16,1,.3,1)}.btn-ai-analyze-tactical:hover:not(:disabled){background:linear-gradient(135deg,#085233,#157347);transform:translateY(-2px);box-shadow:0 6px 24px #22c55e4d}.btn-ai-analyze-tactical:disabled{opacity:.7;cursor:wait}.footer-disclaimer{font-size:.7rem;color:var(--text-muted);text-align:center;margin:0}.header-status-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.access-pill{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:9999px;text-transform:capitalize;letter-spacing:.02em}.access-pill.access-terbuka{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.access-pill.access-terbatas{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.access-pill.access-tertutup{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.duplicate-warning-banner{background:linear-gradient(135deg,#f59e0b1f,#b453090f);border:1px solid rgba(245,158,11,.4);border-left:4px solid #f59e0b;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;animation:fadeIn .2s ease-out}.dup-banner-header{display:flex;align-items:center;gap:10px}.dup-icon-circle{width:32px;height:32px;border-radius:8px;background:#f59e0b33;color:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dup-banner-titles strong{display:block;font-size:.84rem;color:#b45309}:root[data-theme=dark] .dup-banner-titles strong{color:#fbbf24}.dup-banner-titles span{font-size:.72rem;color:var(--text-muted)}.dup-candidates-list{display:flex;flex-direction:column;gap:6px;margin-top:2px}.dup-candidate-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid rgba(245,158,11,.2);padding:6px 10px;border-radius:8px;font-size:.76rem}.dup-info{display:flex;align-items:center;gap:6px;color:var(--text-main)}.dup-id{font-weight:700;color:#f59e0b}.dup-status{color:var(--text-muted);font-size:.7rem}.btn-dup-switch{display:inline-flex;align-items:center;gap:4px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#b45309;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .2s}:root[data-theme=dark] .btn-dup-switch{color:#fbbf24}.btn-dup-switch:hover{background:#f59e0b;color:#fff}.dup-advice-note{margin:0;font-size:.7rem;color:var(--text-muted)}.incomplete-data-banner{background:#ef444414;border:1px dashed rgba(239,68,68,.35);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.incomplete-header{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#ef4444}.incomplete-desc{margin:0;font-size:.73rem;color:var(--text-muted)}.incomplete-tags-list{display:flex;flex-wrap:wrap;gap:5px}.incomplete-tag{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:6px}.access-status-section{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.access-section-title{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:750;color:var(--text-main)}.access-section-hint{margin:0;font-size:.72rem;color:var(--text-muted);line-height:1.35}.access-btn-toggle-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.btn-access-choice{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:8px;background:var(--surface-hover);border:1px solid var(--border-subtle);font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s}.choice-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.btn-access-choice.choice-terbuka:hover,.btn-access-choice.choice-terbuka.active{background:#10b98126;border-color:#10b981;color:#10b981;font-weight:700}.btn-access-choice.choice-terbatas:hover,.btn-access-choice.choice-terbatas.active{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b;font-weight:700}.btn-access-choice.choice-tertutup:hover,.btn-access-choice.choice-tertutup.active{background:#ef444426;border-color:#ef4444;color:#ef4444;font-weight:700}.incident-needs-section{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.incident-needs-header{display:flex;align-items:center;justify-content:space-between}.needs-header-left{display:flex;align-items:center;gap:8px;color:#3b82f6}.needs-header-left strong{display:block;font-size:.85rem;color:var(--text-main)}.needs-header-sub{display:block;font-size:.7rem;color:var(--text-muted)}.needs-unmet-count{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25);font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:9999px}.incident-needs-list{display:flex;flex-direction:column;gap:8px}.incident-need-card{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:all .2s}.incident-need-card.fulfilled{border-color:#10b9814d;background:#10b9810d}.need-card-top{display:flex;align-items:center;justify-content:space-between}.need-name{font-size:.82rem;font-weight:700;color:var(--text-main)}.need-status-pill{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:6px}.need-status-pill.badge-needed{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.need-status-pill.badge-ok{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.2)}.need-progress-wrapper{display:flex;align-items:center;gap:8px}.need-progress-bar{flex:1;height:6px;background:#ffffff14;border-radius:9999px;overflow:hidden}.need-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.need-progress-fill.fill-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.need-progress-fill.fill-green{background:linear-gradient(90deg,#10b981,#34d399)}.need-progress-text{font-size:.72rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.need-action-row{display:flex;align-items:center;gap:6px;margin-top:2px}.btn-need-fulfill-sm{background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-main);font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-need-fulfill-sm:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-need-fulfill-all{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-need-fulfill-all:hover{background:#10b981;color:#fff}.need-empty-fallback{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);padding:8px 10px;background:var(--surface-hover);border-radius:8px}.field-notes-section{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.field-notes-header{display:flex;align-items:center;justify-content:space-between}.notes-header-left{display:flex;align-items:center;gap:8px;color:#10b981}.notes-header-left strong{display:block;font-size:.85rem;color:var(--text-main)}.notes-header-sub{display:block;font-size:.7rem;color:var(--text-muted)}.notes-count-badge{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25);font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:9999px}.field-notes-timeline{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;padding-right:4px}.timeline-note-bubble{background:var(--surface-hover);border:1px solid var(--border-subtle);border-left:3px solid #10b981;border-radius:8px;padding:8px 10px}.note-bubble-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.note-author{font-size:.72rem;font-weight:750;color:#10b981}.note-time{font-size:.68rem;color:var(--text-muted)}.note-bubble-text{margin:0;font-size:.78rem;color:var(--text-main);line-height:1.4}.notes-empty-state{font-size:.75rem;color:var(--text-muted);font-style:italic;padding:10px 0;text-align:center}.notes-preset-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.preset-label{font-size:.68rem;color:var(--text-muted);font-weight:600}.btn-preset-chip{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.68rem;padding:2px 7px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-preset-chip:hover{background:#10b98126;color:#10b981;border-color:#10b9814d}.notes-input-form{display:flex;align-items:center;gap:6px;margin-top:2px}.notes-input-form input{flex:1;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:8px;padding:7px 10px;font-size:.78rem;color:var(--text-main);transition:all .2s}.notes-input-form input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.btn-send-note{display:inline-flex;align-items:center;gap:5px;background:#10b981;color:#fff;border:none;font-size:.75rem;font-weight:700;padding:7px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-send-note:hover:not(:disabled){background:#059669}.btn-send-note:disabled{opacity:.5;cursor:not-allowed}.stepper-box-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.btn-direct-close-report{display:inline-flex;align-items:center;gap:5px;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:.72rem;font-weight:750;padding:4px 9px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-direct-close-report:hover{background:#10b981;color:#fff}.witness-evidence-panel-section{background:var(--surface);border:1px solid rgba(16,185,129,.28);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.witness-panel-header{display:flex;align-items:center;justify-content:space-between}.witness-panel-header-left{display:flex;align-items:center;gap:8px;color:#10b981}.witness-panel-header-left strong{display:block;font-size:.85rem;color:var(--text-main)}.witness-panel-sub{display:block;font-size:.7rem;color:var(--text-muted)}.witness-count-chip{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25);font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px}.witness-records-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.witness-record-card{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.witness-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.witness-tag-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--brand-green-dark, #15803d)}[data-theme=dark] .witness-tag-badge{color:#4ade80}.witness-time-badge{font-size:.68rem;color:var(--text-muted)}.witness-card-photo-wrap{position:relative;width:100%;max-height:140px;border-radius:8px;overflow:hidden;background:#000;border:1px solid rgba(16,185,129,.3)}.witness-card-img{width:100%;max-height:140px;object-fit:cover;display:block}.witness-watermark-pill{position:absolute;bottom:6px;left:6px;background:#0a0f1dd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#4ade80;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:5px;border:1px solid rgba(74,222,128,.3)}.witness-card-note{font-size:.78rem;color:var(--text-main);line-height:1.45;margin:0;font-style:italic}.witness-card-meta{display:flex;align-items:center;gap:8px;font-size:.68rem;color:var(--text-muted)}.score-breakdown-panel{margin-top:14px;background:var(--surface-subtle, rgba(15, 23, 42, .05));border:1px solid var(--border-subtle, rgba(203, 213, 225, .7));border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .score-breakdown-panel{background:#0a101cbf;border-color:#334155cc}.breakdown-header-note{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px dashed var(--border-subtle);font-size:.73rem;font-weight:700;color:var(--text-muted)}.bd-total-pill{background:#10b98126;color:var(--brand-green-primary, #10b981);padding:2px 8px;border-radius:9999px;font-weight:800;border:1px solid rgba(16,185,129,.3)}.breakdown-meter-row{display:flex;flex-direction:column;gap:4px}.meter-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.meter-name{font-size:.78rem;font-weight:700;color:var(--text-main)}.meter-score-text{font-size:.75rem;font-weight:800;font-family:Outfit,sans-serif;color:var(--text-main)}.meter-track{width:100%;height:6px;background:#94a3b833;border-radius:9999px;overflow:hidden;position:relative}.meter-fill{height:100%;border-radius:9999px;transition:width .4s cubic-bezier(.16,1,.3,1)}.fill-blue{background:linear-gradient(90deg,#38bdf8,#0284c7)}.fill-red{background:linear-gradient(90deg,#f87171,#ef4444)}.fill-amber{background:linear-gradient(90deg,#fcd34d,#f59e0b)}.fill-purple{background:linear-gradient(90deg,#c084fc,#9333ea)}.fill-rose{background:linear-gradient(90deg,#fb7185,#e11d48)}.fill-cyan{background:linear-gradient(90deg,#67e8f9,#0891b2)}.fill-emerald{background:linear-gradient(90deg,#4ade80,#10b981)}.meter-context{font-size:.68rem;color:var(--text-muted)}.breakdown-summary-footer{margin-top:6px;padding-top:10px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.footer-label{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.footer-score{font-size:.95rem;font-weight:900;font-family:Outfit,sans-serif;color:var(--brand-green-primary, #10b981)}@media (max-width: 768px){.detail-panel{min-height:auto;height:auto;max-height:88vh;border-radius:16px}.detail-header-tactical{padding:14px 16px}}@media (max-width: 600px){.demographics-quad{grid-template-columns:repeat(2,1fr)}.dossier-card-grid{grid-template-columns:1fr}.dossier-row.full-span{grid-column:span 1}.stepper-stages-bar{grid-template-columns:repeat(2,1fr)}}.premium-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .25s ease;padding:20px}.premium-modal-content{background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-glass-border);border:1px solid rgba(226,232,240,.8);box-shadow:0 24px 48px #0f172a26;border-radius:20px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;padding:36px;animation:slideUpModal .35s cubic-bezier(.16,1,.3,1)}.premium-modal-content::-webkit-scrollbar{width:8px}.premium-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.premium-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.premium-modal-header{margin-bottom:28px}.premium-modal-title{font-family:Outfit,sans-serif;color:#064e3b;font-size:1.6rem;font-weight:800;line-height:1.2}.premium-modal-subtitle{font-size:.95rem;color:var(--text-light);margin-top:6px;line-height:1.4}.premium-form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.premium-form-group label{font-size:.9rem;font-weight:700;color:var(--text-main);letter-spacing:.3px}.premium-input{width:100%;padding:14px 16px;border-radius:10px;border:1.5px solid #cbd5e1;background:var(--surface);font-size:.95rem;color:var(--text-main);transition:all .2s ease}.premium-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 4px #22c55e26;background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-glass-border)}.premium-input::placeholder{color:#94a3b8}.premium-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.premium-modal-actions{display:flex;gap:12px;margin-top:32px}.btn-premium-save{flex:1;padding:14px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#106336);color:#fff;font-weight:700;font-size:1rem;transition:all .2s;box-shadow:var(--shadow-glow-green);display:flex;justify-content:center;align-items:center;gap:8px}.btn-premium-save:hover{transform:translateY(-2px);box-shadow:0 12px 24px #16a34a66}.btn-premium-cancel{flex:1;padding:14px;border-radius:12px;background:var(--surface-hover);color:var(--text-light);font-weight:700;font-size:1rem;transition:all .2s}.btn-premium-cancel:hover{background:#e2e8f0;color:var(--text-main)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 600px){.premium-modal-backdrop{padding:8px}.premium-modal-card{padding:20px 16px;border-radius:16px;max-height:96vh}.premium-form-row{grid-template-columns:1fr;gap:12px}.premium-modal-actions{margin-top:20px;flex-direction:column;gap:10px}}.volunteer-section-wrapper{display:flex;flex-direction:column;gap:18px}.section-head-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:18px 22px;box-shadow:0 4px 18px #00000008}[data-theme=dark] .section-head-bar{background:#0f1c2cb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff14}.head-bar-info{display:flex;align-items:center;gap:14px}.head-bar-icon-wrap{width:44px;height:44px;border-radius:12px;background:#0284c71f;color:#0284c7;border:1px solid rgba(2,132,199,.25);display:grid;place-items:center;flex-shrink:0}[data-theme=dark] .head-bar-icon-wrap{background:#0284c733;color:#38bdf8}.v-section-title{font-size:1.25rem;font-weight:850;color:var(--text-main);font-family:Outfit,sans-serif;letter-spacing:-.02em;margin:0}.v-section-sub{font-size:.8rem;color:var(--text-muted);margin:3px 0 0}.v-stats-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.v-stats-pill{display:inline-flex;align-items:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.28);color:#059669;font-size:.78rem;font-weight:750;padding:8px 14px;border-radius:999px}[data-theme=dark] .v-stats-pill{background:#10b9812e;color:#6ee7b7}.v-stats-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #4ade80}.btn-add-relawan-tactical{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #0284c740;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-add-relawan-tactical:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.v-filter-toolbar{display:flex;gap:8px;flex-wrap:wrap}.v-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:750;border-radius:999px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s}.v-filter-btn:hover{background:var(--surface-hover);color:var(--text-main)}.v-filter-btn.active{background:#063e26;color:#fff;border-color:#22c55e;box-shadow:0 2px 8px #063e2633}[data-theme=dark] .v-filter-btn.active{background:#059669;border-color:#34d399;color:#022c22}.v-filter-count{font-size:.68rem;background:#00000014;padding:1px 6px;border-radius:999px}.v-filter-btn.active .v-filter-count{background:#ffffff40;color:#fff}[data-theme=dark] .v-filter-btn.active .v-filter-count{background:#00000040;color:#022c22}.v-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.v-team-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:20px;box-shadow:0 4px 18px #00000008;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.v-team-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000014;border-color:#22c55e59}[data-theme=dark] .v-team-card{background:#0f1c2ca6;border-color:#ffffff14}[data-theme=dark] .v-team-card:hover{background:#122236d9;border-color:#34d39959}.v-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.v-team-id{font-weight:850;font-size:.74rem;color:#0284c7;font-family:monospace;background:#0284c71a;border:1px solid rgba(2,132,199,.2);padding:2px 7px;border-radius:6px}[data-theme=dark] .v-team-id{color:#38bdf8}.v-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px}.status-ping-mini{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulseBeacon 1.4s infinite}.v-status-badge.siaga-standby,.v-status-badge.siap-berangkat{background:#10b98124;color:#059669;border:1px solid rgba(16,185,129,.3)}.v-status-badge.menuju-lokasi{background:#f59e0b24;color:#b45309;border:1px solid rgba(245,158,11,.3)}.v-status-badge.di-lokasi,.v-status-badge.aktif-operasi{background:#0284c724;color:#0284c7;border:1px solid rgba(2,132,199,.3)}[data-theme=dark] .v-status-badge.siaga-standby{color:#6ee7b7}[data-theme=dark] .v-status-badge.menuju-lokasi{color:#fcd34d}[data-theme=dark] .v-status-badge.di-lokasi{color:#38bdf8}.v-team-name{font-size:1.15rem;font-weight:850;color:var(--text-main);margin:0 0 4px;font-family:Outfit,sans-serif;letter-spacing:-.015em}.v-team-spec{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-muted);margin-bottom:12px}.v-card-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface-hover);padding:10px 12px;border-radius:12px;border:1px solid var(--border-subtle);margin-bottom:10px}.v-meta-label{display:block;font-size:.68rem;color:var(--text-muted);font-weight:750;text-transform:uppercase}.v-meta-val{font-size:.85rem;font-weight:800;color:var(--text-main);margin-top:2px;display:block}.v-task-val{color:#059669;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .v-task-val{color:#34d399}.v-task-note{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:#b45309;font-size:.76rem;padding:8px 12px;border-radius:8px;margin-bottom:12px;line-height:1.4}[data-theme=dark] .v-task-note{color:#fcd34d}.v-gear-section{margin-bottom:14px}.v-gear-title{font-size:.7rem;font-weight:800;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.v-gear-tags{display:flex;gap:6px;flex-wrap:wrap}.v-gear-tag{background:var(--surface-hover);color:var(--text-main);font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:6px;border:1px solid var(--border-subtle)}.v-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-subtle);gap:10px}.v-contact{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;color:var(--text-muted);font-family:monospace}.btn-v-dispatch{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#063e26,#0e5a37);color:#fff;border:1px solid #22c55e;font-size:.8rem;font-weight:800;padding:8px 14px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-v-dispatch:hover{background:linear-gradient(135deg,#085233,#157347);transform:translateY(-1px);box-shadow:0 4px 14px #22c55e40}[data-theme=dark] .btn-v-dispatch{background:linear-gradient(135deg,#059669,#10b981);color:#022c22;border-color:#34d399}@media (max-width: 680px){.section-head-bar{padding:14px 16px;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px}.v-cards-grid{grid-template-columns:1fr;gap:12px}.v-team-card{padding:16px;border-radius:14px}.v-filter-btn{padding:6px 10px;font-size:.74rem}}.req-bnpb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.req-bnpb-card{width:100%;max-width:680px;max-height:90vh;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 25px 50px -12px #00000059;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .25s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.req-bnpb-header{padding:1.25rem 1.5rem;background:var(--surface-card, var(--surface));border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:1rem}.req-bnpb-header-left{display:flex;align-items:center;gap:.85rem}.req-bnpb-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0284c759;flex-shrink:0}.req-bnpb-eyebrow{font-size:.7rem;font-weight:800;color:#0284c7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.req-bnpb-title{margin:0;font-size:1.2rem;font-weight:750;color:var(--text-main);letter-spacing:-.015em}.req-bnpb-sub{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.req-bnpb-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:all .15s}.req-bnpb-close-btn:hover{background:var(--surface-hover);color:var(--text-main)}.req-bnpb-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem}.req-bnpb-notice{display:flex;align-items:flex-start;gap:10px;background:#0284c714;border:1px solid rgba(2,132,199,.25);border-left:3px solid #0284c7;border-radius:10px;padding:10px 14px}.notice-icon-emerald{color:#0284c7;margin-top:2px;flex-shrink:0}.notice-text strong{display:block;font-size:.8rem;color:#0284c7;margin-bottom:2px}.notice-text span{font-size:.76rem;color:var(--text-main);line-height:1.4}.req-form-group{display:flex;flex-direction:column;gap:.45rem}.req-label{font-size:.82rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:6px}.req-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.category-select-card{text-align:left;background:var(--surface-card, var(--surface));border:1px solid var(--border-subtle);border-radius:10px;padding:.65rem .8rem;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .15s}.category-select-card:hover{border-color:#0284c7;background:#0284c70a}.category-select-card.selected{border-color:#0284c7;background:#0284c71a;box-shadow:0 0 0 1px #0284c7}.cat-card-header{display:flex;align-items:center;gap:6px;color:var(--text-main);font-weight:700;font-size:.8rem}.category-select-card.selected .cat-card-header{color:#0284c7}.cat-card-desc{font-size:.7rem;color:var(--text-muted);line-height:1.3}.urgency-selector-row{display:flex;gap:.5rem;flex-wrap:wrap}.urgency-option-pill{flex:1;min-width:140px;border:1px solid var(--border-subtle);border-radius:10px;padding:.55rem .75rem;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.78rem;font-weight:700;color:var(--text-main);transition:all .15s}.urgency-option-pill input{display:none}.urgency-option-pill.critical.active{background:#ef44441a;border-color:#ef4444;color:#ef4444}.urgency-option-pill.high.active{background:#f59e0b1a;border-color:#f59e0b;color:#d97706}.urgency-option-pill.normal.active{background:#10b9811a;border-color:#10b981;color:#10b981}.rincian-header-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px}.rincian-hint{font-size:.7rem;color:var(--text-muted);font-style:italic}.preset-chips-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:4px}.preset-chip-btn{background:var(--surface-card, var(--surface));border:1px dashed var(--border-subtle);border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.preset-chip-btn:hover{background:#0284c714;border-color:#0284c7;color:#0284c7}.req-textarea,.req-input-text{width:100%;box-sizing:border-box;background:var(--surface-card, var(--surface));border:1px solid var(--border-subtle);border-radius:10px;padding:.65rem .85rem;font-size:.82rem;color:var(--text-main);transition:all .15s;font-family:inherit}.req-textarea:focus,.req-input-text:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.req-bnpb-footer{padding:1rem 1.5rem;background:var(--surface-card, var(--surface));border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.btn-cancel-req{background:transparent;border:1px solid var(--border-subtle);border-radius:10px;padding:8px 16px;font-size:.84rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s}.btn-cancel-req:hover{background:var(--surface-hover);color:var(--text-main)}.btn-submit-req{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:10px;padding:8px 18px;font-size:.84rem;font-weight:750;cursor:pointer;box-shadow:0 4px 14px #0284c759;transition:all .2s}.btn-submit-req:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0284c773}.btn-submit-req:disabled{opacity:.6;cursor:not-allowed}.logistics-section-wrapper{display:flex;flex-direction:column;gap:18px}.head-bar-icon-wrap.icon-purple{background:#a855f71f;color:#9333ea;border-color:#a855f740}[data-theme=dark] .head-bar-icon-wrap.icon-purple{background:#a855f733;color:#c084fc}.l-section-title{font-size:1.25rem;font-weight:850;color:var(--text-main);font-family:Outfit,sans-serif;letter-spacing:-.02em;margin:0}.l-section-sub{font-size:.8rem;color:var(--text-muted);margin:3px 0 0}.l-stats-pill{display:inline-flex;align-items:center;gap:8px;background:#a855f71a;border:1px solid rgba(168,85,247,.28);color:#9333ea;font-size:.78rem;font-weight:750;padding:8px 14px;border-radius:999px}[data-theme=dark] .l-stats-pill{background:#a855f72e;color:#d8b4fe}.l-stats-dot{width:7px;height:7px;border-radius:50%;background:#a855f7;box-shadow:0 0 6px #c084fc}.l-filter-toolbar{display:flex;gap:8px;flex-wrap:wrap}.l-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:750;border-radius:999px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s}.l-filter-btn:hover{background:var(--surface-hover);color:var(--text-main)}.l-filter-btn.active{background:#063e26;color:#fff;border-color:#22c55e;box-shadow:0 2px 8px #063e2633}[data-theme=dark] .l-filter-btn.active{background:#059669;border-color:#34d399;color:#022c22}.l-filter-count{font-size:.68rem;background:#00000014;padding:1px 6px;border-radius:999px}.l-filter-btn.active .l-filter-count{background:#ffffff40;color:#fff}[data-theme=dark] .l-filter-btn.active .l-filter-count{background:#00000040;color:#022c22}.l-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.l-item-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:20px;box-shadow:0 4px 18px #00000008;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1)}.l-item-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000014;border-color:#22c55e59}[data-theme=dark] .l-item-card{background:#0f1c2ca6;border-color:#ffffff14}[data-theme=dark] .l-item-card:hover{background:#122236d9;border-color:#34d39959}.l-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.l-cat-badge{font-size:.72rem;font-weight:750;color:#0284c7;background:#0284c71a;border:1px solid rgba(2,132,199,.25);padding:3px 8px;border-radius:6px}[data-theme=dark] .l-cat-badge{color:#38bdf8}.l-urgency-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:6px}.urgency-ping-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulseBeacon 1.4s infinite}.l-urgency-badge.kritis{background:#ef444424;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.l-urgency-badge.tinggi{background:#f9731624;color:#ea580c;border:1px solid rgba(249,115,22,.3)}.l-urgency-badge.sedang{background:#eab30824;color:#ca8a04;border:1px solid rgba(234,179,8,.3)}[data-theme=dark] .l-urgency-badge.kritis{color:#f87171}[data-theme=dark] .l-urgency-badge.tinggi{color:#fb923c}[data-theme=dark] .l-urgency-badge.sedang{color:#facc15}.l-item-title{font-size:1.15rem;font-weight:850;color:var(--text-main);margin:0 0 6px;font-family:Outfit,sans-serif;letter-spacing:-.015em}.l-item-desc{font-size:.8rem;color:var(--text-muted);margin:0 0 14px;line-height:1.45}.l-progress-area{background:var(--surface-hover);padding:12px 14px;border-radius:12px;border:1px solid var(--border-subtle);margin-bottom:14px}.l-progress-header{display:flex;justify-content:space-between;font-size:.78rem;font-weight:750;margin-bottom:8px}.l-progress-label{color:var(--text-muted)}.l-progress-pct{color:var(--text-main);font-weight:850}.l-bar-track{width:100%;height:9px;background:#00000014;border-radius:999px;overflow:hidden;margin-bottom:8px}[data-theme=dark] .l-bar-track{background:#ffffff1a}.l-bar-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1)}.l-bar-fill.normal{background:linear-gradient(90deg,#0284c7,#38bdf8)}.l-bar-fill.danger{background:linear-gradient(90deg,#dc2626,#f87171)}.l-bar-fill.done{background:linear-gradient(90deg,#16a34a,#4ade80)}.l-numbers-row{display:flex;justify-content:space-between;font-size:.74rem;color:var(--text-muted)}.l-numbers-row strong{color:var(--text-main)}.l-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-subtle);gap:10px}.shortage-text{font-size:.76rem;color:#dc2626;font-weight:700}[data-theme=dark] .shortage-text{color:#f87171}.target-reached-text{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;color:#16a34a;font-weight:800}[data-theme=dark] .target-reached-text{color:#4ade80}.btn-item-donate{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;font-size:.8rem;font-weight:750;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-item-donate:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.l-pending-verifications{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-subtle);display:flex;flex-direction:column;gap:8px}.l-pending-title{font-size:.72rem;font-weight:800;color:#b45309;text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .l-pending-title{color:#fbbf24}.l-pending-item{display:flex;justify-content:space-between;align-items:center;background:#f59e0b14;padding:8px 12px;border-radius:10px;border:1px solid rgba(245,158,11,.25);gap:8px;flex-wrap:wrap}.l-pending-info{font-size:.76rem;color:var(--text-main);flex:1;min-width:200px}.l-pending-header-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.l-tahap-badge{font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.2px}.tahap-diajukan{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.tahap-dalam_perjalanan{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.tahap-tiba_di_posko{background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe}.l-tahap-quick-actions{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.btn-set-tahap{background:#f8fafc;color:#0369a1;border:1px solid #cbd5e1;border-radius:5px;font-size:.68rem;font-weight:700;padding:3px 7px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.btn-set-tahap:hover{background:#e0f2fe;border-color:#0284c7}.btn-set-tahap.arrival{color:#6d28d9}.btn-set-tahap.arrival:hover{background:#ede9fe;border-color:#7c3aed}.l-pending-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.l-photo-attach-container{display:flex;align-items:center;gap:6px}.btn-attach-foto{display:inline-flex;align-items:center;gap:4px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border-subtle);font-size:.72rem;font-weight:750;padding:5px 9px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-attach-foto:hover{background:var(--surface-hover);color:var(--text-main)}.btn-attach-foto.required-flag{background:#fff7ed;color:#c2410c;border:1px solid #fdba74;font-weight:800}.btn-attach-foto.attached{background:#10b9811f;color:#059669;border-color:#10b981}.l-photo-mini-preview{position:relative;width:32px;height:32px;border-radius:6px;overflow:hidden;border:1px solid #10b981;cursor:pointer;flex-shrink:0}.l-photo-mini-preview img{width:100%;height:100%;object-fit:cover}.btn-del-mini-photo{position:absolute;top:0;right:0;background:#ef4444e6;color:#fff;border:none;font-size:.7rem;width:14px;height:14px;border-radius:0 0 0 4px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1}.btn-konfirmasi-donasi.disabled-hint{opacity:.7}.btn-konfirmasi-donasi{display:inline-flex;align-items:center;gap:4px;background:#16a34a;color:#fff;border:none;font-size:.72rem;font-weight:800;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-konfirmasi-donasi:hover{background:#15803d;transform:translateY(-1px)}.btn-tolak-donasi{display:inline-flex;align-items:center;gap:4px;background:#ef4444;color:#fff;border:none;font-size:.72rem;font-weight:800;padding:5px 9px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-tolak-donasi:hover{background:#dc2626;transform:translateY(-1px)}.l-pending-time{font-size:.68rem;color:#94a3b8;display:block;margin-top:2px}.l-pending-alert-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;padding:12px 16px;border-radius:10px;margin-bottom:16px}.l-pending-alert-content{display:flex;align-items:center;gap:12px}.l-pending-alert-content strong{font-size:.88rem;color:#92400e;display:block}.l-pending-alert-content p{font-size:.78rem;color:#b45309;margin:2px 0 0}.btn-filter-pending-only{background:#d97706;color:#fff;border:none;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-filter-pending-only:hover{background:#b45309;transform:translateY(-1px)}.btn-filter-pending-tab{border-color:#f59e0b66!important;color:#b45309!important}.count-pending-highlight{background:#f59e0b!important;color:#fff!important}@media (max-width: 680px){.section-head-bar{padding:14px 16px;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px}.l-cards-grid{grid-template-columns:1fr;gap:12px}.l-item-card{padding:16px;border-radius:14px}.l-filter-btn{padding:6px 10px;font-size:.74rem}}.turnstile-outer-wrap{margin:12px 0 16px;width:100%}.turnstile-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fbfcfe;border:1.5px solid #cbd5e1;border-radius:9px;padding:10px 14px;min-height:64px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 4px #0f172a0d;transition:all .18s cubic-bezier(.4,0,.2,1);outline:none}.turnstile-card:hover{background:#fff;border-color:#94a3b8;box-shadow:0 2px 8px #0f172a14}.turnstile-card:focus-visible{border-color:#f97316;box-shadow:0 0 0 3px #f9731633}.turnstile-card.verified{background:#fff;border-color:#10b981;cursor:default;box-shadow:0 2px 8px #10b9811a}.turnstile-card.error{border-color:#ef4444;background:#fef2f2}.turnstile-left-content{display:flex;align-items:center;gap:12px;flex:1}.turnstile-checkbox-box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.turnstile-empty-box{width:24px;height:24px;border:2px solid #94a3b8;border-radius:5px;background:#fff;transition:all .15s ease}.turnstile-card:hover .turnstile-empty-box{border-color:#3b82f6;transform:scale(1.04)}.turnstile-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#f97316;border-right-color:#3b82f6;border-radius:50%;animation:turnstileSpin .65s linear infinite}@keyframes turnstileSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.turnstile-success-check{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#10b981;color:#fff;border-radius:5px;animation:turnstilePop .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 6px #10b98159}@keyframes turnstilePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.turnstile-text-col{display:flex;flex-direction:column;gap:2px}.turnstile-label{font-size:.86rem;font-weight:700;color:#1e293b;line-height:1.25}.turnstile-card.verified .turnstile-label{color:#065f46}.turnstile-sublabel{font-size:.72rem;color:#64748b;font-weight:500}.turnstile-card.verified .turnstile-sublabel{color:#059669}.turnstile-brand-col{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid #e2e8f0;flex-shrink:0}.turnstile-cf-logo{display:flex;align-items:center;justify-content:center}.turnstile-brand-text{display:flex;flex-direction:column;line-height:1.15}.turnstile-brand-text strong{font-size:.76rem;color:#334155;font-weight:800;letter-spacing:-.2px}.turnstile-brand-text small{font-size:.65rem;color:#94a3b8;font-weight:500}.turnstile-error-alert{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.76rem;font-weight:650;animation:turnstileFadeIn .2s ease-out}@keyframes turnstileFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.turnstile-card{padding:10px 12px;gap:10px}.turnstile-label{font-size:.8rem}.turnstile-sublabel{font-size:.68rem}.turnstile-brand-col{padding-left:8px}.turnstile-brand-text{display:none}}[data-theme=dark] .turnstile-card{background:#0f1c2cb3;border-color:#ffffff1f;box-shadow:0 4px 18px #00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .turnstile-card:hover{background:#142438d9;border-color:#f9731673;box-shadow:0 6px 22px #00000059}[data-theme=dark] .turnstile-card.verified{background:#0f1c2cd9;border-color:#10b98180;box-shadow:0 4px 20px #10b9812e}[data-theme=dark] .turnstile-card.error{background:#dc262626;border-color:#ef444473}[data-theme=dark] .turnstile-empty-box{background:#0f172a99;border-color:#ffffff40}[data-theme=dark] .turnstile-label{color:#f1f5f9}[data-theme=dark] .turnstile-sublabel{color:#94a3b8}[data-theme=dark] .turnstile-brand-col{border-left-color:#ffffff1a}[data-theme=dark] .turnstile-brand-text strong{color:#e2e8f0}[data-theme=dark] .turnstile-brand-text small{color:#64748b}[data-theme=dark] .turnstile-error-alert{background:#dc262633;border-color:#dc262666;color:#fca5a5}.form-overlay-vibrant{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px;animation:fadeInModal .2s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.vibrant-form-modal{background:var(--surface);border:1px solid var(--border-subtle);width:100%;max-width:640px;max-height:94vh;border-radius:22px;box-shadow:0 25px 65px #00000059;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(226,232,240,.8);animation:scaleUpModal .28s cubic-bezier(.16,1,.3,1)}@keyframes scaleUpModal{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.vibrant-form-header{padding:20px 26px;background:linear-gradient(135deg,#09331b,#0f4a2b,#15803d);color:#fff;display:flex;justify-content:space-between;align-items:center}.form-header-badge-title{display:flex;align-items:center;gap:14px}.form-sos-icon{font-size:2rem}.vibrant-modal-title{font-size:1.3rem;font-weight:900;font-family:Outfit,sans-serif;color:#fff;margin:0}.vibrant-modal-sub{font-size:.8rem;color:#a7f3d0;margin:3px 0 0}.btn-close-vibrant{background:#ffffff29;border:none;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close-vibrant:hover{background:#ffffff4d}.vibrant-form-content{padding:22px 26px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.vibrant-alert-box{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:800}.form-step-section{display:flex;flex-direction:column;gap:10px}.step-title-label{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:800;color:var(--text-main)}.step-number{width:22px;height:22px;border-radius:50%;background:#0f4a2b;color:#fff;font-size:.72rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.step-label-with-gps{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.btn-gps-pulse{background:#ecfdf5;color:#065f46;border:1.5px solid #86efac;font-size:.8rem;font-weight:800;padding:5px 12px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-gps-pulse:hover:not(:disabled){background:#d1fae5;transform:translateY(-1px)}.location-action-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-map-pick-step{background:#f0fdf4;color:#15803d;border:1.5px solid #86efac;font-size:.8rem;font-weight:800;padding:5px 12px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-map-pick-step:hover{background:#dcfce7;transform:translateY(-1px)}.location-input-wrapper{position:relative;width:100%}.vibrant-input-field.input-verified{border-color:#10b981;background-color:color-mix(in srgb,var(--surface) 90%,#dcfce7)}.location-searching-spinner{position:absolute;right:14px;top:13px;font-size:.95rem;animation:spin 1s infinite linear}.location-suggestions-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:99;background:var(--surface);border:1.5px solid #10b981;border-radius:14px;box-shadow:0 12px 30px #0000002e;max-height:260px;overflow-y:auto;animation:slideDown .18s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.suggestions-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:color-mix(in srgb,var(--surface) 85%,#dcfce7);border-bottom:1px solid var(--border-subtle);font-size:.74rem;font-weight:800;color:#065f46}.btn-close-suggest{background:transparent;border:none;font-size:.9rem;color:var(--text-muted);cursor:pointer;padding:0 4px}.suggestion-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--surface-hover)}.suggest-pin{font-size:1rem;line-height:1.2}.suggest-text{flex:1;display:flex;flex-direction:column;gap:2px}.suggest-text strong{font-size:.84rem;color:var(--text-main);line-height:1.3}.suggest-text small{font-size:.72rem;color:var(--text-muted);line-height:1.3}.suggest-badge{background:#dcfce7;color:#15803d;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:6px;white-space:nowrap}.suggestion-not-found{padding:14px 16px;font-size:.8rem;color:#b45309;background:#fffbeb;line-height:1.45}.location-verification-badge-bar{margin-top:8px}.badge-verified{display:flex;align-items:flex-start;gap:8px;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:8px 12px;font-size:.78rem;color:#14532d;line-height:1.4}.badge-verified .badge-icon{font-size:1rem;line-height:1}.badge-verified .coords-info{font-size:.72rem;color:#166534;font-family:monospace;margin-top:2px}.badge-unverified{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:6px 10px;font-size:.74rem;color:#64748b;line-height:1.35}.badge-unverified .badge-icon{font-size:.85rem}.proximity-badge{display:flex;align-items:flex-start;gap:10px;border-radius:12px;padding:10px 14px;margin-top:8px;font-size:.78rem;line-height:1.4;animation:fadeIn .2s ease}.proximity-badge.local-trust{background:#f0fdf4;border:1.5px solid #86efac;color:#14532d}.proximity-badge.remote-warn{background:#fffbeb;border:1.5px solid #fde047;color:#854d0e}.proximity-icon{font-size:1.15rem;line-height:1.2}.proximity-content strong{display:block;font-size:.82rem;margin-bottom:2px}.proximity-content p{margin:0;font-size:.73rem;opacity:.9}.bencana-vibrant-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-bencana-item{background:var(--surface);border:1.5px solid var(--border-subtle);border-radius:14px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.btn-bencana-item:hover{transform:translateY(-2px);border-color:#cbd5e1}.bencana-item-icon{font-size:1.5rem}.bencana-item-text{font-size:.76rem;font-weight:800;color:var(--text-main);text-align:center}.btn-bencana-item.color-blue.selected{background:#f0f9ff;border-color:#0284c7;box-shadow:0 4px 14px #0284c740}.btn-bencana-item.color-amber.selected{background:#fffbeb;border-color:#d97706;box-shadow:0 4px 14px #d9770640}.btn-bencana-item.color-purple.selected{background:#faf5ff;border-color:#7c3aed;box-shadow:0 4px 14px #7c3aed40}.btn-bencana-item.color-red.selected{background:#fff1f2;border-color:#dc2626;box-shadow:0 4px 14px #dc262640}.btn-bencana-item.color-cyan.selected{background:#f0fdfa;border-color:#0d9488;box-shadow:0 4px 14px #0d948840}.btn-bencana-item.color-slate.selected{background:var(--surface);border-color:#0f4a2b;box-shadow:0 4px 14px #0f4a2b40}.vibrant-input-field,.vibrant-textarea-field{width:100%;padding:11px 14px;border:1.5px solid #cbd5e1;border-radius:12px;font-size:.92rem;outline:none;background:var(--surface);transition:all .2s}.vibrant-input-field:focus,.vibrant-textarea-field:focus{border-color:#16a34a;background:var(--surface-hover);border:1px solid var(--brand-green-primary);box-shadow:0 0 0 3px #22c55e2e}.needs-pills-wrap{display:flex;flex-wrap:wrap;gap:8px}.need-pill-btn{background:var(--surface-hover);border:1.5px solid #cbd5e1;border-radius:999px;padding:7px 15px;font-size:.82rem;font-weight:800;color:var(--text-light);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.need-pill-btn:hover{background:#e2e8f0}.need-pill-btn.active{background:#ecfdf5;color:#065f46;border-color:#34d399;box-shadow:0 2px 8px #10b98140}.need-pill-btn.pill-cyan.active{background:#f0fdfa;border-color:#14b8a6;color:#0f766e}.need-pill-btn.pill-orange.active{background:#fff7ed;border-color:#fb923c;color:#c2410c}.need-pill-btn.pill-red.active{background:#fff1f2;border-color:#f87171;color:#b91c1c}.need-pill-btn.pill-green.active{background:#f0fdf4;border-color:#4ade80;color:#15803d}.need-pill-btn.pill-pink.active{background:#fdf2f8;border-color:#f472b6;color:#be185d}.need-pill-btn.pill-amber.active{background:#fffbeb;border-color:#fbbf24;color:#b45309}.need-pill-btn.pill-slate.active{background:#f1f5f9;border-color:#64748b;color:#1e293b}.check-indicator{font-size:.9rem;font-weight:900}.warga-choices-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn-warga-select{padding:7px 14px;font-size:.82rem;font-weight:800;border-radius:9px;background:var(--surface);border:1.5px solid #cbd5e1;color:var(--text-light);cursor:pointer;transition:all .2s}.btn-warga-select.active{background:#0f4a2b;color:#fff;border-color:#0f4a2b}.input-warga-number{width:130px;padding:7px 10px;border:1.5px solid #cbd5e1;border-radius:9px;font-size:.82rem}.form-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vibrant-form-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:10px;border-top:1px solid #f1f5f9}.btn-vibrant-cancel{padding:12px 20px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-light);border-radius:12px;font-weight:800;font-size:.9rem;cursor:pointer}.btn-vibrant-submit{padding:12px 28px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;border-radius:12px;font-weight:800;font-size:.98rem;cursor:pointer;box-shadow:0 4px 16px #dc262659;transition:all .2s ease}.btn-vibrant-submit:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 24px #dc262673}.form-success-card{padding:40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.success-icon-bounce{font-size:3.5rem;animation:pulseBounce 1s infinite alternate}@keyframes pulseBounce{0%{transform:scale(1)}to{transform:scale(1.15)}}.success-badge{background:#dcfce7;color:#15803d;font-size:.76rem;font-weight:900;padding:4px 14px;border-radius:999px;letter-spacing:.5px}.success-title{font-size:1.6rem;font-weight:900;color:var(--text-main)}.success-desc{font-size:.92rem;color:var(--text-light);max-width:480px;line-height:1.55;margin:0}.success-ticket-box{background:var(--surface);border:1px dashed #34d399;border-radius:14px;padding:16px 22px;width:100%;max-width:480px;text-align:left}.ticket-label{font-size:.74rem;color:var(--text-muted);font-weight:700}.ticket-val{font-size:1.05rem;font-weight:800;color:#0f4a2b;margin-bottom:4px}.ticket-needs{font-size:.8rem;color:#b91c1c}.success-buttons{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap;justify-content:center}.btn-success-view-map{background:linear-gradient(135deg,#0f4a2b,#16a34a);color:#fff;border:none;font-weight:800;padding:12px 24px;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px #16a34a4d}.btn-success-close{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-light);font-weight:800;padding:12px 20px;border-radius:12px;cursor:pointer}@media (max-width: 600px){.bencana-vibrant-choices{grid-template-columns:repeat(2,1fr)}.form-two-cols{grid-template-columns:1fr}}.ai-advice-box{background:#eff6ff;border-left:4px solid #3b82f6;padding:16px;margin:20px 0;border-radius:4px 8px 8px 4px;text-align:left}.ai-advice-box h4{margin:0 0 8px;color:#1e3a8a;font-size:.95rem}.ai-advice-box p{margin:0;color:var(--text-light);font-size:.85rem;line-height:1.5}.btn-voice-record{position:absolute;right:8px;bottom:8px;background:#e2e8f0;border:none;padding:6px 12px;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:600;color:var(--text-light);transition:all .2s}.btn-voice-record.recording{background:#ef4444;color:#fff;animation:pulse-record 1.5s infinite}@keyframes pulse-record{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-upload-photo{display:inline-block;padding:10px 16px;background:var(--surface-hover);border:1px dashed #cbd5e1;border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--text-light);width:100%;text-align:center;transition:all .2s}.btn-upload-photo:hover{background:#e2e8f0;border-color:#94a3b8}.skala-choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.btn-skala{background:var(--surface);border:1px solid var(--border-subtle);padding:12px;border-radius:8px;cursor:pointer;text-align:left;font-size:.85rem;color:var(--text-light);transition:all .2s}.btn-skala.active{background:#eff6ff;border-color:#3b82f6;font-weight:600;color:#1e3a8a;box-shadow:0 0 0 2px #3b82f61a}.rentan-choices-row{display:flex;gap:8px;flex-wrap:wrap}.btn-rentan{flex:1;background:var(--surface);border:1px solid var(--border-subtle);padding:10px 4px;border-radius:8px;cursor:pointer;text-align:center;font-size:.8rem;color:var(--text-light);transition:all .2s}.btn-rentan.active{border-color:#3b82f6;background:#eff6ff;font-weight:600}.legal-warning-box{display:flex;gap:12px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #ea580c;border-radius:10px;padding:12px 14px}.legal-warning-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.legal-warning-box p{font-size:.8rem;color:#92400e;margin:0;line-height:1.5}.nik-optional-section{margin-top:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.nik-optional-label{font-size:.8rem;font-weight:600;color:#065f46;display:flex;align-items:center;gap:8px}.nik-badge{background:#d1fae5;color:#065f46;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid #a7f3d0}.wa-bot-quick-banner{background:linear-gradient(135deg,#10b9811f,#05966938);border:1.5px solid rgba(16,185,129,.35);border-radius:14px;padding:14px 18px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 4px 18px #10b9811a}.wa-bot-banner-left{display:flex;align-items:center;gap:14px}.wa-bot-icon-circle{width:42px;height:42px;border-radius:12px;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #25d36659}.wa-bot-title{display:flex;align-items:center;gap:8px;color:#065f46;font-size:.92rem}.wa-verified-pill{background:#10b981;color:#fff;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:99px;letter-spacing:.5px;text-transform:uppercase}.wa-bot-desc{font-size:.78rem;color:#047857;margin:3px 0 0;line-height:1.4}.btn-open-wa-bot{background:#25d366;color:#fff;border:none;font-size:.82rem;font-weight:800;padding:9px 15px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap;box-shadow:0 3px 10px #25d3664d;transition:all .2s ease;flex-shrink:0}.btn-open-wa-bot:hover{background:#20ba5a;transform:translateY(-1px);box-shadow:0 5px 14px #25d36666}.wa-verification-box{margin-top:10px}.wa-unverified-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f1f5f9cc;border:1px dashed #cbd5e1;border-radius:10px;padding:9px 14px}.wa-unverified-text{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#475569}.btn-request-wa-verify{background:#10b981;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.76rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 2px 6px #10b98140}.btn-request-wa-verify:hover{background:#059669}.wa-verified-pill-box{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:fadeIn .3s ease}.verified-check-icon{color:#10b981;flex-shrink:0}.wa-verified-pill-box strong{display:block;font-size:.84rem;color:#065f46}.wa-verified-pill-box p{margin:2px 0 0;font-size:.74rem;color:#047857}.btn-change-number{background:transparent;border:1px solid #a7f3d0;color:#065f46;font-size:.74rem;font-weight:700;border-radius:6px;padding:4px 9px;cursor:pointer}.wa-otp-form-box{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;animation:fadeIn .2s ease}.wa-otp-prompt{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#15803d;font-weight:600}.wa-otp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.otp-number-input{width:90px;padding:7px 10px;font-size:1.1rem;font-weight:900;letter-spacing:4px;text-align:center;border:2px solid #34d399;border-radius:8px;background:#fff;color:#065f46;outline:none}.btn-confirm-otp{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .2s}.btn-confirm-otp:hover{background:#15803d}.btn-auto-fill-otp{background:transparent;border:none;color:#059669;font-size:.76rem;font-weight:700;cursor:pointer;text-decoration:underline}.input-verified-glow{border-color:#10b981!important;background:#f0fdf4!important;color:#065f46!important;font-weight:700}.photo-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.btn-action-camera,.btn-action-upload{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1.5px solid #cbd5e1;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease;width:100%;color:var(--text-main, #1e293b)}.btn-action-camera:hover,.btn-action-upload:hover{background:#f0fdf4;border-color:#34d399;transform:translateY(-1px);box-shadow:0 4px 12px #10b98126}.action-cam-icon-circle{width:40px;height:40px;border-radius:10px;background:#10b98126;color:#059669;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-upload-icon-circle{width:40px;height:40px;border-radius:10px;background:#0ea5e926;color:#0284c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-cam-text strong,.action-upload-text strong{display:block;font-size:.85rem;color:#0f172a}.action-cam-text small,.action-upload-text small{display:block;font-size:.72rem;color:#64748b;margin-top:2px}.camera-live-box{background:#000;border:2px solid #10b981;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #0006}.camera-video-wrapper{position:relative;width:100%;background:#050505;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.camera-live-video{width:100%;height:100%;object-fit:cover}.camera-hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:12px}.camera-hud-badge{align-self:flex-start;background:#dc2626d9;color:#fff;font-size:.7rem;font-weight:800;padding:4px 9px;border-radius:99px;letter-spacing:.6px;display:flex;align-items:center;gap:5px}.hud-recording-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.camera-hud-crosshair{align-self:center;width:48px;height:48px;border:1.5px dashed rgba(255,255,255,.5);border-radius:50%}.camera-hud-coords{background:#000000bf;color:#34d399;font-family:monospace;font-size:.72rem;padding:5px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-live-actions{padding:12px 16px;background:#0a1412;display:flex;justify-content:space-between;align-items:center;gap:12px}.btn-capture-camera{background:#10b981;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:.86rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #10b98159;transition:all .2s}.btn-capture-camera:hover{background:#059669}.btn-cancel-camera{background:#ffffff1a;color:#cbd5e1;border:none;border-radius:8px;padding:8px 14px;font-size:.8rem;cursor:pointer}.watermarked-preview-card{background:#06110f;border:1.5px solid #10b981;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #00000059}.watermark-status-tag{background:#10b9812e;padding:9px 14px;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:#34d399;border-bottom:1px solid rgba(16,185,129,.25)}.watermarked-img-frame{width:100%;max-height:400px;background:#000;display:flex;align-items:center;justify-content:center}.watermarked-result-img{width:100%;height:auto;max-height:400px;object-fit:contain;display:block}.watermarked-preview-foot{padding:10px 14px;background:#0a1613;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08)}.watermark-info-text{font-size:.72rem;color:#94a3b8}.btn-retake-photo{background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.15);font-size:.75rem;font-weight:700;padding:5px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn-retake-photo:hover{background:#ef444433;color:#fca5a5;border-color:#ef444466}.legal-warning-card{margin-top:24px;background:#fff7ed;border:1.5px solid #fdba74;border-left:5px solid #dc2626;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 16px #dc262614}.legal-warning-badge-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.legal-title-wrap{display:flex;align-items:center;gap:8px;color:#991b1b;font-size:.88rem;font-weight:800}.legal-shield-icon{color:#dc2626;flex-shrink:0}.legal-statute-tag{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}.legal-warning-desc{font-size:.8rem;color:#7f1d1d;line-height:1.55;margin:0}.legal-punishment-highlight{color:#b91c1c;text-decoration:underline;text-underline-offset:2px}.legal-security-notice{display:flex;align-items:flex-start;gap:7px;background:#fee2e299;border-radius:8px;padding:8px 12px;font-size:.73rem;color:#991b1b;line-height:1.45}.legal-checkbox-container{display:flex;align-items:flex-start;gap:10px;margin-top:4px;cursor:pointer;background:#fff;border:1.5px solid #f87171;border-radius:10px;padding:10px 12px;transition:all .2s}.legal-checkbox-container:hover{background:#fff5f5;border-color:#ef4444}.legal-checkbox-container input[type=checkbox]{width:18px;height:18px;accent-color:#dc2626;margin-top:2px;flex-shrink:0;cursor:pointer}.legal-checkbox-label{font-size:.8rem;color:#7f1d1d;line-height:1.45}.btn-needs-agree{opacity:.65;filter:grayscale(30%)}@media (max-width: 640px){.form-overlay-vibrant{padding:8px}.vibrant-form-modal{max-height:96vh;border-radius:16px}.vibrant-form-header{padding:14px 18px}.vibrant-modal-title{font-size:1.15rem}.form-sos-icon{font-size:1.6rem}.vibrant-form-content{padding:16px;gap:16px}.wa-bot-quick-banner{flex-direction:column;align-items:flex-start}.btn-open-wa-bot{width:100%;justify-content:center}.photo-action-grid{grid-template-columns:1fr}.disaster-types-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.btn-disaster-type{padding:10px 8px!important;font-size:.78rem!important}.legal-checkbox-container{padding:8px 10px}.vibrant-form-footer{flex-direction:column-reverse;gap:10px}.btn-vibrant-submit,.btn-vibrant-cancel{width:100%;justify-content:center;padding:13px;font-size:.92rem}}@media (max-width: 420px){.vibrant-form-header{padding:12px 14px}.vibrant-form-content{padding:14px 12px}.disaster-types-grid{grid-template-columns:1fr 1fr!important}}.officer-header-style{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border-bottom:1px solid rgba(56,189,248,.25)}.form-header-pretitle{margin-bottom:4px}.officer-top-badge{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:2px 8px;border-radius:6px;text-transform:uppercase}.officer-top-badge.bnpb{background:#dc26262e;color:#f87171;border:1px solid rgba(248,113,113,.35)}.officer-top-badge.bpbd{background:#0ea5e92e;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.official-auth-banner{background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid #10b981;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 20px #065f4640;animation:fadeIn .3s ease}.official-auth-banner-left{display:flex;align-items:center;gap:14px}.official-auth-icon-circle{width:44px;height:44px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.official-auth-shield{color:#a7f3d0}.official-auth-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.official-auth-title strong{font-size:.92rem;font-weight:750;color:#fff}.official-fasttrack-pill{background:#facc1533;color:#fef08a;border:1px solid rgba(250,204,21,.4);font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}.official-auth-desc{margin:4px 0 0;font-size:.78rem;color:#d1fae5;line-height:1.4}.official-badge-status-right{display:flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(167,243,208,.3);border-radius:999px;padding:6px 14px;font-size:.76rem;font-weight:700;color:#ecfdf5;white-space:nowrap;flex-shrink:0}.official-pulse-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:pulse 1.6s infinite}.official-officer-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:16px}.officer-box-badge-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.officer-box-instansi{display:flex;align-items:center;gap:8px;color:#1e293b;font-size:.88rem}.officer-verified-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#047857;border:1px solid #6ee7b7;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700}.officer-field-label{display:block;font-size:.76rem;font-weight:700;color:#475569;margin-bottom:4px}.officer-nip-info{margin-top:10px;padding-top:10px;border-top:1px dashed #cbd5e1;font-size:.76rem;color:#64748b;display:flex;flex-wrap:wrap;gap:12px}.officer-nip-info strong{color:#334155}.official-declaration-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #34d399;border-radius:12px;padding:16px;margin-top:18px}.official-declaration-badge-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.official-statute-tag{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0;font-size:.72rem;font-weight:750;padding:2px 8px;border-radius:6px}.official-decl-desc{font-size:.78rem;color:#166534;line-height:1.45;margin:0 0 12px}.zero-friction-security-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #6ee7b7;border-radius:11px;padding:10px 14px;margin:16px 0 8px;box-shadow:0 2px 6px #10b98114}.security-badge-icon{color:#059669;flex-shrink:0;display:flex;align-items:center;justify-content:center}.security-badge-text{font-size:.76rem;color:#065f46;line-height:1.45}.security-badge-text strong{color:#047857;font-weight:750}.adaptive-captcha-card{background:#fffbeb;border:1.5px solid #fde68a;border-left:4px solid #f59e0b;border-radius:12px;padding:12px 14px;margin:14px 0 8px}.adaptive-captcha-header{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:750;color:#92400e;margin-bottom:4px}.adaptive-captcha-desc{font-size:.76rem;color:#78350f;margin:0 0 10px;line-height:1.4}.adaptive-captcha-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adaptive-code-badge{display:flex;align-items:center;justify-content:center;min-width:110px;height:40px;padding:0 12px;background:#1e293b;border-radius:8px;-webkit-user-select:none;user-select:none}.adaptive-code-badge span{font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:900;letter-spacing:4px;color:#38bdf8;transform:skew(-6deg)}.btn-refresh-adaptive{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 10px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:.76rem;font-weight:700;color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-refresh-adaptive:hover{background:#f1f5f9;color:#0f172a}.adaptive-captcha-input{flex:1;min-width:120px;height:40px;padding:0 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;background:#fff}.adaptive-captcha-input.error-border{border-color:#ef4444!important;background:#fef2f2!important}@media (max-width: 480px){.adaptive-captcha-controls{flex-direction:column;align-items:stretch}.adaptive-code-badge,.btn-refresh-adaptive,.adaptive-captcha-input{width:100%;text-align:center}}[data-theme=dark] .vibrant-form-modal{background:#0f1c2e;border-color:#ffffff1f;box-shadow:0 25px 70px #0009}[data-theme=dark] .vibrant-input-field,[data-theme=dark] .vibrant-textarea-field{background:#0f172abf;border-color:#ffffff24;color:#f8fafc}[data-theme=dark] .vibrant-input-field:focus,[data-theme=dark] .vibrant-textarea-field:focus{border-color:#34d399;background:#0f172af2;box-shadow:0 0 0 3px #34d39940}[data-theme=dark] .btn-bencana-item{background:#0f1c2ca6;border-color:#ffffff14}[data-theme=dark] .btn-bencana-item:hover{background:#142438d9;border-color:#ffffff38}[data-theme=dark] .btn-bencana-item.color-blue.selected{background:#0284c738;border-color:#38bdf8;box-shadow:0 4px 16px #0284c74d}[data-theme=dark] .btn-bencana-item.color-amber.selected{background:#d9770638;border-color:#fbbf24;box-shadow:0 4px 16px #d977064d}[data-theme=dark] .btn-bencana-item.color-purple.selected{background:#7c3aed38;border-color:#a78bfa;box-shadow:0 4px 16px #7c3aed4d}[data-theme=dark] .btn-bencana-item.color-red.selected{background:#dc262638;border-color:#f87171;box-shadow:0 4px 16px #dc26264d}[data-theme=dark] .btn-bencana-item.color-cyan.selected{background:#0d948838;border-color:#2dd4bf;box-shadow:0 4px 16px #0d94884d}[data-theme=dark] .btn-bencana-item.color-slate.selected{background:#0f4a2b4d;border-color:#4ade80;box-shadow:0 4px 16px #22c55e4d}[data-theme=dark] .need-pill-btn{background:#0f1c2ca6;border-color:#ffffff1f;color:#cbd5e1}[data-theme=dark] .need-pill-btn:hover{background:#142438d9;border-color:#ffffff40;color:#f8fafc}[data-theme=dark] .need-pill-btn.active{background:#10b98140;border-color:#34d399;color:#6ee7b7;box-shadow:0 2px 10px #10b98140}[data-theme=dark] .need-pill-btn.pill-cyan.active{background:#14b8a638;border-color:#2dd4bf;color:#5eead4}[data-theme=dark] .need-pill-btn.pill-orange.active{background:#f9731638;border-color:#fb923c;color:#fdba74}[data-theme=dark] .need-pill-btn.pill-red.active{background:#ef444438;border-color:#f87171;color:#fca5a5}[data-theme=dark] .need-pill-btn.pill-green.active{background:#22c55e38;border-color:#4ade80;color:#86efac}[data-theme=dark] .need-pill-btn.pill-pink.active{background:#ec489938;border-color:#f472b6;color:#f9a8d4}[data-theme=dark] .need-pill-btn.pill-amber.active{background:#f59e0b38;border-color:#fbbf24;color:#fde68a}[data-theme=dark] .need-pill-btn.pill-slate.active{background:#94a3b838;border-color:#94a3b8;color:#e2e8f0}[data-theme=dark] .btn-gps-pulse,[data-theme=dark] .btn-map-pick-step{background:#10b9812e;border-color:#34d39966;color:#6ee7b7}[data-theme=dark] .badge-verified{background:#10b9812e;border-color:#34d39959;color:#a7f3d0}[data-theme=dark] .badge-verified .coords-info{color:#6ee7b7}[data-theme=dark] .proximity-badge.local-trust{background:#10b9812e;border-color:#34d39959;color:#a7f3d0}[data-theme=dark] .proximity-badge.remote-warn{background:#d9770633;border-color:#fbbf2459;color:#fde68a}[data-theme=dark] .vibrant-alert-box{background:#dc262633;border-color:#ef444473;color:#fca5a5}[data-theme=dark] .location-suggestions-dropdown{background:#0f1c2e;border-color:#34d399;box-shadow:0 16px 36px #0000008c}[data-theme=dark] .suggestions-header{background:#10b98126;color:#6ee7b7;border-bottom-color:#ffffff14}.form-ai-vision-scanning{display:flex;align-items:center;justify-content:center;gap:10px;background:#10b98114;border:1px dashed rgba(16,185,129,.4);padding:12px 16px;border-radius:12px;font-size:.82rem;font-weight:700;color:#059669;margin-top:12px;animation:pulseAiScan 1.6s infinite ease-in-out}[data-theme=dark] .form-ai-vision-scanning{color:#6ee7b7;background:#10b98124}@keyframes pulseAiScan{0%{transform:scale(.99);opacity:.85}50%{transform:scale(1.01);opacity:1}to{transform:scale(.99);opacity:.85}}.form-ai-vision-card{margin-top:12px;background:linear-gradient(135deg,#ecfdf5e6,#f0fdfaf2);border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 16px #10b98114;animation:fadeIn .25s ease-out}[data-theme=dark] .form-ai-vision-card{background:linear-gradient(135deg,#064e3b4d,#0f172ad9);border-color:#34d39959;box-shadow:0 4px 20px #00000059}.form-ai-vision-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.form-ai-badge{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:#065f46;font-weight:750}[data-theme=dark] .form-ai-badge{color:#a7f3d0}.form-ai-conf{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#047857;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px}[data-theme=dark] .form-ai-conf{color:#6ee7b7;background:#10b98140}.form-ai-indicators{background:#ffffffb3;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;font-size:.78rem;border:1px solid rgba(0,0,0,.04)}[data-theme=dark] .form-ai-indicators{background:#00000040;border-color:#ffffff0f}.form-ai-indicators .ind-title{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.form-ai-indicators ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.form-ai-indicators li{position:relative;padding-left:14px;color:var(--text-main);line-height:1.35}.form-ai-indicators li:before{content:"•";position:absolute;left:0;color:#10b981;font-weight:700}.form-ai-rec{background:#fffbeb;border:1px solid #fef3c7;border-left:3px solid #f59e0b;padding:8px 12px;border-radius:8px;font-size:.77rem;color:#92400e;line-height:1.35}[data-theme=dark] .form-ai-rec{background:#f59e0b1f;border-color:#f59e0b40;border-left-color:#f59e0b;color:#fde68a}.form-ai-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.06);font-size:.72rem;color:var(--text-muted)}.form-ai-spoof-card{border-color:#ef444480!important;background:linear-gradient(135deg,#fef2f2f2,#fff1f2f2)!important}[data-theme=dark] .form-ai-spoof-card{border-color:#ef44448c!important;background:linear-gradient(135deg,#7f1d1d4d,#0f172ad9)!important}.form-ai-spoof-warning{display:flex;align-items:flex-start;gap:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:10px;padding:10px 12px;font-size:.78rem;color:#b91c1c;line-height:1.4}[data-theme=dark] .form-ai-spoof-warning{background:#ef444438;border-color:#ef444480;color:#fca5a5}.form-ai-spoof-warning strong{display:block;font-size:.8rem;font-weight:750;margin-bottom:2px}.form-ai-spoof-warning p{margin:0}[data-theme=dark] .form-ai-status{border-top-color:#ffffff14}.ai-status-sync{color:#059669;font-weight:750}[data-theme=dark] .ai-status-sync{color:#34d399}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.dispatch-modal-card{background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-glass-border);width:100%;max-width:620px;max-height:90vh;border-radius:18px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:popIn .25s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.dispatch-modal-header{padding:18px 22px;background:#0f4a2b;color:#fff;display:flex;justify-content:space-between;align-items:center}.dispatch-header-title{display:flex;align-items:center;gap:12px}.dispatch-siren-icon{font-size:1.8rem}.dispatch-header-title h3{font-size:1.15rem;font-weight:700;font-family:Outfit,sans-serif;margin:0}.dispatch-header-title p{font-size:.8rem;color:#a7f3d0;margin:0}.btn-close-dispatch{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close-dispatch:hover{background:#ffffff4d}.target-incident-box{background:var(--surface);border-bottom:1px solid #e2e8f0;padding:12px 22px}.target-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.target-id{font-weight:800;color:#0f4a2b;font-size:.85rem}.target-type{font-weight:700;color:var(--text-main);font-size:.95rem}.target-prio{font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:5px}.target-prio.kritis{background:#fee2e2;color:#dc2626}.target-prio.tinggi{background:#ffedd5;color:#ea580c}.target-prio.sedang{background:#fef9c3;color:#ca8a04}.target-loc{font-size:.82rem;color:var(--text-light)}.target-victims{font-size:.78rem;color:var(--text-muted);margin-top:2px}.dispatch-form{padding:18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.form-group-dispatch label{display:block;font-size:.82rem;font-weight:700;color:var(--text-main);margin-bottom:6px}.form-group-dispatch label .req{color:#ef4444}.select-dispatch,.input-dispatch{width:100%;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:8px;font-size:.88rem;outline:none;background:var(--surface)}.select-dispatch:focus,.input-dispatch:focus{border-color:#16a34a;background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-glass-border);box-shadow:0 0 0 3px #22c55e26}.relawan-options-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding-right:4px}.relawan-option-card{width:100%;text-align:left;padding:10px 14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-glass-border)}.relawan-option-card:hover{border-color:#86efac;background:#f0fdf4}.relawan-option-card.selected{border-color:#16a34a;background:#ecfdf5;box-shadow:0 2px 8px #16a34a26}.relawan-name{font-size:.88rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.rel-status-chip{font-size:.68rem;font-weight:600;padding:2px 6px;border-radius:4px;background:#e2e8f0;color:var(--text-light)}.rel-status-chip.siaga,.rel-status-chip.siaga-standby,.rel-status-chip.siap-berangkat{background:#dcfce7;color:#15803d}.rel-status-chip.menuju-lokasi{background:#fef3c7;color:#b45309}.relawan-spec{font-size:.78rem;color:var(--text-light);margin-top:2px}.relawan-gear{font-size:.72rem;color:var(--text-muted);margin-top:2px}.personel-badge{background:var(--surface-hover);border:1px solid var(--border-subtle);font-size:.75rem;font-weight:700;color:var(--text-main);padding:4px 8px;border-radius:6px;white-space:nowrap}.dispatch-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.btn-dispatch-cancel{padding:9px 16px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-light);border-radius:8px;font-weight:600;cursor:pointer}.btn-dispatch-submit{padding:9px 20px;background:#0f4a2b;border:none;color:#fff;border-radius:8px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0f4a2b40}.btn-dispatch-submit:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.btn-dispatch-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.modal-backdrop{padding:8px}.dispatch-modal-card{max-height:96vh;border-radius:14px}.dispatch-modal-header,.dispatch-modal-body{padding:14px 16px}}.donation-modal-card{background:var(--surface, #ffffff);border:1px solid var(--border-color, #e2e8f0);width:100%;max-width:620px;max-height:92vh;border-radius:18px;box-shadow:0 20px 50px #00000047;display:flex;flex-direction:column;overflow:hidden;animation:popIn .22s cubic-bezier(.16,1,.3,1)}.donation-modal-header{padding:16px 22px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.donation-header-title{display:flex;align-items:center;gap:12px}.donation-box-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.donation-header-title h3{font-size:1.18rem;font-weight:850;font-family:Outfit,sans-serif;color:#fff!important;margin:0}.donation-header-title p{font-size:.8rem;font-weight:500;color:#f0f9ff!important;margin:2px 0 0;opacity:.95}.donation-form-scrollable{padding:18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:calc(92vh - 75px)}.donation-section-group{background:var(--surface-card, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;padding:14px 16px}.donation-section-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.sec-step-badge{width:22px;height:22px;border-radius:50%;background:#0284c7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.sec-step-title{font-size:.88rem;font-weight:800;color:var(--text-main, #0f172a);display:block}.sec-step-sub{font-size:.74rem;color:var(--text-muted, #64748b);display:block;margin-top:1px}.selected-recipient-summary-card{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;padding:12px 14px;box-shadow:0 2px 8px #0000000a}.recipient-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.recipient-type-chip{display:inline-block;font-size:.68rem;font-weight:750;color:#0284c7;background:#eff6ff;padding:2px 7px;border-radius:5px;margin-bottom:4px}.recipient-title-name{font-size:.98rem;font-weight:800;color:var(--text-main, #0f172a);margin:0;line-height:1.3}.recipient-dist-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:8px;font-size:.73rem;font-weight:750;white-space:nowrap;flex-shrink:0}.recipient-dist-badge.dist-near{background:#ecfdf5;color:#059669;border:1px solid rgba(16,185,129,.3)}.recipient-dist-badge.dist-mid{background:#fffbeb;color:#d97706;border:1px solid rgba(245,158,11,.35)}.recipient-dist-badge.dist-far{background:#fdf2f8;color:#db2777;border:1px solid rgba(219,39,119,.3)}.dist-tag-label{font-size:.68rem;opacity:.85}.recipient-address-meta{display:flex;align-items:flex-start;gap:6px;font-size:.78rem;color:var(--text-muted, #475569);margin-bottom:6px;line-height:1.35}.recipient-pic-row{display:flex;align-items:center;gap:5px;font-size:.76rem;background:#f1f5f9;padding:5px 9px;border-radius:6px;margin-bottom:8px;flex-wrap:wrap}.pic-lbl{color:#64748b;font-weight:600}.pic-val{color:#0f172a}.pic-contact{color:#0284c7;font-weight:600}.btn-toggle-recipient-picker{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;color:#0284c7;font-size:.78rem;font-weight:750;cursor:pointer;transition:all .15s}.btn-toggle-recipient-picker:hover{background:#eff6ff;border-color:#0284c7}.recipient-picker-tray{margin-top:10px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;box-shadow:0 4px 14px #00000014}.recipient-search-row{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;margin-bottom:8px}.recipient-search-row input{border:none;background:transparent;width:100%;font-size:.8rem;outline:none;color:#0f172a}.btn-clear-q{background:none;border:none;font-size:1rem;color:#94a3b8;cursor:pointer;padding:0 4px}.picker-filter-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:8px}.filter-row-lbl{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase}.btn-picker-filter{padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:650;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;cursor:pointer;transition:all .15s}.btn-picker-filter.active{background:#0284c7;color:#fff;border-color:#0284c7}.recipient-options-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-top:4px}.recipient-option-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fafafa;cursor:pointer;transition:all .15s}.recipient-option-item:hover{background:#eff6ff;border-color:#93c5fd}.recipient-option-item.selected{background:#eff6ff;border-color:#3b82f6}.opt-left{display:flex;align-items:flex-start;gap:8px}.opt-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.opt-title-row{display:flex;align-items:center;gap:6px}.opt-nama{font-size:.82rem;color:#0f172a}.opt-dist-chip{font-size:.66rem;font-weight:750;padding:1px 5px;border-radius:4px}.opt-dist-chip.near{background:#dcfce7;color:#15803d}.opt-dist-chip.mid{background:#fef3c7;color:#b45309}.opt-dist-chip.far{background:#fce7f3;color:#be185d}.opt-alamat{font-size:.72rem;color:#64748b;display:block;line-height:1.3}.opt-pic{font-size:.7rem;color:#0284c7;font-weight:600;display:block;margin-top:2px}.shipping-guide-box{border-radius:14px;padding:14px 16px}.shipping-guide-box.out-of-town{background:#fffbeb;border:1.5px solid #fde68a;border-left:5px solid #f59e0b}.shipping-guide-box.local-radius{background:#f0fdf4;border:1.5px solid #bbf7d0;border-left:5px solid #16a34a}.shipping-guide-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.shipping-guide-header h4{font-size:.9rem;font-weight:850;color:#92400e;margin:0}.shipping-guide-box.local-radius .shipping-guide-header h4{color:#166534}.shipping-guide-header p{font-size:.76rem;color:#b45309;margin:2px 0 0}.shipping-guide-box.local-radius .shipping-guide-header p{color:#15803d}.guide-dest-card{background:#fff;border:1px solid #fed7aa;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.dest-row{display:flex;align-items:flex-start;gap:8px;font-size:.78rem}.dest-lbl{font-size:.7rem;color:#78350f;font-weight:700;display:block}.dest-val{color:#0f172a;display:block}.address-text{font-size:.76rem;color:#334155;line-height:1.35}.pic-highlight-row{background:#f0fdf4;border:1px solid #bbf7d0;padding:8px 10px;border-radius:8px}.pic-actions-cluster{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;flex-wrap:wrap}.pic-quick-buttons{display:flex;gap:6px}.btn-pic-action{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:6px;font-size:.72rem;font-weight:750;text-decoration:none;cursor:pointer;transition:all .15s}.btn-pic-call{background:#0284c7;color:#fff!important}.btn-pic-wa{background:#16a34a;color:#fff!important}.btn-pic-action:hover{transform:translateY(-1px);filter:brightness(1.05)}.shipping-label-preview-wrap{background:#1e293b;border-radius:10px;padding:10px 12px;margin-bottom:12px}.label-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.label-preview-head span{font-size:.74rem;font-weight:750;color:#cbd5e1}.btn-copy-label{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:6px;font-size:.7rem;font-weight:750;background:#334155;color:#f8fafc;border:none;cursor:pointer;transition:all .15s}.btn-copy-label:hover{background:#475569}.btn-copy-label.copied{background:#16a34a;color:#fff}.label-preview-text{font-family:monospace;font-size:.72rem;color:#93c5fd;white-space:pre-wrap;margin:0;line-height:1.4;-webkit-user-select:all;user-select:all}.courier-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.select-courier{font-size:.8rem}.field-hint{font-size:.68rem;color:#b45309;display:block;margin-top:3px}.local-posko-details{background:#fff;border:1px solid #bbf7d0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:.78rem}.local-pic-line{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px dashed #dcfce7}.item-selection-tabs{display:flex;gap:8px;margin-bottom:10px}.btn-item-mode{padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:700;background:#fff;border:1px solid #cbd5e1;color:#475569;cursor:pointer}.btn-item-mode.active{background:#0284c7;color:#fff;border-color:#0284c7}.related-items-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.btn-related-pill{padding:5px 10px;border-radius:7px;font-size:.76rem;font-weight:600;background:#fff;border:1px solid #cbd5e1;color:#334155;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s}.btn-related-pill:hover{border-color:#0284c7;background:#f0f9ff}.btn-related-pill.active{background:#eff6ff;border-color:#0284c7;color:#0284c7;font-weight:800}.pill-satuan{font-size:.68rem;color:#64748b}.target-item-box-clean{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.target-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.target-item-cat{font-size:.72rem;font-weight:750;color:#0284c7;text-transform:uppercase}.target-item-urgency{font-size:.66rem;font-weight:800;padding:2px 6px;border-radius:4px}.target-item-urgency.kritis{background:#fee2e2;color:#dc2626}.target-item-urgency.tinggi{background:#ffedd5;color:#ea580c}.target-item-urgency.sedang{background:#fef9c3;color:#ca8a04}.target-item-name{font-size:.95rem;font-weight:800;color:var(--text-main, #0f172a);margin:0 0 4px}.target-item-stats{display:flex;justify-content:space-between;font-size:.76rem;color:#64748b}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group-dispatch{display:flex;flex-direction:column;gap:4px}.form-group-dispatch label{font-size:.78rem;font-weight:700;color:var(--text-main, #334155)}.input-dispatch{padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;font-size:.84rem;background:#fff;color:#0f172a;outline:none;transition:all .15s}.input-dispatch:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.donation-official-notice{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #0284c7;padding:10px 12px;border-radius:8px;display:flex;align-items:flex-start;gap:10px}.notice-icon{color:#0284c7;flex-shrink:0;margin-top:2px}.donation-official-notice strong{font-size:.78rem;color:#0f172a;display:block}.donation-official-notice p{font-size:.72rem;color:#475569;margin:2px 0 0;line-height:1.35}.donation-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.btn-dispatch-cancel{padding:9px 18px;background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer}.btn-dispatch-cancel:hover{background:#e2e8f0}.btn-donation-submit{padding:9px 20px;background:#0284c7;border:none;color:#fff;border-radius:8px;font-weight:750;font-size:.85rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0284c740}.btn-donation-submit:hover{background:#0369a1;transform:translateY(-1px)}@media (max-width: 600px){.donation-modal-card{border-radius:14px;max-height:96vh}.form-row-2,.courier-input-grid{grid-template-columns:1fr}.donation-modal-header,.donation-form-scrollable{padding:12px 14px}.donation-actions{flex-direction:column-reverse;gap:8px}.btn-donation-submit,.btn-dispatch-cancel{width:100%;justify-content:center;padding:11px}}.family-search-warga-container{display:flex;flex-direction:column;gap:20px;animation:fadeIn .25s ease-out}.family-vibrant-header-card{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(226, 232, 240, .8));border-radius:18px;padding:24px;box-shadow:0 4px 20px #0000000a;position:relative;overflow:hidden}.family-vibrant-header-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#0284c7)}.header-badge-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.live-pill-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#10b9811f;color:#047857;font-size:.75rem;font-weight:750;letter-spacing:.5px}[data-theme=dark] .live-pill-badge{background:#10b98140;color:#6ee7b7}.spin-icon-slow{animation:spin 6s linear infinite}.source-inst-badge{font-size:.78rem;color:var(--text-muted, #64748b);font-weight:600}.header-content-flex{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.family-page-title{font-size:1.55rem;font-weight:800;color:var(--text-main, #0f172a);margin-bottom:6px;letter-spacing:-.02em}.text-gradient-purple{background:linear-gradient(135deg,#059669,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.family-page-desc{font-size:.92rem;color:var(--text-muted, #475569);line-height:1.5;max-width:680px}.header-stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-hover, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:14px;padding:12px 20px;min-width:140px;text-align:center;flex-shrink:0}.stat-num{font-size:1.8rem;font-weight:850;color:#059669;line-height:1}[data-theme=dark] .stat-num{color:#34d399}.stat-label{font-size:.75rem;font-weight:700;color:var(--text-muted, #64748b);margin-top:4px}.family-nav-pills-wrap{display:flex;gap:10px;border-top:1px solid var(--border-subtle, #f1f5f9);padding-top:16px;flex-wrap:wrap}.family-nav-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-hover, #f8fafc);color:var(--text-main, #334155);font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.family-nav-pill:hover{background:var(--surface, #ffffff);border-color:#059669;color:#059669;transform:translateY(-1px)}.family-nav-pill.active{background:linear-gradient(135deg,#059669,#047857);color:#fff;border-color:#047857;box-shadow:0 4px 14px #0596694d}.pill-count-bubble{background:#00000014;color:inherit;font-size:.72rem;padding:2px 7px;border-radius:999px;font-weight:800}.family-nav-pill.active .pill-count-bubble{background:#ffffff40;color:#fff}.pill-ai-badge{background:#d97706;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:999px;font-weight:800;letter-spacing:.3px;box-shadow:0 2px 6px #d9770659}.family-toast-notification{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;font-size:.9rem;font-weight:650;animation:slideDown .3s ease-out}.family-toast-notification.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.family-toast-notification.error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.family-toast-notification.info{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}[data-theme=dark] .family-toast-notification.success{background:#065f4633;color:#6ee7b7;border-color:#6ee7b74d}[data-theme=dark] .family-toast-notification.info{background:#3730a340;color:#c7d2fe;border-color:#c7d2fe4d}.search-control-card{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 12px #00000008}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:14px;color:#6366f1;pointer-events:none}.search-main-input{width:100%;padding:13px 44px 13px 46px;border-radius:12px;border:1.5px solid var(--border-subtle, #cbd5e1);background:var(--surface-hover, #f8fafc);color:var(--text-main, #0f172a);font-size:.96rem;font-weight:550;transition:all .2s ease}.search-main-input:focus{outline:none;border-color:#6366f1;background:var(--surface, #ffffff);box-shadow:0 0 0 4px #6366f126}.btn-clear-search{position:absolute;right:12px;background:none;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center}.btn-clear-search:hover{background:#0000000f;color:var(--text-main, #0f172a)}.shelter-filter-pills-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-label-text{font-size:.8rem;font-weight:700;color:var(--text-muted, #64748b);display:flex;align-items:center;gap:4px}.btn-shelter-pill{padding:7px 16px;border-radius:999px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-hover, #f8fafc);color:var(--text-main, #475569);font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;transition:all .18s ease}.btn-shelter-pill:hover{border-color:#059669;color:#059669}.btn-shelter-pill.active{background:#059669;color:#fff;border-color:#047857;box-shadow:0 2px 8px #05966947}.demo-chips-hint-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed var(--border-subtle, #e2e8f0)}.demo-hint-title{font-size:.78rem;font-weight:750;color:#0284c7}.demo-chip-action{background:#0284c714;border:1px solid rgba(2,132,199,.22);color:#0284c7;font-size:.78rem;font-weight:650;padding:4px 11px;border-radius:8px;cursor:pointer;transition:all .15s ease}[data-theme=dark] .demo-chip-action{background:#0284c733;color:#7dd3fc;border-color:#0284c759}.demo-chip-action:hover{background:#0284c7;color:#fff;transform:translateY(-1px)}.refugees-results-header{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.refugees-results-header h3{font-size:1.05rem;font-weight:750;color:var(--text-main, #0f172a)}.count-tag{color:#059669;font-weight:700;font-size:.88rem}.btn-reset-filters{background:none;border:none;color:#0284c7;font-size:.82rem;font-weight:650;cursor:pointer;text-decoration:underline}.refugees-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:20px;align-items:stretch}.refugee-profile-card{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #00000008;transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box;height:100%}.refugee-profile-card:hover{border-color:#34d399;transform:translateY(-2px);box-shadow:0 10px 28px #05966914}[data-theme=dark] .refugee-profile-card:hover{border-color:#059669;box-shadow:0 10px 28px #0006}.refugee-card-header{height:76px;min-height:76px;max-height:76px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:10px}.refugee-avatar-cluster{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.refugee-avatar-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#10b98126,#0284c71f);border:1px solid rgba(16,185,129,.25);color:#059669;display:grid;place-items:center;flex-shrink:0}[data-theme=dark] .refugee-avatar-badge{background:#10b98133;color:#34d399;border-color:#10b98159}.refugee-name-group{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.refugee-name-title{font-size:1.05rem;font-weight:800;color:var(--text-main, #0f172a);margin:0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refugee-nick{color:#0284c7;font-weight:700;font-size:.9rem}[data-theme=dark] .refugee-nick{color:#38bdf8}.refugee-badges-row{display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden}.badge-age-tag{background:var(--surface-hover, #f1f5f9);color:var(--text-muted, #475569);font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:6px;border:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0}.badge-verified-tag{background:#ecfdf5;color:#059669;border:1px solid rgba(16,185,129,.3);font-size:.72rem;font-weight:750;padding:2px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}[data-theme=dark] .badge-verified-tag{background:#05966933;color:#34d399}.badge-pending-tag{background:#fffbeb;color:#b45309;border:1px solid rgba(245,158,11,.3);font-size:.72rem;font-weight:750;padding:2px 7px;border-radius:6px;white-space:nowrap;flex-shrink:0}.shelter-location-pill{background:#0284c714;border:1px solid rgba(2,132,199,.22);color:#0284c7;font-size:.72rem;font-weight:750;padding:4px 8px;border-radius:8px;display:flex;align-items:center;gap:5px;flex-shrink:0;width:125px;min-width:125px;max-width:125px;height:48px;box-sizing:border-box;line-height:1.25;text-align:left}.shelter-location-pill span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .shelter-location-pill{background:#0284c733;color:#7dd3fc;border-color:#0284c759}.refugee-details-body{height:148px;min-height:148px;max-height:148px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;background:var(--surface-hover, #f8fafc);padding:10px 14px;border-radius:12px;border:1px solid var(--border-subtle, #f1f5f9);gap:6px}.detail-row{height:22px;min-height:22px;max-height:22px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;gap:8px}.detail-label{color:var(--text-muted, #64748b);font-weight:650;flex-shrink:0;white-space:nowrap}.detail-value{color:var(--text-main, #1e293b);font-weight:700;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.detail-notes-box{height:32px;min-height:32px;max-height:32px;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;background:#0284c70f;border:1px solid rgba(2,132,199,.15);border-radius:7px;color:#0369a1;font-size:.76rem;overflow:hidden}.detail-notes-box small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}[data-theme=dark] .detail-notes-box{background:#0284c726;color:#7dd3fc;border-color:#0284c740}.refugee-coordinator-strip{height:52px;min-height:52px;max-height:52px;box-sizing:border-box;margin-top:0!important;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#10b9810f;border:1px solid rgba(16,185,129,.18);border-radius:9px;gap:8px}[data-theme=dark] .refugee-coordinator-strip{background:#10b9811f;border-color:#10b98140}.coord-info{display:flex;flex-direction:column;min-width:0;flex:1}.coord-label{color:var(--text-muted, #64748b);font-size:.68rem;font-weight:650;line-height:1.1}.coord-name{color:var(--text-main, #0f172a);font-weight:750;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coord-phone-link{height:32px;box-sizing:border-box;display:inline-flex;align-items:center;gap:5px;color:#059669;font-weight:800;text-decoration:none;background:var(--surface);padding:0 10px;border-radius:7px;border:1px solid rgba(16,185,129,.25);transition:all .2s;font-size:.78rem;white-space:nowrap;flex-shrink:0}.coord-phone-link:hover{background:#059669;color:#fff}[data-theme=dark] .coord-phone-link{color:#34d399}.refugee-card-actions{height:44px;min-height:44px;max-height:44px;box-sizing:border-box;margin-top:0!important;display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-card-action{height:44px;box-sizing:border-box;padding:0 10px;border-radius:10px;font-size:.82rem;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:all .18s ease}.btn-call-posko{background:var(--surface, #ffffff);border:1.5px solid var(--border-subtle, #cbd5e1);color:var(--text-main, #334155)}.btn-call-posko:hover{background:var(--surface-hover, #f1f5f9);border-color:#0284c7;color:#0284c7;transform:translateY(-1px)}.btn-claim-family{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.4);color:#fff;box-shadow:0 4px 12px #05966940}.btn-claim-family:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #05966959;transform:translateY(-1px)}.express-match-wrapper{display:flex;flex-direction:column;gap:24px}.express-form-card{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:18px;padding:24px;box-shadow:0 4px 18px #00000008}.form-heading-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.form-icon-bubble{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-main-title{font-size:1.25rem;font-weight:800;color:var(--text-main, #0f172a);margin-bottom:4px}.form-subtitle{font-size:.88rem;color:var(--text-muted, #64748b);line-height:1.45}.form-demo-autofill-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;background:#6366f10f;border:1px dashed rgba(99,102,241,.3);border-radius:12px;margin-bottom:20px}.autofill-label{font-size:.78rem;font-weight:800;color:#4f46e5}.btn-demo-autofill{background:var(--surface, #ffffff);border:1px solid rgba(99,102,241,.3);color:#4f46e5;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-demo-autofill:hover{background:#6366f1;color:#fff;border-color:#6366f1}.express-fields-form{display:flex;flex-direction:column;gap:16px}.form-row-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.form-row-two-col{grid-template-columns:1fr}}.express-form-group{display:flex;flex-direction:column;gap:6px}.express-label{font-size:.84rem;font-weight:700;color:var(--text-main, #334155)}.req-star{color:#ef4444}.express-input{padding:11px 14px;border-radius:10px;border:1.5px solid var(--border-subtle, #cbd5e1);background:var(--surface-hover, #f8fafc);color:var(--text-main, #0f172a);font-size:.92rem;transition:all .2s ease}.express-input:focus{outline:none;border-color:#6366f1;background:var(--surface, #ffffff);box-shadow:0 0 0 3px #6366f126}.toggle-advanced-wrap{display:flex;flex-direction:column;gap:8px}.btn-toggle-advanced{background:none;border:none;color:#6366f1;font-size:.82rem;font-weight:700;cursor:pointer;padding:0;text-align:left}.btn-toggle-advanced:hover{text-decoration:underline}.advanced-textarea-box{animation:fadeIn .2s ease-out}.express-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border-subtle, #cbd5e1);background:var(--surface-hover, #f8fafc);color:var(--text-main, #0f172a);font-size:.9rem}.btn-submit-instant-match{margin-top:10px;padding:15px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.02rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #6366f159;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-submit-instant-match:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 24px #6366f173}.btn-submit-instant-match:disabled{opacity:.75;cursor:not-allowed}.instant-results-container{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:18px;padding:24px;box-shadow:0 4px 20px #0000000a;animation:fadeIn .3s ease-out}.instant-results-header{margin-bottom:20px;border-bottom:1px solid var(--border-subtle, #f1f5f9);padding-bottom:16px}.header-match-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#10b9811f;color:#059669;font-size:.74rem;font-weight:800;letter-spacing:.5px;margin-bottom:8px}.instant-results-header h3{font-size:1.3rem;font-weight:800;color:var(--text-main, #0f172a)}.instant-header-note{font-size:.88rem;color:var(--text-muted, #64748b);margin-top:4px}.no-immediate-match-box{display:flex;gap:16px;padding:18px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a}.alert-icon-warning{color:#d97706;flex-shrink:0;margin-top:2px}.no-match-text h4{font-size:1rem;font-weight:750;color:#92400e;margin-bottom:4px}.no-match-text p{font-size:.86rem;color:#78350f;line-height:1.5}.matches-candidate-cards-list{display:flex;flex-direction:column;gap:18px}.candidate-match-card{background:var(--surface-hover, #f8fafc);border:1.5px solid var(--border-subtle, #cbd5e1);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:all .2s ease}.candidate-match-card.strong-border{border-color:#10b981;background:#10b98105}.candidate-match-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.candidate-badge-order{font-size:.72rem;font-weight:800;color:#6366f1;text-transform:uppercase;letter-spacing:.5px}.candidate-name-large{font-size:1.3rem;font-weight:850;color:var(--text-main, #0f172a);margin:4px 0}.candidate-shelter-tag{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:750;color:#4f46e5;background:#6366f11a;padding:3px 10px;border-radius:6px}.score-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;border-radius:12px;text-align:center;min-width:110px}.score-bubble.score-high{background:#ecfdf5;border:1.5px solid #10b981;color:#065f46}.score-bubble.score-medium{background:#eff6ff;border:1.5px solid #3b82f6;color:#1e40af}.score-number{font-size:1.45rem;font-weight:900;line-height:1}.score-label{font-size:.68rem;font-weight:800;margin-top:2px;text-transform:uppercase;letter-spacing:.3px}.candidate-evidence-box{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px;padding:14px}.evidence-title{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800;color:#6366f1;margin-bottom:8px}.evidence-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.evidence-item{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--text-main, #334155)}.check-icon-green{color:#10b981;flex-shrink:0;margin-top:2px}.candidate-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:10px;padding:10px 14px}@media (max-width: 768px){.candidate-meta-grid{grid-template-columns:repeat(2,1fr)}}.meta-box{display:flex;flex-direction:column;gap:2px;font-size:.82rem}.meta-label{font-size:.72rem;color:var(--text-muted, #64748b);font-weight:600}.candidate-actions-footer{display:flex;gap:10px;flex-wrap:wrap}.btn-candidate-call{flex:1;padding:12px 18px;border-radius:10px;border:1.5px solid #6366f1;background:var(--surface, #ffffff);color:#4f46e5;font-size:.88rem;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .16s ease}.btn-candidate-call:hover{background:#6366f1;color:#fff}.btn-candidate-claim{flex:1;padding:12px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.88rem;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 10px #10b9814d;transition:all .16s ease}.btn-candidate-claim:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.history-reports-wrapper{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:18px;padding:24px}.history-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-subtle, #f1f5f9);padding-bottom:14px}.history-header-row h3{font-size:1.25rem;font-weight:800;color:var(--text-main, #0f172a)}.history-header-row p{font-size:.85rem;color:var(--text-muted, #64748b)}.btn-create-new-report{padding:9px 16px;border-radius:10px;border:none;background:#6366f1;color:#fff;font-size:.85rem;font-weight:750;cursor:pointer;transition:all .16s ease}.btn-create-new-report:hover{background:#4f46e5}.history-cards-list{display:flex;flex-direction:column;gap:14px}.history-report-card{border:1px solid var(--border-subtle, #e2e8f0);border-radius:14px;padding:16px 18px;background:var(--surface-hover, #f8fafc);display:flex;flex-direction:column;gap:10px}.history-card-topbar{display:flex;justify-content:space-between;align-items:flex-start}.report-ref-badge{font-size:.72rem;font-weight:750;color:var(--text-muted, #64748b);background:var(--surface, #ffffff);padding:2px 6px;border-radius:4px;border:1px solid var(--border-subtle, #e2e8f0)}.report-person-name{font-size:1.1rem;font-weight:800;color:var(--text-main, #0f172a);margin:3px 0 0}.status-badge-chip{padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:750}.status-badge-chip.status-kandidat-ditemukan{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-badge-chip.status-sedang-dicocokkan{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.status-badge-chip.status-kecocokan-terkonfirmasi{background:#fdf4ff;color:#a21caf;border:1px solid #f0abfc}.history-card-body{display:flex;gap:16px;font-size:.84rem;color:var(--text-muted, #475569);flex-wrap:wrap}.history-notice-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:.84rem;font-weight:600}.history-notice-box.success{background:#ecfdf5;color:#065f46}.history-notice-box.confirmed{background:#fdf4ff;color:#86198f}.history-card-footer{display:flex;justify-content:flex-end}.btn-history-action{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #cbd5e1);color:var(--text-main, #334155);padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-history-action:hover{border-color:#0284c7;color:#0284c7}.history-auth-notice-card{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,#10b98114,#0284c70f);border:1px solid rgba(16,185,129,.25);border-radius:14px;padding:14px 18px;margin-bottom:20px}[data-theme=dark] .history-auth-notice-card{background:#10b9811f;border-color:#10b9814d}.notice-icon-circle{width:40px;height:40px;border-radius:10px;background:#ecfdf5;border:1px solid rgba(16,185,129,.3);color:#059669;display:grid;place-items:center;flex-shrink:0}[data-theme=dark] .notice-icon-circle{background:#05966940;color:#34d399}.notice-content{flex:1;min-width:0}.notice-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:4px}.notice-title-row strong{font-size:.95rem;color:var(--text-main, #0f172a)}.badge-device-sync{display:inline-flex;align-items:center;gap:5px;background:#0284c71a;color:#0284c7;border:1px solid rgba(2,132,199,.25);padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:750}[data-theme=dark] .badge-device-sync{background:#0284c733;color:#7dd3fc}.notice-content p{font-size:.83rem;color:var(--text-muted, #475569);line-height:1.45;margin:0}.history-search-tracker-card{background:var(--surface-hover, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:16px;padding:18px 20px;margin-bottom:24px}[data-theme=dark] .history-search-tracker-card{background:#1e293b99;border-color:#334155cc}.tracker-header-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.tracker-title-group{display:flex;align-items:flex-start;gap:10px}.tracker-icon-main{color:#0284c7;margin-top:3px;flex-shrink:0}.tracker-title{font-size:1.05rem;font-weight:800;color:var(--text-main, #0f172a);margin:0}.tracker-subtitle{font-size:.8rem;color:var(--text-muted, #64748b);margin:2px 0 0}.tracker-quick-demos{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-demo-lbl{font-size:.74rem;color:var(--text-muted, #64748b);font-weight:650}.btn-quick-demo-ref{background:var(--surface, #ffffff);border:1px dashed rgba(2,132,199,.35);color:#0284c7;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s}.btn-quick-demo-ref:hover{background:#0284c71a;border-color:#0284c7}.tracker-form-row{display:flex;gap:10px;align-items:center}@media (max-width: 600px){.tracker-form-row{flex-direction:column}}.tracker-input-wrapper{position:relative;flex:1;display:flex;align-items:center;width:100%}.tracker-field-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.tracker-input{width:100%;padding:11px 40px 11px 42px;border-radius:10px;border:1.5px solid var(--border-subtle, #cbd5e1);background:var(--surface, #ffffff);color:var(--text-main, #0f172a);font-size:.88rem;font-weight:600;outline:none;transition:border-color .2s,box-shadow .2s}.tracker-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.btn-clear-tracker{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:grid;place-items:center}.btn-clear-tracker:hover{color:var(--text-main)}.btn-do-track{height:44px;padding:0 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:.86rem;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:0 4px 12px #0284c740;transition:all .18s;flex-shrink:0}.btn-do-track:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.btn-do-track:disabled{opacity:.65;cursor:not-allowed}.tracked-result-container{margin-top:18px;padding-top:16px;border-top:1px dashed var(--border-subtle, #cbd5e1);animation:fadeIn .2s ease-out}.tracked-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tracked-count-badge{display:inline-flex;align-items:center;gap:5px;color:#059669;font-weight:750;font-size:.82rem}.btn-dismiss-tracked{background:none;border:none;color:var(--text-muted, #64748b);font-size:.78rem;cursor:pointer;text-decoration:underline}.tracked-highlight{border-left:4px solid #0284c7!important;background:var(--surface, #ffffff)!important;box-shadow:0 4px 16px #0284c714}.btn-save-to-device{display:inline-flex;align-items:center;gap:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#059669;padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:750;cursor:pointer;transition:all .15s}.btn-save-to-device:hover{background:#059669;color:#fff}.tracked-empty-card{display:flex;align-items:flex-start;gap:12px;background:#fffbeb;border:1px solid #fef3c7;border-radius:10px;padding:14px 16px;color:#92400e}[data-theme=dark] .tracked-empty-card{background:#f59e0b1f;border-color:#f59e0b40;color:#fde68a}.alert-empty-icon{color:#d97706;flex-shrink:0;margin-top:2px}.tracked-empty-card strong{font-size:.9rem;display:block;margin-bottom:3px}.tracked-empty-card p{font-size:.82rem;margin:0;line-height:1.45}.history-device-list-container{margin-top:10px}.family-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease-out}.family-modal-content{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #cbd5e1);border-radius:20px;width:100%;max-width:520px;box-shadow:0 20px 45px #0003;overflow:hidden;animation:scaleUp .2s cubic-bezier(.16,1,.3,1)}.modal-header-row{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.modal-header-title-group{display:flex;align-items:center;gap:12px}.modal-header-icon{color:#6366f1}.modal-header-row h4{font-size:1.15rem;font-weight:800;color:var(--text-main, #0f172a);margin:0}.modal-header-row p{font-size:.8rem;color:var(--text-muted, #64748b);margin:2px 0 0}.btn-modal-close{background:none;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:4px;border-radius:50%;display:flex}.btn-modal-close:hover{background:#0000000d;color:var(--text-main, #0f172a)}.modal-body-content{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.modal-refugee-target-box{background:var(--surface-hover, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:2px}.target-label{font-size:.72rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.5px}.target-sub{font-size:.8rem;color:var(--text-muted, #64748b)}.posko-info-block{display:flex;flex-direction:column;gap:10px;font-size:.86rem}.posko-field-item{display:flex;flex-direction:column;gap:2px}.field-lbl{font-size:.74rem;font-weight:700;color:var(--text-muted, #64748b)}.field-val{font-size:.9rem;font-weight:650;color:var(--text-main, #0f172a)}.modal-action-buttons-stack{display:flex;flex-direction:column;gap:10px;margin-top:6px}.btn-modal-action{padding:13px 18px;border-radius:12px;font-size:.92rem;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:all .16s ease}.btn-wa-action{background:#25d366;color:#fff;border:none;box-shadow:0 3px 12px #25d36659}.btn-wa-action:hover{background:#20bd5a;transform:translateY(-1px)}.btn-tel-action{background:#6366f1;color:#fff;border:none;box-shadow:0 3px 12px #6366f14d}.btn-tel-action:hover{background:#4f46e5;transform:translateY(-1px)}.claim-modal-form{display:flex;flex-direction:column;gap:14px}.claim-form-group{display:flex;flex-direction:column;gap:5px}.claim-form-group label{font-size:.82rem;font-weight:700;color:var(--text-main, #334155)}.claim-form-group input,.claim-form-group select{padding:10px 14px;border-radius:10px;border:1.5px solid var(--border-subtle, #cbd5e1);background:var(--surface-hover, #f8fafc);color:var(--text-main, #0f172a);font-size:.9rem}.claim-security-hint{font-size:.78rem;color:var(--text-muted, #64748b);line-height:1.4;margin:4px 0}.btn-submit-claim{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.claim-success-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 10px;gap:10px}.claim-success-icon{color:#10b981}.claim-success-card h4{font-size:1.25rem;font-weight:850;color:#065f46;margin:0}.claim-success-card p{font-size:.9rem;color:var(--text-muted, #475569);line-height:1.5}.btn-claim-finish{margin-top:10px;padding:10px 24px;border-radius:10px;background:#6366f1;color:#fff;border:none;font-weight:750;cursor:pointer}.loading-state-card,.empty-results-card{background:var(--surface, #ffffff);border:1px dashed var(--border-subtle, #cbd5e1);border-radius:16px;padding:44px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.empty-icon-lg{color:#94a3b8}.empty-results-card h4{font-size:1.1rem;font-weight:750;color:var(--text-main, #0f172a);margin:0}.empty-results-card p{font-size:.88rem;color:var(--text-muted, #64748b);max-width:480px;margin:0}.btn-switch-to-match{margin-top:8px;padding:10px 20px;border-radius:10px;border:none;background:#6366f1;color:#fff;font-size:.88rem;font-weight:750;cursor:pointer;transition:all .16s ease}.btn-switch-to-match:hover{background:#4f46e5;transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.family-vibrant-header-card{padding:18px 16px;border-radius:16px}.header-content-flex{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:14px}.family-page-title{font-size:1.3rem}.header-stat-box{width:100%;justify-content:space-around}.family-nav-pills-wrap{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.family-nav-pill{flex-shrink:0;white-space:nowrap;padding:8px 14px;font-size:.82rem}.search-control-card{padding:14px 16px;border-radius:14px}.demo-chips-scroll{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.demo-chip-action{flex-shrink:0}.refugees-cards-grid{grid-template-columns:1fr;gap:12px}.express-form-card,.history-reports-wrapper{padding:18px 16px;border-radius:16px}}@media (max-width: 480px){.family-vibrant-header-card{padding:14px 12px}.family-page-title{font-size:1.15rem}.family-page-desc{font-size:.82rem}.refugee-profile-card{padding:14px;border-radius:14px}.refugee-card-actions{flex-direction:column;gap:8px}.btn-call-posko,.btn-claim-family{width:100%;justify-content:center}}.island-filter-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.island-filter-row::-webkit-scrollbar{display:none}.island-filter-label{font-size:.76rem;font-weight:750;color:#64748b;white-space:nowrap;display:flex;align-items:center;gap:5px}.btn-island-pill{padding:6px 13px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.78rem;font-weight:650;cursor:pointer;white-space:nowrap;transition:all .18s ease;-webkit-user-select:none;user-select:none}.btn-island-pill:hover{background:#e2e8f0;color:#1e293b}.btn-island-pill.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;color:#fff;box-shadow:0 2px 8px #2563eb4d}.badge-region-tag{display:inline-flex;align-items:center;gap:4px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;margin-top:4px}.captcha-group-container{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin:14px 0 16px;transition:border-color .2s}.captcha-group-container:focus-within{border-color:#6366f1;background:#fff}.captcha-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.captcha-label-wrap{display:flex;align-items:center;gap:6px}.captcha-shield-icon{color:#4f46e5;flex-shrink:0}.captcha-instruction{font-size:.75rem;color:#64748b;font-weight:500}.captcha-control-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.captcha-visual-badge{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:130px;height:44px;padding:0 16px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:8px;box-shadow:inset 0 2px 4px #0006,0 2px 8px #4f46e540;-webkit-user-select:none;user-select:none;cursor:default}.captcha-code-text{font-family:Courier New,Courier,monospace,monospace;font-size:1.35rem;font-weight:900;letter-spacing:5px;color:#38bdf8;text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 0 rgba(255,255,255,.2);transform:skew(-8deg);position:relative;z-index:2}.captcha-noise-line{position:absolute;top:50%;left:-20%;right:-20%;height:2px;background:#eef2ff40;transform:rotate(-15deg);pointer-events:none}.noise-line-2{transform:rotate(18deg);background:#f43f5e59}.btn-refresh-captcha{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:.8rem;font-weight:650;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-refresh-captcha:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.captcha-input-field{flex:1;min-width:140px;height:44px;font-size:.95rem;font-family:inherit;font-weight:700;letter-spacing:2px;text-transform:uppercase}.captcha-input-field.input-error{border-color:#ef4444!important;background:#fef2f2!important;box-shadow:0 0 0 3px #ef444426!important}.captcha-error-alert{display:flex;align-items:center;gap:6px;margin-top:8px;padding:7px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.78rem;font-weight:600;animation:slideDown .2s ease-out}@media (max-width: 640px){.form-row-two-col{grid-template-columns:1fr;gap:12px}.form-demo-autofill-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.form-demo-autofill-strip::-webkit-scrollbar{display:none}.btn-demo-autofill{flex-shrink:0;white-space:nowrap;font-size:.74rem;padding:5px 10px}.candidate-match-card{padding:14px}.candidate-match-topbar{flex-direction:column;align-items:flex-start;gap:10px}.candidate-match-score-badge{align-self:flex-start}.candidate-actions-footer{flex-direction:column}.btn-candidate-call,.btn-candidate-claim{width:100%;min-height:44px;font-size:.84rem}}@media (max-width: 480px){.captcha-control-box{flex-direction:column;align-items:stretch}.captcha-visual-badge{width:100%;height:48px}.btn-refresh-captcha{width:100%;justify-content:center;height:40px}.captcha-input-field{width:100%;height:46px;text-align:center}.btn-submit-instant-match{min-height:48px;font-size:.92rem;padding:12px 14px;width:100%}.express-input,.express-textarea{font-size:16px;min-height:44px}.express-form-card{padding:14px 12px}.header-actions-row{flex-direction:column}}@media (max-width: 360px){.family-page-title{font-size:1.05rem}.family-nav-pill{padding:6px 10px;font-size:.74rem}}.bmkg-live-card{position:relative;background:#082621bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(74,222,128,.22);border-radius:20px;padding:20px 22px;color:#ecfdf5;box-shadow:0 20px 50px #00000059,inset 0 1px 1px #ffffff1a;display:flex;flex-direction:column;gap:14px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;transition:all .3s ease}.bmkg-live-card:hover{border-color:#4ade8061;box-shadow:0 24px 60px #0000006b,inset 0 1px 1px #ffffff26}.bmkg-header-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.bmkg-radar-badge{display:inline-flex;align-items:center;gap:7px;background:#22c55e24;border:1px solid rgba(74,222,128,.3);padding:5px 11px;border-radius:999px;position:relative}.bmkg-live-pulsar{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:bmkgPulse 1.8s infinite}@keyframes bmkgPulse{0%{transform:scale(.95);opacity:.8;box-shadow:0 0 #4ade80b3}70%{transform:scale(1.2);opacity:1;box-shadow:0 0 0 8px #4ade8000}to{transform:scale(.95);opacity:.8;box-shadow:0 0 #4ade8000}}.bmkg-radar-icon{color:#86efac}.bmkg-radar-text{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#86efac}.bmkg-header-controls{display:flex;align-items:center;gap:8px}.bmkg-location-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:5px 10px;border-radius:10px;font-size:.76rem;font-weight:650;color:#e2e8f0;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bmkg-location-pill:hover{background:#ffffff26;border-color:#4ade8066}.gps-active-pin{color:#4ade80;animation:pinBounce 2s infinite ease-in-out}.gps-inactive-pin{color:#cbd5e1}@keyframes pinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.bmkg-city-name{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmkg-dropdown-arrow{color:#94a3b8}.bmkg-refresh-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:all .2s}.bmkg-refresh-btn:hover{background:#4ade8033;color:#4ade80}.bmkg-refresh-btn.spinning svg,.spinning{animation:bmkgSpin 1s linear infinite}@keyframes bmkgSpin{to{transform:rotate(360deg)}}.bmkg-city-dropdown-menu{position:absolute;top:55px;right:20px;width:290px;max-height:320px;background:#0f2d26;border:1px solid rgba(74,222,128,.35);border-radius:14px;box-shadow:0 16px 40px #0009;z-index:99;display:flex;flex-direction:column;overflow:hidden;animation:fadeInDown .2s ease-out}.bmkg-dropdown-head{padding:10px 14px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px;font-size:.74rem;color:#94a3b8}.bmkg-detect-gps-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#16a34a;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:.74rem;font-weight:700;cursor:pointer;transition:background .2s}.bmkg-detect-gps-btn:hover{background:#22c55e}.bmkg-dropdown-list{overflow-y:auto;max-height:250px;padding:6px;display:flex;flex-direction:column;gap:2px}.bmkg-city-option{display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:none;padding:8px 10px;border-radius:8px;color:#e2e8f0;cursor:pointer;text-align:left;transition:all .15s}.bmkg-city-option:hover{background:#4ade8026;color:#4ade80}.bmkg-city-option.active{background:#4ade8038;color:#86efac;font-weight:700}.bmkg-city-option strong{font-size:.8rem}.bmkg-city-option small{font-size:.68rem;color:#94a3b8}.bmkg-gps-alert-banner{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;color:#fde68a}.gps-request-again-btn{background:#f59e0b;color:#78350f;border:none;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:800;cursor:pointer;white-space:nowrap}.gps-request-again-btn:hover{background:#fbbf24}.bmkg-tabs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#0000004d;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.bmkg-tab-btn{display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;border-radius:8px;padding:8px 4px;color:#cbd5e1;font-size:.73rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bmkg-tab-btn:hover{color:#fff;background:#ffffff0f}.bmkg-tab-btn.active{background:#22c55e40;color:#86efac;border:1px solid rgba(74,222,128,.3);box-shadow:0 4px 12px #0003}.tab-warn-dot{width:6px;height:6px;border-radius:50%}.tab-warn-dot.red{background:#ef4444;box-shadow:0 0 6px #ef4444}.tab-magnitude-pill{background:#ef444440;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:.65rem;font-weight:800;padding:1px 5px;border-radius:6px}.bmkg-content-body{min-height:230px;display:flex;flex-direction:column}.bmkg-loading-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;gap:12px;color:#86efac;font-size:.82rem}.bmkg-weather-tab-pane{display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease-out}.bmkg-weather-hero{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#021c1866;border:1px solid rgba(255,255,255,.08);border-radius:14px}.bmkg-weather-left{display:flex;align-items:baseline;gap:14px}.bmkg-temp-row{display:flex;align-items:flex-start}.bmkg-big-temp{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;line-height:1;color:#fff;letter-spacing:-.04em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.bmkg-temp-unit{font-size:1.1rem;font-weight:600;color:#86efac;margin-top:4px}.bmkg-condition-text{display:flex;flex-direction:column}.bmkg-condition-text strong{font-size:1.05rem;color:#f1f5f9;letter-spacing:-.01em}.bmkg-sub-loc{font-size:.72rem;color:#94a3b8}.bmkg-weather-right{display:grid;place-items:center}.bmkg-weather-icon-img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.bmkg-weather-icon-fallback{color:#38bdf8}.bmkg-warning-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;font-size:.74rem;font-weight:650;line-height:1.4}.warning-high{background:#dc262633;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.warning-medium{background:#d9770633;border:1px solid rgba(245,158,11,.4);color:#fde68a}.warning-low{background:#10b98126;border:1px solid rgba(52,211,153,.3);color:#a7f3d0}.bmkg-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bmkg-metric-tile{background:#00000040;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;gap:4px}.metric-tile-label{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.65rem;color:#94a3b8;font-weight:600}.bmkg-metric-tile strong{font-size:.82rem;color:#fff}.risk-high{color:#f87171!important}.risk-med{color:#fbbf24!important}.risk-low{color:#4ade80!important}.status-synced{color:#38bdf8!important}.bmkg-hourly-forecast{display:flex;flex-direction:column;gap:6px;margin-top:2px}.forecast-title{font-size:.68rem;font-weight:700;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase}.forecast-slots-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-overflow-scrolling:touch}.forecast-slots-row::-webkit-scrollbar{height:4px}.forecast-slots-row::-webkit-scrollbar-track{background:transparent}.forecast-slots-row::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.forecast-slot-item{flex:0 0 calc(20% - 5px);min-width:62px;background:#00000038;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;transition:all .2s ease}.forecast-slot-item:hover{background:#ffffff14;border-color:#4ade804d}.slot-time{font-size:.66rem;font-weight:700;color:#cbd5e1}.slot-icon{width:22px;height:22px;object-fit:contain}.slot-temp{font-size:.72rem;font-weight:750;color:#fff}.slot-desc{font-size:.6rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bmkg-earthquake-tab-pane{display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease-out}.gempa-hero-banner{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#0f172a73;border:1px solid rgba(255,255,255,.1);border-radius:14px}.gempa-magnitude-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;height:58px;border-radius:14px;background:radial-gradient(circle,#dc2626,#991b1b);box-shadow:0 0 16px #dc262673;color:#fff}.gempa-mag-num{font-family:Outfit,sans-serif;font-size:1.55rem;font-weight:900;line-height:1}.gempa-mag-unit{font-size:.62rem;font-weight:800;letter-spacing:.1em;opacity:.85}.gempa-info-main{display:flex;flex-direction:column;gap:3px;min-width:0}.gempa-time-tag{font-size:.68rem;color:#fdba74;font-weight:700}.gempa-region-title{font-size:.88rem;color:#fff;font-weight:750;line-height:1.35;margin:0}.gempa-depth-tag{font-size:.72rem;color:#94a3b8}.gempa-distance-box{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;font-size:.76rem;line-height:1.45}.gempa-distance-box.danger{background:#dc262638;border:1px solid rgba(239,68,68,.45);color:#fca5a5}.gempa-distance-box.warning{background:#d9770638;border:1px solid rgba(245,158,11,.45);color:#fde68a}.gempa-distance-box.safe{background:#10b98129;border:1px solid rgba(52,211,153,.35);color:#a7f3d0}.distance-icon-col{padding-top:2px}.distance-content-col{display:flex;flex-direction:column;gap:2px}.distance-status-text strong{font-weight:800}.gempa-potensi-text{font-size:.7rem;opacity:.9;margin:0}.shakemap-action-row{display:flex}.btn-shakemap-view{display:inline-flex;align-items:center;gap:7px;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#7dd3fc;border-radius:9px;padding:8px 14px;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-shakemap-view:hover{background:#38bdf842;color:#fff}.recent-quakes-list{background:#0003;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.recent-quakes-title{font-size:.66rem;font-weight:750;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase}.recent-quake-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.7rem;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.recent-quake-row:last-child{border-bottom:none}.quake-mag{font-weight:800;color:#fb923c;min-width:38px}.quake-loc{color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.quake-time{color:#64748b;font-size:.65rem}.bmkg-reports-tab-pane{display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease-out}.reports-tab-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rep-metric{background:#00000042;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 8px;text-align:center}.rep-metric strong{display:block;font-family:Outfit,sans-serif;font-size:1.4rem;color:#fff;line-height:1}.rep-metric span{display:block;font-size:.65rem;color:#94a3b8;margin-top:4px}.text-orange{color:#fb923c!important}.text-green{color:#4ade80!important}.rep-highlight-card{background:#5f312252;border:1px solid rgba(253,186,116,.3);border-left:3px solid #fb923c;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.rep-badge-row{display:flex;gap:6px}.rep-type-tag{background:#fb923c;color:#431407;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:4px}.rep-status-tag{background:#ffffff1f;color:#f1f5f9;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:4px}.rep-title{color:#fff;font-size:.85rem;font-weight:750;margin:0}.rep-desc{font-size:.74rem;color:#cbd5e1;margin:0;line-height:1.4}.rep-need-box{background:#00000040;border-radius:6px;padding:6px 8px;font-size:.7rem;color:#fdba74}.btn-add-quick-report{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#22c55e;color:#052e16;border:none;border-radius:10px;padding:10px;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .2s;width:100%}.btn-add-quick-report:hover{background:#4ade80;transform:translateY(-1px)}.bmkg-widget-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:.68rem;color:#94a3b8}.bmkg-source-badge{display:inline-flex;align-items:center;gap:5px}.source-verified-icon{color:#4ade80}.bmkg-source-badge strong{color:#cbd5e1}.bmkg-last-sync{color:#64748b}.shakemap-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;justify-content:center;align-items:center;padding:16px;overflow-y:auto;animation:fadeIn .2s ease-out}.shakemap-modal-dialog{background:#0f172a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px;max-width:580px;width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 25px 70px #000000d9;display:flex;flex-direction:column}.shakemap-modal-head{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:#1e293b!important;border-bottom:1px solid rgba(255,255,255,.12)!important;flex-shrink:0}.shakemap-modal-head h3{font-size:1.12rem!important;font-weight:800!important;color:#fff!important;margin:0;letter-spacing:-.01em}.shakemap-modal-head p{font-size:.82rem!important;color:#94a3b8!important;margin:3px 0 0!important;font-weight:500}.btn-modal-close{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;width:34px;height:34px;border-radius:50%!important;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-modal-close:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;transform:scale(1.05)}.shakemap-img-container{padding:16px;background:#090d16!important;display:flex;justify-content:center;align-items:center;overflow:auto;flex:1 1 auto;min-height:0}.shakemap-full-img{max-width:100%;max-height:min(55vh,420px);width:auto;height:auto;object-fit:contain;border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0009;display:block}.shakemap-modal-foot{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#1e293b!important;border-top:1px solid rgba(255,255,255,.12)!important;font-size:.85rem!important;color:#e2e8f0!important;font-weight:600!important;flex-shrink:0;flex-wrap:wrap}.shakemap-modal-foot strong{color:#38bdf8!important;font-weight:800!important}.btn-bmkg-link{display:inline-flex;align-items:center;gap:6px;background:#0ea5e933!important;border:1px solid rgba(56,189,248,.5)!important;color:#38bdf8!important;padding:6px 14px!important;border-radius:8px!important;font-weight:800!important;text-decoration:none;transition:all .2s ease}@media (max-width: 768px){.bmkg-metrics-grid{grid-template-columns:repeat(2,1fr)}.forecast-slots-row{gap:5px}.forecast-slot-item{flex:0 0 calc(25% - 4px);min-width:58px}}@media (max-width: 600px){.bmkg-live-card{padding:10px 8px;border-radius:12px;gap:6px;box-sizing:border-box}.bmkg-header-row{gap:4px}.bmkg-radar-badge{padding:2px 6px}.bmkg-radar-text{font-size:.58rem}.bmkg-location-pill{padding:3px 6px;font-size:.68rem}.bmkg-city-name{max-width:95px}.bmkg-tabs-row{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:3px;padding:2px}.bmkg-tabs-row::-webkit-scrollbar{display:none}.bmkg-tab-btn{flex:1 0 auto;padding:4px 6px;font-size:.66rem;gap:3px;white-space:nowrap}.tab-magnitude-pill{font-size:.56rem;padding:1px 3px}.bmkg-weather-hero{padding:6px 8px;gap:6px;box-sizing:border-box}.bmkg-weather-left{gap:6px;min-width:0;flex:1}.bmkg-big-temp{font-size:1.65rem}.bmkg-temp-unit{font-size:.82rem}.bmkg-condition-text strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.bmkg-sub-loc{font-size:.64rem}.bmkg-weather-icon-img{width:34px;height:34px}.bmkg-warning-pill{padding:4px 8px;font-size:.66rem}}.bmkg-full-dashboard-wrap{display:flex;flex-direction:column;gap:20px;width:100%;animation:fadeIn .28s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bmkg-dashboard-header-card{background:linear-gradient(135deg,#063e26f2,#0d2822fa 60%,#0f1c2ef5);border:1px solid rgba(74,222,128,.28);border-radius:22px;padding:26px 30px;color:#fff;box-shadow:0 16px 45px #062e204d,inset 0 1px #ffffff26;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.header-top-ribbon{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.station-beacon-tag{display:inline-flex;align-items:center;gap:7px;background:#22c55e29;border:1px solid rgba(74,222,128,.35);padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#86efac}.live-ping-pulsar{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:pingPulse 1.8s infinite}@keyframes pingPulse{0%{transform:scale(.95);opacity:.8;box-shadow:0 0 #4ade80b3}70%{transform:scale(1.2);opacity:1;box-shadow:0 0 0 7px #4ade8000}to{transform:scale(.95);opacity:.8;box-shadow:0 0 #4ade8000}}.header-sync-time{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;color:#cbd5e1;font-weight:600}.btn-header-refresh{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.btn-header-refresh:hover{background:#fff3}.btn-header-refresh.spinning svg{animation:spin .8s linear infinite}.header-main-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-text-col{flex:1;min-width:300px}.bmkg-title{font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:850;color:#fff;font-family:Outfit,sans-serif;letter-spacing:-.03em;margin:0 0 8px;line-height:1.2}.text-highlight{background:linear-gradient(135deg,#4ade80,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bmkg-subtitle{font-size:.9rem;color:#cbd5e1;line-height:1.5;margin:0;max-width:760px}.btn-report-disaster-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:1px solid rgba(248,113,113,.4);padding:12px 20px;border-radius:12px;font-size:.88rem;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #dc262659;transition:all .22s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn-report-disaster-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px #dc262680;background:linear-gradient(135deg,#ef4444,#dc2626)}.bmkg-region-selector-bar{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.region-selector-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.region-active-badge{font-size:.74rem;background:#10b98126;border:1px solid rgba(52,211,153,.35);color:#6ee7b7;padding:3px 10px;border-radius:999px;font-weight:600}.region-selector-label{font-size:.78rem;font-weight:750;color:#a7f3d0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.region-chips-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.region-chips-scroll::-webkit-scrollbar{display:none}.btn-region-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:750;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;cursor:pointer;white-space:nowrap;transition:all .18s ease}.btn-region-chip:hover{background:#ffffff2e;border-color:#4ade8066}.btn-region-chip.active{background:linear-gradient(135deg,#059669,#047857);color:#fff;border-color:#34d399;box-shadow:0 4px 14px #0596694d}.btn-region-chip.active-gps{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf8;box-shadow:0 4px 14px #0284c74d}.bmkg-category-filter-strip{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.15);flex-wrap:wrap}.category-filter-label{font-size:.76rem;font-weight:750;color:#94a3b8;white-space:nowrap}.category-chips-row{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-chips-row::-webkit-scrollbar{display:none}.btn-cat-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:999px;font-size:.75rem;font-weight:700;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#cbd5e1;cursor:pointer;white-space:nowrap;transition:all .18s ease}.btn-cat-chip:hover{background:#ffffff2e;color:#fff}.btn-cat-chip.active{background:#3b82f6;border-color:#60a5fa;color:#fff;box-shadow:0 4px 12px #3b82f659}.bmkg-alert-banner-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1px solid rgba(239,68,68,.28);border-left:4px solid #ef4444;border-radius:14px;padding:12px 18px;box-shadow:0 4px 18px #ef444414,0 1px 3px #00000008}[data-theme=dark] .bmkg-alert-banner-strip{background:#0f172ad9;border-color:#ef444459;border-left-color:#ef4444;box-shadow:0 4px 20px #00000059}.alert-strip-icon-box{width:36px;height:36px;border-radius:10px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25);display:grid;place-items:center;flex-shrink:0}[data-theme=dark] .alert-strip-icon-box{background:#ef444433;color:#fca5a5;border-color:#ef444459}.alert-strip-text{flex:1;font-size:.84rem;color:var(--text-main);line-height:1.45}.alert-strip-text strong{margin-right:6px;color:#dc2626;font-weight:800}[data-theme=dark] .alert-strip-text strong{color:#fca5a5}.status-badge-orange{font-size:.72rem;font-weight:850;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;white-space:nowrap;letter-spacing:.04em;box-shadow:0 2px 10px #ef444459}@media (max-width: 768px){.bmkg-alert-banner-strip{padding:8px 10px;gap:8px;border-radius:10px;border-left-width:3px}.alert-strip-icon-box{width:28px;height:28px;border-radius:7px}.alert-strip-text{font-size:.75rem;line-height:1.35}.status-badge-orange{font-size:.65rem;padding:2px 8px}}@media (max-width: 480px){.bmkg-alert-banner-strip{padding:6px 8px;gap:6px}.alert-strip-text{font-size:.7rem}}.bmkg-main-two-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:20px;align-items:stretch;width:100%;box-sizing:border-box}.clean-white-card{box-sizing:border-box;width:100%}.bmkg-weather-card{display:flex;flex-direction:column;gap:16px;height:100%;width:100%;box-sizing:border-box}.bmkg-seismic-card{display:flex;flex-direction:column;gap:16px;height:100%;width:100%;box-sizing:border-box;justify-content:space-between}@media (max-width: 1080px){.bmkg-main-two-columns{grid-template-columns:1fr}}.card-section-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.heading-left{display:flex;flex-direction:column;gap:4px}.card-heading-tag{font-size:.7rem;font-weight:850;letter-spacing:.08em;padding:3px 9px;border-radius:999px;width:fit-content;text-transform:uppercase}.card-heading-tag.green{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}.card-heading-tag.red{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.card-heading-tag.blue{background:#0284c71f;color:#0284c7;border:1px solid rgba(2,132,199,.3)}[data-theme=dark] .card-heading-tag.green{color:#6ee7b7;background:#10b98133}[data-theme=dark] .card-heading-tag.red{color:#fca5a5;background:#ef444433}[data-theme=dark] .card-heading-tag.blue{color:#7dd3fc;background:#0284c733}.card-section-heading h3{font-size:1.25rem;font-weight:850;color:var(--text-main);letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif}.location-name-tag{font-size:.78rem;color:var(--text-muted);font-weight:600}.weather-hero-panel{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,#0284c714,#10b9810f);border:1px solid rgba(2,132,199,.2);margin-bottom:20px}[data-theme=dark] .weather-hero-panel{background:linear-gradient(135deg,#0284c72e,#10b9811f);border-color:#ffffff1a}.weather-hero-left{display:flex;align-items:center;gap:18px}.big-temperature-display{display:flex;align-items:flex-start;line-height:.9}.temp-number{font-size:4rem;font-weight:900;font-family:Outfit,sans-serif;color:var(--text-main);letter-spacing:-.05em}.temp-degree{font-size:1.8rem;font-weight:750;color:var(--brand-green-primary, #059669);margin-top:4px}.weather-condition-desc h4{font-size:1.35rem;font-weight:850;color:var(--text-main);margin:0 0 4px}.weather-condition-desc p{font-size:.85rem;color:var(--text-muted);margin:0}.weather-hero-icon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.weather-hero-icon-svg{color:#0284c7}.atmospheric-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}@media (max-width: 640px){.atmospheric-metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.metric-box:hover{transform:translateY(-2px);border-color:#10b98159}.metric-top{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:var(--text-muted)}.metric-val{font-size:1.15rem;font-weight:850;color:var(--text-main);font-family:Outfit,sans-serif}.metric-sub{font-size:.7rem;color:var(--text-muted)}.text-danger{color:#dc2626!important}.text-warning{color:#d97706!important}.text-success{color:#059669!important}[data-theme=dark] .text-danger{color:#f87171!important}[data-theme=dark] .text-warning{color:#fbbf24!important}[data-theme=dark] .text-success{color:#34d399!important}.hourly-forecast-section{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border-subtle);padding-top:18px}.section-subheading{font-size:.88rem;font-weight:800;color:var(--text-main);margin:0}.hourly-scroll-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.hourly-slot-card{background:var(--surface);border:1.5px solid var(--border-subtle);border-radius:14px;padding:12px 14px;min-width:98px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;flex-shrink:0;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.hourly-slot-card:hover{transform:translateY(-2px);border-color:#0284c7;box-shadow:0 6px 16px #0284c726}.slot-time-text{font-size:.74rem;font-weight:750;color:var(--text-main);letter-spacing:-.01em}.slot-icon-box{display:flex;align-items:center;justify-content:center;height:36px;margin:2px 0}.slot-weather-icon{transition:transform .2s ease}.hourly-slot-card:hover .slot-weather-icon{transform:scale(1.15)}.slot-weather-icon.sun{color:#f59e0b;filter:drop-shadow(0 2px 8px rgba(245,158,11,.45))}.slot-weather-icon.cloud-sun{color:#0284c7;filter:drop-shadow(0 2px 8px rgba(2,132,199,.3))}.slot-weather-icon.cloud{color:#64748b;filter:drop-shadow(0 2px 6px rgba(100,116,139,.25))}[data-theme=dark] .slot-weather-icon.cloud{color:#94a3b8}.slot-weather-icon.rain,.slot-weather-icon.rain-heavy{color:#0284c7;filter:drop-shadow(0 2px 8px rgba(2,132,199,.4))}.slot-weather-icon.lightning{color:#eab308;filter:drop-shadow(0 2px 10px rgba(234,179,8,.55))}.slot-weather-icon.haze{color:#78716c}.slot-temp-text{font-size:1.15rem;font-weight:850;color:var(--text-main);line-height:1.1}.slot-condition-text{font-size:.72rem;font-weight:600;color:var(--text-secondary, #475569);white-space:nowrap}.slot-rain-prob{font-size:.72rem;font-weight:800;color:#0284c7;background:#0284c71a;padding:2px 6px;border-radius:6px;margin-top:2px}.weather-activity-advisor-section{display:flex;flex-direction:column;gap:10px;margin-top:4px}.activity-advisor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 640px){.activity-advisor-grid{grid-template-columns:1fr}}.activity-adv-card{padding:10px 12px;border-radius:12px;display:flex;flex-direction:column;gap:5px;transition:all .2s ease}.activity-adv-card.safe{background:#10b9810f;border:1px solid rgba(16,185,129,.25)}.activity-adv-card.warn{background:#f59e0b12;border:1px solid rgba(245,158,11,.3)}.adv-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.adv-title{font-size:.76rem;font-weight:800;color:var(--text-main, #1e293b);letter-spacing:-.01em}.adv-status-chip{font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.02em}.adv-status-chip.safe{background:#10b9812e;color:#059669}.adv-status-chip.warn{background:#f59e0b33;color:#d97706}.adv-desc{font-size:.72rem;color:var(--text-secondary, #64748b);line-height:1.4;margin:0}.multi-day-outlook-section{display:flex;flex-direction:column;gap:10px;margin-top:4px}.multi-day-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 540px){.multi-day-grid{grid-template-columns:1fr}}.multi-day-card{padding:10px 12px;background:#f8fafcd9;border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:12px;display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.multi-day-card:hover{border-color:#0ea5e966;box-shadow:0 4px 14px #0ea5e914}.multi-day-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.multi-day-header strong{color:var(--text-main, #0f172a)}.multi-day-header span{color:var(--text-muted, #94a3b8);font-size:.7rem}.multi-day-icon-row{display:flex;align-items:center;gap:8px}.multi-day-temp{font-size:.85rem;font-weight:800;color:var(--text-main, #0f172a)}.multi-day-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;gap:4px}.multi-day-cond{color:var(--text-secondary, #475569);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-day-rain{font-weight:800;color:#0284c7;flex-shrink:0;background:#0284c71a;padding:1px 5px;border-radius:4px;font-size:.65rem}.bmkg-seismic-card{display:flex;flex-direction:column;gap:16px;height:100%;box-sizing:border-box;justify-content:space-between}.seismic-detail-wrap{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:14px}.seismic-hero-box{display:flex;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#dc26261a,#d9770614);border:1.5px solid rgba(220,38,38,.3);border-radius:16px}.seismic-magnitude-circle{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px #dc262659}.mag-value{font-size:1.6rem;font-weight:900;line-height:1}.mag-unit{font-size:.68rem;font-weight:800;letter-spacing:.08em}.seismic-hero-info{display:flex;flex-direction:column;gap:4px;flex:1}.seismic-time-badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:750;color:var(--text-muted)}.seismic-location-title{font-size:1.05rem;font-weight:850;color:var(--text-main);margin:0;line-height:1.3}.seismic-meta-row{display:flex;gap:14px;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.seismic-tsunami-status-card{display:flex;align-items:flex-start;gap:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:12px 16px}.tsunami-content-col strong{display:block;font-size:.88rem;color:#059669;margin-bottom:2px}[data-theme=dark] .tsunami-content-col strong{color:#34d399}.tsunami-content-col p{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.35}.seismic-mmi-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 14px}.mmi-title{display:block;font-size:.76rem;font-weight:800;color:var(--text-main);margin-bottom:4px}.mmi-desc{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.btn-open-shakemap{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border-radius:12px;background:#0284c71a;border:1.5px solid rgba(2,132,199,.3);color:#0284c7;font-size:.84rem;font-weight:800;cursor:pointer;transition:all .2s ease}.btn-open-shakemap:hover{background:#0284c7;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0284c740}[data-theme=dark] .btn-open-shakemap{color:#38bdf8;border-color:#38bdf859;background:#0284c733}[data-theme=dark] .btn-open-shakemap:hover{background:#0284c7;color:#fff}.recent-quakes-history-block{border-top:1px solid var(--border-subtle);padding-top:14px}.history-block-title{font-size:.8rem;font-weight:800;color:var(--text-main);display:block;margin-bottom:8px}.quakes-list-compact{display:flex;flex-direction:column;gap:8px}.quake-compact-item{display:flex;align-items:center;gap:12px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 12px}.quake-compact-mag{font-size:.85rem;font-weight:850;color:#dc2626;background:#ef44441f;padding:3px 8px;border-radius:6px;white-space:nowrap}.quake-compact-info{display:flex;flex-direction:column;gap:1px;flex:1}.quake-compact-info strong{font-size:.78rem;color:var(--text-main)}.quake-compact-info small{font-size:.7rem;color:var(--text-muted)}.seismic-preparedness-section{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.seismic-prep-heading{font-size:.76rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:6px}.seismic-prep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}@media (max-width: 520px){.seismic-prep-grid{grid-template-columns:1fr}}.seismic-prep-item{background:var(--card-bg, #ffffff);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;transition:all .2s ease}.seismic-prep-item:hover{border-color:#dc26264d;transform:translateY(-1px)}.prep-scenario{font-size:.72rem;font-weight:850;color:#dc2626;line-height:1.25}.seismic-prep-item p{font-size:.7rem;color:var(--text-muted);line-height:1.35;margin:0}.seismic-telemetry-badge-strip{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;background:#dc26260d;border:1px solid rgba(220,38,38,.18);border-radius:10px;font-size:.7rem;font-weight:750;color:var(--text-muted);flex-wrap:wrap}.telemetry-badge-cell{display:inline-flex;align-items:center;gap:5px}.telemetry-dot-sep{color:#dc262666}[data-theme=dark] .prep-scenario{color:#f87171}[data-theme=dark] .seismic-telemetry-badge-strip{background:#dc26261f;border-color:#dc262647}.bmkg-flood-sensors-card{display:flex;flex-direction:column;gap:18px}.sensor-count-badge{font-size:.74rem;font-weight:800;color:#059669;background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:4px 12px;border-radius:999px}.sensor-header-meta-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sensor-bbws-tag{font-size:.72rem;font-weight:750;color:#0284c7;background:#0284c71a;border:1px solid rgba(2,132,199,.25);padding:4px 10px;border-radius:8px;letter-spacing:.02em}.flood-sensors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 1100px){.flood-sensors-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.flood-sensors-grid{grid-template-columns:1fr}}.flood-sensor-item-card{background:var(--surface-card, #ffffff);border:1.5px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 4px 14px #00000008}.flood-sensor-item-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000014;border-color:#0ea5e959}.flood-sensor-item-card.featured-local-sensor{border-color:#10b981!important;background:linear-gradient(180deg,rgba(16,185,129,.06) 0%,var(--surface-card, #ffffff) 100%)!important;box-shadow:0 6px 24px #10b98124!important}.sensor-top-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.sensor-das-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.sensor-river-name{font-size:.72rem;font-weight:800;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.05em}.local-river-tag{font-size:.65rem;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#059669;padding:2px 7px;border-radius:999px;font-weight:750;display:inline-flex;align-items:center;gap:3px}[data-theme=dark] .local-river-tag{color:#6ee7b7;background:#10b98140}.sensor-status-pill{font-size:.72rem;font-weight:850;padding:3px 10px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;letter-spacing:.02em}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.sensor-status-pill.siaga-4{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.35)}.sensor-status-pill.siaga-3{background:#f59e0b24;color:#b45309;border:1px solid rgba(245,158,11,.4)}.sensor-status-pill.siaga-2{background:#f9731626;color:#c2410c;border:1px solid rgba(249,115,22,.45)}.sensor-status-pill.siaga-1{background:#ef444429;color:#dc2626;border:1px solid rgba(239,68,68,.5);animation:pulseBahaya 1.2s infinite alternate}@keyframes pulseBahaya{0%{transform:scale(.98)}to{transform:scale(1.02)}}[data-theme=dark] .sensor-status-pill.siaga-4{color:#6ee7b7;background:#10b98138}[data-theme=dark] .sensor-status-pill.siaga-3{color:#fde68a;background:#f59e0b40}[data-theme=dark] .sensor-status-pill.siaga-2{color:#fdba74;background:#f9731640}[data-theme=dark] .sensor-status-pill.siaga-1{color:#fca5a5;background:#ef444440}.sensor-title-wrap{display:flex;flex-direction:column;gap:3px}.sensor-name{font-size:1.1rem;font-weight:850;color:var(--text-main, #0f172a);margin:0;line-height:1.25;letter-spacing:-.01em}.sensor-location{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;color:var(--text-muted, #64748b);font-weight:500}.sensor-location .loc-pin{color:#0284c7}.sensor-telemetry-hero{display:flex;justify-content:space-between;align-items:center;background:#0ea5e90d;border:1px solid rgba(14,165,233,.18);border-radius:12px;padding:10px 14px;gap:12px}[data-theme=dark] .sensor-telemetry-hero{background:#0ea5e91a;border-color:#0ea5e940}.tma-col,.debit-col{display:flex;flex-direction:column;gap:2px}.tma-label,.debit-label{font-size:.65rem;font-weight:750;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.04em}.tma-val-row{display:flex;align-items:baseline;gap:8px}.tma-val{font-family:Outfit,monospace;font-size:1.25rem;font-weight:850;color:var(--text-main, #0f172a);letter-spacing:-.02em}.tma-capacity-pill{font-size:.65rem;font-weight:800;padding:1px 7px;border-radius:6px;font-family:Outfit,monospace}.tma-capacity-pill.siaga-4{background:#10b9812e;color:#059669}.tma-capacity-pill.siaga-3{background:#f59e0b2e;color:#b45309}.tma-capacity-pill.siaga-2{background:#f973162e;color:#c2410c}.tma-capacity-pill.siaga-1{background:#ef444433;color:#dc2626}.debit-val{font-family:Outfit,monospace;font-size:.95rem;font-weight:800;color:#0284c7;display:inline-flex;align-items:center;gap:4px}.debit-icon{color:#38bdf8}.water-level-meter-wrapper{display:flex;flex-direction:column;gap:6px}.water-meter-track-tiered{height:9px;background:#00000012;border-radius:999px;overflow:hidden;position:relative}[data-theme=dark] .water-meter-track-tiered{background:#ffffff1f}.water-meter-fill{height:100%;border-radius:999px;position:relative;transition:width .6s cubic-bezier(.16,1,.3,1)}.meter-liquid-glow{position:absolute;top:0;right:0;bottom:0;width:12px;background:#fff6;filter:blur(2px)}.water-meter-fill.siaga-4{background:linear-gradient(90deg,#10b981,#059669)}.water-meter-fill.siaga-3{background:linear-gradient(90deg,#f59e0b,#d97706)}.water-meter-fill.siaga-2{background:linear-gradient(90deg,#f97316,#ea580c)}.water-meter-fill.siaga-1{background:linear-gradient(90deg,#ef4444,#dc2626)}.water-meter-thresholds{display:flex;justify-content:space-between;font-size:.66rem;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.03em}.water-meter-thresholds .step-active{color:var(--text-main, #0f172a);font-weight:850}.sensor-footer-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle, rgba(0, 0, 0, .06));padding-top:10px;font-size:.72rem;margin-top:2px}.sensor-trend-pill{font-size:.7rem;font-weight:750;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.sensor-trend-pill.trend-up{background:#f59e0b1f;color:#b45309}.sensor-trend-pill.trend-down{background:#10b9811f;color:#059669}.sensor-trend-pill.trend-steady{background:#64748b1a;color:#475569}[data-theme=dark] .sensor-trend-pill.trend-up{color:#fde68a;background:#f59e0b38}[data-theme=dark] .sensor-trend-pill.trend-down{color:#6ee7b7;background:#10b98138}[data-theme=dark] .sensor-trend-pill.trend-steady{color:#cbd5e1;background:#64748b33}.sensor-update-time{font-size:.68rem;color:var(--text-muted, #94a3b8);display:inline-flex;align-items:center;gap:4px;font-weight:500}.bmkg-emergency-actions-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:22px 26px;border-radius:18px;background:linear-gradient(135deg,#063e261a,#0284c714);border:1.5px solid rgba(16,185,129,.3)}[data-theme=dark] .bmkg-emergency-actions-card{background:linear-gradient(135deg,#063e2647,#0284c733);border-color:#34d3994d}.action-card-left{display:flex;align-items:center;gap:16px;flex:1;min-width:280px}.action-icon-shield{width:52px;height:52px;border-radius:14px;background:#10b98126;color:#059669;display:grid;place-items:center;flex-shrink:0}[data-theme=dark] .action-icon-shield{color:#34d399;background:#10b98140}.action-card-left h3{font-size:1.15rem;font-weight:850;color:var(--text-main);margin:0 0 4px;font-family:Outfit,sans-serif}.action-card-left p{font-size:.82rem;color:var(--text-muted);margin:0;line-height:1.4}.action-buttons-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-call-emergency-cta{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:10px;font-size:.82rem;font-weight:800;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-call-emergency-cta.bnpb{background:#dc2626;color:#fff;border:none;box-shadow:0 4px 14px #dc26264d}.btn-call-emergency-cta.bnpb:hover{background:#ef4444;transform:translateY(-2px)}.btn-call-emergency-cta.bmkg{background:#0284c7;color:#fff;border:none;box-shadow:0 4px 14px #0284c74d}.btn-call-emergency-cta.bmkg:hover{background:#0369a1;transform:translateY(-2px)}.btn-call-emergency-cta.report{background:var(--surface);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-call-emergency-cta.report:hover{background:var(--surface-hover);border-color:#059669}.shakemap-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;display:grid;place-items:center;padding:20px}.shakemap-modal-dialog{background:#0f172a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 70px #000000d9}.shakemap-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#1e293b!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.shakemap-modal-head h3{font-size:1.12rem;font-weight:800;color:#fff!important;margin:0;letter-spacing:-.01em}.shakemap-modal-head p{font-size:.82rem;color:#94a3b8!important;margin:3px 0 0;font-weight:500}.btn-modal-close{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.btn-modal-close:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;transform:scale(1.05)}.shakemap-img-container{padding:16px;overflow-y:auto;display:grid;place-items:center;background:#090d16!important}.shakemap-full-img{width:100%;max-height:520px;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px #0009}.shakemap-modal-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#1e293b!important;border-top:1px solid rgba(255,255,255,.12)!important;font-size:.85rem;color:#e2e8f0!important;font-weight:600}.shakemap-modal-foot strong{color:#38bdf8!important;font-weight:800}.btn-bmkg-link{display:inline-flex;align-items:center;gap:6px;background:#0ea5e933!important;border:1px solid rgba(56,189,248,.5)!important;color:#38bdf8!important;font-weight:800;padding:6px 14px;border-radius:8px;text-decoration:none;transition:all .2s ease}.btn-bmkg-link:hover{background:#0284c7!important;color:#fff!important;border-color:#0284c7!important}.bmkg-air-quality-card{display:flex;flex-direction:column;gap:20px}.card-heading-tag.purple{background:#a855f71f;color:#c084fc;border-color:#a855f74d}.source-pill-badge{font-size:.72rem;font-weight:750;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:999px;white-space:nowrap}.air-quality-main-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;align-items:stretch}@media (max-width: 900px){.air-quality-main-grid{grid-template-columns:1fr}}.air-quality-hero-panel{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.ispu-gauge-badge-wrap{display:flex;align-items:center;gap:20px}.ispu-big-circle{width:88px;height:88px;border-radius:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 25px #00000040;transition:transform .2s ease}.ispu-big-circle:hover{transform:scale(1.05)}.ispu-big-circle.baik{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 25px #10b98159}.ispu-big-circle.sedang{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 10px 25px #0284c759}.ispu-big-circle.sensitif{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 25px #f59e0b59}.ispu-big-circle.tidak-sehat{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 25px #ef444459}.ispu-big-circle.sangat-tidak-sehat{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 10px 25px #8b5cf659}.ispu-big-circle.berbahaya{background:linear-gradient(135deg,#881337,#4c0519);box-shadow:0 10px 25px #88133773}.ispu-number{font-size:2.1rem;font-weight:900;line-height:1;font-family:Outfit,sans-serif}.ispu-label{font-size:.65rem;font-weight:800;letter-spacing:.08em;opacity:.9;text-transform:uppercase}.ispu-status-text-block{display:flex;flex-direction:column;gap:6px}.ispu-category-pill{display:inline-block;align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.03em}.ispu-category-pill.baik{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.ispu-category-pill.sedang{background:#0284c726;color:#38bdf8;border:1px solid rgba(2,132,199,.3)}.ispu-category-pill.sensitif{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.ispu-category-pill.tidak-sehat{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.ispu-category-pill.sangat-tidak-sehat{background:#8b5cf626;color:#c084fc;border:1px solid rgba(139,92,246,.3)}.ispu-category-pill.berbahaya{background:#88133733;color:#fda4af;border:1px solid rgba(136,19,55,.4)}.ispu-station-name{font-size:.82rem;font-weight:700;color:var(--text-main);margin:0}.ispu-dominant-tag{font-size:.72rem;color:var(--text-muted)}.ispu-spectrum-container{display:flex;flex-direction:column;gap:10px;margin-top:14px}.ispu-spectrum-bar-wrap{position:relative;width:100%;padding-bottom:34px}.ispu-spectrum-bar{display:flex;width:100%;height:16px;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #0003;border:1px solid rgba(255,255,255,.2)}.spectrum-segment{flex:1;transition:opacity .15s ease}.spectrum-segment.baik{background:#10b981}.spectrum-segment.sedang{background:#0284c7}.spectrum-segment.sensitif{background:#f59e0b}.spectrum-segment.tidak-sehat{background:#ef4444}.spectrum-segment.sangat-tidak-sehat{background:#8b5cf6}.spectrum-segment.berbahaya{background:#881337}.ispu-current-pointer{position:absolute;top:18px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:2;transition:left .3s cubic-bezier(.16,1,.3,1)}.ispu-pointer-arrow{color:var(--text-main);font-size:.75rem;line-height:.8;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.ispu-pointer-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1.5px solid var(--border-subtle);border-radius:999px;padding:3px 10px;box-shadow:0 4px 12px #00000026;margin-top:2px;white-space:nowrap}.ispu-pointer-val{font-size:.82rem;font-weight:850;color:var(--text-main)}.ispu-pointer-cat{font-size:.72rem;font-weight:700;color:var(--text-secondary)}.ispu-scale-legend-row{display:flex;justify-content:space-between;font-size:.68rem;font-weight:700;color:var(--text-secondary, #475569);padding:0 4px}.pollutants-parameter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 600px){.pollutants-parameter-grid{grid-template-columns:repeat(2,1fr)}}.pollutant-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;transition:transform .18s ease,border-color .18s ease}.pollutant-box:hover{transform:translateY(-2px);border-color:#3b82f666}.pollutant-box.highlight-pm{background:linear-gradient(135deg,#0284c71a,#3b82f60d);border-color:#0284c759}.pol-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:750;color:var(--text-muted)}.pol-value{font-size:1.3rem;font-weight:850;color:var(--text-main);font-family:Outfit,sans-serif;line-height:1.2}.pol-value small{font-size:.75rem;font-weight:600;color:var(--text-muted)}.pol-sub{font-size:.68rem;color:var(--text-muted)}.air-health-advisory-card{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,#3b82f614,#10b98114);border:1.5px solid rgba(59,130,246,.25);border-radius:14px;padding:14px 18px}.advisory-icon-wrap{color:#3b82f6;flex-shrink:0;margin-top:2px}.advisory-content strong{display:block;font-size:.85rem;color:var(--text-main);margin-bottom:2px}.advisory-content p{font-size:.8rem;color:var(--text-muted);line-height:1.45;margin:0}.bmkg-volcano-card{display:flex;flex-direction:column;gap:20px}.volcano-active-count-tag{display:inline-flex;align-items:center;gap:6px;background:#dc26261f;color:#f87171;border:1px solid rgba(220,38,38,.3);padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:800}.volcano-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}@media (max-width: 640px){.volcano-cards-grid{grid-template-columns:1fr}}.volcano-item-card{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.volcano-item-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.volcano-item-card.level-4-awas{border-left:5px solid #dc2626;background:linear-gradient(135deg,rgba(220,38,38,.08) 0%,var(--surface-hover) 100%)}.volcano-item-card.level-3-siaga{border-left:5px solid #d97706;background:linear-gradient(135deg,rgba(217,119,6,.06) 0%,var(--surface-hover) 100%)}.volcano-item-card.level-2-waspada{border-left:5px solid #ca8a04}.volcano-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.volcano-name{font-size:1.05rem;font-weight:850;color:var(--text-main);margin:0 0 2px;font-family:Outfit,sans-serif}.volcano-location{font-size:.75rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.volcano-level-badge{font-size:.72rem;font-weight:850;padding:4px 10px;border-radius:999px;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase}.volcano-level-badge.level-4-awas{background:#dc2626;color:#fff;box-shadow:0 0 14px #dc262680;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.97)}}.volcano-level-badge.level-3-siaga{background:#d97706;color:#fff}.volcano-level-badge.level-2-waspada{background:#ca8a04;color:#fff}.volcano-meta-chips{display:flex;flex-wrap:wrap;gap:8px}.meta-chip{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:8px;background:#0000000f;color:var(--text-main);border:1px solid var(--border-subtle)}.meta-chip.distance{color:#0284c7;border-color:#0284c74d}.meta-chip.radius{color:#dc2626;border-color:#dc26264d}.meta-chip.vona{color:#d97706;border-color:#d977064d}.volcano-desc-body{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--text-muted);line-height:1.45}.volcano-desc-body strong{color:var(--text-main)}.volcano-footer-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px dashed var(--border-subtle);font-size:.7rem;color:var(--text-muted)}.volcano-station{display:inline-flex;align-items:center;gap:4px}.clickable-volcano-card{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable-volcano-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000029;border-color:#dc262666}.volcano-action-row{margin-top:4px}.btn-open-volcano-map{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#0f172a;border:1px solid #cbd5e1;padding:8px 14px;border-radius:10px;font-size:.82rem;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .btn-open-volcano-map{background:#1e293b;color:#f8fafc;border-color:#334155}.btn-open-volcano-map:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important;transform:translateY(-1px);box-shadow:0 4px 14px #dc262652}.volcano-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;display:grid;place-items:center;padding:16px}.volcano-modal-dialog{background:#0f172a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px;width:100%;max-width:760px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 70px #000000d9;animation:modalPopIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalPopIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.volcano-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;background:#1e293b!important;border-bottom:1px solid rgba(255,255,255,.12)!important;gap:14px}.volcano-modal-head-info h3{font-size:1.15rem;font-weight:850;color:#fff!important;margin:4px 0 2px;letter-spacing:-.01em}.volcano-modal-head-info p{font-size:.82rem;color:#94a3b8!important;margin:0;font-weight:500}.volcano-modal-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.volcano-level-pill{font-size:.72rem;font-weight:850;padding:3px 10px;border-radius:999px;text-transform:uppercase}.volcano-level-pill.level-4-awas{background:#dc2626;color:#fff;box-shadow:0 0 10px #dc262699}.volcano-level-pill.level-3-siaga{background:#ea580c;color:#fff}.volcano-level-pill.level-2-waspada{background:#d97706;color:#fff}.volcano-vona-pill{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#ffffff1a;color:#f8fafc;border:1px solid rgba(255,255,255,.2)}.volcano-vona-pill strong{color:#fdba74}.volcano-modal-map-wrap{position:relative;width:100%;height:360px;background:#0f172a}.volcano-leaflet-container{width:100%;height:100%;z-index:1}.volcano-map-overlay-badges{position:absolute;top:12px;left:12px;z-index:500;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.map-overlay-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:.74rem;font-weight:800;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0006}.map-overlay-chip.danger{background:#dc2626e6;color:#fff;border:1px solid rgba(255,255,255,.3)}.map-overlay-chip.sector{background:#ea580ce6;color:#fff;border:1px solid rgba(255,255,255,.3)}.map-overlay-chip.gps{background:#0f172ad9;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.volcano-modal-body{padding:16px 20px;background:#0b1120;overflow-y:auto;max-height:220px}.volcano-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.volcano-modal-grid{grid-template-columns:1fr}}.volcano-info-col{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.volcano-info-col.highlight{background:#dc262614;border-color:#dc26264d}.info-col-label{font-size:.72rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.info-col-label.alert{color:#f87171}.info-col-text{font-size:.84rem;line-height:1.45;color:#e2e8f0;margin:0}.volcano-modal-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#1e293b!important;border-top:1px solid rgba(255,255,255,.12)!important;gap:12px;flex-wrap:wrap}.volcano-modal-foot .source-note{font-size:.8rem;color:#94a3b8}.volcano-modal-foot .source-note strong{color:#e2e8f0}.volcano-modal-foot .foot-actions{display:flex;align-items:center;gap:10px}.btn-goto-main-map{display:inline-flex;align-items:center;gap:6px;background:#059669;color:#fff;border:1px solid #10b981;padding:7px 14px;border-radius:8px;font-size:.82rem;font-weight:750;cursor:pointer;transition:all .2s ease}.btn-goto-main-map:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.btn-close-volcano-modal{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2);padding:7px 14px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-close-volcano-modal:hover{background:#ffffff2e;color:#fff}.bmkg-karhutla-card{display:flex;flex-direction:column;gap:20px}.karhutla-heading-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.karhutla-sat-badge{font-size:.72rem;font-weight:750;padding:4px 10px;border-radius:999px;background:#f973161f;color:#ea580c;border:1px solid rgba(249,115,22,.25);display:inline-flex;align-items:center;gap:5px}.card-heading-tag.orange{background:#f973161f;color:#fb923c;border-color:#f973164d}.karhutla-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.karhutla-telemetry-hero{background:linear-gradient(135deg,#1c0e08,#291207 55%,#3d1708);border:1px solid rgba(249,115,22,.35);border-radius:20px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:12px;height:100%;box-sizing:border-box;box-shadow:0 12px 30px #1c0e0859;position:relative;overflow:hidden}.karhutla-telemetry-hero:after{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(249,115,22,.22) 0%,transparent 70%);pointer-events:none}.karhutla-hero-top-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;z-index:1}.karhutla-live-pill{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px;background:#f9731638;color:#fdba74;border:1px solid rgba(249,115,22,.45)}.karhutla-status-tag{font-size:.72rem;font-weight:750;padding:3px 10px;border-radius:999px;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.hotspot-counter-block{z-index:1;padding:2px 0}.hotspot-counter-num-wrap{display:flex;align-items:center;gap:14px}.hotspot-big-num{font-size:3rem;font-weight:900;line-height:1;color:#ffedd5;font-family:Outfit,sans-serif;letter-spacing:-.03em;text-shadow:0 0 20px rgba(249,115,22,.5)}.hotspot-counter-label-col{display:flex;flex-direction:column;gap:2px}.counter-main-label{font-size:1.05rem;font-weight:850;color:#fff}.counter-sub-label{font-size:.74rem;color:#fed7aa;opacity:.9}.karhutla-dual-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px;z-index:1}.k-mini-stat{display:flex;flex-direction:column;gap:2px}.k-mini-label{font-size:.65rem;color:#fed7aa;font-weight:700}.k-mini-val{font-size:.78rem;font-weight:850;color:#fff}.karhutla-confidence-panel{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:7px;z-index:1}.conf-panel-header{font-size:.72rem;color:#fed7aa;font-weight:700}.conf-stacked-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:#ffffff1f;gap:2px}.conf-seg.high{background:#ef4444;box-shadow:0 0 8px #ef4444b3}.conf-seg.med{background:#f97316}.conf-seg.low{background:#eab308}.conf-legend-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.68rem;color:#d1d5db;flex-wrap:wrap}.conf-dot-item{display:inline-flex;align-items:center;gap:4px}.conf-dot-item .dot{width:7px;height:7px;border-radius:50%;display:inline-block}.conf-dot-item .dot.high{background:#ef4444}.conf-dot-item .dot.med{background:#f97316}.conf-dot-item .dot.low{background:#eab308}.conf-dot-item strong{color:#fff}.karhutla-ffmc-widget{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;z-index:1}.ffmc-top-wrap{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.ffmc-label{color:#fed7aa;font-weight:700}.ffmc-val-badge{font-size:.7rem;font-weight:850;padding:2px 8px;border-radius:999px;background:#ef444440;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.ffmc-sub-text{font-size:.72rem;color:#cbd5e1;margin:0;line-height:1.35}.ffmc-level-track{width:100%;height:6px;background:#ffffff1f;border-radius:999px;overflow:hidden;margin-top:3px}.ffmc-track-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#f97316,#dc2626);border-radius:999px}.karhutla-sat-specs{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#94a3b8;z-index:1}.karhutla-sat-specs .sat-icon{color:#fb923c;flex-shrink:0}.karhutla-province-analytics-card{background:var(--card-bg, #ffffff);border:1.5px solid var(--border-subtle);border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;height:100%;box-sizing:border-box;box-shadow:0 4px 16px #00000008}.prov-matrix-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.prov-head-title-wrap{display:flex;align-items:center;gap:8px}.province-list-title{font-size:.88rem;font-weight:850;color:var(--text-main);margin:0}.prov-count-pill{font-size:.72rem;font-weight:750;padding:3px 10px;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border-subtle)}.province-items-stack{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:space-between}.province-hotspot-item{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:12px;background:var(--surface-hover);border:1px solid var(--border-subtle);min-height:52px;box-sizing:border-box;transition:transform .18s ease,border-color .18s ease}.province-hotspot-item:hover{transform:translate(3px);border-color:#f9731659}.prov-rank-badge{font-size:.74rem;font-weight:850;color:#ea580c;width:24px;min-width:24px;height:24px;border-radius:8px;background:#f973161f;display:grid;place-items:center;flex-shrink:0}.prov-info-col{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.prov-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.prov-name{font-size:.84rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prov-conf-tag{font-size:.65rem;font-weight:800;padding:1px 7px;border-radius:999px;white-space:nowrap}.prov-conf-tag.tag-high{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.prov-conf-tag.tag-med{background:#f9731626;color:#ea580c;border:1px solid rgba(249,115,22,.25)}.prov-asap-desc{font-size:.7rem;color:var(--text-muted);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prov-bar-track{width:100%;height:6px;background:var(--border-subtle);border-radius:999px;overflow:hidden;margin-top:2px}.prov-bar-fill{height:100%;background:linear-gradient(90deg,#f97316,#dc2626);border-radius:999px;transition:width .5s ease}.prov-count-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 8px;border-radius:10px;background:var(--card-bg, #ffffff);border:1px solid var(--border-subtle);width:58px;min-width:58px;flex-shrink:0}.prov-count-num{font-size:1rem;font-weight:900;color:#ea580c;line-height:1.1;font-family:Outfit,sans-serif}.prov-count-sub{font-size:.62rem;font-weight:750;color:var(--text-muted);text-transform:uppercase}.transboundary-haze-status{display:flex;align-items:flex-start;gap:10px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:12px;padding:10px 14px}.transboundary-icon{color:#059669;flex-shrink:0;margin-top:2px}.transboundary-text strong{display:block;font-size:.76rem;font-weight:800;color:#047857;margin-bottom:2px}.transboundary-text p{font-size:.7rem;color:var(--text-muted);line-height:1.35;margin:0}.karhutla-advisory-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f973160f;border:1.5px solid rgba(249,115,22,.22);border-radius:14px;padding:14px 20px;flex-wrap:wrap}.advisory-icon-wrap{width:38px;height:38px;border-radius:10px;background:#f9731626;display:grid;place-items:center;flex-shrink:0}.flame-warn-icon{color:#ea580c}.advisory-text-col{flex:1;min-width:260px}.advisory-text-col strong{display:block;font-size:.82rem;font-weight:800;color:#c2410c;margin-bottom:2px}.advisory-text-col p{font-size:.76rem;color:var(--text-main);line-height:1.45;margin:0}.advisory-safety-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;padding:6px 12px;border-radius:999px;background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3);white-space:nowrap}[data-theme=dark] .karhutla-sat-badge{background:#f9731633;color:#fdba74;border-color:#f9731659}[data-theme=dark] .transboundary-haze-status{background:#10b98126;border-color:#10b98159}[data-theme=dark] .transboundary-text strong{color:#34d399}[data-theme=dark] .advisory-text-col strong{color:#fb923c}[data-theme=dark] .advisory-safety-badge{background:#10b98133;color:#6ee7b7}@media (max-width: 850px){.karhutla-content-grid{grid-template-columns:1fr}}.bmkg-maritim-card{display:flex;flex-direction:column;gap:20px}.maritim-header-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.maritim-source-tag{font-size:.72rem;font-weight:750;padding:4px 10px;border-radius:999px;background:#0ea5e91f;color:#0284c7;border:1px solid rgba(14,165,233,.25)}.maritim-main-grid{display:flex;flex-direction:column;gap:18px}.maritim-hero-banner{display:grid;grid-template-columns:1.35fr 1fr;align-items:stretch;gap:24px;background:linear-gradient(135deg,#071e3d,#113f67 55%,#1b4965);border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:24px 28px;color:#fff;box-shadow:0 12px 30px #071e3d4d;position:relative;overflow:hidden}.maritim-hero-banner:after{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(56,189,248,.22) 0%,transparent 70%);pointer-events:none}.maritim-hero-left{display:flex;align-items:flex-start;gap:18px;z-index:1}.maritim-icon-box{width:54px;height:54px;border-radius:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;flex-shrink:0;color:#38bdf8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.maritim-hero-info{display:flex;flex-direction:column;gap:8px;flex:1}.maritim-tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.maritim-badge-live{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px;background:#38bdf833;color:#7dd3fc;border:1px solid rgba(56,189,248,.4)}.maritim-badge-astronomi{font-size:.72rem;font-weight:750;padding:3px 9px;border-radius:999px;background:#ffffff26;color:#f0f9ff;border:1px solid rgba(255,255,255,.25)}.maritim-alert-title{font-size:1.22rem;font-weight:850;margin:0;line-height:1.25;color:#fff;letter-spacing:-.01em}.maritim-alert-desc{font-size:.8rem;color:#bae6fd;margin:0;line-height:1.45;opacity:.95}.maritim-tidal-cycle{background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;margin-top:4px;display:flex;flex-direction:column;gap:6px}.tide-cycle-header{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#93c5fd}.tide-cycle-header strong{color:#38bdf8;font-weight:800}.tide-track{width:100%;height:8px;background:#ffffff26;border-radius:999px;overflow:hidden;position:relative}.tide-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#0284c7 60%,#f43f5e);border-radius:999px;box-shadow:0 0 10px #38bdf899;transition:width .6s ease}.tide-scale-labels{display:flex;justify-content:space-between;font-size:.66rem;color:#94a3b8;font-weight:600}.tide-marker{color:#facc15;font-weight:750}.maritim-hero-right{display:flex;flex-direction:column;gap:10px;justify-content:center;z-index:1}.maritim-stat-pill{background:#ffffff14!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:11px 16px;border-radius:14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 16px #0000002e;transition:transform .2s ease,border-color .2s ease}.maritim-stat-pill:hover{border-color:#38bdf880!important;transform:translateY(-2px)}.maritim-stat-pill .stat-label{font-size:.7rem!important;font-weight:750!important;color:#93c5fd!important;text-transform:uppercase!important;letter-spacing:.04em!important;opacity:1!important;margin-top:0!important}.maritim-stat-pill .stat-value{font-size:1.05rem!important;font-weight:850!important;color:#fff!important;letter-spacing:-.01em}.maritim-stat-pill .stat-hint{font-size:.68rem!important;color:#7dd3fc!important;opacity:.9}.coastal-vulnerable-areas-box{display:flex;flex-direction:column;gap:12px}.coastal-box-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.coastal-header-title-wrap{display:flex;align-items:center;gap:8px}.coastal-header-icon{color:#0284c7}.coastal-box-title{font-size:.88rem;font-weight:850;color:var(--text-main);margin:0}.coastal-count-badge{font-size:.72rem;font-weight:750;padding:3px 10px;border-radius:999px;background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border-subtle)}.coastal-grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.coastal-item-card{background:var(--card-bg, #ffffff);border:1.5px solid var(--border-subtle);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 14px #00000008;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.coastal-item-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.coastal-item-card.risk-critical{border-color:#ef444459;background:linear-gradient(180deg,rgba(239,68,68,.03) 0%,transparent 100%)}.coastal-item-card.risk-danger{border-color:#f9731659;background:linear-gradient(180deg,rgba(249,115,22,.03) 0%,transparent 100%)}.coastal-item-card.risk-warning{border-color:#eab30859;background:linear-gradient(180deg,rgba(234,179,8,.03) 0%,transparent 100%)}.coastal-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.coastal-title-block{display:flex;align-items:flex-start;gap:6px;flex:1}.coastal-pin{color:#0284c7;flex-shrink:0;margin-top:2px}.coastal-name{font-size:.85rem;font-weight:850;color:var(--text-main);line-height:1.25}.coastal-risk-badge{font-size:.68rem;font-weight:850;padding:3px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.coastal-risk-badge.badge-critical{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.coastal-risk-badge.badge-danger{background:#f9731626;color:#ea580c;border:1px solid rgba(249,115,22,.3)}.coastal-risk-badge.badge-warning{background:#eab30826;color:#b45309;border:1px solid rgba(234,179,8,.3)}.coastal-sublokasi{font-size:.74rem;color:var(--text-muted);line-height:1.4;margin:0}.coastal-metrics-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface-hover);border-radius:10px;padding:9px 10px}.c-metric-subcell{display:flex;flex-direction:column;gap:2px}.c-sub-label{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:var(--text-muted)}.c-sub-value{font-size:.78rem;font-weight:850;color:var(--text-main)}.c-sub-value.water-highlight{color:#0284c7}.coastal-item-footer{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#059669;padding-top:4px;border-top:1px dashed var(--border-subtle)}.footer-check-icon{flex-shrink:0}.maritim-note-strip{display:flex;align-items:flex-start;gap:12px;background:#0284c70f;border:1px solid rgba(2,132,199,.2);border-radius:14px;padding:12px 16px;color:var(--text-main)}.maritim-note-icon{color:#0284c7;flex-shrink:0;margin-top:2px}.maritim-note-content{font-size:.78rem;line-height:1.5;color:var(--text-main)}.maritim-note-content strong{color:#0369a1}[data-theme=dark] .maritim-source-tag{background:#0ea5e933;color:#38bdf8;border-color:#0ea5e959}[data-theme=dark] .maritim-note-strip{background:#0284c71f;border-color:#0284c74d}[data-theme=dark] .maritim-note-content strong,[data-theme=dark] .c-sub-value.water-highlight{color:#38bdf8}[data-theme=dark] .coastal-item-footer{color:#34d399}@media (max-width: 1200px){.maritim-hero-banner{grid-template-columns:1fr;gap:18px}.maritim-hero-right{flex-direction:row;flex-wrap:wrap}.maritim-hero-right .maritim-stat-pill{flex:1 1 200px}.coastal-grid-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.coastal-grid-cards{grid-template-columns:1fr}.maritim-hero-left,.maritim-hero-right{flex-direction:column}.maritim-hero-right .maritim-stat-pill{width:100%}}.bmkg-opendata-catalog-card{display:flex;flex-direction:column;gap:20px}.card-heading-tag.emerald{background:#0596691f;color:#34d399;border-color:#0596694d}.opendata-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.opendata-item-link{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:16px 18px;display:flex;align-items:center;gap:14px;text-decoration:none;transition:all .2s ease}.opendata-item-link:hover{transform:translateY(-2px);border-color:#3b82f6;box-shadow:0 8px 20px #0000001a}.od-icon-col{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.od-icon-col.bmkg{background:#0284c726;color:#0284c7}.od-icon-col.klhk{background:#10b98126;color:#10b981}.od-icon-col.magma{background:#dc262626;color:#dc2626}.od-icon-col.sipongi{background:#f9731626;color:#f97316}.od-icon-col.maritim{background:#0ea5e926;color:#0ea5e9}.od-icon-col.gov{background:#8b5cf626;color:#8b5cf6}.od-text-col{flex:1;display:flex;flex-direction:column;gap:2px}.od-text-col strong{font-size:.84rem;color:var(--text-main)}.od-text-col span{font-size:.72rem;color:var(--text-muted);line-height:1.35}.od-arrow{color:var(--text-muted);transition:transform .2s ease}.opendata-item-link:hover .od-arrow{transform:translate(2px,-2px);color:#3b82f6}.flood-sensor-item-card.featured-local-sensor{border-color:#10b981!important;background:linear-gradient(180deg,#10b98114,#ffffff05)!important;box-shadow:0 6px 20px #10b98126!important}.local-river-tag{font-size:.68rem;background:#059669;color:#fff;padding:2px 8px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.witness-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1dbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10060;padding:16px;animation:witnessFadeIn .2s ease-out}@keyframes witnessFadeIn{0%{opacity:0}to{opacity:1}}.witness-modal-box{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:18px;width:100%;max-width:560px;box-shadow:0 24px 60px #0f172a2e,0 4px 12px #0f172a0d;display:flex;flex-direction:column;overflow:hidden;animation:witnessScaleIn .22s cubic-bezier(.16,1,.3,1);color:var(--text-main, #0f172a)}[data-theme=dark] .witness-modal-box{background:#1e293b;border-color:#334155;box-shadow:0 24px 60px #0009;color:#f8fafc}@keyframes witnessScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.witness-modal-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border-subtle, #e2e8f0)}.witness-modal-header.header-witness{background:#f0fdf4;border-bottom-color:#bbf7d0}.witness-modal-header.header-hoax{background:#fef2f2;border-bottom-color:#fecaca}[data-theme=dark] .witness-modal-header.header-witness{background:#10b9811f;border-bottom-color:#10b98140}[data-theme=dark] .witness-modal-header.header-hoax{background:#ef44441f;border-bottom-color:#ef444440}.witness-header-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-witness .witness-header-icon-wrap{background:#dcfce7;border:1px solid #86efac;color:#15803d}.header-hoax .witness-header-icon-wrap{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}[data-theme=dark] .header-witness .witness-header-icon-wrap{background:#10b98133;border-color:#10b98166;color:#6ee7b7}[data-theme=dark] .header-hoax .witness-header-icon-wrap{background:#ef444433;border-color:#ef444466;color:#fca5a5}.witness-header-text{flex:1}.witness-header-text h3{margin:0;font-size:1.05rem;font-weight:750;color:var(--text-main, #0f172a);letter-spacing:-.01em}.header-witness .witness-header-text h3{color:#14532d}.header-hoax .witness-header-text h3{color:#991b1b}[data-theme=dark] .header-witness .witness-header-text h3{color:#6ee7b7}[data-theme=dark] .header-hoax .witness-header-text h3{color:#fca5a5}.witness-header-text p{margin:3px 0 0;font-size:.78rem;color:var(--text-muted, #64748b)}.btn-witness-close{background:transparent;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .18s}.btn-witness-close:hover{background:#0000000f;color:var(--text-main, #0f172a)}[data-theme=dark] .btn-witness-close:hover{background:#ffffff14;color:#f8fafc}.witness-modal-form{padding:20px 22px;display:flex;flex-direction:column;gap:16px;max-height:calc(85vh - 75px);overflow-y:auto}.witness-gps-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px #00000008}[data-theme=dark] .witness-gps-card{background:#0f172aa6;border-color:#334155}.gps-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.gps-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:750;color:#0369a1}[data-theme=dark] .gps-badge{color:#38bdf8}.gps-status-pill{padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:750}.gps-status-pill.valid{background:#dcfce7;color:#15803d;border:1px solid #86efac}.gps-status-pill.outside{background:#fef3c7;color:#b45309;border:1px solid #fde68a}[data-theme=dark] .gps-status-pill.valid{background:#10b9812e;color:#6ee7b7;border-color:#10b98159}[data-theme=dark] .gps-status-pill.outside{background:#f59e0b2e;color:#fde68a;border-color:#f59e0b59}.gps-distance-text{font-size:.84rem;color:#1e293b;font-weight:550}[data-theme=dark] .gps-distance-text{color:#e2e8f0}.gps-distance-text strong{color:#0284c7;font-weight:800}[data-theme=dark] .gps-distance-text strong{color:#38bdf8}.gps-notice-text{display:flex;align-items:flex-start;gap:6px;font-size:.73rem;color:#64748b;line-height:1.45;margin-top:2px}[data-theme=dark] .gps-notice-text{color:#94a3b8}.witness-form-group{display:flex;flex-direction:column;gap:8px}.form-group-label{font-size:.85rem;font-weight:750;color:#0f172a}[data-theme=dark] .form-group-label{color:#f1f5f9}.witness-radio-list{display:flex;flex-direction:column;gap:8px}.witness-radio-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .18s ease;font-size:.83rem;color:#1e293b;font-weight:550}.witness-radio-item:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}[data-theme=dark] .witness-radio-item{background:#1e293bb3;border-color:#334155;color:#e2e8f0}[data-theme=dark] .witness-radio-item:hover{background:#334155;border-color:#475569;color:#fff}.witness-radio-item.selected{border-color:#16a34a;background:#f0fdf4;color:#14532d;font-weight:700;box-shadow:0 1px 3px #16a34a1a}.witness-radio-item.hoax.selected{border-color:#dc2626;background:#fef2f2;color:#991b1b;font-weight:700;box-shadow:0 1px 3px #dc26261a}[data-theme=dark] .witness-radio-item.selected{background:#10b98126;border-color:#10b981;color:#a7f3d0}[data-theme=dark] .witness-radio-item.hoax.selected{background:#ef444426;border-color:#ef4444;color:#fecaca}.witness-radio-item input[type=radio]{accent-color:#16a34a;width:16px;height:16px;cursor:pointer}.witness-radio-item.hoax input[type=radio]{accent-color:#dc2626}.witness-form-group textarea{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:10px 14px;color:#0f172a;font-size:.85rem;font-family:inherit;line-height:1.5;transition:all .18s ease;box-shadow:inset 0 1px 2px #0000000a}.witness-form-group textarea::placeholder{color:#94a3b8;font-style:normal}.witness-form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}[data-theme=dark] .witness-form-group textarea{background:#0f172a;border-color:#334155;color:#f8fafc;box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .witness-form-group textarea::placeholder{color:#64748b}[data-theme=dark] .witness-form-group textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.witness-checkbox-swear{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:10px;background:#f0fdf4;border:1.5px solid #86efac;font-size:.79rem;color:#14532d;line-height:1.5;cursor:pointer}[data-theme=dark] .witness-checkbox-swear{background:#10b98114;border-color:#10b98140;color:#d1fae5}.witness-checkbox-swear input{margin-top:3px;accent-color:#16a34a;width:16px;height:16px;flex-shrink:0;cursor:pointer}.hoax-warning-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#fef2f2;border:1.5px solid #fca5a5;color:#b91c1c;font-size:.8rem;font-weight:650;line-height:1.45}.hoax-warning-banner svg{color:#dc2626;flex-shrink:0}[data-theme=dark] .hoax-warning-banner{background:#ef444424;border-color:#ef444459;color:#fca5a5}.witness-error-msg{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:9px;background:#fef2f2;border:1.5px solid #ef4444;color:#dc2626;font-size:.8rem;font-weight:650}[data-theme=dark] .witness-error-msg{background:#ef44442e;border-color:#ef4444;color:#fca5a5}.witness-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--border-subtle, #e2e8f0)}[data-theme=dark] .witness-modal-footer{border-top-color:#334155}.btn-witness-cancel{background:#fff;border:1.5px solid #cbd5e1;color:#475569;padding:9px 18px;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s ease}.btn-witness-cancel:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}[data-theme=dark] .btn-witness-cancel{background:transparent;border-color:#475569;color:#94a3b8}[data-theme=dark] .btn-witness-cancel:hover{background:#334155;color:#fff;border-color:#64748b}.btn-witness-submit{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;border:none;font-size:.82rem;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #00000026}.btn-witness-submit.btn-green{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.btn-witness-submit.btn-red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-witness-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 6px 18px #00000038}.citizen-portal-vibrant{display:flex;flex-direction:column;gap:24px}.citizen-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:6px 10px;border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 4px 20px #00000014;position:sticky;top:var(--header-height, 65px);z-index:995;transition:top .2s ease,box-shadow .2s ease}.citizen-nav-scroll-wrapper{display:flex;align-items:center;position:relative;flex:1;min-width:0;gap:6px}.citizen-nav-tabs-group{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1;min-width:0;padding:2px}.citizen-nav-tabs-group::-webkit-scrollbar{display:none}.nav-scroll-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border-subtle);background:var(--surface);color:var(--text-main);cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #00000014;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:5}.nav-scroll-btn:hover{background:var(--surface-hover);color:var(--brand-green-dark);border-color:var(--brand-green-dark);transform:scale(1.12);box-shadow:0 4px 12px #00000024}.nav-scroll-btn:active{transform:scale(.95)}[data-theme=dark] .nav-scroll-btn{background:var(--surface);border-color:var(--border-subtle);color:#f1f5f9;box-shadow:0 2px 8px #00000059}[data-theme=dark] .nav-scroll-btn:hover{background:var(--surface-hover);border-color:#4ade80;color:#4ade80}.citizen-nav-tab{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;background:transparent;border:none;font-size:.84rem;font-weight:700;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .2s ease}.citizen-nav-tab:hover{background:var(--surface-hover);color:var(--text-main)}.citizen-nav-tab.active{background:var(--brand-green-dark);color:#fff;box-shadow:0 4px 14px #15803d3d}.citizen-nav-tab.active .tab-counter-badge{background:#ffffff38;color:#fff}.tab-counter-badge{background:var(--border-subtle);color:var(--text-main);padding:2px 7px;border-radius:999px;font-size:.72rem;margin-left:2px}.citizen-nav-utility-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-emergency-call-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.4);color:#fff;padding:6px 13px;border-radius:10px;font-size:.78rem;font-weight:750;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 12px #ef444440}.nav-emergency-call-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef444461;color:#fff}.nav-hotline-dot-pulse{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fffc;animation:bmkgPulse 1.2s infinite}.nav-emergency-call-btn strong{font-family:Outfit,sans-serif;font-size:.96rem;letter-spacing:.02em}.nav-quick-contacts-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:6px 12px;border-radius:10px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-quick-contacts-btn:hover{background:var(--surface-hover);border-color:#38bdf8;color:#38bdf8;transform:translateY(-1px)}.citizen-fixed-emergency-strip{display:none;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;margin-top:10px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:12px;box-shadow:0 2px 8px #0000000a;max-width:100%;box-sizing:border-box}.strip-text-desktop{display:inline}.strip-text-mobile{display:none}.citizen-region-command-bar{margin:10px 0 16px;background:linear-gradient(135deg,#fffffffa,#f8fafcf5);border:1px solid rgba(16,185,129,.28);border-left:4px solid #10b981;border-radius:14px;box-shadow:0 4px 16px #10b98114,0 1px 3px #0000000a;padding:10px 16px;box-sizing:border-box;width:100%;transition:all .25s ease}.citizen-region-command-bar:hover{box-shadow:0 6px 20px #10b9811f,0 2px 6px #0000000f}.region-command-container{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.scope-mode-switcher-group{display:inline-flex;align-items:center;background:#0f172a0f;border-radius:999px;padding:3px;gap:4px;border:1px solid rgba(0,0,0,.08)}[data-theme=dark] .scope-mode-switcher-group{background:#ffffff14;border-color:#ffffff1f}.btn-scope-switch{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-muted, #64748b);padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:750;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-scope-switch:hover{color:var(--text-main, #0f172a);background:#ffffff80}.btn-scope-switch.active{background:#fff;color:#065f46;box-shadow:0 2px 10px #0000001a;font-weight:850}[data-theme=dark] .btn-scope-switch.active{background:#1e293b;color:#34d399;box-shadow:0 2px 10px #0006}.scope-badge-count{font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:999px;background:#10b98126;color:#059669}.btn-scope-switch.active .scope-badge-count{background:#10b981;color:#fff}.scope-nav-icon{animation:bmkgPulse 2s infinite}.region-command-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.region-badge-label{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;letter-spacing:.06em;color:#065f46;white-space:nowrap}.region-pin-pulse{color:#10b981;animation:bmkgPulse 1.8s infinite}.region-dropdown-wrapper{position:relative;display:inline-flex;align-items:center;background:#fff;border:1.5px solid #10b981;border-radius:10px;padding:0 10px;box-shadow:0 2px 6px #10b9811f;transition:all .2s}.region-dropdown-wrapper:hover,.region-dropdown-wrapper:focus-within{border-color:#059669;box-shadow:0 0 0 3px #10b98133}.region-dropdown-select{border:none;background:transparent;font-size:.82rem;font-weight:750;color:#0f172a;padding:7px 22px 7px 4px;cursor:pointer;outline:none;font-family:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}.dropdown-arrow-icon{position:absolute;right:10px;pointer-events:none;font-size:.7rem;color:#059669}.region-chips-scroll-group{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:none;-ms-overflow-style:none;flex:1}.region-chips-scroll-group::-webkit-scrollbar{display:none}.region-filter-chip{padding:5px 11px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-size:.76rem;font-weight:650;cursor:pointer;white-space:nowrap;transition:all .18s cubic-bezier(.4,0,.2,1)}.region-filter-chip:hover{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1}.region-filter-chip.active{background:#10b981;color:#fff;border-color:#059669;font-weight:750;box-shadow:0 2px 8px #10b98159}.region-command-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.region-live-summary{display:inline-flex;align-items:center;gap:6px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:5px 10px;font-size:.75rem;color:#065f46;white-space:nowrap}.live-status-beacon{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:bmkgPulse 1.2s infinite}.btn-region-reset{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;font-size:.74rem;font-weight:750;padding:5px 10px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .18s}.btn-region-reset:hover{background:#ef4444;color:#fff;border-color:#dc2626}@media (max-width: 900px){.region-command-container{flex-direction:column;align-items:stretch;gap:8px}.region-command-left{width:100%;justify-content:space-between}.region-dropdown-wrapper{flex:1}.region-dropdown-select{width:100%}.region-command-right{justify-content:space-between;width:100%}}.btn-strip-call-117,.btn-strip-call-112{display:inline-flex;align-items:center;gap:8px;background:#ef4444;color:#fff;padding:7px 14px;border-radius:9px;font-size:.82rem;font-weight:750;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px #ef44444d;white-space:nowrap}.btn-strip-call-117:hover,.btn-strip-call-112:hover{background:#dc2626;transform:translateY(-1px);color:#fff}.incident-consensus-meter-card{margin:10px 0 12px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.consensus-meter-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}.consensus-meter-label{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;color:#334155}.consensus-meter-badge{font-size:.72rem;font-weight:800;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:2px 7px;border-radius:999px}.consensus-meter-track{width:100%;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.consensus-meter-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;transition:width .4s ease}.consensus-meter-hint{margin-top:5px;font-size:.68rem;color:#64748b;line-height:1.3}.call-live-beacon{width:7px;height:7px;border-radius:50%;background:#fff;animation:bmkgPulse 1.2s infinite}.strip-badge-free{background:#ffffff38;color:#fff;padding:1px 6px;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.04em}.btn-strip-contacts{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:7px 14px;border-radius:9px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-strip-contacts:hover{background:var(--surface-hover);border-color:#38bdf8;color:#38bdf8}.hero-btn-track{background:linear-gradient(135deg,#0284c7,#0369a1)!important;box-shadow:0 6px 18px #0284c74d!important}.hero-btn-track:hover{background:linear-gradient(135deg,#0369a1,#075985)!important}.nav-quick-report-action{display:inline-flex;align-items:center;gap:6px;background:#22c55e;color:#052e16;border:none;padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #22c55e38;transition:all .2s;white-space:nowrap}.nav-quick-report-action:hover{background:#4ade80;transform:translateY(-1px);box-shadow:0 6px 16px #22c55e52}@media (max-width: 960px){.citizen-nav-bar{flex-wrap:wrap;gap:10px;padding:8px 10px}.citizen-nav-scroll-wrapper{width:100%;order:1}.citizen-nav-utility-group{width:100%;justify-content:space-between;order:2;padding-top:6px;border-top:1px solid var(--border-subtle)}}@media (max-width: 768px){.nav-quick-contacts-btn{display:none!important}.nav-emergency-call-btn,.nav-quick-report-action{flex:1;justify-content:center;text-align:center}}@media (max-width: 600px){.citizen-nav-tab{padding:7px 11px;font-size:.8rem}.nav-scroll-btn{width:28px;height:28px}.nav-emergency-hotline{padding:5px 10px;font-size:.75rem}.nav-quick-report-action{padding:6px 12px;font-size:.75rem}}.citizen-tab-pane{display:flex;flex-direction:column;gap:22px;animation:fadeIn .2s ease-out}.vibrant-hero-card{background:radial-gradient(circle at 7% 15%,rgba(52,211,153,.22),transparent 30%),radial-gradient(circle at 88% 12%,rgba(56,189,248,.12),transparent 28%),linear-gradient(135deg,#0b2f25,#10253a 58%,#111c31);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:46px 48px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(min(100%,380px),.85fr);gap:48px;align-items:center;box-shadow:0 28px 70px #08182638;position:relative;overflow:hidden}.vibrant-hero-card:after{content:"";position:absolute;width:260px;height:260px;left:38%;bottom:-210px;border:42px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}.vibrant-hero-left,.vibrant-hero-right{position:relative;z-index:1}.hero-tagline-badge{display:inline-flex;align-items:center;gap:8px;background:#dcfce7f0;color:#14532d;font-size:.75rem;font-weight:700;padding:7px 13px;border-radius:999px;margin-bottom:16px}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-green-primary)}.vibrant-hero-title{font-size:clamp(2.3rem,4vw,4rem);font-weight:800;line-height:1.04;margin-bottom:18px;color:#fff;letter-spacing:-.045em;max-width:720px}.hero-highlight-gradient{color:#4ade80}.vibrant-hero-desc{font-size:1.02rem;color:#cbd5e1;line-height:1.75;max-width:620px}.hero-situation-card{padding:24px;border:1px solid rgba(167,243,208,.2);border-radius:20px;background:#083330a8;box-shadow:0 18px 48px #0000002e,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e9fff3}.hero-situation-heading{display:flex;align-items:center;gap:12px}.hero-situation-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:12px;color:#86efac;background:#4ade801f}.hero-situation-kicker{display:block;color:#86efac;font-size:.64rem;font-weight:800;letter-spacing:.14em}.hero-situation-heading h2{margin-top:2px;color:#fff;font-size:1.12rem;letter-spacing:-.02em}.hero-situation-intro{margin-top:17px;color:#b7d5cb;font-size:.82rem;line-height:1.6}.hero-situation-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.hero-situation-metrics>div{min-width:0;padding:15px 10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#02181e47;text-align:center}.hero-situation-metrics strong{display:block;color:#fff;font-family:Outfit,sans-serif;font-size:1.6rem;line-height:1}.hero-situation-metrics span{display:block;margin-top:6px;color:#afc9c0;font-size:.68rem;font-weight:600}.hero-priority-report{margin-top:20px;padding:16px 17px;border:1px solid rgba(253,186,116,.22);border-left:3px solid #fb923c;border-radius:12px;background:#5f312245}.hero-priority-label{display:block;margin-bottom:7px;color:#fdba74;font-size:.66rem;font-weight:800;letter-spacing:.1em}.hero-priority-report strong{display:block;color:#fff;font-size:.86rem;line-height:1.45}.hero-priority-report p{margin-top:5px;color:#e6cfc2;font-size:.76rem;line-height:1.5}.report-preview-count{display:inline-flex;align-items:center;border:1px solid var(--border-subtle);border-radius:999px;padding:7px 12px;background:var(--surface-hover);color:var(--text-muted);font-size:.78rem;font-weight:750;white-space:nowrap}.hero-lapor-featured-box{margin-top:22px;margin-bottom:4px;width:100%}.hero-btn-lapor-jumbo{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);border:2px solid rgba(255,255,255,.4);border-radius:16px;color:#fff;cursor:pointer;box-shadow:0 10px 32px #ef444473,0 0 0 1px #ffffff26 inset;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left}.hero-btn-lapor-jumbo:hover{transform:translateY(-3px) scale(1.008);box-shadow:0 14px 40px #ef4444a6,0 0 0 2px #fff6 inset;background:linear-gradient(135deg,#f87171,#ef4444,#dc2626)}.lapor-jumbo-icon-box{width:52px;height:52px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 4px 12px #00000026}.lapor-jumbo-text-group{display:flex;flex-direction:column;gap:3px;flex:1}.lapor-jumbo-title{font-size:1.15rem;font-weight:900;letter-spacing:.02em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}.lapor-jumbo-sub{font-size:.82rem;color:#ffffffeb;font-weight:500}.lapor-jumbo-action-pill{padding:10px 20px;background:#fff;color:#dc2626;font-size:.85rem;font-weight:900;border-radius:999px;white-space:nowrap;box-shadow:0 4px 14px #0003;flex-shrink:0;transition:all .2s ease;letter-spacing:.02em}.hero-btn-lapor-jumbo:hover .lapor-jumbo-action-pill{background:#fef2f2;transform:translate(4px);box-shadow:0 6px 18px #0000004d}.hero-emergency-jumbo-wrapper{margin-top:10px;width:100%}.hero-btn-emergency-jumbo{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;background:linear-gradient(135deg,#f43f5e,#e11d48,#be123c)!important;border:2px solid rgba(255,255,255,.4)!important;border-radius:16px;color:#fff!important;cursor:pointer;box-shadow:0 10px 32px #e11d4873,0 0 0 1px #ffffff26 inset!important;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left}.hero-btn-emergency-jumbo:hover{transform:translateY(-3px) scale(1.008);box-shadow:0 14px 40px #e11d48a6,0 0 0 2px #fff6 inset!important;background:linear-gradient(135deg,#fb7185,#f43f5e,#e11d48)!important}.emergency-jumbo-icon-box{width:52px;height:52px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 4px 12px #00000026}.emergency-jumbo-text-group{display:flex;flex-direction:column;gap:3px;flex:1}.emergency-jumbo-title{font-size:1.15rem;font-weight:900;letter-spacing:.02em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}.emergency-jumbo-sub{font-size:.82rem;color:#ffffffeb;font-weight:500}.emergency-jumbo-action-pill{padding:10px 20px;background:#fff;color:#e11d48;font-size:.85rem;font-weight:900;border-radius:999px;white-space:nowrap;box-shadow:0 4px 14px #0003;flex-shrink:0;transition:all .2s ease;letter-spacing:.02em}.hero-btn-emergency-jumbo:hover .emergency-jumbo-action-pill{background:#fff1f2;transform:translate(4px);box-shadow:0 6px 18px #0000004d}.hero-secondary-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;width:100%}.hero-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.hero-primary-action,.hero-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:12px;font-size:.9rem;font-weight:800}.hero-primary-action{background:#22c55e;color:#052e16;box-shadow:0 12px 26px #22c55e3b}.hero-primary-action:hover{background:#4ade80;transform:translateY(-2px)}.hero-btn-emergency{background:linear-gradient(135deg,#f43f5e,#e11d48)!important;color:#fff!important;box-shadow:0 10px 28px #e11d4866!important;border:1px solid rgba(255,255,255,.25)!important}.hero-btn-emergency:hover{background:linear-gradient(135deg,#fb7185,#f43f5e)!important;transform:translateY(-2px);box-shadow:0 14px 34px #e11d488c!important}.hero-btn-family{background:#0ea5e929!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,.35)!important}.hero-btn-family:hover{background:#0ea5e947!important;transform:translateY(-2px);color:#fff!important;border-color:#38bdf899!important}.hero-secondary-action{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18)}.hero-secondary-action:hover{background:#ffffff24;transform:translateY(-2px)}.hero-trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#94a3b8;font-size:.78rem;font-weight:650}.hero-trust-row>span{display:inline-flex;align-items:center;gap:7px}.hero-live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px #4ade801f}.hero-stats-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:16px}.vibrant-hero-right .hero-stats-box{box-shadow:inset 0 1px #ffffff14,0 18px 50px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stats-box-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:.5px}.pulse-green-live{width:8px;height:8px;border-radius:50%;background:var(--brand-green-primary)}.pulse-red-live{width:8px;height:8px;border-radius:50%;background:var(--accent-red)}.stats-box-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-pill-item{background:var(--surface);border-radius:12px;padding:12px 8px;text-align:center;border:1px solid var(--border-subtle)}.stat-num{display:block;font-size:1.4rem;font-weight:800;color:var(--text-main)}.stat-lbl{font-size:.75rem;color:var(--text-muted);font-weight:600}.ai-citizen-alert-box{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;font-size:.85rem;color:var(--text-main)}.ai-alert-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:700}.ai-alert-body p{margin:4px 0 10px}.ai-alert-body ul{padding-left:16px;margin:0;color:var(--text-muted)}.clean-white-card{background:var(--surface);border-radius:20px;padding:28px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.card-header-flex h2{font-size:1.25rem;font-weight:800;color:var(--text-main)}.card-header-flex p{font-size:.85rem;color:var(--text-muted);margin-top:4px}.btn-clean-link{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);font-size:.85rem;font-weight:700;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s}.btn-clean-link:hover{background:var(--brand-green-dark);border-color:var(--brand-green-dark);color:#fff;transform:translateY(-1px)}.citizen-telemetry-ribbon{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:14px 24px;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;margin-top:4px;margin-bottom:6px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .25s ease}.donasi-tab-ribbon{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;max-width:100%;margin:14px 0 20px;width:100%;box-sizing:border-box}@media (max-width: 1024px){.donasi-tab-ribbon{grid-template-columns:repeat(3,1fr);gap:12px}.donasi-tab-ribbon .telemetry-divider{display:none}}@media (max-width: 640px){.donasi-tab-ribbon{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:10px 12px!important}}.map-scope-switch-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;padding:8px 16px;margin-bottom:12px;box-shadow:0 4px 16px #00000008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;box-sizing:border-box}.map-scope-pills{margin-bottom:0!important;background:var(--background, #f1f5f9);padding:3px;border-radius:12px;display:inline-flex}[data-theme=dark] .map-scope-pills{background:#0f172a99}.map-scope-info-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-muted)}@media (max-width: 768px){.map-scope-switch-bar{padding:6px 10px;border-radius:12px;margin-bottom:8px;justify-content:center}.map-scope-pills{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px}.map-scope-pills .btn-subview-pill{justify-content:center;padding:7px 10px;font-size:.78rem}.map-scope-info-label{display:none}}.map-telemetry-ribbon{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:0;margin-bottom:16px;padding:12px 18px;width:100%;box-sizing:border-box}.map-telemetry-ribbon .telemetry-item{padding:6px 10px;gap:10px;min-width:0}.map-telemetry-ribbon .telemetry-num{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.map-telemetry-ribbon .telemetry-lbl{font-size:.76rem;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1120px){.map-telemetry-ribbon{grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 18px}.map-telemetry-ribbon .telemetry-divider{display:none}}@media (max-width: 768px){.map-telemetry-ribbon{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 14px}.map-telemetry-ribbon .telemetry-divider{display:none}}@media (max-width: 520px){.map-telemetry-ribbon{grid-template-columns:1fr;gap:8px;padding:10px 12px}.map-telemetry-ribbon .telemetry-divider{display:none}}[data-theme=dark] .citizen-telemetry-ribbon{background:#0f172ab8;border-color:#ffffff14;box-shadow:0 10px 30px #00000047}.telemetry-item{display:flex;align-items:center;gap:14px;padding:6px 14px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.telemetry-item:hover{background:var(--surface-hover);transform:translateY(-2px)}.telemetry-icon-wrap{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;transition:transform .2s}.telemetry-item:hover .telemetry-icon-wrap{transform:scale(1.08)}.telemetry-icon-wrap.red-pulse{background:#ef44441f;color:#ef4444;animation:telemetry-pulse-glow 2s infinite ease-in-out}@keyframes telemetry-pulse-glow{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 8px #ef444400}}.telemetry-icon-wrap.green{background:#22c55e1f;color:#16a34a}.telemetry-icon-wrap.blue{background:#3b82f61f;color:#2563eb}.telemetry-icon-wrap.amber{background:#f59e0b1f;color:#d97706}.telemetry-text{display:flex;flex-direction:column;gap:2px;min-width:0}.telemetry-num-row{display:flex;align-items:center;gap:8px}.telemetry-num{font-size:1.3rem;font-weight:850;color:var(--text-main);letter-spacing:-.02em;line-height:1.1}.telemetry-beacon-dot.red{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:beacon-blink 1.5s infinite}@keyframes beacon-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.telemetry-badge-mini{font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.04em;text-transform:uppercase}.telemetry-badge-mini.green{background:#22c55e26;color:#15803d}[data-theme=dark] .telemetry-badge-mini.green{background:#4ade802e;color:#86efac}.telemetry-badge-mini.blue{background:#3b82f626;color:#1d4ed8}[data-theme=dark] .telemetry-badge-mini.blue{background:#60a5fa2e;color:#93c5fd}.telemetry-badge-mini.amber{background:#f59e0b26;color:#b45309}[data-theme=dark] .telemetry-badge-mini.amber{background:#fbbf242e;color:#fde68a}.telemetry-lbl{font-size:.74rem;font-weight:650;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.telemetry-divider{width:1px;height:38px;background:var(--border-subtle)}@media (max-width: 900px){.citizen-telemetry-ribbon{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.telemetry-divider{display:none}}@media (max-width: 520px){.citizen-telemetry-ribbon{grid-template-columns:1fr}}.portal-features-section{display:flex;flex-direction:column;gap:28px;margin:10px 0 20px}.section-header-modern{display:flex;flex-direction:column;gap:8px}.section-pill-tag{display:inline-flex;align-items:center;gap:6px;background:#10b9811f;color:var(--brand-green-primary, #10b981);border:1px solid rgba(16,185,129,.28);padding:4px 12px;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:800;letter-spacing:.06em;width:fit-content}.section-header-modern h2{font-size:1.55rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;margin:0}.section-header-modern p{font-size:.88rem;color:var(--text-muted);max-width:720px;line-height:1.6;margin:0}.pillar-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width: 600px){.pillar-cards-grid{grid-template-columns:1fr}}.pillar-card{background:var(--surface-glass, rgba(255, 255, 255, .9));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 16px);padding:22px 20px;display:flex;flex-direction:column;text-align:left;gap:10px;box-shadow:0 4px 18px #0000000a;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden;width:100%}[data-theme=dark] .pillar-card{background:#0f172abf;border-color:#334155b3;box-shadow:0 8px 24px #0000004d}.pillar-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00000017;border-color:#10b98166}[data-theme=dark] .pillar-card:hover{box-shadow:0 18px 40px #00000073}.pillar-card.pillar-emerald:hover{border-color:#10b981;box-shadow:0 12px 30px #10b9812e}.pillar-card.pillar-blue:hover{border-color:#0ea5e9;box-shadow:0 12px 30px #0ea5e92e}.pillar-card.pillar-amber:hover{border-color:#f59e0b;box-shadow:0 12px 30px #f59e0b2e}.pillar-card.pillar-purple:hover{border-color:#8b5cf6;box-shadow:0 12px 30px #8b5cf62e}.pillar-icon-box{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;margin-bottom:2px;transition:transform .2s ease}.pillar-card:hover .pillar-icon-box{transform:scale(1.08)}.icon-emerald{background:#10b98124;color:#10b981}.icon-blue{background:#0ea5e924;color:#0ea5e9}.icon-amber{background:#f59e0b24;color:#f59e0b}.icon-purple{background:#8b5cf624;color:#8b5cf6}.pillar-tag{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.pillar-card h3{font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0;line-height:1.35}.pillar-badge-footer{display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px dashed var(--border-subtle);font-size:.74rem;font-weight:700;color:var(--text-main);margin-top:auto}.pulse-dot-green{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:pulseSubtle 1.8s infinite}.institution-ecosystem-bar{background:var(--surface-glass, rgba(255, 255, 255, .85));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 16px);padding:16px 20px;display:flex;flex-direction:column;gap:14px}[data-theme=dark] .institution-ecosystem-bar{background:#0f172abf;border-color:#334155b3}.ecosystem-title-row{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--text-secondary)}.institution-chips-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inst-badge{display:flex;align-items:center;gap:10px;background:var(--surface-hover, #f1f5f9);border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 10px);padding:8px 14px;transition:all .2s ease}[data-theme=dark] .inst-badge{background:#ffffff0d}.inst-badge:hover{background:var(--surface);border-color:var(--brand-green-primary);transform:translateY(-1px)}.inst-symbol{font-size:1.25rem;line-height:1}.inst-badge strong{display:block;font-size:.82rem;font-weight:800;color:var(--text-main);line-height:1.2}.inst-badge small{display:block;font-size:.68rem;color:var(--text-muted)}.disaster-feed-section{display:flex;flex-direction:column;gap:20px}.feed-header-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.feed-title-col{display:flex;flex-direction:column;gap:6px}.feed-badge-pulse{display:inline-flex;align-items:center;gap:7px;background:#22c55e1f;color:#15803d;border:1px solid rgba(34,197,94,.25);padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.08em;width:fit-content}[data-theme=dark] .feed-badge-pulse{background:#4ade801f;color:#86efac;border-color:#4ade8040}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:bmkgPulse 1.8s infinite}.feed-title-col h2{font-size:1.35rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;margin:0}.feed-title-col p{font-size:.85rem;color:var(--text-muted);margin:0}.feed-filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.feed-filter-btn{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);padding:7px 12px;border-radius:10px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.feed-filter-btn:hover{background:var(--surface);border-color:var(--brand-green-primary);color:var(--text-main)}.feed-filter-btn.active{background:var(--brand-green-dark);border-color:var(--brand-green-dark);color:#fff;box-shadow:0 4px 12px #15803d38}.feed-filter-btn.filter-urgent.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 4px 12px #dc262640}.incidents-vibrant-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.incident-vibrant-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:0;display:flex;flex-direction:column;box-shadow:0 3px 12px #0f172a0f;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.incident-vibrant-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a1f;border-color:#cbd5e1}.incident-vibrant-card.prio-kritis{border-top:4px solid var(--accent-red)}.incident-vibrant-card.prio-tinggi{border-top:4px solid var(--accent-orange)}.incident-vibrant-card.prio-sedang{border-top:4px solid var(--accent-amber)}[data-theme=dark] .incident-vibrant-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 18px #00000059;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .incident-vibrant-card:hover{border-color:#475569;box-shadow:0 12px 30px #00000080}.incident-card-photo-hero{position:relative;width:100%;height:160px;overflow:hidden;background:#0f172a}.incident-hero-photo{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1);display:block}.incident-vibrant-card:hover .incident-hero-photo{transform:scale(1.06)}.incident-photo-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000000b3,#0000001a 45%,#000000d9);pointer-events:none}.incident-photo-top-bar{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:2}.incident-id-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:800;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.2);letter-spacing:.05em}.incident-photo-badges-right{display:flex;align-items:center;gap:6px}.photo-badge-urgent{display:inline-flex;align-items:center;gap:5px;background:#dc2626eb;color:#fff;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.02em;box-shadow:0 2px 8px #dc262673}.urgent-pulse-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:beacon-blink 1s infinite}.photo-status-pill{font-size:.65rem;font-weight:750;padding:3px 9px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:capitalize}.photo-status-pill.status-menunggu-verifikasi{background:#f59e0be0;color:#fff}.photo-status-pill.status-terverifikasi{background:#16a34ae0;color:#fff}.photo-status-pill.status-sedang-ditangani{background:#2563ebe0;color:#fff}.incident-photo-bottom-meta{position:absolute;bottom:8px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:2}.incident-photo-category{font-size:.72rem;font-weight:750;color:#fff;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.15)}.incident-photo-time{font-size:.68rem;font-weight:600;color:#ffffffd9;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.incident-card-content{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}.incident-card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.incident-type-cluster{display:flex;align-items:center;gap:10px}.incident-icon-disc{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;background:var(--surface-hover);border:1px solid var(--border-subtle)}.incident-badge-id{display:inline-block;font-size:.68rem;font-weight:800;color:var(--text-muted);letter-spacing:.05em}.incident-title-text{font-size:1.08rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;margin:1px 0 0}.incident-status-cluster{display:flex;align-items:center;gap:6px}.prio-badge-red{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25);font-size:.68rem;font-weight:800;padding:3px 7px;border-radius:6px;white-space:nowrap}[data-theme=dark] .prio-badge-red{background:#ef444438;color:#fca5a5}.status-pill{font-size:.72rem;font-weight:750;padding:3px 8px;border-radius:6px;white-space:nowrap}.status-pill.status-baru{background:#e0f2fe;color:#0369a1}.status-pill.status-ditinjau-admin{background:#fef3c7;color:#b45309}.status-pill.status-diproses{background:#e0e7ff;color:#4338ca}.status-pill.status-selesai{background:#dcfce7;color:#15803d}[data-theme=dark] .status-pill.status-baru{background:#0ea5e933;color:#7dd3fc}[data-theme=dark] .status-pill.status-ditinjau-admin{background:#f59e0b33;color:#fde68a}[data-theme=dark] .status-pill.status-diproses{background:#6366f133;color:#c7d2fe}[data-theme=dark] .status-pill.status-selesai{background:#22c55e33;color:#86efac}.incident-trust-pills-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.trust-pill{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:750;padding:3px 8px;border-radius:6px}.trust-pill.verified-bmkg{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25)}.trust-pill.verified-community{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.25)}.trust-pill.verified-nik{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}[data-theme=dark] .trust-pill.verified-bmkg{color:#6ee7b7;background:#10b9812e}[data-theme=dark] .trust-pill.verified-community{color:#93c5fd;background:#3b82f62e}[data-theme=dark] .trust-pill.verified-nik{color:#fcd34d;background:#f59e0b2e}.incident-loc-card-row{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-main);font-weight:600}.incident-loc-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incident-victim-badge{background:var(--surface-hover);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:6px;font-size:.72rem;color:var(--text-muted);white-space:nowrap}.incident-victim-badge strong{color:var(--text-main)}.incident-desc-text{font-size:.86rem;color:var(--text-muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.incident-urgent-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}[data-theme=dark] .incident-urgent-box{background:#0f172a;border-color:#334155}.urgent-box-label{font-size:.76rem;font-weight:750;color:#334155;letter-spacing:.01em}[data-theme=dark] .urgent-box-label{color:#cbd5e1}.urgent-chips-wrap{display:flex;flex-wrap:wrap;gap:6px}.urgent-chip-tag{background:#fff;border:1px solid #cbd5e1;color:#0f172a;font-size:.74rem;font-weight:650;padding:3px 9px;border-radius:6px}[data-theme=dark] .urgent-chip-tag{background:#1e293b;border-color:#475569;color:#f1f5f9}.incident-card-action-bar{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}[data-theme=dark] .incident-card-action-bar{border-top-color:#334155}.btn-card-map-action,.btn-card-donate-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:10px;font-size:.78rem;font-weight:750;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-card-map-action{background:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b}.btn-card-map-action:hover{background:#e2e8f0;color:#0f172a;transform:translateY(-1px)}[data-theme=dark] .btn-card-map-action{background:#334155;border-color:#475569;color:#f8fafc}.btn-card-donate-action{background:linear-gradient(135deg,#ea580c,#c2410c);border:1px solid #c2410c;color:#fff;box-shadow:0 2px 8px #ea580c40}.btn-card-donate-action:hover{background:linear-gradient(135deg,#f97316,#ea580c);transform:translateY(-1px);box-shadow:0 4px 12px #ea580c59}.card-vote-group{display:inline-flex;align-items:center;gap:3px;margin-left:auto;background:var(--surface-hover);padding:3px;border-radius:8px;border:1px solid var(--border-subtle)}.btn-vote-pill{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;padding:4px 7px;border-radius:6px;font-size:.7rem;font-weight:750;color:var(--text-muted);cursor:pointer;transition:all .15s}.btn-vote-pill:hover{background:var(--surface);color:var(--text-main)}.btn-vote-yes.voted{background:#16a34a;color:#fff}.btn-vote-no.voted{background:#dc2626;color:#fff}.card-witness-verification-group{display:inline-flex;align-items:center;gap:5px;margin-left:auto;background:var(--surface-hover);padding:3px 4px;border-radius:9px;border:1px solid var(--border-subtle)}.btn-witness-confirm,.btn-witness-flag-hoax{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid transparent;padding:5px 9px;border-radius:7px;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-witness-confirm{color:var(--brand-green-dark, #16a34a)}.btn-witness-confirm:hover{background:#22c55e1f;border-color:#22c55e40;transform:translateY(-1px)}.btn-witness-confirm.confirmed{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 6px #16a34a40}.witness-icon{flex-shrink:0}.witness-counter-chip{background:#22c55e26;color:#15803d;font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.btn-witness-confirm.confirmed .witness-counter-chip{background:#ffffff40;color:#fff}[data-theme=dark] .witness-counter-chip{background:#4ade8033;color:#86efac}.btn-witness-flag-hoax{color:var(--text-muted)}.btn-witness-flag-hoax:hover{background:#ef44441a;color:#dc2626;border-color:#ef444433}.btn-witness-flag-hoax.flagged{background:#dc2626;color:#fff}.card-witness-evidence-box{margin-top:10px;background:#10b9810d;border:1px solid rgba(16,185,129,.22);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}[data-theme=dark] .card-witness-evidence-box{background:#10b98114;border-color:#10b98147}.evidence-box-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px dashed rgba(16,185,129,.2)}.evidence-header-label{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:750;color:var(--brand-green-dark, #15803d)}[data-theme=dark] .evidence-header-label{color:#4ade80}.evidence-header-time{font-size:.68rem;color:var(--text-muted)}.evidence-box-content{display:flex;align-items:flex-start;gap:10px}.evidence-photo-thumb-wrap{position:relative;width:68px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1.5px solid #86efac;background:#000}.evidence-photo-thumb{width:100%;height:100%;object-fit:cover;display:block}.evidence-photo-verified-tag{position:absolute;bottom:0;left:0;right:0;background:#0a0f1dd9;color:#4ade80;font-size:.58rem;font-weight:700;text-align:center;padding:1px 0}.evidence-text-desc{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.evidence-note-quote{font-size:.76rem;color:var(--text-main);line-height:1.42;font-style:italic;margin:0}.evidence-geo-meta{font-size:.68rem;color:var(--text-muted);font-weight:600}.card-witness-trust-footer{display:flex;align-items:center;gap:6px;font-size:.68rem;color:var(--text-muted);padding:6px 4px 2px;opacity:.85}.witness-trust-dot{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 5px #10b981;flex-shrink:0}.feed-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:12px;color:var(--text-muted);font-size:.9rem}.tab-banner-header{display:flex;justify-content:space-between;align-items:center;background:var(--surface);padding:20px 24px;border-radius:12px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:16px}.tab-banner-header h2{font-size:1.25rem;font-weight:800;color:var(--text-main)}.tab-banner-header p{font-size:.9rem;color:var(--text-muted);margin-top:4px}.section-subtitle-clean{font-size:1.15rem;font-weight:800;color:var(--text-main);margin-bottom:16px}.map-view-hero-banner{background:linear-gradient(135deg,#063e26,#0d2822 55%,#0f1c2e);border:1px solid rgba(74,222,128,.28);border-radius:18px;padding:22px 26px;color:#fff;box-shadow:0 12px 35px #062e2038,inset 0 1px #ffffff1f;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px;position:relative;overflow:hidden;box-sizing:border-box}.map-view-hero-banner:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(74,222,128,.2) 0%,transparent 70%);pointer-events:none;z-index:0}.map-hero-left{display:flex;flex-direction:column;gap:8px;flex:1 1 440px;min-width:280px;z-index:1}.map-hero-badge-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:2px}.map-live-tag{display:inline-flex;align-items:center;gap:6px;background:#22c55e2e;border:1px solid rgba(74,222,128,.4);padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.06em;color:#86efac}.map-live-tag .pulsar-icon{color:#4ade80;animation:pingPulse 1.8s infinite}.map-region-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;color:#e2e8f0}.map-hero-title{font-size:1.35rem;font-weight:850;color:#fff!important;margin:0;line-height:1.25;letter-spacing:-.01em}.map-hero-sub{font-size:.88rem;color:#cbd5e1;margin:0;line-height:1.45;max-width:620px}.map-hero-stats-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;z-index:1}.map-stat-tile{background:#ffffff14;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 18px;border-radius:14px;display:flex;flex-direction:column;align-items:center;min-width:105px;text-align:center;transition:all .2s ease}.map-stat-tile:hover{background:#ffffff21;transform:translateY(-2px)}.map-stat-num{font-size:1.35rem;font-weight:850;color:#fff;line-height:1.1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.map-stat-tile.highlight-green .map-stat-num{color:#4ade80;text-shadow:0 0 12px rgba(74,222,128,.4)}.map-stat-tile.highlight-orange .map-stat-num{color:#fb923c;text-shadow:0 0 12px rgba(251,146,60,.4)}.map-stat-tile.highlight-danger .map-stat-num{color:#f87171;text-shadow:0 0 12px rgba(248,113,113,.4)}.map-stat-lbl{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}.shelter-directory-card{margin-top:24px;padding:24px 28px;border-radius:20px;border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-sm);box-sizing:border-box}.shelter-section-header-wrap{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border-subtle)}.shelter-header-left{display:flex;flex-direction:column;gap:4px;flex:1 1 320px}.shelter-sec-tag{font-size:.7rem;font-weight:850;letter-spacing:.08em;color:#059669;text-transform:uppercase}[data-theme=dark] .shelter-sec-tag{color:#34d399}.shelter-header-left .section-subtitle-clean{font-size:1.25rem;font-weight:850;color:var(--text-main);margin:0;display:inline-flex;align-items:center;gap:8px}.shelter-sec-sub{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}.shelter-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shelter-search-box{display:inline-flex;align-items:center;gap:8px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:999px;padding:6px 14px;min-width:240px;transition:all .2s ease}.shelter-search-box:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98126;background:var(--surface)}.shelter-search-icon{color:var(--text-muted);flex-shrink:0}.shelter-search-box input{border:none;background:transparent;outline:none;font-size:.82rem;color:var(--text-main);width:100%}.btn-clear-shelter-search{border:none;background:transparent;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0 2px}.btn-clear-shelter-search:hover{color:#dc2626}.feed-scope-toggle{display:inline-flex;align-items:center;gap:4px;margin-top:10px;background:#0f172a0f;padding:4px;border-radius:999px;width:fit-content;border:1px solid rgba(0,0,0,.06)}[data-theme=dark] .feed-scope-toggle{background:#ffffff14;border-color:#ffffff1f}.feed-scope-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-muted, #64748b);padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:750;cursor:pointer;transition:all .2s ease;white-space:nowrap}.feed-scope-btn:hover{color:var(--text-main, #0f172a)}.feed-scope-btn.active{background:#0f4a2b;color:#fff;box-shadow:0 2px 10px #0f4a2b59;font-weight:850}[data-theme=dark] .feed-scope-btn.active{background:#10b981;color:#fff;box-shadow:0 2px 10px #10b98166}.incident-sub-wilayah-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.incident-dist-badge{display:inline-flex;align-items:center;gap:4px;background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3);padding:1px 7px;border-radius:6px;font-size:.7rem;font-weight:800}[data-theme=dark] .incident-dist-badge{background:#10b98133;color:#34d399;border-color:#34d39959}.tab-scope-pills{margin-bottom:8px}.tab-counter-badge.count-sekitar{background:#10b981!important;color:#fff!important}.shelter-category-filter-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--surface-hover);padding:4px;border-radius:999px;border:1px solid var(--border-subtle)}.btn-shelter-pill{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-muted);padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-shelter-pill:hover{color:var(--text-main);background:#0000000a}[data-theme=dark] .btn-shelter-pill:hover{background:#ffffff0f}.btn-shelter-pill.active{background:var(--surface);color:#059669;font-weight:850;box-shadow:0 2px 8px #00000014}[data-theme=dark] .btn-shelter-pill.active{background:#1e293b;color:#34d399;box-shadow:0 2px 8px #0000004d}.shelter-count-pill{background:#10b9811f;color:#059669;font-size:.72rem;font-weight:850;padding:1px 7px;border-radius:999px;margin-left:2px}[data-theme=dark] .shelter-count-pill{background:#10b98140;color:#6ee7b7}.shelters-vibrant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;width:100%;box-sizing:border-box}.shelter-vibrant-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:0 3px 12px #00000008;position:relative;box-sizing:border-box}.shelter-vibrant-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000014}.shelter-vibrant-card.card-posko{border-top:4px solid #10b981}.shelter-vibrant-card.card-faskes{border-top:4px solid #0284c7}.shelter-card-topbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.shelter-chip-tag{font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.shelter-chip-tag.tag-posko{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}[data-theme=dark] .shelter-chip-tag.tag-posko{background:#10b9812e;color:#6ee7b7;border-color:#10b98159}.shelter-chip-tag.tag-faskes{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}[data-theme=dark] .shelter-chip-tag.tag-faskes{background:#0ea5e92e;color:#7dd3fc;border-color:#0ea5e959}.shelter-badge-bed{font-size:.72rem;font-weight:850;padding:4px 10px;border-radius:999px;white-space:nowrap}.shelter-badge-bed.bed-safe{background:#dcfce7;color:#15803d;border:1px solid #86efac}[data-theme=dark] .shelter-badge-bed.bed-safe{background:#22c55e2e;color:#86efac;border-color:#22c55e59}.shelter-badge-bed.bed-warning{background:#fef3c7;color:#b45309;border:1px solid #fcd34d}[data-theme=dark] .shelter-badge-bed.bed-warning{background:#f59e0b2e;color:#fcd34d;border-color:#f59e0b59}.shelter-badge-bed.bed-critical{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}[data-theme=dark] .shelter-badge-bed.bed-critical{background:#ef44442e;color:#fca5a5;border-color:#ef444459}.shelter-header-info{display:flex;flex-direction:column;gap:4px}.shelter-card-title{font-size:1.15rem;font-weight:850;color:var(--text-main);margin:0;line-height:1.3}.shelter-card-address{font-size:.8rem;color:var(--text-muted);margin:0;display:inline-flex;align-items:flex-start;gap:5px;line-height:1.35}.shelter-card-address .address-pin-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.shelter-capacity-tracker{background:var(--surface-hover);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--border-subtle)}.cap-label-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.cap-meta-text{color:var(--text-muted);font-weight:650}.cap-highlight-num{font-size:.82rem;font-weight:850;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cap-highlight-num.bed-safe{color:#15803d}[data-theme=dark] .cap-highlight-num.bed-safe{color:#4ade80}.cap-highlight-num.bed-warning{color:#b45309}[data-theme=dark] .cap-highlight-num.bed-warning{color:#fcd34d}.cap-highlight-num.bed-critical{color:#b91c1c}[data-theme=dark] .cap-highlight-num.bed-critical{color:#f87171}.cap-track-bar{width:100%;height:7px;background:#00000014;border-radius:999px;overflow:hidden}[data-theme=dark] .cap-track-bar{background:#ffffff1f}.cap-fill-bar{height:100%;border-radius:999px;transition:width .4s ease}.cap-fill-bar.bed-safe{background:linear-gradient(90deg,#10b981,#059669)}.cap-fill-bar.bed-warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.cap-fill-bar.bed-critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.cap-remaining-hint{font-size:.73rem;color:var(--text-muted);font-weight:600}.shelter-card-facilities-wrap{display:flex;flex-direction:column;gap:6px}.facilities-section-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.facility-chips-cloud{display:flex;flex-wrap:wrap;gap:6px}.facility-chip-pill{display:inline-flex;align-items:center;gap:5px;background:var(--surface-hover);border:1px solid var(--border-subtle);padding:4px 9px;border-radius:8px;font-size:.74rem;font-weight:650;color:var(--text-main)}.facility-chip-pill .fac-icon{font-size:.85rem;line-height:1}.facility-chip-pill .fac-text{font-size:.74rem;line-height:1.2}.shelter-urgent-needs-box{display:flex;align-items:flex-start;gap:7px;background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;padding:8px 11px;border-radius:9px;font-size:.76rem;color:#92400e;line-height:1.4}[data-theme=dark] .shelter-urgent-needs-box{background:#f59e0b1f;border-color:#f59e0b40;border-left-color:#f59e0b;color:#fde68a}.shelter-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--border-subtle);gap:12px}.shelter-card-pic{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.coord-label{font-size:.7rem;color:var(--text-muted);font-weight:650;text-transform:uppercase;letter-spacing:.03em}.coord-name{font-size:.85rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coord-contact-text{font-size:.75rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.btn-call-shelter-action{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#059669,#047857);color:#fff!important;text-decoration:none!important;padding:8px 14px;border-radius:10px;font-size:.78rem;font-weight:800;box-shadow:0 3px 10px #05966940;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;cursor:pointer}.btn-call-shelter-action:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-1px);box-shadow:0 6px 16px #05966959}.btn-call-shelter-action:active{transform:translateY(0)}.reports-vibrant-feed{display:flex;flex-direction:column;gap:16px}.report-full-vibrant-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.report-top-meta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.report-id-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-badge-id{font-size:.75rem;font-weight:700;color:var(--text-muted);background:var(--surface-hover);padding:4px 8px;border-radius:4px}.report-title-bold{font-size:1.15rem;font-weight:800;color:var(--text-main)}.report-meta-items{display:flex;gap:18px;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap}.report-kondisi-paragraph{font-size:.95rem;color:var(--text-main);line-height:1.6}.report-bottom-strip{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);padding-top:12px;border-top:1px solid var(--border-subtle)}.logistics-vibrant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.logistics-vibrant-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.logistics-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.logistics-cat-badge{font-size:.75rem;font-weight:700;color:var(--accent-blue);background:var(--surface-hover);padding:4px 8px;border-radius:6px}.logistics-urgency-badge{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:6px}.logistics-urgency-badge.kritis{background:#fee2e2;color:#dc2626}.logistics-urgency-badge.tinggi{background:#ffedd5;color:#ea580c}.logistics-urgency-badge.sedang{background:#fef9c3;color:#ca8a04}.logistics-item-name{font-size:1.1rem;font-weight:800;color:var(--text-main);margin-bottom:6px}.logistics-item-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:16px}.logistics-meter-box{background:var(--surface-hover);padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid var(--border-subtle)}.meter-label-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:8px}.meter-track-bar{width:100%;height:8px;background:var(--border-subtle);border-radius:999px;overflow:hidden;margin-bottom:8px}.meter-fill-bar{height:100%;border-radius:999px;transition:width .4s ease}.meter-fill-bar.fill-green{background:var(--brand-green-primary)}.meter-fill-bar.fill-red{background:var(--accent-red)}.meter-fill-bar.fill-blue{background:var(--accent-blue)}.meter-stats-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.btn-donate-logistics-action{margin-top:auto;background:var(--surface);color:var(--text-main);border:1px solid var(--border-subtle);font-weight:700;font-size:.9rem;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-donate-logistics-action:hover{background:var(--surface-hover)}.hotlines-vibrant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.hotline-vibrant-card{background:var(--surface);border-radius:12px;padding:24px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.hotline-top-strip{display:flex;justify-content:space-between;align-items:center}.hotline-tag-label{font-size:.75rem;font-weight:700;color:var(--text-muted)}.hotline-name-title{font-size:1.1rem;font-weight:800;color:var(--text-main)}.hotline-number-display{font-size:1.8rem;font-weight:800;color:var(--text-main)}.hotline-desc-text{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.btn-call-hotline-vibrant{margin-top:auto;color:#fff;text-decoration:none;text-align:center;font-size:.9rem;font-weight:700;padding:12px;border-radius:8px;transition:all .2s}.btn-call-hotline-vibrant:hover{opacity:.9}.tips-vibrant-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.tip-vibrant-box{background:var(--surface);padding:20px;border-radius:12px;border:1px solid var(--border-subtle)}.tip-vibrant-box.border-blue{border-left:4px solid var(--accent-blue)}.tip-vibrant-box.border-purple{border-left:4px solid var(--accent-purple)}.tip-vibrant-box.border-orange{border-left:4px solid var(--accent-orange)}.tip-icon{font-size:1.5rem;display:block;margin-bottom:12px}.tip-vibrant-box h4{font-size:1.1rem;font-weight:800;color:var(--text-main);margin-bottom:8px}.tip-vibrant-box p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0}@media (max-width: 900px){.vibrant-hero-card{grid-template-columns:1fr;padding:24px}}.portal-features-section{display:flex;flex-direction:column;gap:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,#dcfce7),var(--surface));border-radius:24px;padding:34px 36px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}[data-theme=dark] .portal-features-section{background:linear-gradient(135deg,#08262173,#111c3173);border-color:#ffffff14}.section-header-modern{display:flex;flex-direction:column;gap:8px;max-width:760px}.section-pill-tag{display:inline-flex;align-items:center;gap:6px;background:#22c55e24;color:#15803d;font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:5px 12px;border-radius:999px;width:fit-content}[data-theme=dark] .section-pill-tag{background:#4ade8026;color:#86efac}.section-header-modern h2{font-size:1.7rem;font-weight:800;color:var(--text-main);letter-spacing:-.03em;margin:0}.section-header-modern p{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0}.pillar-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.pillar-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pillar-cards-grid{grid-template-columns:1fr}}.pillar-card{position:relative;background:var(--surface);border:1px solid var(--border-subtle);border-radius:20px;padding:24px 20px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 18px #0000000a;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.85;transition:height .25s ease}.pillar-card.pillar-emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.pillar-card.pillar-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.pillar-card.pillar-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pillar-card.pillar-purple:before{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.pillar-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #00000014}.pillar-card:hover:before{height:5px}.pillar-card.pillar-emerald:hover{border-color:#10b98166}.pillar-card.pillar-blue:hover{border-color:#3b82f666}.pillar-card.pillar-amber:hover{border-color:#f59e0b66}.pillar-card.pillar-purple:hover{border-color:#8b5cf666}.pillar-icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:2px}.icon-emerald{background:#22c55e24;color:#16a34a}.icon-blue{background:#3b82f624;color:#2563eb}.icon-amber{background:#f59e0b24;color:#d97706}.icon-purple{background:#8b5cf624;color:#7c3aed}[data-theme=dark] .icon-emerald{color:#4ade80}[data-theme=dark] .icon-blue{color:#60a5fa}[data-theme=dark] .icon-amber{color:#fbbf24}[data-theme=dark] .icon-purple{color:#a78bfa}.pillar-tag{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.pillar-card h3{font-size:1.05rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;margin:0;line-height:1.3}.pillar-card p{font-size:.82rem;color:var(--text-muted);line-height:1.55;margin:0;flex:1}.pillar-badge-footer{display:inline-flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--border-subtle);font-size:.72rem;font-weight:750;color:var(--text-muted)}.pulse-dot-green{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}.text-blue{color:#3b82f6!important}.text-amber{color:#f59e0b!important}.text-purple{color:#8b5cf6!important}.text-emerald{color:#10b981!important}.institution-ecosystem-bar{background:#00000008;border:1px solid var(--border-subtle);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}[data-theme=dark] .institution-ecosystem-bar{background:#00000040;border-color:#ffffff0f}.ecosystem-title-row{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:750;color:var(--text-muted)}.institution-chips-wrap{display:flex;flex-wrap:wrap;gap:10px}.inst-badge{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-subtle);padding:8px 14px;border-radius:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.inst-badge:hover{transform:translateY(-2px);border-color:#4ade8066;box-shadow:0 6px 16px #00000014}.inst-symbol{font-size:1.25rem}.inst-badge strong{display:block;font-size:.82rem;color:var(--text-main);line-height:1.2}.inst-badge small{display:block;font-size:.68rem;color:var(--text-muted);margin-top:1px}@media (max-width: 1080px){.vibrant-hero-card{grid-template-columns:1fr;gap:32px}.vibrant-hero-title{max-width:760px}}.hero-btn-text-desktop{display:inline}.hero-btn-text-mobile{display:none}@media (max-width: 768px){.hero-btn-text-desktop{display:none!important}.hero-btn-text-mobile{display:inline!important}.citizen-portal-vibrant{gap:6px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding-bottom:calc(64px + env(safe-area-inset-bottom,8px))}.citizen-nav-bar{display:none!important}.citizen-nav-tabs-group{gap:3px;padding:1px 0;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.citizen-nav-tabs-group::-webkit-scrollbar{display:none!important}.citizen-nav-tab{padding:3px 8px;font-size:.66rem;gap:3px;border-radius:999px;height:24px;flex-shrink:0}.citizen-nav-tab svg{width:12px;height:12px}.tab-counter-badge{font-size:.58rem;padding:1px 4px}.nav-scroll-btn,.citizen-nav-utility-group{display:none!important}.citizen-fixed-emergency-strip{display:flex!important;align-items:center;justify-content:space-between;padding:4px 6px;gap:5px;width:100%;box-sizing:border-box;max-width:100%;overflow:hidden;margin:2px 0 4px;border-radius:7px;min-height:28px}.btn-strip-call-117{flex:1 1 auto;min-width:0;justify-content:center;padding:4px 6px;font-size:.7rem;border-radius:6px;box-sizing:border-box;white-space:nowrap;gap:4px}.btn-strip-call-117 svg{width:12px;height:12px}.strip-text-desktop{display:none!important}.strip-text-mobile{display:inline!important}.strip-badge-free{font-size:.55rem;padding:1px 3px;border-radius:3px}.btn-strip-contacts{flex:0 0 auto;justify-content:center;padding:4px 6px;font-size:.7rem;border-radius:6px;box-sizing:border-box;white-space:nowrap;gap:3px}.btn-strip-contacts svg{width:11px;height:11px}.citizen-region-command-bar{margin:2px 0 5px;padding:5px 7px;border-radius:8px;border-left-width:3px;box-sizing:border-box;width:100%}.region-command-container{gap:4px}.region-command-left{gap:4px;width:100%;display:flex;align-items:center}.region-badge-label{font-size:.62rem;gap:3px;white-space:nowrap}.region-badge-label svg{width:11px;height:11px}.region-dropdown-wrapper{flex:1;min-width:0}.region-dropdown-select{padding:2px 18px 2px 5px;font-size:.68rem;height:24px;border-radius:5px;width:100%}.region-chips-scroll-group{gap:3px;padding:1px 0;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}.region-chips-scroll-group::-webkit-scrollbar{display:none}.region-filter-chip{padding:1px 6px;font-size:.65rem;height:21px;border-radius:5px;white-space:nowrap;flex-shrink:0}.region-command-right{margin-top:1px;gap:4px;width:100%;display:flex;align-items:center;justify-content:space-between}.region-live-summary{font-size:.62rem}.btn-region-reset{font-size:.62rem;padding:1px 5px;border-radius:4px}.vibrant-hero-card{padding:10px 8px;border-radius:11px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;gap:8px}.hero-tagline-badge{font-size:.6rem;padding:2px 5px;margin-bottom:3px;gap:4px}.vibrant-hero-title{font-size:clamp(1.05rem,4.2vw,1.25rem);line-height:1.18;word-break:break-word;letter-spacing:-.02em;margin-bottom:2px}.vibrant-hero-desc{font-size:.7rem;line-height:1.34;color:#cbd5e1;margin-top:2px;margin-bottom:4px}.hero-lapor-featured-box{margin-top:8px!important;margin-bottom:4px!important;width:100%!important}.hero-btn-lapor-jumbo{padding:10px 12px!important;gap:10px!important;border-radius:12px!important}.lapor-jumbo-icon-box{width:38px!important;height:38px!important;border-radius:10px!important}.lapor-jumbo-icon-box svg{width:20px!important;height:20px!important}.lapor-jumbo-title{font-size:.88rem!important;line-height:1.2!important}.lapor-jumbo-sub{font-size:.68rem!important;line-height:1.2!important}.lapor-jumbo-action-pill{padding:6px 10px!important;font-size:.72rem!important}.hero-action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:6px!important;width:100%!important;box-sizing:border-box!important}.hero-primary-action,.hero-secondary-action{width:100%!important;box-sizing:border-box!important}.hero-emergency-jumbo-wrapper{margin-top:8px!important;width:100%!important}.hero-btn-emergency-jumbo{padding:10px 14px!important;gap:10px!important;border-radius:12px!important;min-height:48px!important}.emergency-jumbo-icon-box{width:38px!important;height:38px!important;border-radius:10px!important}.emergency-jumbo-icon-box svg{width:20px!important;height:20px!important}.emergency-jumbo-title{font-size:.88rem!important}.emergency-jumbo-sub{font-size:.68rem!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.emergency-jumbo-action-pill{padding:6px 12px!important;font-size:.72rem!important}.hero-secondary-row-dual{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important}.hero-secondary-action{min-height:29px!important;padding:4px 6px!important;font-size:.68rem!important;font-weight:700!important;border-radius:6px!important;gap:4px!important;text-align:center!important;white-space:nowrap!important}.hero-secondary-action svg{width:12px!important;height:12px!important}.hero-trust-row{margin-top:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:3px;font-size:.6rem}.citizen-telemetry-ribbon{grid-template-columns:repeat(2,1fr)!important;gap:4px!important;padding:5px 6px!important;border-radius:8px!important;margin:3px 0!important;width:100%!important;box-sizing:border-box!important}.telemetry-divider{display:none!important}.telemetry-item{padding:4px 5px!important;gap:5px!important;border-radius:6px!important}.telemetry-icon-wrap{width:22px!important;height:22px!important;border-radius:5px!important}.telemetry-icon-wrap svg{width:12px!important;height:12px!important}.telemetry-num{font-size:.92rem!important}.telemetry-lbl{font-size:.58rem!important}.stats-box-numbers{grid-template-columns:1fr}.about-content{grid-template-columns:1fr;gap:16px}.clean-white-card,.about-salingjaga-section{padding:16px 12px}.feed-header-wrap{flex-direction:column;align-items:flex-start;gap:10px}.feed-filter-bar{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.feed-filter-btn{flex-shrink:0;padding:5px 10px;font-size:.72rem}.hotlines-vibrant-grid,.shelters-vibrant-grid,.tips-vibrant-row{grid-template-columns:1fr;gap:12px}.portal-features-section{padding:16px 12px;border-radius:14px;gap:12px}.report-full-vibrant-card{padding:14px 12px;border-radius:12px}.tab-banner-header{padding:12px 14px}.shelter-vibrant-card{padding:12px;border-radius:12px}}@media (max-width: 480px){.vibrant-hero-card{padding:12px 10px;border-radius:12px}.vibrant-hero-title{font-size:1.18rem;line-height:1.2}.hero-tagline-badge{font-size:.64rem;padding:2px 7px;margin-bottom:6px}.hero-situation-card{padding:12px 10px;border-radius:12px}.incident-card-action-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn-card-map-action,.btn-card-donate-action{width:100%;justify-content:center;padding:7px 5px;font-size:.72rem}.card-witness-verification-group{grid-column:1 / -1;margin-left:0;width:100%;display:flex;justify-content:space-between;gap:6px}.btn-witness-confirm,.btn-witness-flag-hoax{flex:1;justify-content:center;padding:6px 5px;font-size:.7rem}}@media (max-width: 360px){.hero-action-row{grid-template-columns:1fr!important}.hero-secondary-action{grid-column:1 / -1!important}.hero-situation-card{padding:10px 8px}.hero-situation-metrics{gap:4px}.hero-situation-metrics>div{padding:8px 3px}.hero-situation-metrics span{font-size:.58rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.citizen-mobile-bottom-bar{display:none}@media (max-width: 768px){.citizen-mobile-bottom-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;position:fixed;bottom:0;left:0;right:0;height:48px;padding:0 2px calc(env(safe-area-inset-bottom,0px) + 1px);background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 20px #00000014;z-index:998;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;overflow:visible!important}[data-theme=dark] .citizen-mobile-bottom-bar{background:#0b1220f0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -6px 25px #0006}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--text-muted);font-size:.62rem;font-weight:700;padding:3px 1px;border-radius:8px;cursor:pointer;position:relative;transition:all .18s ease;width:100%;min-width:0;box-sizing:border-box}.mobile-nav-item svg{width:15px;height:15px;flex-shrink:0}.mobile-nav-item span:not(.mobile-active-dot):not(.center-lapor-label){white-space:nowrap;font-size:.56rem;line-height:1.1;text-align:center}.mobile-nav-item:hover{color:var(--text-main)}.mobile-nav-item.active{color:var(--brand-green-dark)}[data-theme=dark] .mobile-nav-item.active{color:#4ade80}.mobile-active-dot{position:absolute;bottom:1px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.mobile-nav-center-lapor{position:relative;top:-14px;overflow:visible!important;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.center-lapor-circle{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626 60%,#b91c1c);color:#fff;display:grid;place-items:center;box-shadow:0 6px 22px #ef44448c;border:3.5px solid var(--surface);transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:visible}.center-lapor-circle svg{width:24px;height:24px}.mobile-nav-center-lapor:active .center-lapor-circle{transform:scale(.92)}.center-lapor-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(239,68,68,.55);animation:laporPulse 2s infinite ease-out;pointer-events:none}@keyframes laporPulse{0%{transform:scale(.95);opacity:.9}70%{transform:scale(1.24);opacity:0}to{transform:scale(.95);opacity:0}}.center-lapor-label{font-size:.65rem;font-weight:900;color:#ef4444;letter-spacing:.05em;margin-top:2px}[data-theme=dark] .center-lapor-label{color:#f87171}}.tab-banner-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.citizen-subview-toggle-pills{display:inline-flex;align-items:center;gap:6px;background:var(--surface-hover, #f1f5f9);padding:4px;border-radius:12px;border:1px solid var(--border-subtle, #e2e8f0)}[data-theme=dark] .citizen-subview-toggle-pills{background:#1e293bb3;border-color:#334155cc}.btn-subview-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;border:none;background:transparent;color:var(--text-muted, #64748b);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-subview-pill:hover{color:var(--text-main, #0f172a);background:#ffffff80}[data-theme=dark] .btn-subview-pill:hover{background:#ffffff14;color:#f8fafc}.btn-subview-pill.active{background:var(--surface, #ffffff);color:#059669;box-shadow:0 2px 8px #00000014}[data-theme=dark] .btn-subview-pill.active{background:#0f172a;color:#34d399;box-shadow:0 2px 8px #0006}.pill-counter-tag{background:#0000000f;color:var(--text-muted, #64748b);font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:999px}[data-theme=dark] .pill-counter-tag{background:#ffffff1f;color:#cbd5e1}.btn-subview-pill.active .pill-counter-tag.count-highlight{background:#ecfdf5;color:#059669}[data-theme=dark] .btn-subview-pill.active .pill-counter-tag.count-highlight{background:#05966940;color:#34d399}.my-reports-wrapper,.my-donations-wrapper{display:flex;flex-direction:column;gap:18px;animation:fadeIn .25s ease-out}.my-reports-header-row,.my-donations-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.my-reports-header-row h3,.my-donations-header-row h3{font-size:1.25rem;font-weight:800;color:var(--text-main, #0f172a);margin:0}.my-reports-header-row p,.my-donations-header-row p{font-size:.84rem;color:var(--text-muted, #64748b);margin:2px 0 0}.btn-create-new-disaster-report{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:9px 16px;border-radius:10px;font-size:.84rem;font-weight:750;cursor:pointer;box-shadow:0 4px 12px #dc262640;transition:all .18s ease}.btn-create-new-disaster-report:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-create-new-donation{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;padding:9px 16px;border-radius:10px;font-size:.84rem;font-weight:750;cursor:pointer;box-shadow:0 4px 12px #0284c740;transition:all .18s ease}.btn-create-new-donation:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.my-disaster-cards-grid{display:flex;flex-direction:column;gap:16px}.my-disaster-card{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 16px #00000008;border-left:4px solid #ef4444}.my-disaster-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.my-disaster-badge-group{display:flex;align-items:center;gap:10px}.my-disaster-title{font-size:1.15rem;font-weight:800;color:var(--text-main, #0f172a);margin:0}.my-disaster-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:.84rem;color:var(--text-muted, #475569);background:var(--surface-hover, #f8fafc);padding:8px 12px;border-radius:8px}.my-disaster-desc{font-size:.88rem;color:var(--text-main, #1e293b);line-height:1.5;margin:0}.my-disaster-urgent{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.84rem;padding:8px 12px;border-radius:8px}[data-theme=dark] .my-disaster-urgent{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.my-disaster-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border-subtle, #f1f5f9);font-size:.8rem}.my-disaster-pelapor{color:var(--text-muted, #64748b);font-weight:600}.btn-view-map-mini{display:inline-flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--border-subtle, #cbd5e1);color:#0284c7;font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .16s ease}.btn-view-map-mini:hover{background:#0284c71a;border-color:#0284c7}.my-donations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:20px}.my-donation-card{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #00000008;border-left:4px solid #059669}.my-donation-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.donation-receipt-cluster{display:flex;flex-direction:column;gap:2px}.donation-receipt-badge{font-size:.72rem;font-weight:800;color:var(--text-muted, #64748b);background:var(--surface-hover, #f1f5f9);padding:2px 6px;border-radius:5px;border:1px solid var(--border-subtle);width:fit-content}.my-donation-item-title{font-size:1.1rem;font-weight:800;color:var(--text-main, #0f172a);margin:0}.donation-status-verified{display:inline-flex;align-items:center;gap:4px;background:#ecfdf5;color:#059669;border:1px solid rgba(16,185,129,.3);font-size:.72rem;font-weight:750;padding:3px 9px;border-radius:6px;white-space:nowrap}[data-theme=dark] .donation-status-verified{background:#05966933;color:#34d399}.donation-status-pending{display:inline-flex;align-items:center;gap:4px;background:#fffbeb;color:#d97706;border:1px solid rgba(245,158,11,.35);font-size:.72rem;font-weight:750;padding:3px 9px;border-radius:6px;white-space:nowrap}[data-theme=dark] .donation-status-pending{background:#d9770633;color:#fbbf24}.donation-status-rejected{display:inline-flex;align-items:center;gap:4px;background:#fef2f2;color:#dc2626;border:1px solid rgba(239,68,68,.3);font-size:.72rem;font-weight:750;padding:3px 9px;border-radius:6px;white-space:nowrap}[data-theme=dark] .donation-status-rejected{background:#dc262633;color:#f87171}.logistics-pending-badge{display:inline-flex;align-items:center;gap:5px;background:#f59e0b14;color:#b45309;border:1px dashed rgba(245,158,11,.4);font-size:.74rem;font-weight:650;padding:4px 9px;border-radius:6px;margin-top:6px}[data-theme=dark] .logistics-pending-badge{background:#f59e0b29;color:#fcd34d}.my-donation-pending-callout{background:#fffbeb;border:1px solid rgba(245,158,11,.3);color:#92400e;font-size:.76rem;line-height:1.4;padding:7px 10px;border-radius:8px;margin-bottom:10px}[data-theme=dark] .my-donation-pending-callout{background:#f59e0b1f;color:#fde68a;border-color:#f59e0b40}.my-donation-amount-badge{display:flex;align-items:baseline;gap:6px;background:linear-gradient(135deg,#05966914,#0284c70f);padding:8px 12px;border-radius:10px;border:1px solid rgba(16,185,129,.2)}.amount-number{font-size:1.35rem;font-weight:900;color:#059669;line-height:1}[data-theme=dark] .amount-number{color:#34d399}.amount-unit{font-size:.9rem;font-weight:800;color:var(--text-main, #0f172a)}.amount-kategori{font-size:.76rem;color:var(--text-muted, #64748b);margin-left:auto}.my-donation-meta-box{background:var(--surface-hover, #f8fafc);padding:10px 12px;border-radius:10px;border:1px solid var(--border-subtle, #f1f5f9);display:flex;flex-direction:column;gap:5px;font-size:.8rem}.meta-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.meta-lbl{color:var(--text-muted, #64748b);font-weight:600}.meta-val{color:var(--text-main, #1e293b);font-weight:700;text-align:right}.my-donation-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border-subtle, #f1f5f9);font-size:.74rem}.donor-name-tag{color:var(--text-muted, #64748b);font-weight:600}.receipt-digital-tag{color:#0284c7;font-weight:750}.cuaca-tab-layout{display:flex;flex-direction:column;gap:22px}.cuaca-widget-container{width:100%}.cuaca-guide-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 900px){.cuaca-guide-cards-grid{grid-template-columns:1fr}}.cuaca-guide-card{display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:all .25s ease}.cuaca-guide-card:hover{transform:translateY(-3px);border-color:#10b98166;box-shadow:0 12px 30px #00000014}.guide-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.guide-card-icon.emerald{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.guide-card-icon.blue{background:#0284c71f;color:#0284c7;border:1px solid rgba(2,132,199,.25)}.guide-card-icon.amber{background:#d977061f;color:#d97706;border:1px solid rgba(217,119,6,.25)}[data-theme=dark] .guide-card-icon.emerald{background:#10b98133;color:#34d399}[data-theme=dark] .guide-card-icon.blue{background:#0284c733;color:#38bdf8}[data-theme=dark] .guide-card-icon.amber{background:#d9770633;color:#fbbf24}.cuaca-guide-card h4{font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-.01em}.cuaca-guide-card p{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0;flex:1}.guide-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:.75rem;font-weight:750}.guide-tag{color:var(--text-muted)}.guide-latency{color:#059669;background:#10b9811a;padding:2px 8px;border-radius:999px;font-weight:800}[data-theme=dark] .guide-latency{color:#34d399;background:#10b98133}.tab-badge-pill-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#059669;font-size:.72rem;font-weight:800;letter-spacing:.04em;margin-bottom:8px}[data-theme=dark] .tab-badge-pill-live{background:#10b98133;color:#6ee7b7}.live-pulse-badge{background:#22c55e!important;color:#fff!important;animation:pulseBeacon 1.8s infinite}@media (max-width: 768px){.citizen-portal-vibrant{gap:6px!important}.citizen-tab-pane{gap:8px!important}.citizen-nav-bar{display:none!important}.citizen-nav-scroll-wrapper{gap:3px!important}.citizen-nav-tabs-group{gap:3px!important;padding:1px!important}.citizen-nav-tab{padding:5px 8px!important;font-size:.72rem!important;gap:4px!important;border-radius:7px!important}.citizen-nav-tab .nav-tab-label{font-size:.72rem!important}.tab-counter-badge{padding:1px 5px!important;font-size:.62rem!important}.nav-scroll-btn{display:none!important}.citizen-fixed-emergency-strip{display:flex!important;padding:4px 8px!important;margin-top:2px!important;gap:6px!important;border-radius:8px!important;min-height:26px!important}.btn-strip-call-117,.btn-strip-call-112{padding:3px 8px!important;font-size:.7rem!important;gap:4px!important;border-radius:7px!important}.btn-strip-call-117 strong,.btn-strip-call-112 strong{font-size:.78rem!important}.strip-badge-free{font-size:.56rem!important;padding:0 4px!important}.strip-text-desktop{display:none!important}.strip-text-mobile{display:inline!important}.btn-strip-contacts{padding:3px 8px!important;font-size:.7rem!important;gap:4px!important;border-radius:7px!important}.citizen-nav-utility-group{display:none!important}.citizen-region-command-bar{margin:2px 0 4px!important;padding:4px 6px!important;border-radius:8px!important}.region-command-container{gap:3px!important}.region-command-left{gap:4px!important}.region-badge-label{font-size:.64rem!important;gap:3px!important}.region-badge-label span{display:none!important}.region-dropdown-wrapper{padding:0 4px!important;border-radius:6px!important;flex:1!important}.region-dropdown-select{font-size:.72rem!important;padding:3px 18px 3px 2px!important;width:100%!important}.region-chips-scroll-group{gap:3px!important;padding:1px 0!important}.region-filter-chip{padding:2px 6px!important;font-size:.64rem!important;border-radius:5px!important}.region-command-right{gap:4px!important}.region-live-summary{padding:2px 6px!important;font-size:.64rem!important;gap:3px!important}.btn-region-reset{padding:2px 6px!important;font-size:.64rem!important}.vibrant-hero-card{grid-template-columns:1fr!important;padding:14px 12px!important;gap:12px!important;border-radius:14px!important}.hero-tagline-badge{padding:3px 8px!important;font-size:.64rem!important;gap:5px!important;margin-bottom:6px!important}.hero-badge-dot{width:6px!important;height:6px!important}.vibrant-hero-title{font-size:1.15rem!important;margin-bottom:6px!important;line-height:1.15!important}.vibrant-hero-desc{font-size:.78rem!important;line-height:1.45!important}.hero-action-row{gap:6px!important;margin-top:10px!important}.hero-primary-action,.hero-secondary-action{min-height:32px!important;padding:0 10px!important;font-size:.74rem!important;gap:5px!important;border-radius:8px!important}.hero-primary-action{width:100%!important}.hero-btn-text-desktop{display:none!important}.hero-btn-text-mobile{display:inline!important}.hero-trust-row{gap:8px!important;margin-top:8px!important;font-size:.68rem!important}.hero-live-dot{width:6px!important;height:6px!important}.citizen-telemetry-ribbon{grid-template-columns:1fr 1fr!important;padding:6px 8px!important;gap:4px!important;border-radius:10px!important;margin-top:2px!important;margin-bottom:2px!important}.telemetry-divider{display:none!important}.telemetry-item{padding:4px 6px!important;gap:6px!important;border-radius:8px!important}.telemetry-icon-wrap{width:28px!important;height:28px!important;border-radius:8px!important}.telemetry-num{font-size:.95rem!important}.telemetry-badge-mini{font-size:.55rem!important;padding:1px 4px!important}.telemetry-lbl{font-size:.62rem!important}.map-view-hero-banner{padding:6px 8px!important;border-radius:10px!important;gap:4px!important;margin-bottom:4px!important;display:flex!important;flex-direction:column!important}.map-hero-left{display:none!important}.map-hero-stats-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;width:100%!important}.map-stat-tile{padding:4px 2px!important;border-radius:6px!important;min-width:0!important;background:#ffffff14!important}.map-stat-num{font-size:.95rem!important;line-height:1!important}.map-stat-lbl{font-size:.52rem!important;margin-top:1px!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.shelter-directory-card{margin-top:6px!important;padding:10px!important;border-radius:12px!important}.shelter-section-header-wrap{gap:8px!important;margin-bottom:10px!important;padding-bottom:8px!important}.shelter-header-left .section-subtitle-clean{font-size:.95rem!important;gap:5px!important}.shelter-sec-sub{font-size:.72rem!important}.shelters-vibrant-grid{grid-template-columns:1fr!important;gap:10px!important}.shelter-vibrant-card{padding:10px!important;gap:8px!important;border-radius:12px!important}.shelter-card-title{font-size:.92rem!important}.shelter-card-address{font-size:.7rem!important}.portal-features-section{gap:10px!important;margin:4px 0 6px!important}.section-header-modern h2{font-size:1.1rem!important}.section-header-modern p{font-size:.76rem!important;line-height:1.45!important}.pillar-cards-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.pillar-card{padding:10px 8px!important;gap:5px!important;border-radius:10px!important}.pillar-icon-box{width:30px!important;height:30px!important;border-radius:8px!important}.pillar-tag{font-size:.58rem!important}.pillar-card h3{font-size:.78rem!important;line-height:1.25!important}.pillar-card p{font-size:.68rem!important;line-height:1.35!important}.pillar-badge-footer{padding-top:5px!important;font-size:.62rem!important;gap:4px!important}.incidents-vibrant-row{grid-template-columns:1fr!important;gap:8px!important}.incident-card-content{padding:8px 10px 10px!important;gap:6px!important}.incident-title-text{font-size:.88rem!important}.incident-card-photo-hero{height:120px!important}.incident-icon-disc{width:28px!important;height:28px!important}.disaster-feed-section{gap:8px!important}.feed-header-wrap{gap:6px!important;padding-bottom:4px!important}.feed-title-col h2{font-size:1rem!important}.feed-title-col p{font-size:.72rem!important}.feed-filter-bar{gap:4px!important}.feed-filter-btn{padding:4px 8px!important;font-size:.68rem!important;border-radius:7px!important}.incident-consensus-meter-card{margin:4px 0 6px!important;padding:6px 8px!important;border-radius:8px!important}.logistics-vibrant-card{padding:10px 12px!important;border-radius:10px!important}.logistics-item-name{font-size:.88rem!important;margin-bottom:3px!important}.logistics-item-desc{font-size:.76rem!important;margin-bottom:8px!important}.logistics-meter-box{padding:8px 10px!important;margin-bottom:8px!important}.tab-banner-header{padding:10px!important;gap:8px!important;border-radius:10px!important}.tab-banner-header h2{font-size:.95rem!important}.tab-banner-header p{font-size:.76rem!important}.cuaca-tab-layout{gap:8px!important}.hero-situation-card{padding:10px!important;border-radius:12px!important}.hero-situation-icon{width:30px!important;height:30px!important;border-radius:8px!important}.hero-situation-heading h2{font-size:.88rem!important}.hero-situation-intro{margin-top:6px!important;font-size:.72rem!important}.hero-situation-metrics{grid-template-columns:repeat(2,1fr)!important;gap:5px!important;margin-top:8px!important}.hero-situation-metrics>div{padding:8px 6px!important;border-radius:8px!important}.hero-situation-metrics strong{font-size:1.1rem!important}.hero-situation-metrics span{font-size:.6rem!important;margin-top:2px!important}.hero-priority-report{margin-top:8px!important;padding:8px 10px!important;border-radius:8px!important}.hero-priority-report strong{font-size:.76rem!important}.hero-priority-report p{font-size:.68rem!important}.institution-ecosystem-bar{padding:8px 10px!important;gap:6px!important;border-radius:10px!important}.institution-chips-wrap{gap:6px!important}.inst-badge{padding:5px 8px!important;gap:6px!important}.inst-symbol{font-size:.95rem!important}.inst-badge strong{font-size:.72rem!important}.inst-badge small{font-size:.6rem!important}.my-disaster-card{padding:10px!important;gap:6px!important;border-radius:10px!important}.my-disaster-title{font-size:.9rem!important}.my-disaster-meta{gap:8px!important;padding:5px 8px!important;font-size:.72rem!important}.my-donation-card{padding:10px!important;gap:6px!important;border-radius:10px!important}.my-donation-item-title{font-size:.88rem!important}}@media (max-width: 480px){.citizen-portal-vibrant{gap:4px!important}.citizen-tab-pane{gap:6px!important}.citizen-nav-tab{padding:4px 6px!important;font-size:.66rem!important;gap:3px!important;border-radius:6px!important}.citizen-nav-tab .nav-tab-label{font-size:.66rem!important}.tab-counter-badge{font-size:.56rem!important;padding:0 4px!important}.citizen-fixed-emergency-strip{padding:3px 6px!important}.region-badge-label{font-size:.6rem!important}.region-dropdown-select{font-size:.68rem!important;padding:3px 16px 3px 2px!important}.region-filter-chip{padding:2px 5px!important;font-size:.6rem!important}.vibrant-hero-title{font-size:1.05rem!important;margin-bottom:4px!important}.vibrant-hero-desc{font-size:.72rem!important}.hero-primary-action,.hero-secondary-action{min-height:28px!important;font-size:.68rem!important;padding:0 8px!important}.hero-trust-row{font-size:.62rem!important}.telemetry-icon-wrap{width:24px!important;height:24px!important;border-radius:6px!important}.telemetry-num{font-size:.85rem!important}.telemetry-lbl{font-size:.58rem!important}.telemetry-badge-mini{font-size:.5rem!important;padding:0 3px!important}.map-view-hero-banner{padding:4px 6px!important;gap:3px!important;border-radius:8px!important}.map-hero-left{display:none!important}.map-hero-stats-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3px!important;width:100%!important}.map-stat-tile{padding:3px 2px!important;min-width:0!important;border-radius:5px!important}.map-stat-num{font-size:.88rem!important;line-height:1!important}.map-stat-lbl{font-size:.5rem!important}.pillar-card{padding:8px 6px!important;gap:4px!important}.pillar-icon-box{width:26px!important;height:26px!important}.pillar-card h3{font-size:.72rem!important}.pillar-card p{font-size:.62rem!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.pillar-badge-footer{font-size:.58rem!important}.incident-card-photo-hero{height:100px!important}.shelter-card-title{font-size:.85rem!important}}@media (max-width: 360px){.citizen-nav-tab{padding:3px 5px!important;font-size:.6rem!important}.vibrant-hero-title{font-size:.95rem!important}.vibrant-hero-card{padding:10px 8px!important}.map-view-hero-banner{padding:3px 4px!important}.map-hero-left{display:none!important}.pillar-cards-grid{gap:4px!important}.pillar-card p{-webkit-line-clamp:1!important}}.logistics-katalog-container{display:flex;flex-direction:column;gap:16px}.logistics-anywhere-banner{background:linear-gradient(135deg,#0284c7,#0f766e);color:#fff;border-radius:16px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 24px #0284c733}.anywhere-banner-info{display:flex;flex-direction:column;gap:4px}.anywhere-badge{display:inline-block;background:#fff3;color:#fff;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:6px;width:fit-content;letter-spacing:.04em}.anywhere-banner-info h3{font-size:1.15rem;font-weight:850;margin:2px 0 0;color:#fff!important}.anywhere-banner-info p{font-size:.8rem;color:#f0fdfa!important;margin:0;max-width:680px;line-height:1.4;opacity:.95}.btn-anywhere-action{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0284c7;border:none;border-radius:10px;padding:10px 18px;font-size:.82rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px #00000026;transition:all .2s;flex-shrink:0}.btn-anywhere-action:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.logistics-radius-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface, #ffffff);border:1px solid var(--border-color, #e2e8f0);padding:8px 14px;border-radius:12px}.radius-filter-lbl{font-size:.74rem;font-weight:750;color:var(--text-muted, #64748b);text-transform:uppercase}.btn-radius-pill{padding:5px 11px;border-radius:8px;font-size:.76rem;font-weight:700;background:#f8fafc;border:1px solid #cbd5e1;color:#475569;cursor:pointer;transition:all .15s}.btn-radius-pill:hover{background:#eff6ff;border-color:#93c5fd}.btn-radius-pill.active{background:#0284c7;color:#fff;border-color:#0284c7}.logistics-dest-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 8px;flex-wrap:wrap}.logistics-loc-pin{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;color:var(--text-main, #334155)}.logistics-dist-pill{font-size:.7rem;font-weight:750;padding:2px 7px;border-radius:6px;white-space:nowrap}.logistics-dist-pill.near{background:#ecfdf5;color:#059669;border:1px solid rgba(16,185,129,.3)}.logistics-dist-pill.mid{background:#fffbeb;color:#d97706;border:1px solid rgba(245,158,11,.35)}.logistics-dist-pill.far{background:#fdf2f8;color:#be185d;border:1px solid rgba(219,39,119,.3)}.logistics-pic-chip{background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:.73rem;color:#475569;margin-bottom:8px}.logistics-pic-chip strong{color:#0f172a}.my-donation-quick-contact-row{margin:8px 0}.btn-my-don-contact{display:inline-flex;align-items:center;gap:5px;background:#0284c7;color:#fff!important;font-size:.74rem;font-weight:750;padding:5px 10px;border-radius:6px;text-decoration:none;transition:all .15s}.btn-my-don-contact:hover{background:#0369a1;transform:translateY(-1px)}@media (max-width: 768px){.logistics-anywhere-banner{flex-direction:column;align-items:flex-start;padding:14px 16px}.btn-anywhere-action{width:100%;justify-content:center}}.donation-stepper-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin:12px 0 10px}.stepper-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stepper-hdr-label{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:750;color:#0f172a}.btn-open-tracking-mini{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;border-radius:6px;font-size:.7rem;font-weight:700;padding:3px 8px;cursor:pointer;transition:all .15s ease}.btn-open-tracking-mini:hover{background:#0284c7;color:#fff}.donation-stepper-track-wrap{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:0 8px}.stepper-track-line-base{position:absolute;top:12px;left:20px;right:20px;height:3px;background:#e2e8f0;z-index:1}.stepper-track-line-progress{position:absolute;top:12px;left:20px;height:3px;background:linear-gradient(90deg,#0284c7,#10b981);z-index:2;transition:width .3s ease}.stepper-node-item{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;width:55px}.stepper-circle-node{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;transition:all .2s ease;background:#fff;border:2px solid #cbd5e1;color:#94a3b8}.stepper-node-item.is-done .stepper-circle-node{background:#10b981;border-color:#059669;color:#fff}.stepper-node-item.is-active .stepper-circle-node{background:#0284c7;border-color:#0369a1;color:#fff;box-shadow:0 0 0 3px #0284c740;animation:pulseNode 1.8s infinite}@keyframes pulseNode{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.stepper-title-sub{font-size:.68rem;font-weight:700;margin-top:6px;color:#64748b;line-height:1.1}.stepper-node-item.is-done .stepper-title-sub{color:#047857}.stepper-node-item.is-active .stepper-title-sub{color:#0284c7}.donation-verified-proof-card{display:flex;align-items:center;gap:12px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;padding:10px 12px;margin-top:10px}.proof-thumb-container{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0;border:1px solid #86efac;box-shadow:0 1px 3px #00000014}.proof-img-thumb{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.proof-thumb-container:hover .proof-img-thumb{transform:scale(1.08)}.proof-zoom-badge{position:absolute;bottom:0;left:0;right:0;background:#000000a6;color:#fff;font-size:.58rem;font-weight:700;text-align:center;padding:2px 0;display:flex;align-items:center;justify-content:center;gap:3px}.proof-details-wrap{flex:1;min-width:0}.proof-verified-pill{display:inline-flex;align-items:center;gap:5px;background:#dcfce7;color:#15803d;font-size:.66rem;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.3px}.proof-note-text{font-size:.72rem;color:#334155;margin:3px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proof-meta-timestamp{font-size:.66rem;color:#64748b;display:flex;gap:4px;flex-wrap:wrap}.proof-mandatory-banner{display:flex;align-items:center;gap:8px;background:#f0f9ff;border:1px dashed #7dd3fc;border-radius:8px;padding:8px 10px;font-size:.7rem;color:#0369a1;margin-top:10px;line-height:1.35}.my-donation-cta-group{display:flex;gap:8px;margin-top:12px}.btn-track-full-timeline{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#0284c7;color:#fff;border:none;border-radius:8px;font-size:.74rem;font-weight:750;padding:8px 12px;cursor:pointer;transition:all .15s ease}.btn-track-full-timeline:hover{background:#0369a1}.btn-quick-view-photo{display:inline-flex;align-items:center;gap:5px;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;border-radius:8px;font-size:.74rem;font-weight:750;padding:8px 12px;cursor:pointer;transition:all .15s ease}.btn-quick-view-photo:hover{background:#10b981;color:#fff}.tracking-modal-card{background:#fff;border-radius:16px;width:95%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #00000040,0 8px 10px -6px #0003;display:flex;flex-direction:column}.tracking-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9}.tracking-hdr-title-cluster{display:flex;align-items:center;gap:12px}.tracking-hdr-icon-box{width:40px;height:40px;border-radius:10px;background:#e0f2fe;display:flex;align-items:center;justify-content:center}.tracking-hdr-title{margin:0;font-size:1.05rem;font-weight:800;color:#0f172a}.tracking-hdr-subtitle{font-size:.76rem;color:#64748b;display:flex;align-items:center;gap:6px;margin-top:2px}.tracking-id-tag{background:#f1f5f9;color:#334155;font-weight:800;padding:2px 6px;border-radius:4px}.btn-close-tracking-modal{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-close-tracking-modal:hover{background:#e2e8f0;color:#0f172a}.tracking-summary-banner{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tracking-sum-item{font-size:.76rem;color:#475569}.ts-label{display:block;font-size:.68rem;color:#64748b;margin-bottom:2px}.ts-val{color:#0f172a}.tracking-modal-stepper-wrap{position:relative;display:flex;justify-content:space-between;padding:22px 24px 16px;background:#fff;border-bottom:1px solid #f1f5f9}.tracking-stepper-base{position:absolute;top:36px;left:40px;right:40px;height:4px;background:#e2e8f0;z-index:1}.tracking-stepper-fill{position:absolute;top:36px;left:40px;height:4px;background:linear-gradient(90deg,#0284c7,#10b981);z-index:2;transition:width .35s ease}.t-stepper-item{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;width:75px}.t-stepper-circle{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #cbd5e1;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;margin-bottom:6px;transition:all .2s ease}.t-stepper-item.is-done .t-stepper-circle{background:#10b981;border-color:#059669;color:#fff}.t-stepper-item.is-active .t-stepper-circle{background:#0284c7;border-color:#0369a1;color:#fff;box-shadow:0 0 0 4px #0284c733}.t-stepper-label{font-size:.74rem;font-weight:800;color:#334155}.t-stepper-item.is-done .t-stepper-label{color:#047857}.t-stepper-item.is-active .t-stepper-label{color:#0284c7}.t-stepper-subdesc{font-size:.62rem;color:#94a3b8;margin-top:2px;line-height:1.1}.tracking-timeline-section{padding:16px 24px;flex:1}.tracking-sec-title{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:800;color:#0f172a;margin:0 0 16px}.tracking-v-timeline{display:flex;flex-direction:column;gap:16px}.v-timeline-node{display:flex;gap:14px}.v-timeline-dot-col{display:flex;flex-direction:column;align-items:center;width:18px}.v-dot-circle{width:14px;height:14px;border-radius:50%;background:#0284c7;border:3px solid #bae6fd}.v-dot-line{flex:1;width:2px;background:#e2e8f0;margin:4px 0}.v-timeline-content-col{flex:1;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px 14px}.v-time-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:4px}.v-stage-title{font-size:.8rem;font-weight:800;color:#0f172a}.v-timestamp{font-size:.68rem;color:#64748b;font-weight:600}.v-stage-notes{font-size:.75rem;color:#475569;margin:0;line-height:1.35}.v-timeline-proof-box{margin-top:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px;display:flex;align-items:center;gap:10px}.v-proof-img-wrap{position:relative;width:70px;height:70px;border-radius:6px;overflow:hidden;cursor:pointer;flex-shrink:0}.v-proof-img-wrap img{width:100%;height:100%;object-fit:cover}.v-proof-zoom-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.58rem;font-weight:700;padding:2px 0;display:flex;align-items:center;justify-content:center;gap:3px}.v-proof-caption{flex:1}.v-proof-tag{background:#dcfce7;color:#15803d;font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:4px}.v-proof-caption p{font-size:.72rem;color:#166534;margin:4px 0 0}.tracking-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #f1f5f9;background:#fff}.btn-track-call-pic{display:inline-flex;align-items:center;gap:6px;background:#16a34a;color:#fff!important;font-size:.76rem;font-weight:750;padding:8px 14px;border-radius:8px;text-decoration:none;transition:all .15s ease}.btn-track-call-pic:hover{background:#15803d}.btn-track-close{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:.76rem;font-weight:700;padding:8px 16px;cursor:pointer;transition:all .15s ease}.btn-track-close:hover{background:#e2e8f0;color:#0f172a}.photo-lightbox-card{background:#fff;border-radius:16px;width:95%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000059;display:flex;flex-direction:column}.photo-lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #f1f5f9}.pl-header-title{display:flex;align-items:center;gap:10px}.pl-header-title h4{margin:0;font-size:.95rem;font-weight:800;color:#0f172a}.pl-header-title span{font-size:.7rem;color:#64748b}.btn-close-lightbox{background:#f1f5f9;border:none;width:30px;height:30px;border-radius:50%;font-size:1.2rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-lightbox-image-box{position:relative;background:#0f172a;text-align:center;max-height:420px;overflow:hidden}.lightbox-main-img{width:100%;max-height:420px;object-fit:contain;display:block}.photo-stamp-badge{position:absolute;top:14px;right:14px;background:#16a34af2;color:#fff;font-size:.68rem;font-weight:800;padding:4px 10px;border-radius:20px;box-shadow:0 4px 6px -1px #0003;display:flex;align-items:center;gap:5px;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-lightbox-meta{padding:14px 18px;background:#fff}.pl-meta-row{display:flex;justify-content:space-between;font-size:.76rem;padding:5px 0;border-bottom:1px solid #f8fafc}.pl-lbl{color:#64748b;font-weight:600}.pl-meta-notes{margin-top:10px;background:#f8fafc;border-radius:8px;padding:8px 12px}.pl-meta-notes p{font-size:.76rem;color:#334155;margin:4px 0 0;line-height:1.4}.photo-lightbox-footer{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid #f1f5f9}.btn-close-lightbox-action{background:#0284c7;color:#fff;border:none;border-radius:8px;font-size:.76rem;font-weight:750;padding:8px 18px;cursor:pointer}.btn-close-lightbox-action:hover{background:#0369a1}.pending-verification-alert-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-left:5px solid #f59e0b;border-radius:14px;padding:14px 18px;margin-bottom:20px;box-shadow:0 4px 12px #f59e0b14}.pending-alert-icon{width:42px;height:42px;border-radius:10px;background:#f59e0b26;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#d97706}.pending-alert-content{flex:1;min-width:0}.pending-alert-title{font-size:.92rem;font-weight:750;color:#92400e;margin-bottom:3px}.pending-alert-desc{font-size:.8rem;color:#b45309;margin:0;line-height:1.4}.btn-view-my-reports-shortcut{display:inline-flex;align-items:center;gap:6px;background:#f59e0b;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.btn-view-my-reports-shortcut:hover{background:#d97706;transform:translateY(-1px)}.status-pill.status-menunggu-verifikasi-bpbd{background:#fef3c7;color:#b45309;border:1px dashed #f59e0b;font-weight:750}[data-theme=dark] .status-pill.status-menunggu-verifikasi-bpbd{background:#f59e0b33;color:#fde68a;border-color:#f59e0b}.verification-in-progress-note{display:flex;align-items:center;gap:8px;background:#fffbeb;border-left:3px solid #f59e0b;padding:8px 12px;border-radius:6px;font-size:.74rem;color:#92400e;margin:10px 0;line-height:1.4}.verification-approved-note{display:flex;align-items:center;gap:8px;background:#ecfdf5;border-left:3px solid #10b981;padding:8px 12px;border-radius:6px;font-size:.74rem;color:#065f46;margin:10px 0;line-height:1.4}@media (max-width: 640px){.pending-verification-alert-banner{flex-direction:column;align-items:flex-start;gap:12px}.btn-view-my-reports-shortcut{width:100%;justify-content:center}}.login-bpbd-container{min-height:100vh;display:grid;place-items:center;padding:clamp(18px,4vw,48px);background:var(--bg-gradient),var(--bg-base)}.login-layout{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);border:1px solid var(--border-subtle);border-radius:28px;overflow:hidden;background:var(--surface);box-shadow:0 28px 80px #09211f29}.login-story-panel{display:flex;flex-direction:column;justify-content:space-between;min-height:680px;padding:clamp(32px,4vw,52px);color:#fff;background:radial-gradient(circle at 100% 4%,rgba(72,219,147,.3),transparent 35%),linear-gradient(145deg,#0c4432,#0a2f32 58%,#11243a);position:relative;overflow:hidden}.login-story-panel:after{content:"";position:absolute;right:-100px;bottom:-160px;width:360px;height:360px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 46px #ffffff06,0 0 0 100px #ffffff06;pointer-events:none}.login-story-brand,.login-story-copy,.login-story-note{position:relative;z-index:1}.login-story-brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;letter-spacing:-.035em;line-height:1}.login-story-brand>span:last-child>span{color:#6ee7a4}.login-story-brand small{display:block;margin-top:7px;color:#abdbc6;font-size:.58rem;letter-spacing:.2em}.login-story-logo{width:48px;height:48px;display:grid;place-items:center;background:#fff;border-radius:13px;padding:4px}.login-story-logo img{max-width:100%;max-height:100%;object-fit:contain}.login-story-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#a7f3d0;font-size:.72rem;font-weight:800;letter-spacing:.15em}.login-story-eyebrow span{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 0 5px #4ade8024}.login-story-copy h1{max-width:500px;margin:18px 0;color:#fff;font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.08;letter-spacing:-.055em}.login-story-copy h1 em{color:#74e6a8;font-style:normal}.login-story-copy>p{max-width:450px;color:#c4ded4;font-size:.95rem;line-height:1.7}.login-story-points{display:grid;gap:20px;margin-top:42px}.login-story-points>div{display:flex;align-items:center;gap:13px}.login-story-points>div>span{display:grid;place-items:center;width:42px;height:42px;flex:none;color:#8df0ba;background:#ffffff17;border:1px solid rgba(255,255,255,.12);border-radius:12px}.login-story-points strong,.login-story-points small{display:block}.login-story-points strong{font-size:.9rem}.login-story-points small{margin-top:3px;color:#add0c2;font-size:.75rem}.login-story-note{display:flex;align-items:center;gap:9px;color:#a9d6c3;font-size:.78rem}.login-bpbd-card{padding:clamp(32px,4vw,52px);display:flex;flex-direction:column;justify-content:center}.login-card-topline{display:flex;align-items:center;gap:8px;color:var(--brand-green-dark);font-size:.72rem;font-weight:800;letter-spacing:.13em}.login-bpbd-card h2{margin-top:18px;font-size:clamp(1.7rem,2.5vw,2.2rem);letter-spacing:-.045em;line-height:1.17}.login-bpbd-card .login-subtitle{margin-top:10px;color:var(--text-muted);font-size:.9rem;line-height:1.65}.login-form{display:grid;gap:17px;margin-top:28px}.input-group{display:grid;gap:8px}.input-group label{color:var(--text-main);font-size:.82rem;font-weight:750}.login-form input{width:100%;height:48px;border:1px solid var(--border-subtle);background:var(--surface);border-radius:11px;padding:0 15px;color:var(--text-main)}.login-form input:focus{outline:none;border-color:var(--brand-green-primary);box-shadow:0 0 0 4px #22c55e1f}.password-field{position:relative}.password-field input{padding-right:50px}.password-toggle{position:absolute;right:7px;top:6px;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:transparent;color:var(--text-muted)}.password-toggle:hover{background:var(--surface-hover);color:var(--text-main)}.login-error{padding:11px 13px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;font-size:.78rem}.btn-login{display:flex;justify-content:center;align-items:center;gap:10px;min-height:49px;border-radius:11px;background:#12834a;color:#fff;font-size:.9rem;font-weight:800;box-shadow:0 10px 22px #12834a33}.btn-login:hover{background:#0f6c3e;transform:translateY(-1px)}.demo-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.demo-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.demo-heading span{font-size:.86rem;font-weight:800;color:var(--text-main)}.demo-heading small{font-size:.72rem;color:var(--text-muted)}.demo-actions{display:grid;gap:10px}.btn-demo{display:flex;align-items:center;gap:11px;width:100%;padding:12px;text-align:left;background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-main)}.btn-demo:hover,.btn-demo.selected{border-color:#22c55e;background:color-mix(in srgb,var(--surface) 86%,#dcfce7);box-shadow:0 6px 18px #10513512}.demo-account-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:10px;color:#15803d;background:#dcfce7}.btn-demo.nasional .demo-account-icon{color:#1d4ed8;background:#dbeafe}.btn-demo strong,.btn-demo small{display:block}.btn-demo strong{font-size:.82rem}.btn-demo small{margin-top:2px;color:var(--text-muted);font-size:.7rem}.demo-account-arrow{margin-left:auto;color:var(--text-light)}.demo-bpbd-directory-section{margin-top:20px;padding-top:20px;border-top:1px dashed var(--border-subtle)}.bpbd-directory-hint{font-size:.76rem;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.bpbd-directory-hint code{background:#10b98126;color:#059669;padding:2px 6px;border-radius:5px;font-weight:700;font-family:monospace}.bpbd-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:240px;overflow-y:auto;padding-right:4px}.bpbd-accounts-grid::-webkit-scrollbar{width:5px}.bpbd-accounts-grid::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px}.bpbd-account-pill{display:flex;flex-direction:column;gap:4px;padding:9px 12px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-main)}.bpbd-account-pill:hover{border-color:#0284c7;background:#0284c70a;transform:translateY(-1px)}.bpbd-account-pill.selected{border-color:#10b981;background:#10b98114;box-shadow:0 0 0 2px #10b98133}.bpbd-account-pill.suspended{opacity:.6;border-style:dashed}.bpbd-pill-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.bpbd-pill-instansi{font-size:.78rem;font-weight:750;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpbd-pill-status{font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:999px;white-space:nowrap}.bpbd-pill-status.aktif{background:#dcfce7;color:#15803d}.bpbd-pill-status.menunggu-verifikasi{background:#fef3c7;color:#b45309}.bpbd-pill-status.ditangguhkan{background:#fee2e2;color:#b91c1c}.bpbd-pill-meta{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--text-muted)}.bpbd-pill-id{font-family:monospace;font-weight:600;color:#0284c7}.btn-back-warga{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:28px;color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:700}.btn-back-warga:hover{color:var(--brand-green-dark)}@media (max-width: 850px){.login-layout{grid-template-columns:1fr;max-width:540px}.login-story-panel{min-height:auto;padding:28px;gap:20px}.login-story-copy h1{font-size:2rem;margin:10px 0}.login-story-copy>p,.login-story-points,.login-story-note{display:none}.login-bpbd-card{padding:32px 28px}}@media (max-width: 480px){.login-bpbd-container{padding:12px}.login-layout{border-radius:19px}.login-story-panel,.login-bpbd-card{padding:25px 21px}.login-story-copy h1{font-size:1.7rem}.demo-heading{display:grid;gap:2px}}.family-search-admin-container{display:flex;flex-direction:column;gap:20px;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.family-full-panel,.family-search-admin-container .dashboard-grid,.family-search-admin-container .dashboard-grid.full-width,.dashboard-grid.full-width{display:block!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr!important;box-sizing:border-box!important}.family-search-admin-container .clean-white-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:block!important}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap;width:100%}.card-subtitle-text{margin:4px 0 0;font-size:.85rem;color:var(--text-muted)}.local-title-tag{color:#10b981;font-weight:800}.scope-tag-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--surface-hover);border:1px solid var(--border-subtle);font-size:.78rem;font-weight:750;color:var(--text-muted);white-space:nowrap}.btn-hero-sos-vibrant-sm{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-size:.82rem;font-weight:750;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.btn-hero-sos-vibrant-sm.btn-blue-theme{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;box-shadow:0 2px 10px #0284c747}.btn-hero-sos-vibrant-sm.btn-blue-theme:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0284c761}.family-jurisdiction-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 6px 24px -2px #0000000f;transition:all .25s ease}.banner-glow-effect{position:absolute;top:-50px;right:-50px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);pointer-events:none}.family-jurisdiction-banner.regional-banner{background:linear-gradient(135deg,#10b98114,#0ea5e90d,#6366f108);border:1.5px solid rgba(16,185,129,.35)}.family-jurisdiction-banner.national-banner{background:linear-gradient(135deg,#3b82f617,#6366f10d);border:1.5px solid rgba(59,130,246,.35)}[data-theme=dark] .family-jurisdiction-banner.regional-banner{background:linear-gradient(135deg,#10b9811f,#0f1c2ccc);border-color:#10b98166;box-shadow:0 8px 32px #00000059}.banner-left-content{flex:1;display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}.banner-badge-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-authority{display:inline-flex;align-items:center;font-size:.74rem;font-weight:800;letter-spacing:.5px;padding:4px 10px;border-radius:8px;box-shadow:0 2px 6px #00000014}.badge-authority.regional{background:#065f46;color:#a7f3d0;border:1px solid rgba(167,243,208,.2)}.badge-authority.national{background:#1e3a8a;color:#bfdbfe;border:1px solid rgba(191,219,254,.2)}.live-pulse-dot{width:7px;height:7px;border-radius:50%;background:#34d399;display:inline-block;margin-right:6px;box-shadow:0 0 8px #34d399;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 12px #34d399}to{transform:scale(.9);opacity:.7}}.badge-scope-pill{font-size:.72rem;font-weight:750;padding:4px 9px;border-radius:7px;background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border-subtle);display:inline-flex;align-items:center}.badge-live-tag{font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:6px;background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}[data-theme=dark] .badge-live-tag{color:#34d399;background:#10b98133}.banner-title{margin:0;font-size:1.35rem;font-weight:850;color:var(--text-main);letter-spacing:-.4px;line-height:1.3}.banner-title-scope{color:#059669;font-weight:800}[data-theme=dark] .banner-title-scope{color:#34d399}.banner-description{margin:0;font-size:.88rem;line-height:1.55;color:var(--text-muted);max-width:820px}.highlight-posko-chip{display:inline-block;padding:1px 7px;margin:0 2px;border-radius:5px;background:#10b9811f;color:#065f46;font-weight:700;font-size:.82rem;border:1px solid rgba(16,185,129,.25)}[data-theme=dark] .highlight-posko-chip{background:#10b98133;color:#6ee7b7}.banner-right-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex-shrink:0;position:relative;z-index:2}.banner-right-metrics .metric-box{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border-subtle);min-width:145px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000008}.banner-right-metrics .metric-box:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:#10b98166}.banner-right-metrics .metric-box[role=button]{cursor:pointer}.metric-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-wrap.emerald{background:#10b98124;color:#10b981}.metric-icon-wrap.blue{background:#0284c724;color:#0284c7}.metric-icon-wrap.purple{background:#8b5cf624;color:#8b5cf6}.metric-icon-wrap.amber{background:#f59e0b24;color:#f59e0b}.metric-icon-wrap.rose-pulse{background:#ef44442e;color:#ef4444;animation:pulseRose 1.8s infinite}@keyframes pulseRose{0%{transform:scale(.95);box-shadow:0 0 #ef444480}70%{transform:scale(1.05);box-shadow:0 0 0 8px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.metric-data{display:flex;flex-direction:column}.metric-value{font-size:1.35rem;font-weight:900;line-height:1.1;color:var(--text-main)}.metric-label{font-size:.74rem;font-weight:750;color:var(--text-main);margin-top:2px}.metric-sublabel{font-size:.66rem;font-weight:600;color:var(--text-muted)}.metric-action-tag{margin-left:auto;font-size:.68rem;font-weight:800;padding:3px 6px;border-radius:5px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca}[data-theme=dark] .metric-action-tag{background:#ef444440;color:#fca5a5;border-color:#ef444466}.admin-subnav-buttons{display:flex;align-items:center;gap:8px;background:var(--surface);padding:6px;border-radius:14px;border:1px solid var(--border-subtle);box-shadow:0 2px 10px #00000008;flex-wrap:wrap}.subnav-tab-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-weight:750;font-size:.88rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.subnav-tab-pill:hover{background:var(--surface-hover);color:var(--text-main)}.subnav-tab-pill.active{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 3px 12px #10b98147;border-color:#10b98166}.tab-counter-badge{font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:6px;background:#64748b24;color:var(--text-muted);transition:all .2s}.subnav-tab-pill.active .tab-counter-badge{background:#ffffff47;color:#fff}.tab-counter-badge.count-zero{opacity:.75}.subtab-micro-badge{font-size:.68rem;font-weight:750;padding:2px 6px;border-radius:5px;background:#64748b1f;color:var(--text-muted)}.subnav-tab-pill.active .subtab-micro-badge{background:#ffffff38;color:#fff}.subtab-micro-badge.active-tag{background:#38bdf8;color:#082f49;font-weight:800}.claim-counter-pill.alert-pulse{background:#ef4444;color:#fff;font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:6px;animation:pulseDot 1.8s infinite}.table-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px;flex-wrap:wrap}.search-input-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:280px}.search-input-wrapper .search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-control-input{width:100%;padding:10px 36px 10px 38px;border-radius:10px;border:1.5px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.86rem;font-weight:600;transition:all .2s ease;outline:none}.search-control-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.search-control-input::placeholder{color:var(--text-muted);opacity:.75}.clear-search-btn{position:absolute;right:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .18s}.clear-search-btn:hover{background:var(--surface-hover);color:var(--text-main)}.filter-chips-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-chip{padding:8px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-muted);font-size:.78rem;font-weight:750;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:5px}.filter-chip:hover{background:var(--surface-hover);border-color:#10b98166;color:var(--text-main)}.filter-chip.active{background:#059669;color:#fff;border-color:#059669;box-shadow:0 2px 8px #05966940}.filter-results-counter{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted);margin-bottom:14px;padding:0 2px}.btn-reset-filters{background:none;border:none;color:#0284c7;font-weight:750;font-size:.78rem;cursor:pointer;text-decoration:underline;padding:0}.btn-reset-filters:hover{color:#0369a1}.tactical-table-wrap{border-radius:12px;border:1px solid var(--border-subtle);overflow-x:auto;background:var(--surface);width:100%;box-sizing:border-box}.admin-table.modern-table{width:100%;min-width:900px;border-collapse:collapse}.admin-table.modern-table th{background:var(--surface-hover);color:var(--text-muted);font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.5px;padding:12px 16px;border-bottom:1px solid var(--border-subtle);text-align:left}.admin-table.modern-table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-main);font-size:.88rem;vertical-align:middle}.tactical-row{transition:background .18s ease}.tactical-row:hover{background:#10b98109}[data-theme=dark] .tactical-row:hover{background:#10b98114}.id-code-chip{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;font-weight:750;background:var(--surface-hover);color:var(--text-muted);padding:4px 8px;border-radius:6px;border:1px solid var(--border-subtle);display:inline-block;white-space:nowrap}.person-identity-cluster{display:flex;align-items:center;gap:12px}.person-avatar{width:38px;height:38px;border-radius:50%;color:#fff;font-size:.8rem;font-weight:850;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #00000026;letter-spacing:.5px}.person-text-info{display:flex;flex-direction:column;gap:3px}.person-fullname{font-size:.94rem;font-weight:800;color:var(--text-main)}.person-sub-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.meta-age-badge{font-size:.72rem;font-weight:700;background:var(--surface-hover);color:var(--text-muted);padding:2px 6px;border-radius:4px;border:1px solid var(--border-subtle)}.meta-alias-badge{font-size:.72rem;font-weight:700;background:#0ea5e91a;color:#0284c7;padding:2px 6px;border-radius:4px}[data-theme=dark] .meta-alias-badge{background:#0ea5e933;color:#38bdf8}.meta-reporter-badge{font-size:.7rem;font-weight:600;color:var(--text-muted)}.location-info-cluster{display:flex;flex-direction:column;gap:3px}.location-origin-line{display:flex;align-items:center;gap:4px;color:var(--text-main);font-size:.88rem}.loc-pin-icon{color:#ef4444;flex-shrink:0}.location-detail-line{display:flex;align-items:center;gap:4px;font-size:.76rem;color:var(--text-muted)}.loc-clock-icon{color:var(--text-muted);flex-shrink:0}.shelter-info-cluster{display:flex;flex-direction:column;gap:3px}.shelter-name-row{display:flex;align-items:center;gap:6px}.shelter-icon{color:#0284c7;flex-shrink:0}.companions-chip{font-size:.78rem;font-weight:650;color:var(--text-main);background:var(--surface-hover);padding:3px 8px;border-radius:6px;border:1px solid var(--border-subtle);display:inline-block}.status-pill{display:inline-flex;align-items:center;font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:8px;white-space:nowrap}.status-pill.status-pencarian-dibuat,.status-pill.status-aktif{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.status-pill.status-kandidat-ditemukan{background:#fef3c7;color:#b45309;border:1px solid #fde68a;box-shadow:0 1px 4px #f59e0b26}.status-pill.status-menunggu-verifikasi-petugas{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.status-pill.status-kecocokan-terkonfirmasi{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0;box-shadow:0 1px 4px #10b98126}.status-pill.status-keluarga-berhasil-dihubungkan{background:linear-gradient(135deg,#dcfce7,#ccfbf1);color:#047857;border:1px solid #a7f3d0;box-shadow:0 2px 6px #0478572e}.status-pill.status-tidak-ada-kandidat{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}[data-theme=dark] .status-pill.status-pencarian-dibuat,[data-theme=dark] .status-pill.status-aktif{background:#94a3b826;color:#cbd5e1;border-color:#94a3b84d}[data-theme=dark] .status-pill.status-kandidat-ditemukan{background:#f59e0b33;color:#fde68a;border-color:#f59e0b66}[data-theme=dark] .status-pill.status-menunggu-verifikasi-petugas{background:#0ea5e933;color:#7dd3fc;border-color:#0ea5e966}[data-theme=dark] .status-pill.status-kecocokan-terkonfirmasi{background:#22c55e33;color:#86efac;border-color:#22c55e66}[data-theme=dark] .status-pill.status-keluarga-berhasil-dihubungkan{background:#10b98140;color:#6ee7b7;border-color:#10b98180}.badge-posko-jurisdiction{display:inline-flex;align-items:center;padding:4px 9px;border-radius:7px;font-size:.74rem;font-weight:800;letter-spacing:.2px;white-space:nowrap}.badge-posko-jurisdiction.badge-local{background:#dcfce7;color:#166534;border:1px solid rgba(22,101,52,.2)}.badge-posko-jurisdiction.badge-national{background:#dbeafe;color:#1e40af;border:1px solid rgba(30,64,175,.2)}[data-theme=dark] .badge-posko-jurisdiction.badge-local{background:#10b9812e;color:#86efac;border-color:#10b98159}[data-theme=dark] .badge-posko-jurisdiction.badge-national{background:#3b82f62e;color:#bfdbfe;border-color:#3b82f659}.badge-verification{display:inline-block;padding:4px 9px;border-radius:7px;font-size:.74rem;font-weight:750;white-space:nowrap}.badge-verification.verified{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.badge-verification.unverified{background:#fef3c7;color:#92400e;border:1px solid #fde68a}[data-theme=dark] .badge-verification.verified{background:#10b98133;color:#86efac;border-color:#10b98166}[data-theme=dark] .badge-verification.unverified{background:#f59e0b33;color:#fde68a;border-color:#f59e0b66}.verified-status-cluster{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}.btn-verify-posko-action{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;font-size:.76rem;font-weight:750;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-verify-posko-action.unverified-btn{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.btn-verify-posko-action.unverified-btn:hover{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}[data-theme=dark] .btn-verify-posko-action.unverified-btn{background:#f59e0b33;color:#fde68a;border-color:#f59e0b66}[data-theme=dark] .btn-verify-posko-action.unverified-btn:hover{background:#059669;color:#fff;border-color:#10b981}.btn-undo-verification{background:transparent;border:none;font-size:.7rem;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;text-decoration:underline;transition:color .15s ease}.btn-undo-verification:hover{color:#ef4444}.btn-action-small{padding:8px 14px;border-radius:8px;border:none;font-weight:750;font-size:.8rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff;display:inline-flex;align-items:center;gap:6px}.btn-action-small:hover{opacity:.92;transform:translateY(-1px)}.btn-action-small:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ai-match{background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;box-shadow:0 2px 8px #4f46e547}.btn-ai-match:hover{box-shadow:0 4px 14px #4f46e566}.btn-view-ai{background:linear-gradient(135deg,#059669,#0284c7);color:#fff;box-shadow:0 2px 8px #05966947}.btn-view-ai:hover{box-shadow:0 4px 14px #05966966}.spin-icon{animation:spin 1s linear infinite}.table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 20px;text-align:center;background:var(--surface-hover);border-radius:12px;border:1.5px dashed var(--border-subtle)}.table-empty-state .empty-icon{color:var(--text-muted);opacity:.6;margin-bottom:12px}.table-empty-state h4{margin:0 0 6px;font-size:1.05rem;color:var(--text-main);font-weight:800}.table-empty-state p{margin:0 0 16px;font-size:.85rem;color:var(--text-muted);max-width:400px}.btn-blue{background:#2563eb}.btn-green{background:#059669}.btn-red{background:#dc2626}.btn-outline-cancel{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle)}.btn-outline-cancel:hover{background:var(--surface-hover);color:var(--text-main)}.clean-reg-box{margin-bottom:24px;padding:20px;background:var(--surface-hover);border:1.5px solid var(--border-subtle);border-radius:12px}.reg-form-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:800;color:var(--text-main);margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-group-full{grid-column:1 / -1}.form-label-small{display:block;font-size:.78rem;font-weight:700;color:var(--text-muted);margin-bottom:6px}.clean-reg-box input,.clean-reg-box select{width:100%;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface);color:var(--text-main);font:inherit;font-size:.88rem;transition:border-color .2s}.clean-reg-box input:focus,.clean-reg-box select:focus{outline:none;border-color:#10b981}.form-select-posko{font-weight:700}.form-action-footer{display:flex;gap:10px;margin-top:16px}.match-comparison-container{display:grid;grid-template-columns:1fr 2fr;gap:20px}.report-side,.match-candidate-card{display:flex;flex-direction:column;gap:12px}.report-detail-list,.candidate-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:.88rem}.badge-side{display:inline-block;padding:4px 10px;border-radius:6px;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:800;width:max-content}.badge-side.candidate{background:#e0f2fe;color:#0369a1}.match-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.candidate-badge-cluster{display:flex;align-items:center;gap:8px}.evidence-badge{font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:6px}.level-strong{background:#dcfce7;color:#166534}.level-partial{background:#fef9c3;color:#854d0e}.level-insufficient{background:#fee2e2;color:#991b1b}.ai-analysis-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;margin-top:10px}.ai-analysis-box h4{margin:0 0 10px;font-size:.95rem;color:var(--text-main)}.evidence-section{margin-top:12px}.evidence-section h5{font-size:.85rem;margin:0 0 6px;font-weight:700}.evidence-section.positive h5{color:#10b981}.evidence-section.negative h5{color:#ef4444}.evidence-section.questions h5{color:#3b82f6}.evidence-section ul{margin:0;padding-left:20px;font-size:.85rem;color:var(--text-muted)}.match-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-subtle);align-items:center}.verification-notes{display:flex;flex-direction:column;gap:6px;margin-top:14px}.verification-notes label{color:var(--text-muted);font-size:.82rem;font-weight:700}.verification-notes textarea{min-height:62px;resize:vertical;border:1px solid var(--border-subtle);border-radius:8px;padding:9px 10px;background:var(--surface);color:var(--text-main);font:inherit;font-size:.88rem}.family-feedback{padding:12px 16px;border-radius:10px;font-size:.88rem;font-weight:600}.family-feedback.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.family-feedback.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.family-feedback.info{color:#075985;background:#e0f2fe;border:1px solid #bae6fd}.loading-indicator{font-weight:600;color:var(--text-muted);padding:10px 0}@media (max-width: 900px){.family-jurisdiction-banner{flex-direction:column;align-items:flex-start}.banner-right-metrics{width:100%}.banner-right-metrics .metric-box{flex:1}.match-comparison-container,.form-grid{grid-template-columns:1fr}}@media (max-width: 720px){.admin-subnav-buttons{overflow-x:auto}.admin-subnav-buttons button{flex:0 0 auto;padding:9px 13px}}[data-theme=dark] .family-jurisdiction-banner.regional-banner{background:linear-gradient(135deg,#065f4640,#0f1c2cb3);border-color:#10b98166}[data-theme=dark] .family-jurisdiction-banner.national-banner{background:linear-gradient(135deg,#1e3a8a40,#0f1c2cb3);border-color:#3b82f666}[data-theme=dark] .badge-authority.regional{background:#10b98140;color:#6ee7b7}[data-theme=dark] .badge-authority.national{background:#3b82f640;color:#93c5fd}[data-theme=dark] .banner-right-metrics .metric-box,[data-theme=dark] .admin-subnav-buttons{background:#0f1c2cb3;border-color:#ffffff14}[data-theme=dark] .admin-subnav-buttons button.active{background:#059669;color:#fff}[data-theme=dark] .badge-posko-jurisdiction.badge-local{background:#10b98133;color:#6ee7b7;border-color:#10b98159}[data-theme=dark] .badge-posko-jurisdiction.badge-national{background:#3b82f633;color:#93c5fd;border-color:#3b82f659}[data-theme=dark] .badge-verification.verified{background:#10b98133;color:#6ee7b7}[data-theme=dark] .badge-verification.unverified,[data-theme=dark] .badge-side{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .badge-side.candidate{background:#0284c733;color:#38bdf8}[data-theme=dark] .level-strong{background:#10b98133;color:#6ee7b7}[data-theme=dark] .level-partial{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .level-insufficient{background:#ef444433;color:#fca5a5}[data-theme=dark] .family-feedback.info{background:#0284c72e;color:#bae6fd;border-color:#0284c759}.clean-white-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:22px 24px;box-shadow:0 4px 18px #00000008;transition:all .22s ease}[data-theme=dark] .clean-white-card{background:#0f1c2ca6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#ffffff14;box-shadow:0 8px 24px #00000040}.clean-white-card:hover{border-color:#10b98159;box-shadow:0 8px 24px #0000000f}[data-theme=dark] .clean-white-card:hover{border-color:#34d39959;box-shadow:0 12px 28px #00000059}.tab-claims-btn{display:inline-flex!important;align-items:center;gap:7px;position:relative}.tab-claims-btn.has-claims{border-color:#ef444466!important}.claim-counter-pill{font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:999px;line-height:1.2}.claim-counter-pill.alert-pulse{background:#ef4444;color:#fff;box-shadow:0 0 10px #ef444480;animation:pulseClaim 1.8s infinite}.claim-counter-pill.count-zero{background:var(--surface-hover);color:var(--text-muted)}@keyframes pulseClaim{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.9}}.alert-claim-box{cursor:pointer;transition:all .2s ease}.alert-claim-box.has-pending-pulse{border:1.5px solid rgba(239,68,68,.45);box-shadow:0 4px 16px #ef44441f;background:#fef2f299}[data-theme=dark] .alert-claim-box.has-pending-pulse{background:#ef44441f;border-color:#f8717173}.metric-icon-wrap.red-pulse{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 12px #ef444466}.metric-action-tag{font-size:.74rem;font-weight:750;color:#ef4444;margin-top:2px}.refugee-claim-alert-tag{display:inline-flex;align-items:center;gap:6px;background:#fff7ed;border:1px solid #ffedd5;color:#c2410c;padding:4px 8px;border-radius:6px;font-size:.74rem;margin-top:6px}[data-theme=dark] .refugee-claim-alert-tag{background:#f9731626;border-color:#f973164d;color:#fdba74}.btn-inline-view-claim{background:#ea580c;color:#fff;border:none;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:4px;cursor:pointer;margin-left:4px;transition:all .15s ease}.btn-inline-view-claim:hover{background:#c2410c}.empty-claims-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-claims-state h4{font-size:1.15rem;font-weight:800;color:var(--text-main);margin:12px 0 6px}.empty-claims-state p{font-size:.9rem;margin:0}.claims-filter-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;margin-bottom:18px;padding:12px 16px;background:#0284c70a;border:1px solid rgba(2,132,199,.15);border-radius:12px}[data-theme=dark] .claims-filter-toolbar{background:#0f172a80;border-color:#38bdf833}.claims-filter-toolbar .filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.claims-filter-btn{padding:6px 13px;border-radius:20px;font-size:.8rem;font-weight:700;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.claims-filter-btn:hover{border-color:#0284c7;color:#0284c7}.claims-filter-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 8px #0284c747}.status-toggle-group{display:flex;align-items:center;gap:6px;background:#0000000a;padding:3px;border-radius:10px}[data-theme=dark] .status-toggle-group{background:#00000040}.status-toggle-btn{padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:700;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.status-toggle-btn.active{background:var(--surface);color:#0f172a;box-shadow:0 1px 4px #00000014}[data-theme=dark] .status-toggle-btn.active{color:#38bdf8;background:#1e293b}.badge-jurisdiction{font-size:.72rem;font-weight:750;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center}.badge-jurisdiction.badge-local{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}[data-theme=dark] .badge-jurisdiction.badge-local{background:#10b98126;color:#34d399;border-color:#10b9814d}.badge-jurisdiction.badge-national{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}[data-theme=dark] .badge-jurisdiction.badge-national{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.claim-badge-status.success{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}[data-theme=dark] .claim-badge-status.success{background:#10b9812e;color:#34d399;border-color:#10b98159}.family-claim-card.verified-card{border-color:#10b98166;background:#10b98105}.claim-card-footer.verified-footer{background:#10b9810f;border-top:1px solid rgba(16,185,129,.2);padding:10px 14px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.verified-status-info{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:#059669}[data-theme=dark] .verified-status-info{color:#34d399}.btn-wa-sm{padding:5px 10px;font-size:.76rem;text-decoration:none;background:#25d366;color:#fff;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.claims-cards-grid{display:flex;flex-direction:column;gap:16px;margin-top:18px}.family-claim-card{background:var(--surface);border:1.5px solid rgba(2,132,199,.3);border-radius:14px;padding:18px 20px;box-shadow:0 4px 18px #0000000a;transition:all .2s ease}[data-theme=dark] .family-claim-card{background:#0f172ab3;border-color:#38bdf84d}.family-claim-card:hover{border-color:#0284c7;box-shadow:0 6px 24px #0284c71f}.claim-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.claim-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.claim-badge-status{font-size:.74rem;font-weight:800;padding:3px 9px;border-radius:6px}.claim-badge-status.warning{background:#fef3c7;color:#b45309;border:1px solid #fde68a}[data-theme=dark] .claim-badge-status.warning{background:#f59e0b2e;color:#fcd34d;border-color:#f59e0b59}.claim-time-meta{font-size:.76rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.claim-shelter-tag{font-size:.82rem;font-weight:750;color:#0284c7;background:#0284c714;padding:3px 10px;border-radius:6px}.claim-card-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}@media (max-width: 768px){.claim-card-body{grid-template-columns:1fr}}.claim-party-col{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:14px 16px}.party-role-tag{font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:4px;display:inline-block;margin-bottom:6px}.party-role-tag.refugee-tag{background:#f1f5f9;color:#475569}[data-theme=dark] .party-role-tag.refugee-tag{background:#ffffff14;color:#94a3b8}.party-role-tag.reporter-tag{background:#e0f2fe;color:#0369a1}[data-theme=dark] .party-role-tag.reporter-tag{background:#38bdf826;color:#38bdf8}.party-name{font-size:1.12rem;font-weight:850;color:var(--text-main);margin:0 0 10px}.party-name.text-blue{color:#0284c7}.party-name .nickname{font-size:.92rem;font-weight:600;color:var(--text-muted)}.party-details-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.84rem;color:var(--text-main)}.relation-pill{background:#dbeafe;color:#1e40af;font-weight:750;padding:2px 8px;border-radius:4px;font-size:.78rem}[data-theme=dark] .relation-pill{background:#3b82f638;color:#93c5fd}.phone-mono{font-family:monospace;font-size:.92rem;color:#0f766e}[data-theme=dark] .phone-mono{color:#2dd4bf}.claim-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px dashed var(--border-subtle)}.claim-contact-buttons,.claim-decision-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-claim-action{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:750;padding:7px 14px;border-radius:8px;cursor:pointer;text-decoration:none;border:none;transition:all .18s ease}.btn-claim-action.btn-wa{background:#22c55e;color:#fff}.btn-claim-action.btn-wa:hover{background:#16a34a;transform:translateY(-1px)}.btn-claim-action.btn-tel{background:var(--surface-hover);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-claim-action.btn-tel:hover{border-color:#0284c7;color:#0284c7}.btn-claim-action.btn-reject{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.btn-claim-action.btn-reject:hover{background:#fee2e2;color:#dc2626}[data-theme=dark] .btn-claim-action.btn-reject:hover{background:#ef444433}.btn-claim-action.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 10px #10b9814d}.btn-claim-action.btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.karantina-wrapper{display:flex;flex-direction:column;gap:16px}.karantina-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.karantina-title{font-size:1.35rem;font-weight:800;color:var(--text-main);font-family:Outfit,sans-serif;margin:0}.karantina-sub{font-size:.85rem;color:var(--text-muted);margin:4px 0 0}.btn-refresh{background:var(--surface);border:1px solid var(--border-subtle);padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:700;color:var(--text-light);cursor:pointer;display:flex;align-items:center;transition:all .2s;white-space:nowrap}.btn-refresh:hover:not(:disabled){background:var(--surface-hover)}.karantina-legenda{display:flex;gap:8px;flex-wrap:wrap}.legenda-item{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px}.legenda-item.karantina{background:#fef3c7;color:#92400e}.legenda-item.bmkg{background:#e0f2fe;color:#0369a1}.legenda-item.komunitas{background:#ede9fe;color:#6d28d9}.legenda-item.prioritas{background:#fefce8;color:#854d0e;border:1px solid #fef08a}.legenda-item.disahkan{background:#dcfce7;color:#15803d}.legenda-item.tolak{background:#fee2e2;color:#dc2626}.karantina-section-title{font-size:.78rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.karantina-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px;color:var(--text-muted);text-align:center}.karantina-list{display:flex;flex-direction:column;gap:10px}.karantina-card{background:var(--surface);border:1px solid var(--border-subtle);border-left:5px solid #cbd5e1;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px}.karantina-card:hover{border-color:#94a3b8;box-shadow:0 2px 10px #0f172a0d}.karantina-card.selected{border-left-color:#0284c7;box-shadow:0 4px 16px #0284c71a}.karantina-card.selesai{opacity:.65;cursor:default}.karantina-card:has(.karantina-status-badge.karantina){border-left-color:#d97706}.karantina-card:has(.karantina-status-badge.bmkg){border-left-color:#0284c7}.karantina-card:has(.karantina-status-badge.komunitas){border-left-color:#7c3aed}.karantina-card:has(.karantina-status-badge.prioritas){border-left-color:#d97706}.karantina-card:has(.karantina-status-badge.disahkan){border-left-color:#16a34a}.karantina-card:has(.karantina-status-badge.tolak){border-left-color:#dc2626}.karantina-card-top{display:flex;justify-content:space-between;align-items:center}.karantina-card-left{display:flex;align-items:center;gap:8px}.karantina-jenis{font-size:.92rem;font-weight:800;color:var(--text-main)}.karantina-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:6px}.karantina-status-badge.karantina{background:#fef3c7;color:#92400e}.karantina-status-badge.bmkg{background:#e0f2fe;color:#0369a1}.karantina-status-badge.komunitas{background:#ede9fe;color:#6d28d9}.karantina-status-badge.prioritas{background:#fefce8;color:#854d0e}.karantina-status-badge.disahkan{background:#dcfce7;color:#15803d}.karantina-status-badge.tolak{background:#fee2e2;color:#dc2626}.karantina-time{font-size:.72rem;color:var(--text-muted)}.karantina-card-meta{display:flex;gap:14px;font-size:.76rem;color:var(--text-light);flex-wrap:wrap}.karantina-detail{margin-top:8px;display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px dashed var(--border-subtle)}.karantina-bmkg-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:12px 14px}.karantina-bmkg-title{font-size:.78rem;font-weight:800;color:#0369a1;margin-bottom:6px}.karantina-bmkg-box p{font-size:.8rem;color:#075985;margin:0;line-height:1.45}.karantina-bmkg-data{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}.karantina-bmkg-data span{font-size:.76rem;color:#0369a1}.karantina-vote-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px}.karantina-vote-title{font-size:.78rem;font-weight:800;color:var(--text-main);margin-bottom:10px}.karantina-vote-bars{display:flex;flex-direction:column;gap:8px}.vote-bar-item{display:flex;align-items:center;gap:8px}.vote-bar-track{flex:1;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.vote-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.vote-bar-fill.ya{background:#16a34a}.vote-bar-fill.tidak{background:#dc2626}.vote-count{font-size:.76rem;font-weight:700;min-width:40px}.vote-count.ya{color:#15803d}.vote-count.tidak{color:#b91c1c}.vote-info{font-size:.7rem;color:var(--text-muted);margin:8px 0 0}.karantina-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-sahkan{background:#0f4a2b;color:#fff;border:none;font-size:.82rem;font-weight:700;padding:10px 14px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-sahkan:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.btn-tolak-laporan{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;font-size:.82rem;font-weight:700;padding:10px 14px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-tolak-laporan:hover:not(:disabled){background:#fca5a5}.btn-sahkan:disabled,.btn-tolak-laporan:disabled{opacity:.6;cursor:wait}[data-theme=dark] .karantina-bmkg-box{background:#0369a126;border-color:#38bdf84d}[data-theme=dark] .karantina-bmkg-title{color:#38bdf8}[data-theme=dark] .karantina-bmkg-box p{color:#bae6fd}[data-theme=dark] .karantina-bmkg-data span{color:#7dd3fc}[data-theme=dark] .karantina-card{background:#0f1c2ca6;border-color:#ffffff14}[data-theme=dark] .karantina-card:hover{background:#122236d9}[data-theme=dark] .btn-tolak-laporan{background:#ef44442e;color:#fca5a5;border-color:#ef444459}[data-theme=dark] .btn-sahkan{background:linear-gradient(135deg,#059669,#10b981);color:#022c22}.priority-queue-section{width:100%;display:flex;flex-direction:column;gap:14px}.priority-queue-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:var(--surface);border:1px solid var(--border-subtle);border-left:4px solid #ef4444;border-radius:16px;padding:14px 20px;box-shadow:0 4px 18px #00000008}[data-theme=dark] .priority-queue-header{background:#0f1c2cb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff14;border-left-color:#ef4444}.priority-header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:280px}.priority-icon-glow{width:42px;height:42px;border-radius:12px;background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.28);display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 14px #ef444433}[data-theme=dark] .priority-icon-glow{color:#f87171;background:#ef444433}.priority-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.priority-title{font-size:1.1rem;font-weight:850;color:var(--text-main);font-family:Outfit,sans-serif;letter-spacing:-.02em;margin:0}.priority-pulse-chip{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:850;color:#dc2626;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:2px 8px;border-radius:999px}[data-theme=dark] .priority-pulse-chip{color:#fca5a5;background:#ef44442e}.queue-ping-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pingBeacon 1.4s infinite cubic-bezier(.66,0,0,1)}.priority-sub{font-size:.78rem;color:var(--text-muted);margin:2px 0 0}.btn-view-all-reports{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:750;color:var(--text-main);background:var(--surface-hover);border:1px solid var(--border-subtle);padding:8px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-view-all-reports:hover{background:#00000014;border-color:#0003}.priority-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.priority-queue-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 18px #00000008;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1)}.priority-queue-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.priority-queue-card.kritis:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.priority-queue-card.tinggi:before{background:linear-gradient(90deg,#f97316,#fb923c)}.priority-queue-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014;border-color:#ef444459}.priority-queue-card.selected{border-color:#ef4444;box-shadow:0 8px 24px #ef444426}[data-theme=dark] .priority-queue-card{background:#0f1c2cb3;border-color:#ffffff14}[data-theme=dark] .priority-queue-card:hover{background:#122236d9}.queue-card-top{display:flex;justify-content:space-between;align-items:center}.queue-card-ident{display:flex;align-items:center;gap:6px}.queue-id{font-size:.74rem;font-weight:850;color:var(--text-main);font-family:monospace}.queue-badge{font-size:.66rem;font-weight:850;padding:2px 7px;border-radius:4px;letter-spacing:.04em}.queue-badge.kritis{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.queue-badge.tinggi{background:#f9731626;color:#ea580c;border:1px solid rgba(249,115,22,.3)}[data-theme=dark] .queue-badge.kritis{color:#f87171}[data-theme=dark] .queue-badge.tinggi{color:#fb923c}.queue-golden-time{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:800;color:#dc2626;background:#ef444414;padding:3px 8px;border-radius:999px;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .queue-golden-time{color:#fca5a5}.queue-card-main{display:flex;flex-direction:column;gap:3px}.queue-card-title{font-size:.95rem;font-weight:850;color:var(--text-main);margin:0;letter-spacing:-.015em;line-height:1.35}.queue-card-desc{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue-card-stats-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem;color:var(--text-muted)}.queue-stat-chip{display:inline-flex;align-items:center;gap:5px}.queue-stat-chip strong{color:var(--text-main)}.queue-status-chip strong{color:#059669}.queue-needs-callout{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.needs-kicker{font-size:.66rem;font-weight:850;color:#dc2626;text-transform:uppercase}.needs-text{font-size:.76rem;font-weight:600;color:var(--text-main);line-height:1.35}.queue-card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:4px}.btn-queue-focus{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--surface-hover);color:#0284c7;border:1px solid rgba(2,132,199,.35);font-size:.74rem;font-weight:800;padding:7px 10px;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-queue-focus:hover{background:#e0f2fe}.btn-queue-focus.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 2px 8px #0284c74d}.btn-queue-dispatch{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;font-size:.74rem;font-weight:800;padding:7px 10px;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #dc262640;white-space:nowrap}.btn-queue-dispatch:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px)}.btn-queue-map{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#059669;font-size:.74rem;font-weight:750;padding:7px 10px;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-queue-map:hover{background:#10b98133}[data-theme=dark] .btn-queue-map{color:#6ee7b7}.btn-queue-detail{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);font-size:.74rem;font-weight:750;padding:7px 10px;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-queue-detail:hover{background:#00000014}@media (max-width: 600px){.queue-card-actions{grid-template-columns:1fr}}.ews-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1dc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:20px;animation:ewsFadeIn .2s ease-out}@keyframes ewsFadeIn{0%{opacity:0}to{opacity:1}}.ews-modal-container{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:20px;width:100%;max-width:920px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000040;animation:ewsSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes ewsSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ews-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle, #e2e8f0);background:color-mix(in srgb,var(--surface) 94%,#f8fafc);gap:16px;flex-wrap:wrap}.ews-header-title-group{display:flex;align-items:center;gap:14px}.ews-header-badge-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #dc262647}.ews-radio-pulse{animation:pulseBeacon 1.8s infinite}@keyframes pulseBeacon{0%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}to{transform:scale(1);opacity:1}}.ews-header-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#dc2626;text-transform:uppercase}.ews-modal-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-main, #0f172a)}.ews-header-actions{display:flex;align-items:center;gap:12px}.ews-tab-switch{display:flex;background:var(--surface-hover, #f1f5f9);padding:4px;border-radius:10px;border:1px solid var(--border-subtle, #e2e8f0);gap:4px}.btn-ews-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:none;background:transparent;border-radius:8px;font-size:.8rem;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer;transition:all .15s ease}.btn-ews-tab.active{background:var(--surface, #ffffff);color:var(--text-main, #0f172a);box-shadow:0 2px 6px #00000014}.btn-ews-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface, #ffffff);border-radius:10px;cursor:pointer;color:var(--text-muted, #64748b);transition:all .15s ease}.btn-ews-close:hover{background:var(--surface-hover, #f1f5f9);color:var(--text-main, #0f172a)}.ews-form-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.ews-presets-panel{padding:12px 14px;background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px dashed rgba(245,158,11,.35);border-radius:12px}.presets-label{font-size:.74rem;font-weight:700;color:#b45309;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.presets-chips-row{display:flex;flex-wrap:wrap;gap:8px}.chip-preset-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface, #ffffff);border:1px solid rgba(245,158,11,.3);border-radius:999px;font-size:.76rem;font-weight:600;color:var(--text-main, #0f172a);cursor:pointer;transition:all .15s ease}.chip-preset-item:hover{border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 10px #f59e0b26}.chip-dot{width:7px;height:7px;border-radius:50%}.chip-dot.red{background:#ef4444}.chip-dot.amber{background:#f59e0b}.ews-form-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}@media (max-width: 800px){.ews-form-grid{grid-template-columns:1fr}}.ews-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ews-input-group label{font-size:.8rem;font-weight:700;color:var(--text-main, #0f172a)}.ews-input-group label .req{color:#ef4444}.ews-text-input,.ews-textarea-input{width:100%;padding:10px 14px;border:1px solid var(--border-subtle, #cbd5e1);border-radius:10px;font-size:.86rem;color:var(--text-main, #0f172a);background:var(--surface, #ffffff);transition:border-color .15s ease;font-family:inherit}.ews-text-input:focus,.ews-textarea-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.ews-danger-level-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-danger-level{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface, #ffffff);border-radius:10px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-danger-level.danger-advisory.selected{background:#fef3c7;border-color:#f59e0b;color:#b45309}.btn-danger-level.danger-warning.selected{background:#ffedd5;border-color:#ea580c;color:#c2410c}.btn-danger-level.danger-critical.selected{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.ews-char-hint{font-size:.72rem;color:var(--text-muted, #64748b);margin-top:4px}.ews-areas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:190px;overflow-y:auto;padding:4px;background:var(--surface-hover, #f8fafc);border-radius:10px;border:1px solid var(--border-subtle, #e2e8f0)}.ews-area-checkbox-card{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}.ews-area-checkbox-card.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.ews-broadcast-preview-box{padding:14px;background:color-mix(in srgb,#3b82f6 8%,transparent);border:1px solid rgba(59,130,246,.25);border-radius:12px}.preview-box-header{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:#1d4ed8;text-transform:uppercase}.preview-stat-number{font-size:1.25rem;font-weight:800;color:#1e3a8a;margin:4px 0}.preview-note{margin:0;font-size:.72rem;line-height:1.4;color:var(--text-muted, #475569)}.ews-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:14px;border-top:1px solid var(--border-subtle, #e2e8f0)}.btn-ews-cancel{padding:10px 18px;border:1px solid var(--border-subtle, #cbd5e1);background:var(--surface, #ffffff);border-radius:10px;font-size:.84rem;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer}.btn-ews-submit{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #dc26264d;transition:all .15s ease}.btn-ews-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #dc262666}.btn-ews-submit:disabled{opacity:.65;cursor:not-allowed}.ews-history-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ews-history-header-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.history-section-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-main, #0f172a)}.history-section-desc{margin:4px 0 0;font-size:.78rem;color:var(--text-muted, #64748b)}.btn-history-create-new{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#eff6ff;border:1px solid rgba(59,130,246,.3);color:#2563eb;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer}.ews-history-list{display:flex;flex-direction:column;gap:14px}.ews-history-card{padding:16px 18px;background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #0000000a;transition:transform .15s ease,border-color .15s ease}.ews-history-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.history-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-ident{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-id{font-family:monospace;font-size:.76rem;font-weight:800;background:var(--surface-hover, #f1f5f9);padding:3px 8px;border-radius:6px;color:var(--text-main, #0f172a)}.history-badge{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:999px;text-transform:uppercase}.history-badge.critical{background:#fee2e2;color:#dc2626;border:1px solid rgba(220,38,38,.25)}.history-badge.warning{background:#fef3c7;color:#b45309;border:1px solid rgba(245,158,11,.25)}.history-channel{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted, #64748b);font-weight:600}.history-time-meta{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted, #64748b);font-weight:600}.history-title{margin:0;font-size:.95rem;font-weight:800;color:var(--text-main, #0f172a)}.history-message{margin:0;font-size:.82rem;line-height:1.5;color:var(--text-main, #334155);background:var(--surface-hover, #f8fafc);padding:10px 14px;border-radius:8px;border-left:3px solid #dc2626}.history-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--border-subtle, #f1f5f9)}.history-target-area{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-main, #0f172a)}.history-deliver-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.deliver-pill{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px}.deliver-pill.success{background:#dcfce7;color:#15803d}.deliver-pill.recipients{background:#eff6ff;color:#1d4ed8}.deliver-pill.actor{background:#f1f5f9;color:#475569}@media (max-width: 640px){.ews-modal-backdrop{padding:8px}.ews-modal-container{max-height:96vh;border-radius:14px}.ews-modal-header,.ews-form-body{padding:14px 16px}.ews-danger-level-selector{grid-template-columns:1fr;gap:6px}}.activity-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1dc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:20px;animation:actFadeIn .2s ease-out}@keyframes actFadeIn{0%{opacity:0}to{opacity:1}}.activity-modal-container{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:20px;width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000040;animation:actSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes actSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.activity-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle, #e2e8f0);background:color-mix(in srgb,var(--surface) 94%,#f8fafc)}.activity-header-left{display:flex;align-items:center;gap:14px}.activity-header-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0284c747}.activity-header-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#0284c7;text-transform:uppercase}.activity-modal-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-main, #0f172a)}.btn-activity-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface, #ffffff);border-radius:10px;cursor:pointer;color:var(--text-muted, #64748b);transition:all .15s ease}.btn-activity-close:hover{background:var(--surface-hover, #f1f5f9);color:var(--text-main, #0f172a)}.activity-account-banner{padding:12px 24px;background:color-mix(in srgb,#0284c7 6%,transparent);border-bottom:1px solid var(--border-subtle, #e2e8f0);display:flex;flex-direction:column;gap:4px}.account-banner-pill{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:#0369a1}.dot-active-account{width:7px;height:7px;border-radius:50%;background:#10b981}.account-banner-desc{margin:0;font-size:.74rem;color:var(--text-muted, #475569);line-height:1.4}.activity-toolbar{padding:14px 24px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border-subtle, #e2e8f0);background:var(--surface, #ffffff)}.activity-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-subtle, #cbd5e1);border-radius:10px;background:var(--surface, #ffffff);color:var(--text-muted, #64748b)}.activity-search-box input{border:none;background:transparent;width:100%;font-size:.82rem;color:var(--text-main, #0f172a);outline:none;font-family:inherit}.activity-filter-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.chip-filter-btn{padding:6px 12px;border-radius:999px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-hover, #f8fafc);font-size:.74rem;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer;white-space:nowrap;transition:all .12s ease}.chip-filter-btn:hover{border-color:#cbd5e1}.chip-filter-btn.active{background:#0284c7;border-color:#0284c7;color:#fff}.activity-timeline-scroll{padding:20px 24px;overflow-y:auto;flex:1}.activity-timeline-list{display:flex;flex-direction:column;position:relative}.activity-timeline-item{display:flex;gap:16px;position:relative;padding-bottom:18px}.activity-timeline-item:last-child{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:32px;flex-shrink:0}.timeline-icon-wrap{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);z-index:2}.timeline-icon-wrap.laporan_ditinjau{background:#eff6ff;border-color:#bfdbfe}.timeline-icon-wrap.tim_dikerahkan{background:#fff7ed;border-color:#fed7aa}.timeline-icon-wrap.posko_ditambahkan{background:#ecfdf5;border-color:#a7f3d0}.timeline-icon-wrap.ews_disiarkan{background:#fef2f2;border-color:#fecaca}.timeline-icon-wrap.status_diubah{background:#faf5ff;border-color:#e9d5ff}.act-icon-blue{color:#2563eb}.act-icon-orange{color:#ea580c}.act-icon-emerald{color:#059669}.act-icon-red{color:#dc2626}.act-icon-purple{color:#9333ea}.act-icon-slate{color:#475569}.timeline-vertical-line{flex:1;width:2px;background:var(--border-subtle, #e2e8f0);margin-top:4px}.activity-timeline-item:last-child .timeline-vertical-line{display:none}.activity-item-card{flex:1;background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 6px #00000008}.item-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.item-meta-group{display:flex;align-items:center;gap:6px}.item-id{font-family:monospace;font-size:.72rem;font-weight:700;background:var(--surface-hover, #f1f5f9);padding:2px 6px;border-radius:4px;color:var(--text-muted, #64748b)}.item-badge-pill{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}.item-badge-pill.laporan_ditinjau{background:#dbeafe;color:#1d4ed8}.item-badge-pill.tim_dikerahkan{background:#ffedd5;color:#c2410c}.item-badge-pill.posko_ditambahkan{background:#d1fae5;color:#047857}.item-badge-pill.ews_disiarkan{background:#fee2e2;color:#b91c1c}.item-badge-pill.status_diubah{background:#f3e8ff;color:#7e22ce}.item-time{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted, #64748b)}.item-description{margin:0;font-size:.82rem;line-height:1.45;color:var(--text-main, #1e293b);font-weight:500}.item-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--border-subtle, #f1f5f9)}.item-actor-pill{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:#0369a1}.item-verified-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:#059669;font-weight:600}.activity-empty-state{text-align:center;padding:40px 20px;color:var(--text-muted, #64748b)}.activity-empty-state h4{margin:8px 0 4px;color:var(--text-main, #0f172a)}.activity-modal-footer{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle, #e2e8f0);background:color-mix(in srgb,var(--surface) 96%,#f8fafc)}.footer-count-text{font-size:.76rem;color:var(--text-muted, #64748b)}.btn-activity-done{padding:8px 18px;border:none;background:#0284c7;color:#fff;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .12s ease}.btn-activity-done:hover{background:#0369a1}@media (max-width: 640px){.activity-modal-backdrop{padding:8px}.activity-modal-container{max-height:96vh;border-radius:14px}.activity-modal-header,.activity-scroll-body{padding:14px 16px}}.posko-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1dc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:20px;animation:poskoFadeIn .2s ease-out}@keyframes poskoFadeIn{0%{opacity:0}to{opacity:1}}.posko-modal-container{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:20px;width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000040;animation:poskoSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes poskoSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.posko-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle, #e2e8f0);background:color-mix(in srgb,var(--surface) 94%,#f8fafc);gap:16px;flex-wrap:wrap}.posko-header-left{display:flex;align-items:center;gap:14px}.posko-header-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #10b98147}.posko-header-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#059669;text-transform:uppercase}.posko-modal-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-main, #0f172a)}.posko-header-actions{display:flex;align-items:center;gap:10px}.btn-posko-add-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:9px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-posko-add-trigger:hover{background:#059669;transform:translateY(-1px)}.btn-posko-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface, #ffffff);border-radius:10px;cursor:pointer;color:var(--text-muted, #64748b);transition:all .15s ease}.btn-posko-close:hover{background:var(--surface-hover, #f1f5f9);color:var(--text-main, #0f172a)}.posko-metrics-row{padding:16px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:var(--surface-hover, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0)}@media (max-width: 700px){.posko-metrics-row{grid-template-columns:1fr}}.posko-formula-ribbon{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 24px;background:color-mix(in srgb,#10b981 8%,var(--surface));border-bottom:1px solid rgba(16,185,129,.22);font-size:.78rem;color:var(--text-main, #1e293b);line-height:1.45}.posko-formula-ribbon .formula-icon{color:#10b981;flex-shrink:0;margin-top:2px}.posko-formula-ribbon .formula-highlight{color:#059669}.metric-card-posko{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px}.metric-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-icon-wrap.total{background:#eff6ff;color:#2563eb}.metric-icon-wrap.remaining{background:#ecfdf5;color:#059669}.metric-icon-wrap.critical{background:#fef2f2;color:#dc2626}.metric-meta{display:flex;flex-direction:column}.metric-val{font-size:1.25rem;font-weight:800;color:var(--text-main, #0f172a);line-height:1.1}.metric-val.text-green{color:#059669}.metric-val.text-red{color:#dc2626}.metric-lbl{font-size:.72rem;color:var(--text-muted, #64748b);font-weight:600}.posko-toolbar{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border-subtle, #e2e8f0);background:var(--surface, #ffffff);flex-wrap:wrap}.posko-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-subtle, #cbd5e1);border-radius:10px;background:var(--surface, #ffffff);color:var(--text-muted, #64748b);flex:1;min-width:260px}.posko-search-box input{border:none;background:transparent;width:100%;font-size:.82rem;color:var(--text-main, #0f172a);outline:none;font-family:inherit}.posko-filter-tabs{display:flex;gap:6px}.filter-tab-btn{padding:7px 12px;border-radius:8px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-hover, #f8fafc);font-size:.75rem;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer;transition:all .12s ease}.filter-tab-btn.active{background:#059669;border-color:#059669;color:#fff}.posko-cards-scroll{padding:20px 24px;overflow-y:auto;flex:1}.posko-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}@media (max-width: 600px){.posko-modal-backdrop{padding:8px}.posko-modal-container{max-height:95vh;border-radius:14px}.posko-modal-header,.posko-cards-scroll{padding:14px 16px}.posko-grid-cards{grid-template-columns:1fr;gap:12px}}.posko-coordination-card{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #00000008;transition:border-color .15s ease,transform .15s ease}.posko-coordination-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.posko-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.posko-card-ident{display:flex;align-items:center;gap:6px;margin-bottom:4px}.posko-id{font-family:monospace;font-size:.7rem;font-weight:700;background:var(--surface-hover, #f1f5f9);padding:2px 6px;border-radius:4px;color:var(--text-muted, #64748b)}.posko-badge-tag{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px;background:#ecfdf5;color:#059669}.posko-card-name{margin:0;font-size:.96rem;font-weight:800;color:var(--text-main, #0f172a)}.posko-card-address{margin:2px 0 0;font-size:.74rem;color:var(--text-muted, #64748b)}.posko-capacity-pill-box{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.capacity-status-chip{font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}.capacity-status-chip.critical{background:#fee2e2;color:#dc2626;border:1px solid rgba(220,38,38,.25)}.capacity-status-chip.warning{background:#fef3c7;color:#b45309;border:1px solid rgba(245,158,11,.25)}.capacity-status-chip.safe{background:#ecfdf5;color:#059669;border:1px solid rgba(16,185,129,.25)}.capacity-sub-ratio{font-size:.7rem;color:var(--text-muted, #64748b)}.posko-progress-wrapper{display:flex;flex-direction:column;gap:4px}.posko-progress-bar{height:8px;background:var(--surface-hover, #e2e8f0);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.progress-fill.fill-green{background:#10b981}.progress-fill.fill-amber{background:#f59e0b}.progress-fill.fill-red{background:#ef4444}.posko-urgent-needs-box{background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.urgent-needs-header{display:flex;align-items:center;gap:6px}.needs-icon-warn{color:#d97706}.urgent-needs-label{font-size:.72rem;font-weight:800;color:#b45309;text-transform:uppercase;letter-spacing:.03em}.urgent-needs-text{margin:0;font-size:.78rem;font-weight:600;color:var(--text-main, #1e293b);line-height:1.4}.posko-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--text-muted, #64748b)}.posko-contact-pill{display:inline-flex;align-items:center;gap:4px;font-weight:600}.posko-facilities-preview{font-style:italic}.posko-card-actions{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle, #f1f5f9)}@media (max-width: 640px){.posko-card-actions{grid-template-columns:1fr 1fr}.btn-posko-manage-capacity{grid-column:span 2}}.btn-posko-view-map{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;background:#eff6ff;border:1px solid rgba(59,130,246,.25);color:#2563eb;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .12s ease}.btn-posko-view-map:hover{background:#dbeafe}.btn-posko-manage-capacity{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#ecfdf5;border:1px solid rgba(16,185,129,.4);color:#047857;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .12s ease}.btn-posko-manage-capacity:hover{background:#d1fae5;border-color:#10b981}.btn-posko-supply-logistics{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;background:#f5f3ff;border:1px solid rgba(139,92,246,.25);color:#7c3aed;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .12s ease}.btn-posko-supply-logistics:hover{background:#ede9fe}.posko-modal-footer{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle, #e2e8f0);background:color-mix(in srgb,var(--surface) 96%,#f8fafc)}.posko-footer-count{font-size:.76rem;color:var(--text-muted, #64748b)}.btn-posko-close-action{padding:8px 20px;border:1px solid var(--border-subtle, #cbd5e1);background:var(--surface, #ffffff);border-radius:8px;font-size:.82rem;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer}.posko-empty-state{text-align:center;padding:40px 20px;color:var(--text-muted, #64748b)}.posko-empty-state h4{margin:8px 0 4px;color:var(--text-main, #0f172a)}.posko-edit-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1dd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;animation:poskoFadeIn .18s ease-out}.posko-edit-modal-box{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .12));border-radius:18px;width:100%;max-width:580px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 70px #00000059;animation:poskoSlideUp .22s cubic-bezier(.16,1,.3,1)}.posko-edit-modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle, #e2e8f0);background:color-mix(in srgb,var(--surface) 95%,#f8fafc)}.posko-edit-header-title{display:flex;align-items:center;gap:12px}.posko-edit-icon-tag{width:40px;height:40px;border-radius:10px;background:#ecfdf5;color:#059669;display:flex;align-items:center;justify-content:center}.posko-edit-main-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-main, #0f172a)}.posko-edit-sub-title{margin:2px 0 0;font-size:.76rem;color:var(--text-muted, #64748b);display:flex;align-items:center;gap:6px}.posko-edit-badge{display:inline-block;padding:1px 6px;background:var(--surface-hover, #f1f5f9);border-radius:4px;font-family:monospace;font-size:.7rem;color:#059669;font-weight:700}.posko-edit-close-btn{background:transparent;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.posko-edit-close-btn:hover{background:var(--surface-hover, #f1f5f9);color:var(--text-main, #0f172a)}.posko-edit-form{padding:18px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.posko-live-calc-banner{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:6px;padding:12px 14px;background:color-mix(in srgb,#10b981 7%,var(--surface-hover, #f8fafc));border:1px solid rgba(16,185,129,.25);border-radius:12px;text-align:center}.calc-col{display:flex;flex-direction:column;gap:2px}.calc-label{font-size:.68rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase}.calc-val{font-size:.95rem;font-weight:800;color:var(--text-main, #0f172a)}.calc-operator{font-size:1.1rem;font-weight:800;color:var(--text-muted, #94a3b8)}.posko-edit-sim-progress{display:flex;flex-direction:column;gap:4px}.sim-progress-bar{height:9px;background:var(--surface-hover, #e2e8f0);border-radius:999px;overflow:hidden}.sim-progress-fill{height:100%;border-radius:999px;transition:width .25s ease}.sim-progress-meta{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;color:var(--text-muted, #64748b)}.posko-edit-field-group{display:flex;flex-direction:column;gap:6px}.posko-edit-label{display:flex;flex-direction:column;gap:1px}.label-bold{font-size:.82rem;font-weight:800;color:var(--text-main, #0f172a)}.posko-edit-hint{font-size:.7rem;color:var(--text-muted, #64748b)}.posko-input-with-stepper{position:relative;display:flex;align-items:center}.posko-number-input{width:100%;padding:10px 60px 10px 14px;border:1px solid var(--border-subtle, #cbd5e1);border-radius:10px;background:var(--surface, #ffffff);color:var(--text-main, #0f172a);font-size:1.05rem;font-weight:800;outline:none;transition:border-color .15s ease}.posko-number-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.unit-suffix{position:absolute;right:14px;font-size:.8rem;font-weight:700;color:var(--text-muted, #64748b);pointer-events:none}.posko-quick-adjust-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:2px}.quick-adjust-label{font-size:.7rem;font-weight:700;color:var(--text-muted, #64748b);margin-right:2px}.btn-quick-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface-hover, #f1f5f9);border:1px solid var(--border-subtle, #cbd5e1);border-radius:999px;font-size:.72rem;font-weight:700;color:var(--text-main, #334155);cursor:pointer;transition:all .12s ease}.btn-quick-chip:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.btn-quick-chip.green{background:#ecfdf5;border-color:#10b9814d;color:#047857}.btn-quick-chip.green:hover{background:#d1fae5}.btn-quick-chip.orange{background:#fffbeb;border-color:#f59e0b4d;color:#b45309}.btn-quick-chip.orange:hover{background:#fef3c7}.posko-textarea-input{width:100%;padding:10px 14px;border:1px solid var(--border-subtle, #cbd5e1);border-radius:10px;background:var(--surface, #ffffff);color:var(--text-main, #0f172a);font-size:.82rem;font-weight:500;font-family:inherit;outline:none;resize:vertical}.posko-textarea-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.posko-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--border-subtle, #e2e8f0)}.btn-cancel-edit{padding:9px 18px;background:transparent;border:1px solid var(--border-subtle, #cbd5e1);border-radius:8px;font-size:.82rem;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer}.btn-cancel-edit:hover{background:var(--surface-hover, #f1f5f9);color:var(--text-main, #0f172a)}.btn-submit-edit{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;font-size:.84rem;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 4px 14px #10b9814d;transition:all .15s ease}.btn-submit-edit:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 18px #10b98166;transform:translateY(-1px)}.close-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1dc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1060;display:flex;align-items:center;justify-content:center;padding:20px;animation:closeFadeIn .2s ease-out}@keyframes closeFadeIn{0%{opacity:0}to{opacity:1}}.close-modal-container{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:20px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000040;animation:closeSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes closeSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.close-modal-header{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle, #e2e8f0);background:color-mix(in srgb,var(--surface) 94%,#f8fafc)}.close-header-left{display:flex;align-items:center;gap:12px}.close-header-icon-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #10b98147}.close-header-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:#059669;text-transform:uppercase}.close-modal-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--text-main, #0f172a)}.btn-close-modal-x{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface, #ffffff);border-radius:9px;cursor:pointer;color:var(--text-muted, #64748b);transition:all .15s ease}.btn-close-modal-x:hover{background:var(--surface-hover, #f1f5f9);color:var(--text-main, #0f172a)}.close-incident-summary{padding:12px 24px;background:var(--surface-hover, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0);display:flex;flex-direction:column;gap:3px}.incident-summary-tag{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#0284c7}.dot-sep{color:var(--text-muted, #94a3b8)}.incident-summary-loc{font-size:.84rem;font-weight:700;color:var(--text-main, #0f172a)}.incident-summary-desc{margin:0;font-size:.75rem;color:var(--text-muted, #64748b);line-height:1.4}.close-notice-box{margin:14px 24px 0;padding:10px 14px;background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid rgba(245,158,11,.25);border-radius:10px;display:flex;gap:10px;align-items:flex-start}.notice-icon{color:#d97706;flex-shrink:0;margin-top:2px}.close-notice-box p{margin:0;font-size:.74rem;color:var(--text-main, #334155);line-height:1.45}.close-modal-form{padding:16px 24px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.form-group-close{display:flex;flex-direction:column;gap:5px}.form-group-close label{font-size:.78rem;font-weight:750;color:var(--text-main, #0f172a)}.form-group-close label .req{color:#dc2626}.textarea-close,.input-close{width:100%;padding:9px 12px;border:1px solid var(--border-subtle, #cbd5e1);border-radius:10px;font-size:.82rem;color:var(--text-main, #0f172a);background:var(--surface, #ffffff);font-family:inherit;transition:border-color .15s ease}.textarea-close:focus,.input-close:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.form-row-close{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}@media (max-width: 600px){.form-row-close{grid-template-columns:1fr}}.input-with-icon{display:flex;align-items:center;position:relative}.input-with-icon svg{position:absolute;left:12px;color:var(--text-muted, #94a3b8);pointer-events:none}.input-with-icon .input-close{padding-left:36px}.close-dropzone-box{border:1.5px dashed var(--border-subtle, #cbd5e1);border-radius:12px;background:var(--surface-hover, #f8fafc);padding:14px 16px;transition:all .2s ease}.close-dropzone-box.is-dragging{border-color:#0284c7;background:#0284c714}.close-dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.btn-browse-desktop{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:.8rem;font-weight:750;cursor:pointer;box-shadow:0 2px 10px #0284c740;transition:all .15s ease}.btn-browse-desktop:hover{transform:translateY(-1px);background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 4px 14px #0284c759}.close-dropzone-hint{margin:0;font-size:.72rem;color:var(--text-muted, #64748b)}.close-photo-preview-wrap{display:flex;align-items:center;gap:14px}.close-preview-thumb{width:72px;height:72px;border-radius:8px;object-fit:cover;border:1.5px solid #10b981}.close-preview-info{display:flex;flex-direction:column;gap:4px}.close-preview-badge{font-size:.72rem;font-weight:750;color:#059669}.close-preview-name{font-size:.78rem;font-weight:600;color:var(--text-main, #0f172a);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-remove-close-photo{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#ef4444;font-size:.72rem;font-weight:700;cursor:pointer;padding:0;margin-top:2px;text-decoration:underline}.preset-photos-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.preset-label{font-size:.7rem;color:var(--text-muted, #64748b);font-weight:600}.btn-preset-photo{padding:4px 10px;background:var(--surface-hover, #f8fafc);border:1px solid var(--border-subtle, #cbd5e1);border-radius:6px;font-size:.72rem;font-weight:600;color:var(--text-main, #0f172a);cursor:pointer;transition:all .12s ease}.btn-preset-photo:hover{background:#ecfdf5;border-color:#10b981;color:#047857}.btn-preset-photo.active{background:#10b981;border-color:#10b981;color:#fff}.close-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--border-subtle, #e2e8f0)}.btn-cancel-close{padding:9px 16px;border:1px solid var(--border-subtle, #cbd5e1);background:var(--surface, #ffffff);border-radius:9px;font-size:.8rem;font-weight:700;color:var(--text-muted, #64748b);cursor:pointer}.btn-confirm-close{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:9px;font-size:.82rem;font-weight:750;cursor:pointer;box-shadow:0 4px 14px #10b9814d;transition:all .15s ease}.btn-confirm-close:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98166}.sitrep-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#050c18c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:sitrepFadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes sitrepFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.sitrep-modal-card{width:100%;max-width:860px;max-height:90vh;background:var(--surface, #ffffff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));border-radius:18px;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px #0003,0 0 35px #2563eb14;overflow:hidden;color:var(--text-main, #0f172a)}[data-theme=dark] .sitrep-modal-card{background:#0f172a;border-color:#3b82f64d;box-shadow:0 25px 60px -15px #000000b3,0 0 40px #3b82f626;color:#f8fafc}.sitrep-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.35rem 1.75rem;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-bottom:1px solid rgba(59,130,246,.2)}[data-theme=dark] .sitrep-header{background:linear-gradient(135deg,#1e3a8a73,#0f172ad9);border-bottom-color:#3b82f640}.sitrep-icon-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb59;flex-shrink:0}.sitrep-eyebrow{font-size:.72rem;font-weight:850;letter-spacing:.08em;color:#2563eb;text-transform:uppercase;margin-bottom:.25rem}[data-theme=dark] .sitrep-eyebrow{color:#60a5fa}.sitrep-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main, #0f172a)}[data-theme=dark] .sitrep-title{color:#f8fafc}.sitrep-subtitle{display:block;font-size:.82rem;color:#475569;margin-top:.25rem;line-height:1.4}[data-theme=dark] .sitrep-subtitle{color:#94a3b8}.sitrep-btn-close{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#64748b;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}[data-theme=dark] .sitrep-btn-close{background:#ffffff0f;border-color:#ffffff1f;color:#94a3b8}.sitrep-btn-close:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.sitrep-body{padding:1.35rem 1.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem}.sitrep-action-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:#f8fafc;padding:.75rem 1rem;border-radius:12px;border:1px solid #e2e8f0}[data-theme=dark] .sitrep-action-toolbar{background:#0f172aa6;border-color:#ffffff14}.sitrep-meta-indicator{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#475569}[data-theme=dark] .sitrep-meta-indicator{color:#94a3b8}.sitrep-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseSitrep 1.5s infinite}@keyframes pulseSitrep{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.sitrep-buttons-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-sitrep-copy{display:inline-flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.55rem 1rem;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb40}.btn-sitrep-copy:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-sitrep-download,.btn-sitrep-print{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #cbd5e1;color:#334155;padding:.55rem .85rem;border-radius:8px;font-size:.82rem;font-weight:650;cursor:pointer;transition:all .2s}[data-theme=dark] .btn-sitrep-download,[data-theme=dark] .btn-sitrep-print{background:#ffffff0f;border-color:#ffffff1f;color:#cbd5e1}.btn-sitrep-download:hover,.btn-sitrep-print:hover{background:#f1f5f9;color:#0f172a}[data-theme=dark] .btn-sitrep-download:hover,[data-theme=dark] .btn-sitrep-print:hover{background:#ffffff1f;color:#fff}.sitrep-custom-note-card{display:flex;flex-direction:column;gap:.4rem}.sitrep-note-label{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:750;color:#1d4ed8}[data-theme=dark] .sitrep-note-label{color:#60a5fa}.sitrep-note-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem .85rem;color:var(--text-main, #0f172a);font-size:.86rem;font-family:inherit;resize:vertical;transition:border-color .2s}[data-theme=dark] .sitrep-note-input{background:#0f172abf;border-color:#3b82f64d;color:#e2e8f0}.sitrep-note-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.sitrep-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;position:relative}[data-theme=dark] .sitrep-preview-box{background:#0b1120;border-color:#ffffff14}.sitrep-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed #cbd5e1}[data-theme=dark] .sitrep-preview-header{border-bottom-color:#ffffff1f}.sitrep-preview-watermark{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#64748b}.sitrep-preview-status{padding:.25rem .65rem;border-radius:6px;font-size:.75rem;font-weight:800;letter-spacing:.04em}.sitrep-preview-status.status-siaga{background:#fef3c7;color:#b45309;border:1px solid #fde68a}[data-theme=dark] .sitrep-preview-status.status-siaga{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.sitrep-preview-status.status-tanggap-darurat{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}[data-theme=dark] .sitrep-preview-status.status-tanggap-darurat{background:#ef44442e;color:#ef4444;border-color:#ef44444d}.sitrep-kpi-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.15rem}.kpi-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.7rem .5rem;text-align:center;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .kpi-box{background:#ffffff0a;border-color:#ffffff14;box-shadow:none}.kpi-num{display:block;font-size:1.3rem;font-weight:850;color:var(--text-main, #0f172a)}[data-theme=dark] .kpi-num{color:#f8fafc}.kpi-label{display:block;font-size:.72rem;font-weight:650;color:#64748b;margin-top:.2rem}[data-theme=dark] .kpi-label{color:#94a3b8}.kpi-box.text-orange .kpi-num{color:#ea580c}.kpi-box.text-blue .kpi-num{color:#0284c7}[data-theme=dark] .kpi-box.text-orange .kpi-num{color:#fb923c}[data-theme=dark] .kpi-box.text-blue .kpi-num{color:#38bdf8}.sitrep-monospaced-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;line-height:1.6;color:#1e293b;white-space:pre-wrap;margin:0;background:#fff;padding:1.15rem;border-radius:10px;border:1px solid #cbd5e1;max-height:300px;overflow-y:auto;box-shadow:inset 0 1px 3px #00000008}[data-theme=dark] .sitrep-monospaced-text{background:#0006;color:#cbd5e1;border-color:#ffffff14;box-shadow:none}.sitrep-footer{padding:1.15rem 1.75rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:1rem}[data-theme=dark] .sitrep-footer{background:#0f172ae6;border-top-color:#ffffff14}.sitrep-footer-hint{font-size:.78rem;color:#64748b;max-width:520px;line-height:1.4}[data-theme=dark] .sitrep-footer-hint{color:#94a3b8}.btn-sitrep-primary-action{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:.65rem 1.35rem;border-radius:10px;font-size:.88rem;font-weight:750;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #2563eb4d;white-space:nowrap}.btn-sitrep-primary-action:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width: 640px){.sitrep-modal-backdrop{padding:8px}.sitrep-modal-card{max-height:96vh;border-radius:14px}.sitrep-header,.sitrep-body{padding:1rem 1.25rem}.sitrep-kpi-summary-grid{grid-template-columns:repeat(2,1fr)}.sitrep-footer{flex-direction:column;align-items:stretch;padding:1rem 1.25rem}}.contacts-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#050c18d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.25rem;animation:contactsFadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes contactsFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.contacts-modal-card{width:100%;max-width:960px;max-height:92vh;background:var(--bg-card, #0f172a);border:1px solid rgba(16,185,129,.35);border-radius:18px;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px #000000b3,0 0 45px #10b9811f;overflow:hidden;color:var(--text-main, #f8fafc)}[data-theme=light] .contacts-modal-card{background:#fff;border-color:#10b98166;color:#0f172a;box-shadow:0 20px 50px #00000026}.contacts-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.75rem;background:linear-gradient(135deg,#064e3b73,#0f172ad9);border-bottom:1px solid rgba(16,185,129,.25)}[data-theme=light] .contacts-header{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-bottom-color:#10b9814d}.contacts-header-left{display:flex;align-items:flex-start;gap:1rem}.contacts-icon-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98166;flex-shrink:0}.contacts-eyebrow{font-size:.72rem;font-weight:850;letter-spacing:.08em;color:#34d399;text-transform:uppercase;margin-bottom:.25rem}[data-theme=light] .contacts-eyebrow{color:#059669}.contacts-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:#f8fafc}[data-theme=light] .contacts-title{color:#0f172a}.contacts-subtitle{display:block;font-size:.82rem;color:#94a3b8;margin-top:.25rem;line-height:1.4}[data-theme=light] .contacts-subtitle{color:#475569}.contacts-btn-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}[data-theme=light] .contacts-btn-close{background:#0000000d;border-color:#0000001a;color:#64748b}.contacts-btn-close:hover{background:#ef444433;color:#ef4444;border-color:#ef44444d}.contacts-filter-strip{padding:1.15rem 1.75rem .85rem;display:flex;flex-direction:column;gap:.85rem;background:#0f172a99;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .contacts-filter-strip{background:#f8fafc;border-bottom-color:#e2e8f0}.contacts-search-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.contacts-search-box{position:relative;display:flex;align-items:center;flex:1 1 320px}.contacts-search-icon{position:absolute;left:.85rem;color:#64748b;pointer-events:none}.contacts-search-box input{width:100%;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem 2.2rem .65rem 2.4rem;font-size:.86rem;color:#e2e8f0;transition:all .2s}[data-theme=light] .contacts-search-box input{background:#fff;border-color:#cbd5e1;color:#0f172a}.contacts-search-box input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b98140}.btn-clear-contacts-search{position:absolute;right:.75rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.2rem}.contacts-scope-switcher{display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;gap:3px}[data-theme=light] .contacts-scope-switcher{background:#f1f5f9;border-color:#e2e8f0}.scope-switch-pill{background:transparent;border:none;color:#94a3b8;padding:5px 12px;border-radius:7px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap}[data-theme=light] .scope-switch-pill{color:#64748b}.scope-switch-pill:hover{color:#f8fafc}[data-theme=light] .scope-switch-pill:hover{color:#0f172a}.scope-switch-pill.active{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98159}.contacts-category-tabs{display:flex;align-items:center;gap:.45rem;overflow-x:auto;padding-bottom:.25rem}.cat-pill-btn{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:.38rem .85rem;border-radius:9999px;font-size:.78rem;font-weight:650;cursor:pointer;white-space:nowrap;transition:all .2s}[data-theme=light] .cat-pill-btn{background:#fff;border-color:#e2e8f0;color:#64748b}.cat-pill-btn:hover{background:#ffffff17;color:#e2e8f0}[data-theme=light] .cat-pill-btn:hover{background:#f8fafc;color:#0f172a}.cat-pill-btn.active{background:#10b9812e;border-color:#10b98173;color:#34d399;font-weight:750}[data-theme=light] .cat-pill-btn.active{background:#dcfce7;border-color:#86efac;color:#15803d}.cat-count-tag{font-size:.68rem;padding:1px 6px;border-radius:999px;background:#ffffff1a;color:inherit}.contacts-grid-content{padding:1.5rem 1.75rem;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem}.contact-tactical-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.15rem;display:flex;flex-direction:column;transition:all .2s;box-shadow:0 4px 16px #0003}[data-theme=light] .contact-tactical-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 14px #0000000a}.contact-tactical-card:hover{border-color:#10b98166;box-shadow:0 6px 22px #10b98126;transform:translateY(-2px)}.contact-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;gap:8px}.contact-cat-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;padding:.22rem .65rem;border-radius:6px;letter-spacing:.02em}.contact-cat-badge.cat-faskes{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.contact-cat-badge.cat-damkar{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.contact-cat-badge.cat-pmi{background:#dc262626;color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.contact-cat-badge.cat-aparat{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.contact-cat-badge.cat-alat{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.contact-cat-badge.cat-posko{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.contact-cat-badge.cat-sar{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.contact-cat-badge.cat-default{background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.contact-status-available{font-size:.68rem;font-weight:750;color:#10b981;display:inline-flex;align-items:center;gap:5px}.status-indicator-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.contact-org-name{margin:0 0 .45rem;font-size:1.05rem;font-weight:850;color:#f8fafc;line-height:1.35}[data-theme=light] .contact-org-name{color:#0f172a}.contact-jurisdiction-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:.65rem}.jurisdiction-pill{font-size:.7rem;font-weight:750;color:#94a3b8;background:#ffffff0d;padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}[data-theme=light] .jurisdiction-pill{background:#f1f5f9;color:#64748b}.radio-freq-pill{font-size:.7rem;font-weight:750;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;font-family:monospace}.contact-pic-row,.contact-address-row{font-size:.8rem;color:#cbd5e1;margin-bottom:.4rem;display:flex;align-items:flex-start;gap:6px;line-height:1.4}[data-theme=light] .contact-pic-row,[data-theme=light] .contact-address-row{color:#334155}.contact-row-icon{flex-shrink:0;margin-top:2px}.contact-lbl{color:#94a3b8;margin-right:4px}.contact-pic-val{color:#f8fafc}[data-theme=light] .contact-pic-val{color:#0f172a}.contact-armada-box{margin:.5rem 0 1rem;padding:.55rem .75rem;background:#0284c714;border-left:3px solid #0284c7;border-radius:6px;font-size:.78rem}[data-theme=light] .contact-armada-box{background:#f0f9ff;border-left-color:#0284c7}.armada-box-header{display:flex;align-items:center;gap:5px;margin-bottom:3px;color:#38bdf8}[data-theme=light] .armada-box-header{color:#0369a1}.armada-box-header strong{font-size:.74rem;letter-spacing:.01em}.armada-box-text{margin:0;color:#94a3b8;line-height:1.35}[data-theme=light] .armada-box-text{color:#475569}.contact-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .contact-card-actions{border-top-color:#f1f5f9}.btn-contact-action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;font-size:.78rem;font-weight:750;padding:.55rem .85rem;border-radius:8px;flex:1;transition:all .18s ease}.btn-contact-action.btn-call{background:#10b98129;color:#34d399;border:1px solid rgba(16,185,129,.35)}[data-theme=light] .btn-contact-action.btn-call{background:#dcfce7;color:#15803d;border-color:#86efac}.btn-contact-action.btn-call:hover{background:#10b981;color:#fff;transform:translateY(-1px)}.btn-contact-action.btn-wa{background:#25d36629;color:#25d366;border:1px solid rgba(37,211,102,.35)}[data-theme=light] .btn-contact-action.btn-wa{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.btn-contact-action.btn-wa:hover{background:#25d366;color:#fff;transform:translateY(-1px)}.btn-contact-copy{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .18s ease;flex-shrink:0}[data-theme=light] .btn-contact-copy{background:#f8fafc;border-color:#cbd5e1;color:#475569}.btn-contact-copy:hover{background:#ffffff24;color:#fff;border-color:#10b981}[data-theme=light] .btn-contact-copy:hover{background:#e2e8f0;color:#0f172a}.contacts-empty-state{grid-column:1 / -1;padding:3rem 1rem;text-align:center;color:#64748b}.empty-search-icon{color:#475569;margin-bottom:.75rem}.contacts-empty-state h4{font-size:1.15rem;color:#f8fafc;margin:0 0 .5rem}[data-theme=light] .contacts-empty-state h4{color:#0f172a}.contacts-empty-state p{font-size:.88rem;margin-bottom:1.25rem}.btn-reset-filter{background:#10b981;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-size:.82rem;font-weight:750;cursor:pointer}.contacts-modal-footer{padding:1rem 1.75rem;background:#0f172ae6;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}[data-theme=light] .contacts-modal-footer{background:#f8fafc;border-top-color:#e2e8f0}.contacts-footer-counter{font-size:.82rem;color:#94a3b8}[data-theme=light] .contacts-footer-counter{color:#64748b}.btn-contacts-done{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f8fafc;padding:.5rem 1.25rem;border-radius:8px;font-size:.84rem;font-weight:750;cursor:pointer;transition:all .2s}[data-theme=light] .btn-contacts-done{background:#0f172a;border-color:#0f172a;color:#fff}.btn-contacts-done:hover{background:#10b981;border-color:#10b981;color:#fff}@media (max-width: 768px){.contacts-modal-backdrop{padding:8px}.contacts-modal-card{max-height:96vh;border-radius:14px}.contacts-header{padding:1rem 1.25rem}.contacts-filter-strip{padding:.85rem 1.25rem}.contacts-grid-content{grid-template-columns:1fr;padding:1rem 1.25rem;gap:.85rem}}.emergency-camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background-color:#000;color:#f1f5f9;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow:hidden;display:flex;flex-direction:column;width:100vw;height:100vh;touch-action:none;-webkit-user-select:none;user-select:none}.camera-viewport-container{position:relative;width:100%;height:100%;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-video-feed{width:100%;height:100%;object-fit:cover;background:#000;transform:translateZ(0)}.camera-scanline-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:2;opacity:.35}.tactical-hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:space-between;padding:env(safe-area-inset-top,14px) 16px env(safe-area-inset-bottom,16px);pointer-events:none}.tactical-hud-overlay *{pointer-events:auto}.hud-top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 12px}.hud-telemetry-left{display:flex;align-items:center;gap:10px}.hud-rec-badge{display:inline-flex;align-items:center;gap:6px;background:#ef444440;border:1px solid rgba(239,68,68,.5);padding:3px 7px;border-radius:6px}.hud-rec-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:hudBlink 1.2s infinite}@keyframes hudBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.85)}}.hud-rec-label{font-family:Outfit,monospace;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#fca5a5}.hud-time-block{display:flex;flex-direction:column;line-height:1.15}.hud-live-clock{font-family:Outfit,monospace;font-size:.88rem;font-weight:800;color:#fff;letter-spacing:.04em}.hud-live-date{font-size:.64rem;color:#94a3b8;font-weight:600;letter-spacing:.03em}.hud-telemetry-right{display:flex;align-items:center;gap:8px}.hud-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;font-size:.7rem;font-weight:750;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#cbd5e1}.hud-signal.online{color:#4ade80;background:#22c55e26;border-color:#4ade8059}.hud-signal.offline{color:#f87171;background:#ef444426;border-color:#f8717159}.hud-battery-charging{color:#fbbf24;animation:hudPulse 1.5s infinite}.hud-icon-btn,.hud-close-btn{width:36px;height:36px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;cursor:pointer;transition:all .2s}.hud-icon-btn.active{background:#f59e0b;color:#000;border-color:#fbbf24}.hud-close-btn:hover{background:#ef444499;border-color:#ef4444}.hud-crosshair-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(84vw,340px);height:min(52vh,340px);pointer-events:none}.hud-reticle-corner{position:absolute;width:24px;height:24px;border:2.5px solid rgba(74,222,128,.85);box-shadow:0 0 8px #4ade8080}.corner-tl{top:0;left:0;border-right:none;border-bottom:none}.corner-tr{top:0;right:0;border-left:none;border-bottom:none}.corner-bl{bottom:0;left:0;border-right:none;border-top:none}.corner-br{bottom:0;right:0;border-left:none;border-top:none}.hud-reticle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.reticle-line-h{position:absolute;top:50%;left:0;right:0;height:1.5px;background:#4ade80a6;transform:translateY(-50%)}.reticle-line-v{position:absolute;left:50%;top:0;bottom:0;width:1.5px;background:#4ade80a6;transform:translate(-50%)}.reticle-ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed rgba(74,222,128,.7);border-radius:50%;animation:hudSpinSlow 24s linear infinite}@keyframes hudSpinSlow{to{transform:rotate(360deg)}}.hud-target-guidance{position:absolute;bottom:-32px;left:0;right:0;text-align:center;font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#86efacf2;text-shadow:0 2px 6px rgba(0,0,0,.9)}.guidance-bracket{color:#4ade80;margin:0 4px}.hud-bottom-telemetry{display:flex;flex-direction:column;gap:8px;width:100%}.hud-gps-card{background:#000000bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;transition:all .25s}.hud-gps-card.locked{border-color:#4ade8073;box-shadow:0 4px 18px #22c55e2e}.hud-gps-card.searching{border-color:#f59e0b66}.gps-card-header{display:flex;align-items:center;gap:6px}.gps-pulsar.pulse-green{color:#4ade80;animation:hudPulse 1.4s infinite}.gps-pulsar.pulse-amber{color:#f59e0b;animation:hudPulse .9s infinite}@keyframes hudPulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.7}}.gps-status-title{font-family:Outfit,monospace;font-size:.68rem;font-weight:800;letter-spacing:.05em;color:#86efac}.hud-gps-card.searching .gps-status-title{color:#fde68a}.gps-coords-display{font-family:Outfit,monospace;font-size:.8rem;color:#f1f5f9}.coords-mono strong{color:#38bdf8;font-weight:800}.coords-fallback{color:#94a3b8;font-size:.72rem}.gps-location-name{display:flex;align-items:center;gap:4px;font-size:.68rem;color:#94a3b8}.hud-integrity-pill{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:999px;font-family:Outfit,monospace;text-transform:uppercase}.hud-integrity-pill.trusted{background:#10b9812e;border:1px solid rgba(16,185,129,.5);color:#6ee7b7;box-shadow:0 0 10px #10b98133}.hud-integrity-pill.caution{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fde047}.hud-integrity-pill.mock-alert{background:#ef444440;border:1px solid rgba(239,68,68,.7);color:#fca5a5;box-shadow:0 0 12px #ef444459;animation:mockPulse 1s infinite alternate}@keyframes mockPulse{0%{transform:scale(.97)}to{transform:scale(1.03)}}.hud-gps-card.mock-flagged{border-color:#ef4444a6!important;background:#280a0ad9!important;box-shadow:0 4px 20px #ef444440!important}.hud-mock-alert-msg{display:flex;align-items:center;gap:6px;background:#ef444433;border-left:2px solid #ef4444;padding:4px 8px;border-radius:4px;font-size:.65rem;color:#fca5a5;font-weight:600;margin-top:2px}.hud-action-deck{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.deck-col{display:flex;align-items:center}.deck-left{flex:1;justify-content:flex-start}.deck-center{flex:none;display:flex;justify-content:center}.deck-right{flex:1;justify-content:flex-end}.hud-mode-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:750;color:#cbd5e1;letter-spacing:.05em}.hud-upload-file-btn{display:inline-flex;align-items:center;gap:6px;background:#0f172ad9;border:1.5px solid rgba(56,189,248,.55);border-radius:999px;padding:8px 14px;font-size:.72rem;font-weight:800;color:#38bdf8;letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0006}.hud-upload-file-btn:hover{background:#38bdf840;border-color:#38bdf8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #38bdf866}.hud-upload-file-btn:active{transform:translateY(0)}.hud-upload-text{font-family:Outfit,sans-serif;letter-spacing:.06em}@media (max-width: 480px){.hud-upload-file-btn{padding:6px 10px;font-size:.65rem;gap:4px}}.hud-massive-capture-btn{position:relative;width:80px;height:80px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:grid;place-items:center;outline:none;transition:transform .15s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.capture-outer-beacon{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3.5px solid rgba(255,255,255,.85);box-shadow:0 0 20px #ef444499;animation:captureRingPulse 2s infinite ease-out;pointer-events:none}@keyframes captureRingPulse{0%{transform:scale(.96);opacity:.9}60%{transform:scale(1.16);opacity:.15}to{transform:scale(.96);opacity:.9}}.capture-inner-circle{width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626 55%,#b91c1c);display:grid;place-items:center;color:#fff;box-shadow:0 6px 24px #ef4444a6,inset 0 2px 4px #ffffff59;border:2px solid rgba(255,255,255,.9);transition:all .15s}.hud-massive-capture-btn:active .capture-inner-circle,.hud-massive-capture-btn.capturing .capture-inner-circle{transform:scale(.88);background:#f87171;box-shadow:0 0 35px #ef4444}.capture-camera-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.hud-switch-camera-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .2s}.hud-switch-camera-btn:hover{background:#ffffff38}.hud-switch-camera-btn:active{transform:rotate(180deg)}.switch-label{font-size:.6rem;font-weight:800;letter-spacing:.06em;color:#cbd5e1}.preview-annotate-container{display:flex;flex-direction:column;height:100%;width:100%;background:#090e17;color:#f1f5f9;position:relative;overflow:hidden}.preview-scroll-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px 100px;display:flex;flex-direction:column;gap:16px;max-width:920px;width:100%;margin:0 auto;box-sizing:border-box}.preview-image-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#020617;border:1.5px solid rgba(255,255,255,.15);box-shadow:0 16px 40px #0009;display:flex;flex-direction:column}.preview-photo-container{position:relative;width:100%;min-height:280px;max-height:62vh;background:#000;display:flex;align-items:center;justify-content:center;cursor:zoom-in;overflow:hidden}.preview-photo{width:100%;height:auto;max-height:62vh;object-fit:contain;display:block;margin:0 auto;transition:transform .2s ease}.preview-photo:hover{transform:scale(1.01)}.preview-hud-stamp-group{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:6}.preview-hud-stamp{display:inline-flex;align-items:center;gap:6px;background:#000000bf;border:1px solid rgba(74,222,128,.45);border-radius:6px;padding:4px 8px;font-size:.64rem;font-weight:800;letter-spacing:.08em;color:#86efac;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-preview-zoom{display:inline-flex;align-items:center;gap:5px;background:#000000bf;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:4px 8px;font-size:.64rem;font-weight:750;color:#f8fafc;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.btn-preview-zoom:hover{background:#10b9814d;border-color:#10b981;color:#34d399}.stamp-beacon{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}.burnin-watermark-bar{position:relative;width:100%;background:#0a0f1afa;padding:8px 14px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:3px;font-family:Outfit,monospace;box-sizing:border-box;z-index:5}.watermark-telemetry-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}.watermark-item{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:#f1f5f9;font-weight:600}.wm-icon{color:#4ade80}.watermark-signature-row{display:flex;justify-content:space-between;align-items:center;font-size:.58rem;color:#94a3b8;letter-spacing:.05em;border-top:1px dashed rgba(255,255,255,.1);padding-top:2px;margin-top:1px}.wm-agency{color:#fdba74;font-weight:750}.preview-integrity-card{padding:12px 14px;border-radius:12px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.preview-integrity-card.integrity-verified{background:#10b98114;border:1px solid rgba(16,185,129,.35)}.preview-integrity-card.integrity-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.45);box-shadow:0 4px 16px #f59e0b1f}.integrity-card-header{display:flex;align-items:center;gap:10px}.integrity-icon-verified{color:#10b981;flex-shrink:0}.integrity-icon-warning{color:#f59e0b;flex-shrink:0;animation:mockPulse 1.2s infinite alternate}.integrity-title-block{display:flex;flex-direction:column;gap:2px;flex:1}.integrity-title{font-size:.8rem;font-weight:800;color:#f1f5f9;letter-spacing:.02em}.integrity-badge{font-family:Outfit,monospace;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:6px;display:inline-block;width:fit-content}.integrity-badge.badge-real{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.integrity-badge.badge-mock{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.integrity-desc{font-size:.73rem;line-height:1.45;color:#cbd5e1;margin:0}.preview-disaster-selector-section{display:flex;flex-direction:column;gap:8px}.disaster-selector-header{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.disaster-selector-kicker{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#94a3b8}.disaster-chips-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px}.disaster-chips-scroll::-webkit-scrollbar{display:none}.disaster-type-pill{flex:none;display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 12px;color:#cbd5e1;font-size:.74rem;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.disaster-type-pill:hover{background:#ffffff1f;color:#fff}.disaster-type-pill.active{background:#10b98138;border-color:#34d399;color:#86efac;box-shadow:0 4px 14px #10b98159;transform:translateY(-1px)}.preview-severity-section{background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:12px}.severity-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.severity-title-wrap{display:flex;align-items:center;gap:7px}.severity-kicker{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#cbd5e1}.severity-active-badge{font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;border:1px solid transparent;letter-spacing:.02em}.severity-sub-desc{font-size:.76rem;color:#94a3b8;margin-top:-6px}.tactical-slider-wrap{display:flex;flex-direction:column;gap:8px;position:relative;padding:6px 2px}.tactical-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;border-radius:6px;background:#1e293b;outline:none;cursor:pointer;position:relative;z-index:2;transition:all .2s}.tactical-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:#fff;cursor:grab;box-shadow:0 4px 14px #0009,0 0 0 4px #ffffff4d;border:3px solid #0f172a;transition:transform .15s}.tactical-range-slider.level-1::-webkit-slider-thumb{border-color:#eab308;background:#fef08a;box-shadow:0 0 18px #eab308b3}.tactical-range-slider.level-2::-webkit-slider-thumb{border-color:#f97316;background:#fed7aa;box-shadow:0 0 20px #f97316cc}.tactical-range-slider.level-3::-webkit-slider-thumb{border-color:#ef4444;background:#fca5a5;box-shadow:0 0 24px #ef4444e6}.slider-step-ticks{position:absolute;top:11px;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none;z-index:1}.step-dot{width:6px;height:6px;border-radius:50%;background:#475569}.step-dot.active{background:#fff}.slider-labels-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.slider-label-btn{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 4px;color:#94a3b8;font-size:.76rem;font-weight:750;cursor:pointer;transition:all .2s}.slider-label-btn .lvl-num{font-size:.64rem;font-weight:800;opacity:.6}.slider-label-btn small{font-size:.64rem;color:#64748b;margin-top:2px}.slider-label-btn.selected{background:#ffffff24;border-color:#fff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.preview-quick-tags-section{display:flex;flex-direction:column;gap:8px}.quick-tags-label{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:#94a3b8}.quick-tags-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preview-tag-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;color:#cbd5e1;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .18s}.preview-tag-chip:hover{background:#ffffff1f}.preview-tag-chip.selected{background:#10b98133;border-color:#10b981;color:#86efac;box-shadow:0 2px 10px #10b98140}.chip-check-icon{color:#4ade80}.preview-note-section{width:100%}.preview-note-input{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 14px;font-size:.8rem;color:#fff;outline:none;box-sizing:border-box}.preview-note-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98140}.preview-action-footer{position:absolute;bottom:0;left:0;right:0;background:#0a0f1af0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.12);padding:12px 14px calc(env(safe-area-inset-bottom,12px) + 4px);display:flex;align-items:center;gap:12px;z-index:20}.btn-preview-retake{flex:none;width:28%;min-height:54px;border-radius:14px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.22);color:#cbd5e1;font-size:.86rem;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s}.btn-preview-retake:hover{background:#ffffff26;color:#fff}.btn-preview-send{flex:1;min-height:54px;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669 60%,#047857);border:1.5px solid rgba(167,243,208,.4);color:#fff;font-size:.95rem;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 24px #10b98173;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em}.btn-preview-send:hover{background:linear-gradient(135deg,#34d399,#10b981 60%,#059669);transform:translateY(-2px);box-shadow:0 12px 30px #10b98199}.btn-preview-send:active{transform:scale(.97)}.send-main-icon{font-size:1.25rem}.send-sub-pill{background:#ffffff40;font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:999px;letter-spacing:.05em}.send-spinner-wrap{display:flex;align-items:center;gap:8px}.send-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:hudSpin .7s linear infinite}@keyframes hudSpin{to{transform:rotate(360deg)}}.camera-fallback-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#111827,#030712);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;text-align:center;gap:14px;z-index:50;overflow-y:auto}.fallback-icon-wrap.forced-camera{position:relative;width:80px;height:80px;border-radius:50%;background:#ef44441f;border:2px solid rgba(239,68,68,.5);box-shadow:0 0 24px #ef444440;display:grid;place-items:center;color:#f87171}.camera-pulse-icon{animation:cameraJitter 2s infinite ease-in-out}@keyframes cameraJitter{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.lock-sub-badge{position:absolute;bottom:-2px;right:-2px;width:26px;height:26px;border-radius:50%;background:#ef4444;color:#fff;display:grid;place-items:center;border:2px solid #030712}.fallback-title{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.02em;margin-top:4px}.fallback-desc{font-size:.82rem;color:#94a3b8;max-width:360px;line-height:1.5;margin:0}.fallback-desc strong{color:#38bdf8}.fallback-desc em{color:#f87171;font-style:normal;font-weight:600}.fallback-desktop-upload-box{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;margin:4px 0}.btn-force-upload-desktop{width:100%;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-weight:800;font-size:.88rem;letter-spacing:.02em;cursor:pointer;border:1.5px solid rgba(56,189,248,.5);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 18px #0284c766;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}.btn-force-upload-desktop:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#7dd3fc;box-shadow:0 6px 22px #0ea5e98c}.btn-force-upload-desktop:active{transform:translateY(0)}.upload-dropzone-hint{font-size:.72rem;color:#94a3b8;text-align:center;border:1.5px dashed rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;background:#ffffff05;line-height:1.4}.camera-drag-drop-overlay{position:absolute;top:16px;right:16px;bottom:16px;left:16px;background:#030712f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:3px dashed #38bdf8;border-radius:20px;pointer-events:none;animation:fadeInOverlay .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.drag-drop-pulse-icon{color:#38bdf8;animation:pulseIcon 1.2s infinite ease-in-out}@keyframes pulseIcon{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.camera-drag-drop-overlay h3{margin:0;color:#fff;font-size:1.3rem;font-weight:800}.camera-drag-drop-overlay p{margin:0;color:#94a3b8;font-size:.88rem;max-width:360px;text-align:center;line-height:1.5}.camera-instruction-card{width:100%;max-width:360px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;text-align:left;display:flex;flex-direction:column;gap:8px}.instruction-header{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;color:#fbbf24;letter-spacing:.05em;text-transform:uppercase}.instruction-steps-list{display:flex;flex-direction:column;gap:7px}.instruction-step{display:flex;align-items:flex-start;gap:8px;font-size:.75rem;color:#cbd5e1;line-height:1.4}.step-num{width:18px;height:18px;border-radius:50%;background:#1e293b;border:1px solid #475569;color:#38bdf8;font-size:.65rem;font-weight:800;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.fallback-action-group{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px;margin-top:6px}.btn-force-request-camera{padding:13px 20px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px #10b98159;transition:all .2s ease}.btn-force-request-camera:hover{transform:translateY(-2px);box-shadow:0 6px 22px #10b98173}.btn-force-text-mode{padding:12px 18px;border-radius:12px;background:#38bdf81f;border:1px solid rgba(56,189,248,.4);color:#38bdf8;font-weight:800;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 12px #38bdf826;transition:all .2s ease}.btn-force-text-mode:hover{background:#38bdf838;border-color:#38bdf8;color:#fff;transform:translateY(-1px);box-shadow:0 4px 18px #38bdf847}.btn-force-refresh-page{padding:10px 18px;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);color:#94a3b8;font-weight:700;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.btn-force-refresh-page:hover{color:#fff;background:#ffffff1f}.btn-fallback-close{background:transparent;border:none;color:#64748b;font-size:.8rem;font-weight:700;cursor:pointer;padding:6px}.btn-fallback-close:hover{color:#cbd5e1}.global-sos-fab-container{position:fixed;bottom:24px;left:50%;right:auto;transform:translate(-50%);z-index:998;display:flex;align-items:center;justify-content:center;pointer-events:auto}@media (max-width: 768px){.global-sos-fab-container{display:none}}.global-sos-fab-btn{height:64px;min-width:210px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b);border:2px solid rgba(255,255,255,.4);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;font-size:.96rem;font-weight:850;letter-spacing:.03em;box-shadow:0 10px 30px #ef44448c,0 0 20px #ef444459;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative}.global-sos-fab-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 40px #ef4444b3}.global-sos-fab-btn:active{transform:scale(.96)}.fab-beacon-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:2px solid rgba(239,68,68,.65);animation:sosBeaconPulse 1.8s infinite ease-out;pointer-events:none}@keyframes sosBeaconPulse{0%{transform:scale(.97);opacity:.9}70%{transform:scale(1.18);opacity:.1}to{transform:scale(.97);opacity:.9}}.fab-icon-bubble{width:38px;height:38px;border-radius:50%;background:#fff3;display:grid;place-items:center}.camera-success-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#064e3b,#022c22 45%,#051410);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:16px;z-index:60}.success-badge-circle{width:84px;height:84px;border-radius:50%;background:#10b98133;border:2px solid #34d399;display:grid;place-items:center;color:#34d399;box-shadow:0 0 30px #34d39966}.success-title{font-size:1.45rem;font-weight:850;color:#fff}.success-desc{font-size:.88rem;color:#a7f3d0;max-width:320px;line-height:1.5}.success-telemetry-box{background:#0006;border:1px solid rgba(74,222,128,.25);border-radius:12px;padding:10px 14px;font-family:Outfit,monospace;font-size:.72rem;color:#cbd5e1;display:flex;flex-direction:column;gap:4px}.btn-success-done{margin-top:12px;padding:14px 28px;border-radius:14px;background:#10b981;color:#fff;font-size:.95rem;font-weight:800;border:none;cursor:pointer;box-shadow:0 6px 20px #10b98166}.preview-emergency-disclaimer{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#ef444429;border:1.5px dashed rgba(239,68,68,.55);border-radius:10px;font-size:.78rem;line-height:1.5;color:#fecaca;margin-top:6px}.preview-emergency-disclaimer .disclaimer-icon{color:#f87171;flex-shrink:0;margin-top:2px}.preview-emergency-disclaimer .disclaimer-text strong{color:#fff;font-weight:800}.preview-ai-scanning-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow:hidden}.ai-scan-laser-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#10b981 30%,#34d399 50%,#60a5fa 70%,transparent);box-shadow:0 0 15px #34d399,0 0 30px #10b981;animation:laserScanMove 2.2s infinite ease-in-out}@keyframes laserScanMove{0%{top:5%;opacity:.8}50%{top:92%;opacity:1}to{top:5%;opacity:.8}}.ai-scanning-badge{display:inline-flex;align-items:center;gap:8px;background:#064e3be6;border:1px solid rgba(52,211,153,.6);padding:8px 16px;border-radius:999px;font-size:.72rem;font-weight:850;letter-spacing:.05em;color:#a7f3d0;box-shadow:0 4px 20px #00000080;z-index:11;animation:pulseBadge 1.8s infinite ease-in-out}.sparkle-pulse{color:#34d399;animation:sparkleRotate 2s infinite linear}@keyframes sparkleRotate{0%{transform:scale(.9) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(.9) rotate(360deg)}}@keyframes pulseBadge{0%{transform:scale(.98);box-shadow:0 0 #34d39966}70%{transform:scale(1.02);box-shadow:0 0 0 10px #34d39900}to{transform:scale(.98);box-shadow:0 0 #34d39900}}.preview-ai-vision-card{background:linear-gradient(135deg,#064e3b59,#0f172ad9 60%,#1e293bcc);border:1px solid rgba(52,211,153,.4);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 30px #0006,inset 0 1px #ffffff1a;animation:fadeInDown .3s cubic-bezier(.16,1,.3,1)}.preview-ai-vision-card.source-offline{border-color:#f59e0b66;background:linear-gradient(135deg,#78350f40,#0f172ad9 60%,#1e293bcc)}.preview-ai-vision-card.anti-spoof-warning{border-color:#ef444499!important;background:linear-gradient(135deg,#7f1d1d66,#1e0a0ae6 60%,#0f172ad9)!important;box-shadow:0 8px 30px #ef444440,inset 0 1px #fecaca33}.ai-vision-spoof-alert-box{background:#ef44442e;border:1px solid rgba(239,68,68,.45);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin-bottom:2px}.spoof-alert-head{display:flex;align-items:center;gap:8px;color:#fca5a5;font-size:.82rem;font-weight:700;letter-spacing:.3px}.spoof-alert-desc{font-size:.82rem;color:#fee2e2;line-height:1.45;margin:0}.spoof-flags-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.flags-label{font-size:.72rem;font-weight:700;color:#cbd5e1;text-transform:uppercase}.spoof-flag-chip{background:#b91c1c80;border:1px solid rgba(252,165,165,.3);border-radius:6px;padding:2px 8px;font-size:.72rem;color:#fef2f2;font-family:monospace}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ai-vision-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.ai-vision-title-wrap{display:flex;align-items:center;gap:10px}.ai-vision-icon-ring{width:34px;height:34px;border-radius:10px;background:#10b98133;border:1px solid rgba(52,211,153,.5);display:grid;place-items:center;color:#34d399;flex-shrink:0}.source-offline .ai-vision-icon-ring{background:#f59e0b33;border-color:#f59e0b80;color:#fbbf24}.ai-vision-kicker{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#6ee7b7;text-transform:uppercase}.source-offline .ai-vision-kicker{color:#fcd34d}.ai-vision-heading{font-size:.95rem;font-weight:850;color:#fff;margin:2px 0 0;line-height:1.2}.ai-vision-confidence-badge{display:inline-flex;align-items:center;gap:5px;background:#10b9812e;border:1px solid rgba(52,211,153,.45);color:#86efac;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.source-offline .ai-vision-confidence-badge{background:#f59e0b2e;border-color:#f59e0b73;color:#fde68a}.ai-vision-indicators-box{background:#0000004d;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:5px;border:1px solid rgba(255,255,255,.06)}.indicators-label{font-size:.68rem;font-weight:750;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.indicators-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.indicators-list li{display:flex;align-items:flex-start;gap:6px;font-size:.76rem;color:#e2e8f0;line-height:1.35}.bullet-dot{width:5px;height:5px;border-radius:50%;background:#34d399;margin-top:5px;flex-shrink:0}.source-offline .bullet-dot{background:#f59e0b}.ai-vision-guidance-pill{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-left:3px solid #f59e0b;padding:7px 10px;border-radius:8px;font-size:.74rem;color:#fde68a;line-height:1.35}.ai-vision-footer-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);font-size:.68rem;color:#94a3b8}.ai-applied-tag{color:#86efac;font-weight:750;display:inline-flex;align-items:center;gap:4px}.btn-preview-send.btn-disabled-rejected{background:linear-gradient(135deg,#334155,#1e293b)!important;border-color:#ef444466!important;color:#94a3b8!important;cursor:not-allowed!important;box-shadow:none!important;opacity:.88}.btn-preview-send.btn-preview-send-offline{background:linear-gradient(135deg,#d97706,#b45309 60%,#92400e)!important;border:1.5px solid rgba(251,191,36,.5)!important;box-shadow:0 8px 24px #d9770673!important;color:#fff!important}.btn-preview-send.btn-preview-send-offline:hover{background:linear-gradient(135deg,#f59e0b,#d97706 60%,#b45309)!important;box-shadow:0 12px 30px #f59e0b99!important}.preview-rejection-lockout-box{background:linear-gradient(135deg,#991b1b59,#0f172af2);border:1.5px solid #ef4444;border-radius:14px;padding:14px 16px;margin-top:10px;margin-bottom:6px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #ef444440;animation:fadeIn .3s ease-in-out}.rejection-lockout-head{display:flex;align-items:center;gap:10px}.rejection-lockout-icon{color:#ef4444;flex-shrink:0}.rejection-lockout-title-wrap{display:flex;flex-direction:column;gap:2px}.rejection-lockout-kicker{font-size:10px;letter-spacing:.08em;font-weight:700;color:#f87171;text-transform:uppercase}.rejection-lockout-title{font-size:13.5px;font-weight:700;color:#fef2f2;margin:0}.rejection-lockout-desc{font-size:12.5px;line-height:1.45;color:#fca5a5;margin:0}.rejection-lockout-action{display:flex;justify-content:flex-start;padding-top:4px}.btn-rejection-retake-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#dc2626;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #dc262666}.btn-rejection-retake-action:hover{background:#b91c1c;transform:translateY(-1px)}.preview-fullscreen-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:99999;display:flex;flex-direction:column;padding:16px;box-sizing:border-box;animation:fadeInModal .2s ease-out}.fullscreen-modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 14px;color:#94a3b8;font-size:.88rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.fullscreen-modal-title{display:flex;align-items:center;gap:8px;color:#f1f5f9}.btn-close-fullscreen{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close-fullscreen:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.05)}.fullscreen-modal-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px 0;cursor:zoom-out}.fullscreen-photo-img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 25px 60px #000000d9;border:1px solid rgba(255,255,255,.15)}@keyframes fadeInModal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base);background-image:var(--bg-gradient)}.dashboard-main{max-width:1360px;width:100%;margin:0 auto;padding:28px 24px 64px;flex:1}.admin-command-view{display:flex;flex-direction:column;gap:24px}.admin-titlebar-vibrant{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#063e26,#0d2822 55%,#0f1c2e);border:1px solid rgba(34,197,94,.28);box-shadow:0 20px 50px #062e2040,inset 0 1px #ffffff1f;padding:32px 38px}.admin-titlebar-glow{position:absolute;top:-120px;right:-60px;width:440px;height:440px;background:radial-gradient(circle,rgba(34,197,94,.24) 0%,rgba(14,165,233,.12) 45%,transparent 70%);pointer-events:none;filter:blur(40px)}.admin-titlebar-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}.admin-title-left{flex:1;min-width:320px;display:flex;flex-direction:column;gap:12px}.admin-eyebrow-pill{display:inline-flex;align-items:center;gap:8px;background:#10b98129;border:1px solid rgba(52,211,153,.35);padding:6px 14px;border-radius:999px;width:fit-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;flex-shrink:0}.live-ping-beacon{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef4444b3;animation:pingBeacon 1.6s infinite cubic-bezier(.66,0,0,1);flex-shrink:0}@keyframes pingBeacon{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.eyebrow-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#a7f3d0;text-transform:uppercase;white-space:nowrap}.eyebrow-divider{color:#ffffff4d;font-size:.75rem}.eyebrow-clock{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;color:#e2e8f0;font-family:monospace;white-space:nowrap;flex-shrink:0}.admin-title-heading{font-size:clamp(2rem,3.2vw,2.9rem);font-weight:850;color:#fff;font-family:Outfit,sans-serif;letter-spacing:-.04em;line-height:1.15;margin:0}.title-gradient-word{background:linear-gradient(135deg,#4ade80,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-title-subtitle{font-size:.92rem;color:#cbd5e1;max-width:620px;line-height:1.6;margin:0}.admin-meta-chips-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.74rem;font-weight:700;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chip-status-ready{background:#22c55e26;border-color:#22c55e59;color:#86efac}.chip-coverage{background:#0ea5e933;border-color:#38bdf866;color:#bae6fd;font-weight:800}.chip-territory{background:#f59e0b33;border-color:#fbbf2466;color:#fde68a;font-weight:750}.chip-territory.status-tanggap-darurat{background:#dc262640;border-color:#f8717173;color:#fecaca}.chip-territory.status-normal{background:#22c55e33;border-color:#4ade8066;color:#bbf7d0}.btn-posko-coord-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ecfdf5;border:1px solid rgba(16,185,129,.3);color:#059669;border-radius:9px;font-size:.8rem;font-weight:750;cursor:pointer;transition:all .15s ease}.btn-posko-coord-trigger:hover{background:#d1fae5;transform:translateY(-1px)}.chip-dot-green{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #4ade80}.admin-title-actions{display:flex;flex-direction:column;gap:10px;background:#0f172a73;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px 16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000040;flex-shrink:0;width:100%;max-width:440px}.admin-action-deck-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.action-deck-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.action-deck-status{font-size:.7rem;font-weight:700;color:#34d399;background:#34d39926;border:1px solid rgba(52,211,153,.3);padding:2px 7px;border-radius:6px}.admin-hero-btn-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.btn-admin-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:11px;font-size:.82rem;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;width:100%}.btn-action-report-disaster{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:1px solid rgba(52,211,153,.45);box-shadow:0 4px 16px #05966959}.btn-action-report-disaster:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-2px);box-shadow:0 8px 24px #05966973}.btn-action-broadcast{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:1px solid rgba(248,113,113,.4);box-shadow:0 4px 16px #dc262659}.btn-action-broadcast:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 8px 24px #dc262673}.btn-action-urgent-incidents{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;border:1px solid rgba(251,146,60,.4);box-shadow:0 4px 16px #ea580c59}.btn-action-urgent-incidents:hover{background:linear-gradient(135deg,#f97316,#ea580c);transform:translateY(-2px);box-shadow:0 8px 24px #ea580c73}.btn-action-status-siaga{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(56,189,248,.4);box-shadow:0 4px 16px #0284c74d}.btn-action-status-siaga:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-2px);box-shadow:0 8px 24px #0284c766}.btn-action-add-posko{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:1px solid rgba(52,211,153,.4);box-shadow:0 4px 16px #10b9814d}.btn-action-add-posko:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.btn-action-dispatch-hero{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;border:1px solid rgba(56,189,248,.4);box-shadow:0 4px 16px #0ea5e94d}.btn-action-dispatch-hero:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e966}.btn-action-simulate{background:#ffffff14;color:#f8fafc;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-action-simulate:hover{background:#ffffff29;border-color:#ffffff59;transform:translateY(-1px)}.admin-operational-tools-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 16px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 2px 10px #00000008}[data-theme=dark] .admin-operational-tools-strip{background:#0f1c2ca6;border-color:#ffffff14}.tools-strip-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-tool-secondary{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:9px;font-size:.78rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:all .15s ease}.btn-tool-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}[data-theme=dark] .btn-tool-secondary:hover{background:#ffffff14;border-color:#fff3}.tool-counter-chip{font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:6px;background:#0284c71f;color:#0284c7}.tool-counter-chip.green{background:#10b9811f;color:#059669}.tool-counter-chip.red{background:#dc26261f;color:#dc2626}.tool-counter-chip.emerald{background:#10b98126;color:#10b981}.btn-tool-sitrep{border-color:#3b82f640}.btn-tool-sitrep:hover{border-color:#3b82f6;color:#3b82f6}.btn-tool-contacts{border-color:#10b98140}.btn-tool-contacts:hover{border-color:#10b981;color:#10b981}.tools-strip-right{display:flex;align-items:center;gap:10px}.status-sync-group{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted)}.live-ping-beacon-sm{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #34d399}.sync-label strong{color:var(--text-main);font-weight:800}.btn-sync-refresh{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 6px;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.btn-sync-refresh:hover{background:#0284c7;color:#fff;border-color:#0284c7}.btn-sync-refresh .spinning{animation:spinSync .6s linear infinite}@keyframes spinSync{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.incident-focus-alert-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:linear-gradient(135deg,#0284c71a,#0ea5e90d);border:1px solid rgba(2,132,199,.35);border-left:5px solid #0284c7;border-radius:14px;box-shadow:0 4px 16px #0284c71a;animation:bannerSlideIn .25s ease-out}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.focus-alert-content{display:flex;align-items:center;gap:14px}.focus-alert-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#0284c7;color:#fff;border-radius:8px;font-size:.72rem;font-weight:850;letter-spacing:.05em;white-space:nowrap}.focus-target-icon{animation:targetPulse 1.8s infinite}@keyframes targetPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.focus-alert-info{display:flex;flex-direction:column;gap:2px}.focus-alert-title{margin:0;font-size:.95rem;font-weight:800;color:var(--text-main)}.focus-alert-desc{margin:0;font-size:.78rem;color:var(--text-muted)}.btn-exit-focus-mode{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1px solid rgba(2,132,199,.35);color:#0284c7;border-radius:9px;font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-exit-focus-mode:hover{background:#0284c7;color:#fff}.citizen-inflow-section{display:flex;flex-direction:column;gap:10px}.inflow-section-header{display:flex;align-items:center;justify-content:space-between}.inflow-header-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inflow-dot-beacon{width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 10px #60a5fa}.inflow-header-title h4{margin:0;font-size:.88rem;font-weight:800;color:var(--text-main);letter-spacing:-.01em}.inflow-subtext{font-size:.74rem;color:var(--text-muted);font-weight:500}.citizen-inflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.citizen-inflow-grid{grid-template-columns:1fr}}.inflow-stat-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;text-align:left;cursor:pointer;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 18px #0000000a;position:relative;overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.inflow-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000017}.inflow-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.85;transition:height .25s ease,opacity .25s ease}.inflow-stat-card.card-new-report:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.inflow-stat-card.card-new-report:hover{border-color:#3b82f673;box-shadow:0 12px 32px #2563eb1f}.inflow-stat-card.card-pending-validation:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.inflow-stat-card.card-pending-validation:hover{border-color:#f59e0b73;box-shadow:0 12px 32px #d977061f}.inflow-stat-card.card-urgent-golden:before{background:linear-gradient(90deg,#dc2626,#f87171)}.inflow-stat-card.card-urgent-golden:hover{border-color:#ef444473;box-shadow:0 12px 32px #dc262626}.inflow-stat-card:hover:before{height:4px;opacity:1}[data-theme=dark] .inflow-stat-card{background:#0f1c2ca6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#ffffff14;box-shadow:0 4px 20px #00000040}[data-theme=dark] .inflow-stat-card:hover{background:#122236d9}[data-theme=dark] .inflow-stat-card.card-new-report:hover{border-color:#60a5fa80;box-shadow:0 14px 34px #2563eb40}[data-theme=dark] .inflow-stat-card.card-pending-validation:hover{border-color:#fbbf2480;box-shadow:0 14px 34px #d9770640}[data-theme=dark] .inflow-stat-card.card-urgent-golden:hover{border-color:#f8717180;box-shadow:0 14px 34px #dc26264d}.inflow-card-top{display:flex;align-items:center;justify-content:space-between}.inflow-icon-circle{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.inflow-stat-card:hover .inflow-icon-circle{transform:scale(1.08)}.inflow-icon-circle.blue{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.22)}.inflow-icon-circle.amber{background:#d977061f;color:#d97706;border:1px solid rgba(217,119,6,.25)}.inflow-icon-circle.red{background:#dc26261f;color:#dc2626;border:1px solid rgba(220,38,38,.25)}[data-theme=dark] .inflow-icon-circle.blue{background:#2563eb38;color:#60a5fa;border-color:#60a5fa59}[data-theme=dark] .inflow-icon-circle.amber{background:#d9770638;color:#fbbf24;border-color:#fbbf2459}[data-theme=dark] .inflow-icon-circle.red{background:#dc262638;color:#f87171;border-color:#f8717159}.inflow-tag-pill{font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.tag-blue{background:#2563eb1a;color:#1d4ed8;border:1px solid rgba(37,99,235,.22)}.tag-amber{background:#d977061a;color:#b45309;border:1px solid rgba(217,119,6,.22)}.tag-red{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.22)}[data-theme=dark] .tag-blue{background:#2563eb38;color:#93c5fd;border-color:#60a5fa4d}[data-theme=dark] .tag-amber{background:#d9770638;color:#fde68a;border-color:#fbbf244d}[data-theme=dark] .tag-red{background:#dc262638;color:#fca5a5;border-color:#f871714d}.inflow-card-body{display:flex;flex-direction:column;gap:3px}.inflow-number-row{display:flex;align-items:baseline;gap:6px}.inflow-val{font-size:1.95rem;font-weight:850;color:var(--text-main);line-height:1;font-family:Outfit,sans-serif;letter-spacing:-.03em}.inflow-val.text-red{color:#dc2626}[data-theme=dark] .inflow-val.text-red{color:#f87171}.inflow-unit{font-size:.76rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.inflow-label-text{display:flex;flex-direction:column;gap:1px}.inflow-label-text strong{font-size:.9rem;font-weight:800;color:var(--text-main)}.inflow-label-text span{font-size:.74rem;color:var(--text-muted);line-height:1.35}.inflow-card-footer{display:flex;align-items:center;padding-top:10px;border-top:1px solid var(--border-subtle);font-size:.73rem;font-weight:750;color:var(--text-muted);transition:all .2s ease}.inflow-card-footer span{display:inline-flex;align-items:center;gap:5px}.inflow-card-footer svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.inflow-stat-card:hover .inflow-card-footer{color:var(--brand-green-primary, #059669)}[data-theme=dark] .inflow-stat-card:hover .inflow-card-footer{color:#34d399}.inflow-stat-card:hover .inflow-card-footer svg{transform:translate(4px)}.admin-workspace-nav{display:flex;align-items:center;gap:5px;padding:5px 8px;width:100%;box-sizing:border-box;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface);box-shadow:0 4px 20px #0000000a;transition:all .2s ease;scrollbar-width:none;-webkit-overflow-scrolling:touch}.admin-workspace-nav::-webkit-scrollbar{display:none}.admin-workspace-nav.sticky-admin-nav{position:sticky;top:var(--header-height, 65px);z-index:995;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0f172af0;border-color:#ffffff24;box-shadow:0 8px 30px #0000002e}[data-theme=light] .admin-workspace-nav.sticky-admin-nav{background:#fffffff0;border-color:#0000001a;box-shadow:0 8px 30px #00000014}@media (max-width: 1360px){.tab-label-full{display:none}.tab-label-short{display:inline}}.admin-workspace-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;min-height:42px;padding:7px 11px;border-radius:11px;background:transparent;color:var(--text-muted);font-size:.81rem;font-weight:750;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;box-sizing:border-box}.admin-workspace-tab:hover{background:var(--surface-hover);color:var(--text-main)}.admin-workspace-tab.active{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 4px 14px #05966947}.workspace-tab-text{white-space:nowrap}.workspace-tab-icon{flex-shrink:0}.admin-workspace-tab .tab-counter-badge{margin-left:5px}.tab-counter-badge{display:inline-flex;align-items:center;padding:2.5px 7px;border-radius:999px;font-size:.69rem;font-weight:800;letter-spacing:.2px;line-height:1.2;margin-left:2px;flex-shrink:0;white-space:nowrap}.admin-workspace-tab.active .tab-counter-badge{background:#fff;color:#047857;box-shadow:0 2px 6px #0000001f}.admin-workspace-tab:not(.active) .tab-counter-badge.badge-emerald{background:#10b9811f;color:#059669}.admin-workspace-tab:not(.active) .tab-counter-badge.badge-red{background:#ef44441f;color:#dc2626}.admin-workspace-tab:not(.active) .tab-counter-badge.badge-amber{background:#f59e0b1f;color:#d97706}.admin-workspace-tab:not(.active) .tab-counter-badge.badge-blue{background:#3b82f61f;color:#2563eb}.admin-workspace-tab:not(.active) .tab-counter-badge.badge-purple{background:#a855f71f;color:#9333ea}.admin-workspace-tab:not(.active) .tab-counter-badge.badge-cyan{background:#06b6d41f;color:#0891b2}[data-theme=dark] .admin-workspace-tab:not(.active) .tab-counter-badge.badge-emerald{background:#10b98138;color:#6ee7b7}[data-theme=dark] .admin-workspace-tab:not(.active) .tab-counter-badge.badge-red{background:#ef444438;color:#fca5a5}[data-theme=dark] .admin-workspace-tab:not(.active) .tab-counter-badge.badge-amber{background:#f59e0b38;color:#fde68a}[data-theme=dark] .admin-workspace-tab:not(.active) .tab-counter-badge.badge-blue{background:#3b82f638;color:#93c5fd}[data-theme=dark] .admin-workspace-tab:not(.active) .tab-counter-badge.badge-purple{background:#a855f738;color:#d8b4fe}[data-theme=dark] .admin-workspace-tab:not(.active) .tab-counter-badge.badge-cyan{background:#06b6d438;color:#67e8f9}.admin-map-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:18px 22px;box-shadow:0 4px 18px #00000008}[data-theme=dark] .admin-map-heading{background:#0f1c2cb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff14}.admin-map-heading h2{font-size:1.25rem;font-weight:850;color:var(--text-main);letter-spacing:-.025em;font-family:Outfit,sans-serif;margin:0}.admin-map-heading p{margin:3px 0 0;color:var(--text-muted);font-size:.8rem}.btn-add-posko{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:.82rem;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 16px #10b9814d;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-add-posko:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.admin-tab-pane{display:flex;flex-direction:column;gap:20px}.dashboard-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}.tab-pane-map{display:flex;flex-direction:column;gap:16px}.map-spotlight-card{background:var(--surface);border:1px solid rgba(239,68,68,.35);border-radius:18px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 30px #ef444414,0 2px 8px #0000000a;flex-wrap:wrap;gap:18px;position:relative;overflow:hidden}.map-spotlight-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:linear-gradient(180deg,#dc2626,#f97316)}[data-theme=dark] .map-spotlight-card{background:#161e2ed9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ef444466;box-shadow:0 10px 36px #00000059}.spotlight-left{flex:1;min-width:280px;display:flex;flex-direction:column;gap:4px}.spotlight-header-tags{display:flex;align-items:center;gap:8px}.spotlight-beacon-live{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pingBeacon 1.4s infinite cubic-bezier(.66,0,0,1)}.spotlight-tag{font-size:.68rem;font-weight:850;color:#dc2626;background:#ef44441f;padding:3px 8px;border-radius:6px;letter-spacing:.06em}[data-theme=dark] .spotlight-tag{color:#fca5a5;background:#ef444433}.spotlight-id{font-size:.74rem;font-weight:850;color:var(--text-muted);font-family:monospace}.spotlight-title{font-size:1.25rem;font-weight:850;color:var(--text-main);margin:3px 0;font-family:Outfit,sans-serif;letter-spacing:-.02em}.spotlight-desc{font-size:.84rem;color:var(--text-light);margin:0;line-height:1.45}.spotlight-needs{font-size:.82rem;color:#dc2626;background:#ef444414;border:1px solid rgba(239,68,68,.2);padding:6px 12px;border-radius:8px;margin-top:6px;width:fit-content}[data-theme=dark] .spotlight-needs{color:#fca5a5}.spotlight-needs strong{color:inherit;font-weight:800}.spotlight-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-spotlight-detail{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:10px;font-size:.82rem;font-weight:750;cursor:pointer;transition:all .2s}.btn-spotlight-detail:hover{background:#00000014;border-color:#0003}[data-theme=dark] .btn-spotlight-detail:hover{background:#ffffff1f;border-color:#ffffff40}.btn-spotlight-dispatch{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #ef4444;color:#fff;border-radius:10px;font-size:.82rem;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #dc26264d;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-spotlight-dispatch:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 6px 22px #dc262666}.toast{position:fixed;bottom:96px;right:28px;z-index:10005;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-radius:14px;font-size:.88rem;font-weight:650;box-shadow:0 12px 36px #00000059;animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-width:min(520px,calc(100vw - 40px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.toast-text{line-height:1.45;word-break:break-word}.toast-close-btn{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease;flex-shrink:0;margin-left:6px}.toast-close-btn:hover{background:#ffffff26;color:#fff}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.success{background:#0f4a2b;color:#fff;border:1px solid #22c55e}.toast.warning{background:#991b1b;color:#fff;border:1px solid #f87171}.toast.error{background:#7f1d1d;color:#fff;border:1px solid #ef4444}@media (max-width: 640px){.toast{bottom:84px;right:16px;left:16px;max-width:none}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 1100px){.admin-workspace-nav{padding:5px 6px;gap:4px}.admin-workspace-tab{padding:7px 8px;font-size:.78rem;gap:4px}.tab-counter-badge{padding:2px 5px;font-size:.66rem}}@media (max-width: 860px){.admin-titlebar-vibrant{padding:24px 22px}.admin-title-heading{font-size:clamp(1.85rem,5vw,2.4rem)}.admin-title-left{min-width:0}.admin-hero-btn-row{width:100%}.btn-admin-action{flex:1;min-width:140px;justify-content:center}.admin-operational-tools-strip{flex-direction:column;align-items:stretch;gap:12px}.tools-strip-left{width:100%}.tools-strip-right{width:100%;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--border-subtle)}}@media (max-width: 680px){.dashboard-main{padding:14px 10px calc(86px + env(safe-area-inset-bottom,14px));max-width:100vw;box-sizing:border-box;overflow-x:hidden}.admin-titlebar-vibrant{padding:20px 16px;border-radius:18px}.admin-title-heading{font-size:1.7rem}.admin-title-subtitle{font-size:.84rem}.admin-meta-chips-row{gap:6px}.meta-chip{padding:4px 9px;font-size:.7rem}.btn-admin-action{width:100%;justify-content:center}.admin-role-chip{display:none}.workspace-mobile-trigger{width:100%;display:inline-flex;align-items:center;gap:8px;padding:11px 14px;background:var(--surface);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:12px;font-size:.82rem;font-weight:800;cursor:pointer}.workspace-mobile-current{margin-left:auto;color:#059669;font-size:.74rem}.admin-workspace-nav{display:none;margin-top:8px;overflow:visible}.admin-workspace-nav.is-mobile-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.admin-workspace-tab{width:100%;min-height:44px;padding:9px 10px;justify-content:flex-start;font-size:.76rem}.admin-workspace-tab .tab-counter-badge{margin-left:auto}.spotlight-actions{flex-wrap:wrap}}.national-map-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.national-map-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:1rem}.map-header-left{display:flex;align-items:center;gap:.75rem}.map-header-beacon{width:38px;height:38px;border-radius:10px;background:#16a34a1f;color:var(--brand-green-primary);border:1px solid rgba(22,163,74,.28);display:flex;align-items:center;justify-content:center;flex-shrink:0}.map-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.map-sub{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.map-header-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.filter-keparahan-group{display:flex;align-items:center;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:8px;padding:3px}.btn-keparahan{background:transparent;border:none;color:var(--text-muted);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-keparahan:hover{color:var(--text-main)}.btn-keparahan.active{background:var(--surface);color:var(--text-main);box-shadow:0 1px 3px #00000014}.btn-keparahan.text-red{color:#ef4444}.btn-keparahan.text-red.active{background:#ef444426;color:#dc2626}.map-layer-switcher{display:flex;align-items:center;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:8px;padding:3px}.btn-layer-choice{background:transparent;border:none;color:var(--text-muted);padding:4px 10px;border-radius:6px;font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-layer-choice:hover{color:var(--text-main)}.btn-layer-choice.active{background:var(--surface);color:var(--brand-green-primary);box-shadow:0 1px 3px #00000014;font-weight:700}.btn-map-reset-zoom{display:inline-flex;align-items:center;gap:5px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-map-reset-zoom:hover{background:var(--border-subtle);transform:translateY(-1px)}.national-map-viewport-wrapper{position:relative;width:100%;height:520px;min-height:520px}.national-leaflet-map-canvas{width:100%;height:520px;min-height:520px;background:#e2e8f0}.national-leaflet-map-canvas .leaflet-container{width:100%;height:100%;min-height:520px}.map-floating-quick-bar{position:absolute;bottom:14px;left:14px;right:14px;background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;overflow-x:auto;z-index:1000}.quick-bar-label{font-size:.72rem;font-weight:700;color:var(--text-muted);white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}.btn-quick-region{display:inline-flex;align-items:center;gap:6px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);padding:5px 10px;border-radius:8px;font-size:.74rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-quick-region:hover{background:var(--border-subtle)}.btn-quick-region.active{background:#16a34a26;border-color:var(--brand-green-primary);color:var(--brand-green-dark)}.btn-quick-region.needs-escalation{border-color:#ef444480}.quick-dot{width:7px;height:7px;border-radius:50%}.quick-dot.status-kritis{background:#ef4444;box-shadow:0 0 6px #ef4444}.quick-dot.status-tinggi{background:#f97316}.quick-dot.status-sedang{background:#f59e0b}.quick-dot.status-rendah{background:#16a34a}.quick-badge-escalate{background:#ef4444;color:#fff;font-size:.62rem;font-weight:800;padding:1px 4px;border-radius:4px}.national-selected-dossier-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:1rem}.dossier-left-info{display:flex;align-items:center;gap:.85rem}.dossier-rank-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:800;padding:4px 8px;border-radius:6px;letter-spacing:.05em;white-space:nowrap}.dossier-region-name{margin:0;font-size:1rem;font-weight:700;color:var(--text-main)}.dossier-disaster-info{margin:2px 0 0;font-size:.78rem;color:var(--text-muted)}.dossier-disaster-info strong{color:var(--brand-green-primary)}.dossier-stats-pill-row{display:flex;align-items:center;gap:.75rem}.dossier-stat-pill{background:var(--surface-hover);border:1px solid var(--border-subtle);padding:6px 14px;border-radius:8px;text-align:center}.dossier-stat-pill .stat-num{display:block;font-size:.95rem;font-weight:800;color:var(--text-main)}.dossier-stat-pill .stat-label{display:block;font-size:.68rem;color:var(--text-muted)}.dossier-actions-group{display:flex;align-items:center;gap:.6rem}.btn-dossier-escalate{display:inline-flex;align-items:center;gap:6px;background:#ef4444;color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ef44444d}.btn-dossier-escalate:hover{background:#dc2626;transform:translateY(-1px)}.btn-dossier-capacity{display:inline-flex;align-items:center;gap:6px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-dossier-capacity:hover{background:var(--border-subtle)}.custom-national-div-icon{background:transparent;border:none}.national-marker-container{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.national-marker-pin{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000059;border:2px solid #ffffff;position:relative;z-index:2}.marker-pulse-critical{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;animation:pulseCritical 1.4s infinite cubic-bezier(.24,0,.38,1);opacity:.7}.marker-pulse-normal{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;animation:pulseNormal 2s infinite ease-out;opacity:.4}@keyframes pulseCritical{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}@keyframes pulseNormal{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.3);opacity:0}}.national-marker-escalate-pill{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#dc2626;color:#fff;font-size:.55rem;font-weight:900;padding:1px 4px;border-radius:4px;letter-spacing:.05em;white-space:nowrap;border:1px solid #ffffff;box-shadow:0 2px 4px #0000004d;z-index:3}.national-leaflet-popup .leaflet-popup-content-wrapper{background:var(--surface);color:var(--text-main);border-radius:12px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);padding:0;overflow:hidden}.national-leaflet-popup .leaflet-popup-content{margin:12px 14px;line-height:1.4}.national-map-popup .popup-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.popup-province{font-size:.68rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.popup-status{font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px}.popup-status.status-siaga{background:#f59e0b26;color:#d97706}.popup-status.status-tanggap-darurat{background:#f9731626;color:#ea580c}.popup-status.status-butuh-dukungan-pusat{background:#ef444426;color:#dc2626}.popup-title{margin:4px 0 2px;font-size:.95rem;font-weight:700;color:var(--text-main)}.popup-disaster{font-size:.74rem;color:var(--brand-green-primary);font-weight:600;margin:0 0 8px}.popup-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--surface-hover);padding:6px;border-radius:6px;text-align:center}.popup-kpi-grid strong{display:block;font-size:.85rem;color:var(--text-main)}.popup-kpi-grid span{font-size:.62rem;color:var(--text-muted)}.popup-escalate-alert{margin-top:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#dc2626;font-size:.68rem;font-weight:700;padding:4px 6px;border-radius:4px;text-align:center}.popup-action-hint{font-size:.65rem;color:var(--text-muted);text-align:center;margin-top:6px}@media (max-width: 768px){.national-map-viewport-wrapper,.national-leaflet-map-canvas,.national-leaflet-map-canvas .leaflet-container{height:clamp(340px,48vh,420px);min-height:340px}.national-map-header{padding:10px 14px;gap:8px}.map-header-controls{width:100%;justify-content:space-between}.map-floating-quick-bar{left:8px;right:8px;bottom:8px;padding:6px 10px;font-size:.72rem}}.national-priority-section{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.priority-section-titlebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.titlebar-left{display:flex;align-items:center;gap:.85rem}.priority-title-beacon{width:42px;height:42px;border-radius:12px;background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.priority-main-title{margin:0;font-size:1.25rem;font-weight:750;color:var(--text-main);letter-spacing:-.015em}.priority-main-sub{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.priority-province-filter{display:flex;align-items:center;gap:.4rem;overflow-x:auto;background:var(--surface);padding:4px;border-radius:10px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.btn-prov-filter{background:transparent;border:none;color:var(--text-muted);padding:5px 12px;border-radius:6px;font-size:.74rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-prov-filter:hover{color:var(--text-main);background:var(--surface-hover)}.btn-prov-filter.active{background:#16a34a1f;color:var(--brand-green-primary);font-weight:750}.priority-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.priority-region-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm);transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-sizing:border-box;width:100%}.priority-region-card:hover{border-color:#16a34a59;transform:translateY(-2px);box-shadow:var(--shadow-md)}.priority-region-card.critical{border-left:4px solid #ef4444}.card-top-header{display:flex;align-items:center;justify-content:space-between}.card-rank-badge{display:flex;align-items:center;gap:6px}.rank-num{font-size:1.1rem;font-weight:900;color:#ef4444}.rank-label{font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--surface-hover);padding:2px 7px;border-radius:6px}.card-badges-group{display:flex;align-items:center;gap:6px}.badge-need-escalation{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3);font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:6px}.card-identity-box .region-title{margin:0;font-size:1.1rem;font-weight:750;color:var(--text-main)}.card-identity-box .region-province{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.disaster-tag-row{display:flex;align-items:center;gap:6px;margin-top:6px}.disaster-chip{display:inline-flex;align-items:center;gap:5px;background:#16a34a1f;color:var(--brand-green-primary);font-size:.74rem;font-weight:650;padding:3px 8px;border-radius:6px}.incident-counter-chip{font-size:.7rem;font-weight:700;color:var(--text-muted);background:var(--surface-hover);padding:3px 7px;border-radius:6px}.priority-reason-box{background:#ef44440d;border:1px dashed rgba(239,68,68,.25);border-radius:10px;padding:8px 12px}.reason-label{display:block;font-size:.7rem;font-weight:800;color:#dc2626;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.reason-text{margin:0;font-size:.78rem;line-height:1.45;color:var(--text-main)}.priority-metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--surface-hover);border:1px solid var(--border-subtle);padding:8px;border-radius:12px;width:100%;box-sizing:border-box}.rank-metric-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 10px;min-width:0;width:100%;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 2px #00000008}.metric-val{display:block;font-size:1.05rem;font-weight:850;color:var(--text-main);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.metric-lbl{display:block;font-size:.68rem;font-weight:600;color:var(--text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;letter-spacing:-.01em}.rank-metric-box.text-orange .metric-val{color:#ea580c}.rank-metric-box.text-red .metric-val{color:#dc2626}.priority-needs-dossier{display:flex;flex-direction:column;gap:4px}.needs-title{display:flex;align-items:center;gap:5px;font-size:.74rem;font-weight:750;color:var(--brand-green-primary)}.needs-content{margin:0;font-size:.78rem;color:var(--text-main);line-height:1.4;background:var(--surface-hover);border:1px solid var(--border-subtle);padding:6px 10px;border-radius:6px}.bpbd-response-status-bar{display:flex;align-items:flex-start;gap:8px;background:#10b98114;border:1px solid rgba(16,185,129,.25);padding:8px 10px;border-radius:8px}.bpbd-response-status-bar .shield-icon{color:#10b981;margin-top:2px;flex-shrink:0}.response-info{display:flex;flex-direction:column;gap:1px}.response-title{font-size:.68rem;font-weight:800;color:var(--brand-green-dark)}.response-val{font-size:.76rem;color:var(--text-main)}.priority-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}.btn-action-view-map{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);font-size:.78rem;font-weight:600;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;flex:1}.btn-action-view-map:hover{background:var(--border-subtle)}.btn-action-escalate-now{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;font-size:.78rem;font-weight:750;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ef444440;flex:1.3}.btn-action-escalate-now:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-action-manage-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#0ea5e91f;border:1px solid rgba(14,165,233,.35);color:#38bdf8;font-size:.78rem;font-weight:650;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;flex:1.2}.btn-action-manage-status:hover{background:#0ea5e938;border-color:#0ea5e999;transform:translateY(-1px)}.btn-action-monitor-only{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.75rem;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;flex:1.1}.btn-action-monitor-only:hover{color:var(--text-main);background:var(--border-subtle)}.modal-backdrop-priority{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-card-priority{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:20px;width:100%;max-width:620px;box-shadow:0 24px 55px #0f172a29,0 0 1px #00000026;overflow:hidden;animation:scaleUp .22s cubic-bezier(.16,1,.3,1);color:var(--text-main, #0f172a)}[data-theme=dark] .modal-card-priority{background:#0f172a;border-color:#38bdf840;box-shadow:0 24px 50px #000000b3,0 0 35px #0ea5e926;color:#f8fafc}.modal-header-priority{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--surface-hover, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0)}[data-theme=dark] .modal-header-priority{background:#0f172af2;border-bottom-color:#ffffff14}.modal-title-wrap{display:flex;align-items:center;gap:12px}.modal-icon-settings{color:#0284c7}[data-theme=dark] .modal-icon-settings{color:#38bdf8}.modal-title-text{font-size:1.1rem;font-weight:750;color:var(--text-main, #0f172a);margin:0}[data-theme=dark] .modal-title-text{color:#f8fafc}.modal-subtitle-text{font-size:.78rem;color:var(--text-muted, #64748b);display:block;margin-top:2px}[data-theme=dark] .modal-subtitle-text{color:#94a3b8}.btn-close-modal{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}[data-theme=dark] .btn-close-modal{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}.btn-close-modal:hover{background:#ef44441f;color:#ef4444;border-color:#ef44444d}.modal-body-priority{padding:22px 24px;display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto;background:var(--surface, #ffffff)}[data-theme=dark] .modal-body-priority{background:#0f172a}.form-group-priority{display:flex;flex-direction:column;gap:6px}.priority-form-label{font-size:.76rem;font-weight:700;color:var(--text-muted, #475569);text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .priority-form-label{color:#cbd5e1}.priority-select-field,.priority-input-field,.priority-textarea-field{background:var(--surface-hover, #f8fafc);border:1px solid var(--border-subtle, #cbd5e1);color:var(--text-main, #0f172a);border-radius:10px;padding:10px 14px;font-size:.88rem;font-family:inherit;transition:all .2s}[data-theme=dark] .priority-select-field,[data-theme=dark] .priority-input-field,[data-theme=dark] .priority-textarea-field{background:#1e293bb3;border-color:#ffffff1f;color:#f8fafc}.priority-select-field:focus,.priority-input-field:focus,.priority-textarea-field:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c72e;background:var(--surface, #ffffff)}[data-theme=dark] .priority-select-field:focus,[data-theme=dark] .priority-input-field:focus,[data-theme=dark] .priority-textarea-field:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833;background:#1e293bf2}.form-grid-2-priority{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox-group{background:#ef44440f;border:1px solid rgba(239,68,68,.22);border-radius:12px;padding:12px 14px}[data-theme=dark] .checkbox-group{background:#ef44441a;border-color:#ef44444d}.checkbox-container-priority{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container-priority input{display:none}.checkbox-custom{width:18px;height:18px;border-radius:5px;border:2px solid var(--border-subtle, #cbd5e1);background:var(--surface, #ffffff);margin-top:2px;flex-shrink:0;transition:all .2s}[data-theme=dark] .checkbox-custom{border-color:#ffffff4d;background:#0f172a99}.checkbox-container-priority input:checked+.checkbox-custom{background:#ef4444;border-color:#ef4444;box-shadow:0 0 8px #ef444466}.checkbox-text strong{display:block;font-size:.86rem;color:var(--text-main, #0f172a);margin-bottom:2px}[data-theme=dark] .checkbox-text strong{color:#f8fafc}.checkbox-text small{font-size:.75rem;color:var(--text-muted, #64748b);line-height:1.35;display:block}[data-theme=dark] .checkbox-text small{color:#94a3b8}.modal-footer-priority{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--border-subtle, #e2e8f0);flex-wrap:wrap}[data-theme=dark] .modal-footer-priority{border-top-color:#ffffff14}.footer-right-buttons{display:flex;align-items:center;gap:10px}.btn-resolve-priority{display:inline-flex;align-items:center;gap:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.35);color:#15803d;font-size:.8rem;font-weight:700;padding:9px 14px;border-radius:9px;cursor:pointer;transition:all .2s}[data-theme=dark] .btn-resolve-priority{background:#10b98126;color:#34d399}.btn-resolve-priority:hover{background:#10b98138;border-color:#16a34a}.btn-cancel-priority{background:var(--surface-hover, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:.82rem;font-weight:600;padding:9px 16px;border-radius:9px;cursor:pointer;transition:all .2s}[data-theme=dark] .btn-cancel-priority{background:transparent;border-color:#ffffff1f;color:#94a3b8}.btn-cancel-priority:hover{color:var(--text-main, #0f172a);background:var(--border-subtle, #e2e8f0)}[data-theme=dark] .btn-cancel-priority:hover{color:#f8fafc;background:#ffffff14}.btn-save-priority{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;color:#fff;font-size:.84rem;font-weight:750;padding:9px 18px;border-radius:9px;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #0284c740}.btn-save-priority:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.national-support-queue-section{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.support-queue-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.queue-header-left{display:flex;align-items:center;gap:.85rem}.queue-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 14px #16a34a59;display:flex;align-items:center;justify-content:center;flex-shrink:0}.queue-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase;margin-bottom:2px}.queue-title{margin:0;font-size:1.25rem;font-weight:750;color:var(--text-main);letter-spacing:-.015em}.queue-sub{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.queue-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-create-request-header{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;font-size:.78rem;font-weight:750;padding:7px 15px;border-radius:9999px;cursor:pointer;box-shadow:0 4px 14px #0284c759;transition:all .2s}.btn-create-request-header:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.queue-pending-beacon-pill{display:inline-flex;align-items:center;gap:7px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:9999px}.pending-beacon-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulseBeacon 1.4s infinite}.queue-filter-bar{display:flex;flex-direction:column;gap:.6rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow-sm)}.filter-group{display:flex;align-items:center;gap:.45rem;overflow-x:auto}.filter-label{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:750;color:var(--text-muted);white-space:nowrap;min-width:60px}.btn-filter-pill{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);padding:4px 12px;border-radius:8px;font-size:.74rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-filter-pill:hover{background:var(--border-subtle);color:var(--text-main)}.btn-filter-pill.active{background:#16a34a1f;border-color:#16a34a4d;color:var(--brand-green-primary);font-weight:750}.queue-cards-feed{display:flex;flex-direction:column;gap:1rem}.queue-empty-box{background:var(--surface);border:1px dashed var(--border-subtle);border-radius:16px;padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.queue-empty-box h4{margin:0;font-size:1rem;color:var(--text-main)}.queue-empty-box p{margin:0;font-size:.8rem;color:var(--text-muted);max-width:420px}.queue-empty-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.btn-create-request-empty{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #0284c74d;transition:all .2s}.btn-create-request-empty:hover{background:linear-gradient(135deg,#0369a1,#075985)}.approval-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 640px){.approval-form-row-2{grid-template-columns:1fr}}.support-request-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:var(--shadow-sm);transition:all .2s}.support-request-card:hover{border-color:#16a34a59;box-shadow:var(--shadow-md)}.support-request-card.pending-highlight{border-left:4px solid #ef4444}.req-card-top{display:flex;align-items:center;justify-content:space-between}.req-id-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.req-id-badge{font-size:.8rem;font-weight:800;color:var(--brand-green-primary);font-family:monospace}.req-cat-pill{display:inline-flex;align-items:center;gap:4px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px}.req-urgency-pill{font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.03em}.req-urgency-pill.urgency-kritis{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.req-urgency-pill.urgency-tinggi{background:#f9731626;color:#ea580c;border:1px solid rgba(249,115,22,.3)}.req-status-pill{font-size:.74rem;font-weight:750;padding:3px 10px;border-radius:9999px}.req-status-pill.status-menunggu-persetujuan{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.35)}.req-status-pill.status-disetujui-dalam-pengiriman{background:#16a34a1f;color:var(--brand-green-primary);border:1px solid rgba(22,163,74,.3)}.req-status-pill.status-tiba-di-posko{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.35)}.req-origin-info .req-origin-region{margin:0;font-size:1.05rem;font-weight:750;color:var(--text-main)}.req-origin-info .req-applicant{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.req-origin-info .req-applicant strong{color:var(--text-main)}.req-detail-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-left:3px solid var(--brand-green-primary);border-radius:8px;padding:8px 12px}.detail-box-title{display:block;font-size:.72rem;font-weight:800;color:var(--brand-green-primary);margin-bottom:2px}.detail-box-content{margin:0;font-size:.84rem;color:var(--text-main);line-height:1.4;font-weight:600}.req-reason-box{background:var(--surface-hover);border-radius:8px;padding:8px 10px}.reason-kicker{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);margin-bottom:2px}.reason-content{margin:0;font-size:.78rem;color:var(--text-main);line-height:1.4}.req-disposition-trail{display:flex;align-items:center;gap:8px;background:#10b98114;border:1px solid rgba(16,185,129,.25);padding:7px 10px;border-radius:8px;font-size:.76rem;color:var(--text-main)}.req-disposition-trail strong{color:var(--brand-green-dark);margin-right:4px}.req-card-actions{display:flex;align-items:center;justify-content:flex-end;padding-top:4px}.btn-approve-request{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:8px 18px;border-radius:10px;font-size:.84rem;font-weight:750;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #16a34a59}.btn-approve-request:hover{background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-1px)}.btn-track-dispatch{display:inline-flex;align-items:center;gap:6px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);padding:7px 14px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-track-dispatch:hover{background:var(--border-subtle)}.queue-region-active-filter-banner{display:flex;align-items:center;justify-content:space-between;background:#16a34a14;border:1px solid rgba(22,163,74,.28);border-radius:12px;padding:10px 16px;gap:12px}.filter-banner-text{display:flex;align-items:center;gap:8px;color:var(--brand-green-dark, #065f46);font-size:.82rem}.btn-clear-region-filter{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);padding:5px 12px;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s}.btn-clear-region-filter:hover{background:var(--surface-hover);color:var(--text-main);border-color:#ef44444d}.btn-reset-filter-action{margin-top:10px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--brand-green-primary);padding:6px 14px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer}.approval-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.approval-modal-card{width:100%;max-width:660px;max-height:90vh;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.approval-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border-subtle)}.approval-header-left{display:flex;align-items:flex-start;gap:.85rem}.approval-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #16a34a59}.approval-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase}.approval-modal-title{margin:2px 0 0;font-size:1.15rem;font-weight:750;color:var(--text-main)}.approval-modal-subtitle{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.approval-btn-close{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.approval-btn-close:hover{background:var(--surface-hover);color:var(--text-main)}.approval-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.approval-summary-card{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;flex-direction:column;gap:2px}.sum-label{font-size:.7rem;font-weight:750;color:var(--text-muted);text-transform:uppercase}.sum-val{font-size:.82rem;color:var(--text-main)}.sum-detail-text,.sum-reason-text{margin:0;font-size:.78rem;color:var(--text-main);line-height:1.4}.approval-form-group{display:flex;flex-direction:column;gap:4px}.approval-label{font-size:.78rem;font-weight:750;color:var(--text-main)}.approval-input{width:100%;padding:7px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-family:inherit}.approval-textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-family:inherit;resize:vertical}.approval-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border-subtle)}.btn-approval-cancel{padding:8px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8rem;font-weight:650;cursor:pointer}.btn-approval-confirm{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;font-size:.8rem;font-weight:750;cursor:pointer;box-shadow:0 4px 14px #16a34a59}.btn-approval-confirm:hover{background:linear-gradient(135deg,#15803d,#166534)}.national-distribution-section{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.distribution-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.dist-header-left{display:flex;align-items:center;gap:.85rem}.dist-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 14px #16a34a59;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dist-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase;margin-bottom:2px}.dist-title{margin:0;font-size:1.25rem;font-weight:750;color:var(--text-main);letter-spacing:-.015em}.dist-sub{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.dist-counter-badge{display:inline-flex;align-items:center;gap:7px;background:#16a34a1f;border:1px solid rgba(22,163,74,.3);color:var(--brand-green-primary);font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:9999px}.dist-beacon-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseBeacon 1.5s infinite}.distribution-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.25rem}.distribution-tracking-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm);transition:all .2s}.distribution-tracking-card:hover{border-color:#16a34a59;box-shadow:var(--shadow-md)}.distribution-tracking-card.arrived{border-color:#10b98140;background:#10b9810a}.dist-card-top{display:flex;align-items:center;justify-content:space-between}.dist-manifest-group{display:flex;align-items:center;gap:6px}.manifest-id{font-size:.8rem;font-weight:800;color:var(--brand-green-primary);font-family:monospace}.manifest-code{font-size:.7rem;color:var(--text-muted);font-family:monospace}.dist-status-pill{font-size:.74rem;font-weight:750;padding:3px 10px;border-radius:9999px}.dist-status-pill.status-in-transit{background:#16a34a1f;color:var(--brand-green-primary);border:1px solid rgba(22,163,74,.3)}.dist-status-pill.status-arrived{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.35)}.cargo-title{margin:0;font-size:1.05rem;font-weight:750;color:var(--text-main)}.transport-mode-row{display:flex;align-items:center;gap:8px;margin-top:6px}.mode-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px}.eta-chip{display:inline-flex;align-items:center;gap:4px;background:#f59e0b1f;color:#d97706;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px}.dist-route-stepper{display:flex;align-items:center;justify-content:space-between;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;gap:8px}.route-point{display:flex;align-items:flex-start;gap:8px;flex:1}.point-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.point-dot.origin{background:#3b82f6;box-shadow:0 0 6px #3b82f6}.point-dot.dest{background:#16a34a;box-shadow:0 0 6px #16a34a}.point-details{display:flex;flex-direction:column}.point-type{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.point-name{font-size:.78rem;color:var(--text-main);line-height:1.3}.route-arrow-connector{color:var(--text-muted);flex-shrink:0}.dist-progress-box{display:flex;flex-direction:column;gap:4px}.progress-labels-row{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:var(--text-muted)}.progress-labels-row strong{color:var(--text-main)}.dist-progress-bar{height:7px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;transition:width .4s ease}.progress-fill.fill-blue{background:linear-gradient(90deg,#16a34a,#22c55e)}.progress-fill.fill-green{background:linear-gradient(90deg,#10b981,#34d399)}.dist-meta-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;font-size:.74rem;color:var(--text-muted)}.dist-pic-info{display:flex;align-items:center;gap:5px}.btn-mark-arrived{display:inline-flex;align-items:center;gap:5px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#059669;font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-mark-arrived:hover{background:#10b981;color:#fff}.dist-arrived-notes-box{display:flex;align-items:center;gap:6px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:6px 10px;font-size:.72rem;color:#065f46}.arrived-check-badge{display:inline-flex;align-items:center;gap:5px;color:#059669;font-size:.74rem;font-weight:700}.arrival-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.arrival-modal-card{width:100%;max-width:620px;max-height:90vh;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.arrival-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border-subtle)}.arrival-header-left{display:flex;align-items:flex-start;gap:.85rem}.arrival-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #10b98159}.arrival-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#059669;text-transform:uppercase}.arrival-modal-title{margin:2px 0 0;font-size:1.15rem;font-weight:750;color:var(--text-main)}.arrival-modal-subtitle{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.arrival-btn-close{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.arrival-btn-close:hover{background:var(--surface-hover);color:var(--text-main)}.arrival-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.arrival-summary-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.sum-item{display:flex;flex-direction:column;gap:2px}.arrival-form-group{display:flex;flex-direction:column;gap:4px}.arrival-label{font-size:.78rem;font-weight:750;color:var(--text-main)}.arrival-input{width:100%;padding:7px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-family:inherit}.arrival-textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-family:inherit;resize:vertical}.arrival-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border-subtle)}.btn-arrival-cancel{padding:8px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8rem;font-weight:650;cursor:pointer}.btn-arrival-confirm{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:.8rem;font-weight:750;cursor:pointer;box-shadow:0 4px 14px #10b98159}.btn-arrival-confirm:hover{background:linear-gradient(135deg,#059669,#047857)}.national-capacity-matrix-section{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.capacity-matrix-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.matrix-header-left{display:flex;align-items:center;gap:.85rem}.matrix-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 14px #16a34a59;display:flex;align-items:center;justify-content:center;flex-shrink:0}.matrix-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase;margin-bottom:2px}.matrix-title{margin:0;font-size:1.25rem;font-weight:750;color:var(--text-main);letter-spacing:-.015em}.matrix-sub{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.matrix-table-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;overflow:visible;box-shadow:var(--shadow-sm)}.table-responsive-wrapper{overflow-x:auto;border-radius:16px;-webkit-overflow-scrolling:touch}.capacity-table{width:100%;min-width:1100px;border-collapse:collapse;text-align:left;font-size:.82rem}.capacity-table thead{background:var(--surface-hover);border-bottom:1px solid var(--border-subtle)}.capacity-table th{padding:12px 16px;font-size:.74rem;font-weight:750;color:var(--text-muted);white-space:nowrap}.sortable-th{cursor:pointer;transition:color .2s}.sortable-th:hover{color:var(--text-main)}.th-content{display:inline-flex;align-items:center;gap:5px}.capacity-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s}.capacity-table tbody tr:hover{background:var(--surface-hover)}.capacity-table tbody tr.row-needs-escalation{background:#ef44440a;border-left:3px solid #ef4444}.capacity-table td{padding:12px 16px;vertical-align:middle;color:var(--text-main)}.cell-region-name strong{display:block;font-size:.9rem;color:var(--text-main)}.region-sub-prov{display:block;font-size:.72rem;color:var(--text-muted);margin-top:1px}.table-escalation-pill{display:inline-block;background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3);font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:4px;margin-top:4px}.status-coord-select{background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-size:.74rem;font-weight:700;padding:5px 8px;cursor:pointer;transition:all .2s}.status-coord-select.status-normal{color:#10b981;border-color:#10b98166}.status-coord-select.status-siaga{color:#d97706;border-color:#f59e0b66}.status-coord-select.status-tanggap-darurat{color:#ea580c;border-color:#f9731666}.status-coord-select.status-butuh-dukungan-pusat{color:#dc2626;border-color:#ef444466}.team-cell-box strong{display:block;font-size:.82rem;color:var(--text-main)}.team-deployed-sub{display:block;font-size:.68rem;color:var(--text-muted)}.stock-cell-box{min-width:110px}.stock-bar-header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;margin-bottom:3px}.stock-label{font-size:.65rem;color:var(--text-muted)}.stock-progress-track{height:5px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:999px;overflow:hidden}.stock-fill{height:100%;border-radius:999px}.stock-fill.stock-critical{background:#ef4444}.stock-fill.stock-warning{background:#f59e0b}.stock-fill.stock-safe{background:#10b981}.posko-cell-box{min-width:120px}.posko-header{font-size:.76rem;color:var(--text-muted)}.posko-header strong{color:var(--text-main)}.occupancy-tag{display:inline-block;font-size:.68rem;font-weight:700;color:var(--text-muted);margin-top:2px}.occupancy-tag.tag-full{color:#ea580c;font-weight:800}.cell-faskes .faskes-text{font-size:.75rem;color:var(--text-main);max-width:180px;display:block}.cell-hotline .hotline-link{display:inline-flex;align-items:center;gap:4px;color:var(--brand-green-primary);text-decoration:none;font-size:.74rem;font-weight:600;white-space:nowrap}.cell-hotline .hotline-link:hover{text-decoration:underline}.btn-subsidi-silang{background:#16a34a1f;border:1px solid rgba(22,163,74,.3);color:var(--brand-green-primary);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-subsidi-silang:hover{background:#16a34a;color:#fff}.capacity-mobile-cards-feed{display:none;flex-direction:column;gap:12px}.capacity-mobile-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.capacity-mobile-card.needs-escalation{border-color:#ef444459;background:#ef444408}.card-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-card-title{margin:0;font-size:.95rem;font-weight:750;color:var(--text-main)}.mobile-card-sub{font-size:.72rem;color:var(--text-muted)}.mobile-escalation-pill{font-size:.72rem;font-weight:700;color:#dc2626;background:#ef44441f;border:1px solid rgba(239,68,68,.25);padding:3px 8px;border-radius:6px;display:inline-flex}.mobile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px}.mobile-stat-item{display:flex;flex-direction:column;gap:2px}.stat-kicker{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.mobile-stat-item strong{font-size:.78rem;color:var(--text-main)}.mobile-stat-item span{font-size:.74rem;color:var(--text-main)}.mobile-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}.btn-mobile-hotline{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;color:var(--brand-green-primary);text-decoration:none;font-weight:650}.btn-mobile-support{display:inline-flex;align-items:center;gap:5px;background:#16a34a1f;border:1px solid rgba(22,163,74,.3);color:var(--brand-green-primary);padding:5px 12px;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer}.status-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.status-modal-card{width:100%;max-width:600px;max-height:90vh;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.status-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border-subtle)}.status-modal-header-left{display:flex;align-items:flex-start;gap:.85rem}.status-modal-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #16a34a59}.status-modal-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase}.status-modal-title{margin:2px 0 0;font-size:1.15rem;font-weight:750;color:var(--text-main)}.status-modal-subtitle{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.status-btn-close{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.status-btn-close:hover{background:var(--surface-hover);color:var(--text-main)}.status-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem}.status-transition-box{display:flex;align-items:center;justify-content:space-between;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 18px;gap:10px}.transition-step{display:flex;flex-direction:column;gap:4px}.trans-lbl{font-size:.7rem;font-weight:750;color:var(--text-muted);text-transform:uppercase}.trans-arrow{font-size:1.2rem;color:var(--text-muted);font-weight:700}.status-form-group{display:flex;flex-direction:column;gap:4px}.status-form-label{font-size:.78rem;font-weight:750;color:var(--text-main)}.status-textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-family:inherit;resize:vertical}.status-input{width:100%;padding:7px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-family:inherit}.status-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border-subtle)}.btn-status-cancel{padding:8px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8rem;font-weight:650;cursor:pointer}.btn-status-confirm{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;font-size:.8rem;font-weight:750;cursor:pointer;box-shadow:0 4px 14px #16a34a59}.btn-status-confirm:hover{background:linear-gradient(135deg,#15803d,#166534)}@media (max-width: 820px){.desktop-table-view{display:none}.capacity-mobile-cards-feed{display:flex}}.national-ews-section{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.ews-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.ews-header-left{display:flex;align-items:center;gap:.85rem}.ews-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 14px #dc262666;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ews-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#ef4444;text-transform:uppercase;margin-bottom:2px}.ews-title{margin:0;font-size:1.25rem;font-weight:750;color:var(--text-main);letter-spacing:-.015em}.ews-sub{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.ews-main-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.25rem}.ews-form-card,.ews-history-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.form-card-title,.history-card-title{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:750;color:var(--text-main);padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.form-group{display:flex;flex-direction:column;gap:6px}.group-label-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.group-label-row label,.form-group label{font-size:.78rem;font-weight:700;color:var(--text-main)}.ews-quick-select-actions{display:flex;align-items:center;gap:6px}.btn-select-criticals{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#dc2626;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s}.btn-select-criticals:hover{background:#dc2626;color:#fff}.btn-clear-selection{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer}.btn-clear-selection:hover{background:var(--border-subtle);color:var(--text-main)}.region-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:150px;overflow-y:auto;background:var(--surface-hover);padding:8px;border-radius:8px;border:1px solid var(--border-subtle)}.region-check-label{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--text-muted);cursor:pointer;padding:6px 8px;border-radius:6px;background:var(--surface);border:1px solid var(--border-subtle);transition:all .15s}.region-check-label:hover{border-color:#16a34a66}.region-check-label.checked{color:var(--text-main);background:#16a34a14;border-color:#16a34a66;font-weight:600}.region-check-text{display:flex;flex-direction:column;line-height:1.25;min-width:0;overflow:hidden}.region-check-text .reg-name{font-size:.76rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-check-text .reg-prov{font-size:.68rem;color:var(--text-muted)}.reg-badge-warn{margin-left:auto;font-size:.6rem;font-weight:800;color:#dc2626;background:#ef444426;padding:1px 5px;border-radius:4px}.ews-recipient-summary-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;margin-top:4px}.recipient-summary-header{display:flex;align-items:center;justify-content:space-between;font-size:.74rem}.summary-title{display:inline-flex;align-items:center;gap:5px;font-weight:750;color:var(--brand-green-primary)}.summary-reach{color:var(--text-muted)}.summary-reach strong{color:var(--text-main)}.recipient-chips-list{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.recipient-chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;color:var(--text-main)}.ews-no-recipient-notice{display:flex;align-items:center;gap:6px;background:#f59e0b1a;border:1px dashed rgba(245,158,11,.3);color:#b45309;font-size:.74rem;padding:8px 12px;border-radius:8px;margin-top:4px}.form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-group select,.form-group textarea{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;color:var(--text-main);font-size:.8rem;font-family:inherit}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ef4444}.btn-broadcast-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:.85rem;font-weight:750;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #dc262659;margin-top:4px}.btn-broadcast-submit:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px)}.btn-broadcast-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.history-items-list{display:flex;flex-direction:column;gap:.85rem;max-height:480px;overflow-y:auto}.history-item{background:var(--surface-hover);border:1px solid var(--border-subtle);border-left:3px solid #ef4444;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.hist-top{display:flex;align-items:center;justify-content:space-between}.hist-level-badge{background:#ef444426;color:#dc2626;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px}.hist-time{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--text-muted)}.hist-jenis{margin:0;font-size:.84rem;font-weight:750;color:var(--text-main)}.hist-pesan{margin:0;font-size:.74rem;color:var(--text-muted);line-height:1.4;font-style:italic}.hist-targets{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--brand-green-primary);margin-top:2px}.hist-meta-bot{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--text-muted);margin-top:4px;border-top:1px solid var(--border-subtle);padding-top:4px}.hist-reach{display:inline-flex;align-items:center;gap:4px;color:var(--brand-green-dark);font-weight:600}.ews-confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem}.ews-confirm-modal-card{width:100%;max-width:580px;background:var(--surface);border:1px solid rgba(239,68,68,.35);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.confirm-modal-header{display:flex;align-items:center;gap:12px;padding:1.25rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border-subtle)}.confirm-icon-box{width:44px;height:44px;border-radius:12px;background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-eyebrow{display:block;font-size:.68rem;font-weight:800;color:#dc2626;letter-spacing:.08em;text-transform:uppercase}.confirm-title{margin:0;font-size:1.15rem;font-weight:750;color:var(--text-main)}.confirm-btn-close{margin-left:auto;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.confirm-modal-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.confirm-alert-banner{display:flex;align-items:flex-start;gap:8px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:8px 12px;font-size:.78rem;color:#dc2626}.confirm-details-list{display:flex;flex-direction:column;gap:8px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:12px}.confirm-detail-row{display:flex;align-items:flex-start;gap:10px;font-size:.8rem}.detail-label{min-width:110px;color:var(--text-muted);font-weight:600}.detail-val{color:var(--text-main);font-weight:700}.detail-val.text-red{color:#dc2626}.detail-val-regions{display:flex;flex-wrap:wrap;gap:4px}.badge-region-target{background:var(--surface);border:1px solid var(--border-subtle);padding:2px 7px;border-radius:6px;font-size:.72rem;font-weight:600;color:var(--text-main)}.detail-message-box{background:var(--surface);border:1px solid var(--border-subtle);padding:6px 10px;border-radius:6px;font-size:.78rem;color:var(--text-main);line-height:1.4;font-style:italic;max-height:100px;overflow-y:auto}.confirm-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border-subtle)}.btn-confirm-cancel{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer}.btn-confirm-cancel:hover{background:var(--border-subtle);color:var(--text-main)}.btn-confirm-broadcast{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:.82rem;font-weight:750;cursor:pointer;box-shadow:0 4px 12px #dc26264d}.btn-confirm-broadcast:hover{background:#dc2626}@media (max-width: 840px){.ews-main-grid{grid-template-columns:1fr}}.national-family-section{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.family-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.family-header-left{display:flex;align-items:center;gap:.85rem}.family-icon-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 14px #16a34a59;display:flex;align-items:center;justify-content:center;flex-shrink:0}.family-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase;margin-bottom:2px}.family-title{margin:0;font-size:1.25rem;font-weight:750;color:var(--text-main);letter-spacing:-.015em}.family-sub{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.family-macro-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.macro-kpi-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:3px;box-shadow:var(--shadow-sm)}.macro-kpi-num{font-size:1.55rem;font-weight:850;color:var(--text-main);letter-spacing:-.02em}.macro-kpi-label{font-size:.78rem;font-weight:700;color:var(--text-main)}.macro-kpi-hint{font-size:.68rem;color:var(--text-muted)}.macro-kpi-card.highlight-green .macro-kpi-num{color:#10b981}.macro-kpi-card.highlight-blue .macro-kpi-num{color:var(--brand-green-primary)}.macro-kpi-card.highlight-amber .macro-kpi-num{color:#d97706}.family-strategic-notice{display:flex;align-items:flex-start;gap:10px;background:#16a34a14;border:1px solid rgba(22,163,74,.25);border-left:3px solid var(--brand-green-primary);border-radius:12px;padding:12px 16px}.notice-icon{color:var(--brand-green-primary);margin-top:2px;flex-shrink:0}.notice-content strong{display:block;font-size:.82rem;color:var(--brand-green-dark);margin-bottom:2px}.notice-content p{margin:0;font-size:.78rem;color:var(--text-main);line-height:1.45}.inter-region-cases-wrapper{display:flex;flex-direction:column;gap:.85rem}.cases-header-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.cases-section-title{margin:0;font-size:.95rem;font-weight:750;color:var(--text-main)}.cases-instruction-hint{font-size:.76rem;color:var(--text-muted);font-style:italic}.cases-cards-feed{display:flex;flex-direction:column;gap:1rem}.inter-case-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1.15rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:var(--shadow-sm);transition:all .2s}.inter-case-card:hover{border-color:#16a34a59;box-shadow:var(--shadow-md)}.inter-case-card.case-resolved{border-color:#10b9814d;background:#10b98108}.case-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.case-identifiers-cluster{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.case-id{font-size:.78rem;font-weight:800;color:var(--brand-green-primary);font-family:monospace}.case-link-pill{font-size:.7rem;padding:2px 8px;border-radius:6px;font-weight:600}.case-link-pill.pill-citizen{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.25)}.case-link-pill.pill-shelter{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25)}.case-status-pill{font-size:.72rem;font-weight:750;padding:3px 10px;border-radius:9999px}.case-status-pill.pill-pending{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.case-status-pill.pill-resolved{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.case-person-name{margin:0;font-size:1.05rem;font-weight:750;color:var(--text-main)}.case-desc{margin:4px 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.45}.case-shelters-dual-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 16px}.shelter-col{display:flex;flex-direction:column;gap:4px}.shelter-col-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.dot-shelter{width:8px;height:8px;border-radius:50%}.origin-dot{background:#3b82f6}.dest-dot{background:#10b981}.shelter-kicker{font-size:.68rem;font-weight:800;letter-spacing:.05em;color:var(--text-muted)}.shelter-title{font-size:.84rem;color:var(--text-main);line-height:1.3}.shelter-geo{font-size:.74rem;color:var(--text-muted)}.shelter-contacts-sub{display:flex;flex-direction:column;gap:3px;font-size:.74rem;color:var(--text-main);margin-top:6px;padding-top:6px;border-top:1px dashed var(--border-subtle)}.pic-line{display:flex;align-items:center;gap:5px;color:var(--brand-green-primary);font-size:.73rem}.contact-small,.notes-small{font-size:.72rem;color:var(--text-muted)}.shelter-bridge-divider{display:flex;align-items:center;justify-content:center;position:relative;padding:0 4px}.bridge-icon{width:28px;height:28px;border-radius:50%;background:var(--surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:var(--shadow-sm)}.case-evidence-tags-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.74rem}.evidence-label{font-weight:700;color:var(--text-muted)}.evidence-tag{display:inline-flex;align-items:center;gap:4px;background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25);padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:600}.case-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;font-size:.76rem;color:var(--text-muted);border-top:1px solid var(--border-subtle)}.case-contact-officer strong{color:var(--text-main)}.btn-reconcile-case{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #16a34a4d}.btn-reconcile-case:hover{background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-1px)}.btn-reconcile-case.btn-resolved-state{background:var(--surface-hover);color:#059669;border:1px solid rgba(16,185,129,.3);box-shadow:none}.btn-reconcile-case.btn-resolved-state:hover{background:#10b9811f}.reconciliation-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.reconciliation-modal-card{width:100%;max-width:720px;max-height:90vh;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.recon-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border-subtle)}.recon-header-left{display:flex;align-items:flex-start;gap:.85rem}.recon-badge-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #16a34a59}.recon-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase}.recon-modal-title{margin:2px 0 0;font-size:1.15rem;font-weight:750;color:var(--text-main)}.recon-modal-subtitle{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.recon-btn-close{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.recon-btn-close:hover{background:var(--surface-hover);color:var(--text-main)}.recon-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem}.recon-cross-link-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 16px}.cross-box{display:flex;flex-direction:column;gap:2px}.cross-kicker{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.cross-box strong{font-size:.82rem;color:var(--text-main)}.cross-detail{font-size:.72rem;color:var(--text-muted)}.cross-contact{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--brand-green-primary);font-weight:600;margin-top:4px}.cross-arrow{color:var(--text-muted)}.tahapan-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px}.btn-tahap-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;text-align:left;transition:all .15s}.btn-tahap-card:hover{border-color:#16a34a66;background:var(--surface-hover)}.btn-tahap-card.active{border-color:var(--brand-green-primary);background:#16a34a14;box-shadow:0 0 0 1px var(--brand-green-primary)}.tahap-num-circle{width:22px;height:22px;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-tahap-card.active .tahap-num-circle{background:var(--brand-green-primary);color:#fff;border-color:transparent}.tahap-text strong{display:block;font-size:.78rem;color:var(--text-main);line-height:1.25}.tahap-text p{margin:3px 0 0;font-size:.7rem;color:var(--text-muted);line-height:1.35}.evidence-checkboxes-grid{display:flex;flex-direction:column;gap:6px;margin-top:6px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 14px}.evidence-checkbox-item{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none}.evidence-checkbox-item input{accent-color:var(--brand-green-primary);cursor:pointer}.recon-form-group{display:flex;flex-direction:column;gap:4px}.recon-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:750;color:var(--text-main)}.recon-textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-family:inherit;resize:vertical}.recon-input{width:100%;padding:7px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-main);font-size:.8rem;font-family:inherit}.recon-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border-subtle)}.btn-recon-cancel{padding:8px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8rem;font-weight:650;cursor:pointer}.btn-recon-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;font-size:.8rem;font-weight:750;cursor:pointer;box-shadow:0 4px 14px #16a34a59}.btn-recon-submit:hover{background:linear-gradient(135deg,#15803d,#166534)}@media (max-width: 768px){.family-macro-kpi-grid{grid-template-columns:repeat(2,1fr)}.case-shelters-dual-grid,.recon-cross-link-card{grid-template-columns:1fr;gap:8px}.shelter-bridge-divider,.cross-arrow{display:none}.tahapan-selector-grid{grid-template-columns:1fr}}.btn-refresh-family-data{display:inline-flex;align-items:center;gap:6px;background:var(--surface-card, var(--surface));border:1px solid var(--border-subtle);border-radius:9px;padding:7px 13px;font-size:.78rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:all .15s}.btn-refresh-family-data:hover{background:var(--surface-hover);border-color:var(--border-color)}.btn-refresh-family-data .spinning{animation:spin 1s linear infinite}.family-subtabs-toolbar{display:flex;flex-direction:column;gap:.85rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:.85rem 1rem;box-shadow:var(--shadow-sm)}.family-subtabs-group{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:2px}.family-subtab-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:700;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s}.family-subtab-btn:hover{background:var(--surface-hover);color:var(--text-main)}.family-subtab-btn.active{background:#16a34a1a;border-color:#16a34a59;color:#16a34a}.family-subtab-count{font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:12px}.family-subtab-count.badge-amber{background:#d9770626;color:#d97706}.family-subtab-count.badge-blue{background:#0284c726;color:#0284c7}.family-subtab-count.badge-emerald{background:#10b98126;color:#10b981}.family-subtab-count.badge-purple{background:#9333ea26;color:#9333ea}.family-filter-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:.65rem;border-top:1px dashed var(--border-subtle)}.family-search-input-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:240px}.search-icon-muted{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.family-search-input{width:100%;box-sizing:border-box;background:var(--surface-card, var(--surface));border:1px solid var(--border-subtle);border-radius:9px;padding:7px 30px 7px 32px;font-size:.8rem;color:var(--text-main);transition:all .15s}.family-search-input:focus{outline:none;border-color:var(--brand-green-primary);box-shadow:0 0 0 2px #16a34a26}.btn-clear-search{position:absolute;right:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:0 4px}.family-region-chips{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.family-region-chip{background:transparent;border:1px solid var(--border-subtle);border-radius:8px;padding:4px 10px;font-size:.74rem;font-weight:650;color:var(--text-muted);cursor:pointer;transition:all .15s}.family-region-chip:hover{background:var(--surface-hover);color:var(--text-main)}.family-region-chip.active{background:var(--brand-green-primary);border-color:var(--brand-green-primary);color:#fff}.family-data-table-section{display:flex;flex-direction:column;gap:.85rem}.family-table-container{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;overflow-x:auto;box-shadow:var(--shadow-sm)}.family-data-table{width:100%;border-collapse:collapse;font-size:.82rem;text-align:left}.family-data-table th{background:var(--surface-hover);color:var(--text-muted);font-size:.74rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;padding:11px 14px;border-bottom:1px solid var(--border-subtle)}.family-data-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.family-data-table tr:last-child td{border-bottom:none}.family-data-table tr:hover td{background:#00000004}.family-id-chip{display:inline-block;font-family:monospace;font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--surface-hover);padding:2px 6px;border-radius:5px}.family-date-small{display:block;font-size:.68rem;color:var(--text-muted);margin-top:2px}.family-person-cell{display:flex;align-items:center;gap:10px}.family-avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;flex-shrink:0}.family-avatar-circle.circle-teal{background:linear-gradient(135deg,#0d9488,#0f766e)}.family-avatar-circle.circle-purple{background:linear-gradient(135deg,#9333ea,#7e22ce)}.family-person-title{display:block;font-size:.86rem;font-weight:750;color:var(--text-main)}.family-meta-text{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted)}.family-location-cell{display:flex;flex-direction:column;gap:2px}.geo-strong{font-size:.8rem;font-weight:700;color:var(--text-main)}.geo-sub{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted)}.clothing-hint{font-size:.7rem;color:var(--text-muted);font-style:italic}.family-wilayah-pill{display:inline-block;font-size:.72rem;font-weight:700;color:#0284c7;background:#0284c71a;border:1px solid rgba(2,132,199,.25);border-radius:6px;padding:2px 8px}.family-reporter-sub{display:block;font-size:.7rem;color:var(--text-muted);margin-top:3px}.family-status-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px}.family-status-badge.status-confirmed{background:#10b9811f;color:#10b981}.family-status-badge.status-candidate{background:#f59e0b1f;color:#d97706}.family-status-badge.status-pending{background:var(--surface-hover);color:var(--text-muted)}.family-actions-cell{display:flex;align-items:center;gap:6px}.btn-action-escalate{display:inline-flex;align-items:center;gap:5px;background:#d977061a;border:1px solid rgba(217,119,6,.35);color:#d97706;border-radius:7px;padding:6px 11px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s}.btn-action-escalate:hover{background:#d97706;color:#fff}.family-shelter-cell{display:flex;align-items:center;gap:8px}.shelter-name-text{display:block;font-size:.82rem;font-weight:750;color:var(--text-main)}.shelter-region-text{display:block;font-size:.7rem;color:var(--text-muted)}.family-notes-cell{display:flex;flex-direction:column;gap:3px;font-size:.74rem;color:var(--text-main)}.notes-pill{font-size:.7rem;color:var(--text-muted);background:var(--surface-hover);padding:2px 6px;border-radius:4px}.family-verify-pill{display:inline-block;font-size:.72rem;font-weight:750;padding:3px 8px;border-radius:6px}.family-verify-pill.verified{background:#10b9811f;color:#10b981}.family-verify-pill.unverified,.family-verify-pill.pending{background:#f59e0b1f;color:#d97706}.family-relationship-badge{display:inline-block;font-size:.72rem;font-weight:700;background:#9333ea1a;color:#9333ea;padding:2px 8px;border-radius:6px}.national-bpbd-admin-section{display:flex;flex-direction:column;gap:1.5rem;width:100%}.admin-header-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;padding:1.5rem 1.75rem;box-shadow:var(--shadow-sm);gap:1.5rem;flex-wrap:wrap}.admin-header-left{display:flex;align-items:flex-start;gap:1.2rem;max-width:800px}.admin-header-badge{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #10b9814d}.admin-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase}.admin-title{font-size:1.4rem;font-weight:800;color:var(--text-main);margin:3px 0 6px;letter-spacing:-.02em}.admin-subtitle{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0}.btn-admin-add-account{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:10px 18px;font-size:.86rem;font-weight:750;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98140;white-space:nowrap}.btn-admin-add-account:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98159;filter:brightness(1.05)}.admin-kpi-ribbon{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.admin-kpi-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1.1rem 1.25rem;display:flex;align-items:center;gap:.9rem;box-shadow:var(--shadow-sm);transition:all .2s}.admin-kpi-card.clickable{cursor:pointer}.admin-kpi-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-green-primary)}.admin-kpi-card.active-filter{border-color:var(--brand-green-primary);background:#10b9810f;box-shadow:0 0 0 2px #10b98133}.admin-kpi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-kpi-icon.blue{background:#0ea5e924;color:#0284c7}.admin-kpi-icon.green{background:#10b98124;color:#10b981}.admin-kpi-icon.yellow{background:#f59e0b24;color:#d97706}.admin-kpi-icon.red{background:#ef444424;color:#ef4444}.admin-kpi-icon.gray{background:#64748b24;color:#64748b}.admin-kpi-content{display:flex;flex-direction:column}.admin-kpi-number{font-size:1.35rem;font-weight:850;color:var(--text-main);letter-spacing:-.02em;line-height:1.1}.admin-kpi-label{font-size:.76rem;font-weight:750;color:var(--text-main);margin-top:3px}.admin-kpi-sub{font-size:.68rem;color:var(--text-muted);margin-top:1px}.admin-policy-banner{display:flex;align-items:center;gap:12px;background:#0ea5e914;border:1px solid rgba(14,165,233,.25);border-radius:12px;padding:12px 18px;color:var(--text-main);font-size:.8rem;line-height:1.5}.policy-banner-icon{color:#0284c7;flex-shrink:0}.policy-banner-text strong{color:#0284c7}.admin-controls-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.admin-search-box{position:relative;flex:1;min-width:280px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.admin-search-input{width:100%;background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:10px 38px 10px 40px;font-size:.84rem;color:var(--text-main);transition:all .2s;box-shadow:var(--shadow-sm)}.admin-search-input:focus{outline:none;border-color:var(--brand-green-primary);box-shadow:0 0 0 3px #10b98126}.btn-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.admin-filters-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-pill-group{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:4px 6px;overflow-x:auto}.filter-group-label{font-size:.72rem;font-weight:750;color:var(--text-muted);margin:0 6px 0 4px}.admin-filter-pill{background:transparent;border:none;color:var(--text-muted);padding:6px 12px;border-radius:8px;font-size:.76rem;font-weight:650;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-filter-pill:hover{color:var(--text-main);background:var(--surface-hover)}.admin-filter-pill.active{background:#10b98126;color:var(--brand-green-primary);font-weight:800}.filter-select-group{display:flex;align-items:center;gap:8px}.filter-select-label{font-size:.76rem;font-weight:700;color:var(--text-muted)}.admin-select{background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 12px;font-size:.8rem;color:var(--text-main);cursor:pointer}.admin-table-container{background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem;text-align:left}.admin-table thead{background:var(--surface-hover);border-bottom:1px solid var(--border-subtle)}.admin-table th{padding:14px 16px;font-size:.72rem;font-weight:800;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.th-actions{text-align:right;padding-right:20px}.admin-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s}.admin-table tbody tr:hover{background:#10b98108}.admin-table td{padding:14px 16px;vertical-align:middle}.td-instansi-cell{display:flex;align-items:center;gap:12px}.instansi-avatar-badge{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instansi-avatar-badge.kabupaten{background:#10b98124;color:#10b981}.instansi-avatar-badge.kota{background:#0ea5e924;color:#0284c7}.instansi-avatar-badge.provinsi{background:#8b5cf624;color:#8b5cf6}.instansi-info{display:flex;flex-direction:column}.instansi-name{font-size:.88rem;font-weight:750;color:var(--text-main)}.instansi-sub{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;color:var(--text-muted);margin-top:2px}.instansi-code{font-size:.68rem;color:var(--text-muted);font-family:monospace;margin-top:1px}.td-pic-cell{display:flex;flex-direction:column}.pic-name-row{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-main)}.pic-role{font-size:.72rem;color:var(--brand-green-primary);font-weight:700;margin-top:2px}.pic-nip{font-size:.68rem;color:var(--text-muted);font-family:monospace}.td-contact-cell{display:flex;flex-direction:column;gap:3px}.contact-row{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-muted)}.contact-row.hotline{color:var(--text-main);font-weight:700}.contact-row.email{font-size:.72rem;font-family:monospace}.td-status-cell{display:flex;flex-direction:column;gap:4px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:9999px;font-size:.72rem;font-weight:800;width:fit-content}.status-aktif{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-pending{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.status-suspended{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-archived{background:#64748b26;color:#64748b;border:1px solid rgba(100,116,139,.3)}.session-count-indicator{font-size:.68rem;color:#10b981;font-weight:700}.suspend-duration-hint{font-size:.68rem;color:#ef4444;font-weight:650}.td-login-cell{display:flex;flex-direction:column}.login-time{font-size:.76rem;color:var(--text-main);font-weight:650}.login-ip{font-size:.68rem;color:var(--text-muted);font-family:monospace;margin-top:2px}.td-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.btn-action-sm{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;font-size:.74rem;font-weight:750;cursor:pointer;border:1px solid transparent;transition:all .15s;background:var(--surface-hover);color:var(--text-main)}.btn-action-sm:hover{transform:translateY(-1px)}.btn-action-sm.btn-detail{background:#0ea5e91f;color:#0284c7;border-color:#0ea5e940}.btn-action-sm.btn-detail:hover{background:#0ea5e933}.btn-action-sm.btn-verify{background:#10b98124;color:#10b981;border-color:#10b9814d}.btn-action-sm.btn-verify:hover{background:#10b981;color:#fff}.btn-action-sm.btn-reset{background:#f59e0b1f;color:#d97706;border-color:#f59e0b40}.btn-action-sm.btn-reset:hover{background:#d97706;color:#fff}.btn-action-sm.btn-suspend{background:#ef44441f;color:#ef4444;border-color:#ef444440}.btn-action-sm.btn-suspend:hover{background:#ef4444;color:#fff}.btn-action-sm.btn-reactivate{background:#10b98124;color:#10b981;border-color:#10b9814d}.btn-action-sm.btn-reactivate:hover{background:#10b981;color:#fff}.btn-action-sm.btn-edit{color:var(--text-muted)}.btn-action-sm.btn-edit:hover{color:var(--text-main);background:var(--border-subtle)}.btn-action-sm.btn-archive{color:var(--text-muted)}.btn-action-sm.btn-archive:hover{background:#64748b33;color:#475569}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem;color:var(--text-muted);text-align:center}.admin-empty-state h4{font-size:1.1rem;color:var(--text-main);margin:12px 0 6px}.btn-reset-filters{margin-top:14px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 16px;color:var(--text-main);font-size:.8rem;font-weight:700;cursor:pointer}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#030e0abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.admin-modal-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000059;overflow:hidden;animation:scaleUp .2s ease-out}.admin-modal-card.modal-lg{max-width:760px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-hover)}.modal-header-left{display:flex;align-items:center;gap:12px}.modal-icon-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon-badge.blue{background:#0ea5e926;color:#0284c7}.modal-icon-badge.green{background:#10b98126;color:#10b981}.modal-icon-badge.yellow{background:#f59e0b26;color:#d97706}.modal-icon-badge.red{background:#ef444426;color:#ef4444}.modal-icon-badge.gray{background:#64748b26;color:#64748b}.modal-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase}.modal-title{font-size:1.15rem;font-weight:800;color:var(--text-main);margin:2px 0 0}.modal-subtitle{font-size:.74rem;color:var(--text-muted)}.btn-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px}.btn-modal-close:hover{background:var(--border-subtle);color:var(--text-main)}.admin-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.admin-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-form-group{display:flex;flex-direction:column;gap:6px}.admin-label{font-size:.78rem;font-weight:750;color:var(--text-main)}.admin-input,.admin-textarea{background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;padding:9px 12px;font-size:.82rem;color:var(--text-main);transition:all .2s;width:100%}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{outline:none;border-color:var(--brand-green-primary);box-shadow:0 0 0 3px #10b98126}.form-section-divider{display:flex;align-items:center;margin:8px 0;border-top:1px dashed var(--border-subtle);padding-top:10px}.form-section-divider span{font-size:.74rem;font-weight:800;color:var(--brand-green-primary);text-transform:uppercase;letter-spacing:.05em}.modal-alert-box{display:flex;gap:12px;padding:12px 16px;border-radius:12px;font-size:.8rem;line-height:1.45}.modal-alert-box.alert-danger{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--text-main)}.modal-alert-box.alert-danger .alert-box-icon{color:#ef4444}.modal-alert-box.alert-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:var(--text-main)}.modal-alert-box.alert-warning .alert-box-icon{color:#d97706}.modal-alert-box.alert-secondary{background:#64748b14;border:1px solid rgba(100,116,139,.25);color:var(--text-main)}.modal-alert-box.alert-secondary .alert-box-icon{color:#64748b}.modal-note-box{display:flex;align-items:center;gap:10px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 14px;font-size:.76rem;color:var(--text-muted)}.modal-summary-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.summary-row{display:flex;justify-content:space-between;font-size:.8rem}.sum-label{color:var(--text-muted)}.sum-val{color:var(--text-main)}.detail-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px}.detail-item{display:flex;flex-direction:column}.detail-item-label{font-size:.7rem;color:var(--text-muted)}.detail-item-val{font-size:.82rem;color:var(--text-main);margin-top:2px}.detail-item-sub{font-size:.68rem;color:var(--text-muted);font-family:monospace}.text-green{color:#10b981!important}.detail-sessions-card{border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px;background:var(--surface)}.sessions-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sessions-title{font-size:.86rem;font-weight:800;color:var(--text-main);margin:0}.sessions-sub{font-size:.72rem;color:var(--text-muted)}.btn-force-logout{display:inline-flex;align-items:center;gap:6px;background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:6px 12px;border-radius:8px;font-size:.74rem;font-weight:750;cursor:pointer;transition:all .2s}.btn-force-logout:hover{background:#ef4444;color:#fff}.active-sessions-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.session-item{display:flex;align-items:center;gap:10px;font-size:.76rem}.session-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.session-info strong{display:block;color:var(--text-main)}.session-info span{color:var(--text-muted);font-size:.7rem}.detail-activity-card{border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px;background:var(--surface)}.activity-card-title{display:flex;align-items:center;gap:6px;font-size:.86rem;font-weight:800;color:var(--text-main);margin:0 0 10px}.detail-activity-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.activity-entry{display:flex;gap:12px;padding:8px 10px;background:var(--surface-hover);border-radius:8px;font-size:.76rem}.act-time{font-size:.68rem;color:var(--brand-green-primary);font-weight:750;min-width:90px}.act-desc strong{display:block;color:var(--text-main)}.act-meta{font-size:.68rem;color:var(--text-muted)}.reset-success-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem}.reset-success-icon{color:#10b981;margin-bottom:10px}.reset-success-box h4{font-size:1.2rem;color:var(--text-main);margin:0 0 6px}.reset-success-box p{font-size:.8rem;color:var(--text-muted);max-width:440px;line-height:1.5}.temp-password-card{background:var(--surface-hover);border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:12px 18px;width:100%;max-width:440px;margin:14px 0 10px;text-align:left}.temp-pass-label{font-size:.68rem;font-weight:800;color:var(--brand-green-primary);letter-spacing:.05em}.temp-pass-display{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.temp-pass-display code{font-size:1.15rem;font-weight:850;color:var(--text-main);letter-spacing:.05em;font-family:monospace}.btn-copy-temp-pass{display:inline-flex;align-items:center;gap:5px;background:#10b981;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.76rem;font-weight:750;cursor:pointer;transition:all .2s}.btn-copy-temp-pass:hover{background:#059669}.reset-warn-note{font-size:.72rem;color:#f59e0b}.admin-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);background:var(--surface-hover)}.btn-modal-cancel{background:transparent;border:1px solid var(--border-subtle);border-radius:10px;padding:9px 18px;font-size:.82rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s}.btn-modal-cancel:hover{background:var(--border-subtle);color:var(--text-main)}.btn-modal-confirm{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:10px;padding:9px 20px;font-size:.82rem;font-weight:750;color:#fff;cursor:pointer;transition:all .2s}.btn-modal-confirm.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98140}.btn-modal-confirm.green:hover{filter:brightness(1.08)}.btn-modal-confirm.blue{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 12px #0284c740}.btn-modal-confirm.blue:hover{filter:brightness(1.08)}.btn-modal-confirm.red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444440}.btn-modal-confirm.red:hover{filter:brightness(1.08)}.btn-modal-confirm.yellow{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b40}.btn-modal-confirm.yellow:hover{filter:brightness(1.08)}.btn-modal-confirm.gray{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px #64748b40}.btn-modal-confirm.gray:hover{filter:brightness(1.08)}@media (max-width: 1100px){.admin-kpi-ribbon{grid-template-columns:repeat(3,1fr)}}@media (max-width: 820px){.admin-kpi-ribbon{grid-template-columns:repeat(2,1fr)}.admin-header-card{flex-direction:column;align-items:flex-start}.btn-admin-add-account{width:100%;justify-content:center}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table tr{border-bottom:1px solid var(--border-subtle);padding:1rem}.admin-table td{padding:6px 0}.td-actions-cell{justify-content:flex-start;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-subtle)}.admin-form-grid-2,.detail-profile-grid{grid-template-columns:1fr}}@media (max-width: 480px){.admin-kpi-ribbon{grid-template-columns:1fr}}.national-sitrep-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:sitrepFadeIn .25s cubic-bezier(.16,1,.3,1)}.national-sitrep-modal-card{width:100%;max-width:860px;max-height:90vh;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;color:var(--text-main)}.national-sitrep-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.75rem;background:var(--surface);border-bottom:1px solid var(--border-subtle)}.sitrep-header-left{display:flex;align-items:flex-start;gap:1rem}.sitrep-badge-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 14px #16a34a59;display:flex;align-items:center;justify-content:center;flex-shrink:0}.national-sitrep-header .sitrep-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase;margin-bottom:.25rem}.national-sitrep-header .sitrep-title{margin:0;font-size:1.35rem;font-weight:750;color:var(--text-main);letter-spacing:-.02em}.national-sitrep-header .sitrep-subtitle{display:block;font-size:.82rem;color:var(--text-muted);margin-top:.25rem}.sitrep-btn-close{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sitrep-btn-close:hover{background:#ef444426;color:#ef4444}.national-sitrep-body{padding:1.5rem 1.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.sitrep-action-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:var(--surface-hover);padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-subtle)}.sitrep-timestamp-badge{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted)}.live-beacon-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseBeacon 1.5s infinite}.sitrep-btn-group{display:flex;align-items:center;gap:.5rem}.btn-sitrep-copy{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #16a34a4d}.btn-sitrep-copy:hover{background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-1px)}.btn-sitrep-copy.copied{background:#059669}.btn-sitrep-download,.btn-sitrep-print{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:.55rem .85rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-sitrep-download:hover,.btn-sitrep-print:hover{background:var(--surface-hover)}.sitrep-arahan-input-box{display:flex;flex-direction:column;gap:.4rem}.arahan-label{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--brand-green-primary)}.arahan-textarea{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:.65rem .85rem;color:var(--text-main);font-size:.85rem;font-family:inherit;resize:vertical}.arahan-textarea:focus{outline:none;border-color:var(--brand-green-primary)}.sitrep-preview-container{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden}.sitrep-big-watermark{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%) rotate(-20deg);font-size:3.2rem;font-weight:900;letter-spacing:.12em;color:#ef444414;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:0;text-transform:uppercase}.preview-top-watermark{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed var(--border-subtle);font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;position:relative;z-index:2}.doc-classification{color:#ea580c;font-weight:800}.preview-kpi-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.kpi-block{background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px;padding:.65rem;text-align:center}.kpi-block .kpi-val{display:block;font-size:1.25rem;font-weight:800;color:var(--text-main)}.kpi-block .kpi-lbl{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.kpi-block.highlight-red .kpi-val{color:#dc2626}.kpi-block.highlight-orange .kpi-val{color:#ea580c}.kpi-block.highlight-green .kpi-val{color:#10b981}.sitrep-text-pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.6;color:var(--text-main);white-space:pre-wrap;margin:0;background:var(--surface);border:1px solid var(--border-subtle);padding:1rem;border-radius:8px;max-height:280px;overflow-y:auto}.national-sitrep-footer{padding:1.25rem 1.75rem;background:var(--surface);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:1rem}.sitrep-footer-note{font-size:.78rem;color:var(--text-muted);max-width:520px}.sitrep-footer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-sitrep-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #16a34a4d}.btn-sitrep-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width: 640px){.preview-kpi-quad{grid-template-columns:repeat(2,1fr)}.national-sitrep-footer{flex-direction:column;align-items:stretch}}@media print{body{background:#fff!important;color:#000!important}.national-sitrep-modal-backdrop{position:static!important;background:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.national-sitrep-modal-card{max-width:100%!important;max-height:none!important;box-shadow:none!important;border:none!important;background:#fff!important;color:#000!important}.sitrep-btn-close,.sitrep-action-toolbar,.sitrep-arahan-input-box,.national-sitrep-footer{display:none!important}.sitrep-preview-container{background:#fff!important;border:1px solid #ddd!important;padding:1rem!important}.sitrep-text-pre{max-height:none!important;overflow:visible!important;border:1px solid #ccc!important;background:#fafafa!important;color:#111!important;font-size:.85rem!important}.sitrep-big-watermark{color:#00000014!important}}.national-log-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:fadeIn .2s ease-out}.national-log-modal-card{width:100%;max-width:840px;max-height:88vh;background:var(--surface);border:1px solid var(--border-subtle);border-radius:18px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;color:var(--text-main)}.national-log-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.35rem 1.75rem;background:var(--surface);border-bottom:1px solid var(--border-subtle);gap:1rem}.log-header-left{display:flex;align-items:flex-start;gap:1rem}.log-header-badge{width:44px;height:44px;border-radius:12px;background:#16a34a1f;color:var(--brand-green-primary);border:1px solid rgba(22,163,74,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-header-eyebrow{display:block;font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--brand-green-primary);text-transform:uppercase;margin-bottom:2px}.log-header-title{margin:0;font-size:1.25rem;font-weight:750;color:var(--text-main)}.log-header-sub{display:block;font-size:.78rem;color:var(--text-muted);margin-top:3px;line-height:1.4}.log-btn-close{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.log-btn-close:hover{background:#ef444426;color:#ef4444}.national-log-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.75rem;background:var(--surface-hover);border-bottom:1px solid var(--border-subtle);gap:.75rem;flex-wrap:wrap}.log-filter-pills{display:flex;align-items:center;gap:6px;overflow-x:auto}.log-filter-btn{background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-muted);padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.log-filter-btn:hover{color:var(--text-main);background:var(--border-subtle)}.log-filter-btn.active{background:#16a34a1f;color:var(--brand-green-primary);border-color:#16a34a59;font-weight:750}.btn-download-audit-log{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:6px 12px;border-radius:8px;font-size:.76rem;font-weight:650;cursor:pointer;transition:all .2s}.btn-download-audit-log:hover{background:var(--border-subtle)}.national-log-body{padding:1.25rem 1.75rem;overflow-y:auto;flex:1;max-height:52vh}.log-timeline-list{display:flex;flex-direction:column;gap:.85rem}.log-timeline-item{display:flex;align-items:flex-start;gap:12px;background:var(--surface-hover);border:1px solid var(--border-subtle);padding:12px 14px;border-radius:12px;transition:all .2s}.log-timeline-item:hover{border-color:#16a34a4d;box-shadow:var(--shadow-sm)}.log-item-icon-box{width:34px;height:34px;border-radius:8px;background:var(--surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.text-green{color:#16a34a}.text-emerald{color:#059669}.text-amber{color:#d97706}.text-red{color:#dc2626}.text-blue{color:#2563eb}.log-item-content{display:flex;flex-direction:column;gap:3px;flex:1}.log-item-top{display:flex;align-items:center;justify-content:space-between}.log-item-badge{font-size:.72rem;font-weight:800;color:var(--brand-green-primary);text-transform:uppercase;letter-spacing:.04em}.log-item-time{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted)}.log-item-desc{margin:2px 0 4px;font-size:.82rem;color:var(--text-main);line-height:1.45}.log-item-meta{display:flex;align-items:center;gap:16px;font-size:.72rem;color:var(--text-muted)}.log-item-operator,.log-item-region{display:inline-flex;align-items:center;gap:4px}.national-log-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem;background:var(--surface);border-top:1px solid var(--border-subtle);gap:1rem}.log-footer-hint{font-size:.74rem;color:var(--text-muted)}.btn-log-done{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-main);padding:7px 16px;border-radius:8px;font-size:.8rem;font-weight:650;cursor:pointer;transition:all .2s}.btn-log-done:hover{background:var(--border-subtle)}.log-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:8px}.national-dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base);background-image:var(--bg-gradient);color:var(--text-main);font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}.national-dashboard-main{flex:1;padding:28px 24px 64px;max-width:1560px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.national-command-hero{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#063e26,#0d2822 55%,#0f1c2e);border:1px solid rgba(34,197,94,.28);box-shadow:0 20px 50px #062e2040,inset 0 1px #ffffff1f;padding:22px 28px}.hero-glow-layer{position:absolute;top:-120px;right:-60px;width:440px;height:440px;background:radial-gradient(circle,rgba(34,197,94,.24) 0%,rgba(14,165,233,.12) 45%,transparent 70%);pointer-events:none;filter:blur(40px)}.hero-content-wrapper{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;z-index:2}.hero-left-title-block{max-width:780px;display:flex;flex-direction:column;gap:.75rem}.hero-eyebrow-pill{display:inline-flex;align-items:center;gap:8px;background:#10b98129;border:1px solid rgba(52,211,153,.35);padding:5px 14px;border-radius:999px;width:fit-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-pulse-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulseBeacon 1.6s infinite}@keyframes pulseBeacon{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.8}}.eyebrow-agency{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#a7f3d0;text-transform:uppercase}.eyebrow-divider{color:#ffffff4d}.eyebrow-time{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:#e2e8f0;font-weight:700;font-family:monospace}.hero-main-heading{margin:0;font-size:clamp(2rem,3.2vw,2.85rem);font-weight:850;letter-spacing:-.035em;color:#fff;line-height:1.15;font-family:Outfit,sans-serif}.hero-gradient-text{background:linear-gradient(135deg,#4ade80,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{margin:0;font-size:.92rem;color:#cbd5e1;line-height:1.6}.hero-meta-chips-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.25rem}.hero-chip{display:inline-flex;align-items:center;gap:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:5px 12px;border-radius:8px;font-size:.76rem;color:#e2e8f0;font-weight:600}.hero-chip.chip-status{background:#ef44442e;color:#fca5a5;border-color:#ef444459}.hero-right-actions{display:flex;flex-direction:column;gap:.65rem;min-width:260px}.btn-hero-declare-disaster{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(254,202,202,.4);padding:10px 18px;border-radius:12px;font-size:.85rem;font-weight:750;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #ef444459}.btn-hero-declare-disaster:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 20px #ef444480}.btn-hero-sitrep{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:.85rem;font-weight:750;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #16a34a59}.btn-hero-sitrep:hover{background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-1px)}.btn-hero-admin-bpbd{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#10b98129;border:1px solid rgba(16,185,129,.35);color:#34d399;padding:10px 18px;border-radius:12px;font-size:.84rem;font-weight:750;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #00000026}.btn-hero-admin-bpbd:hover{background:#10b98147;border-color:#10b981;color:#fff;transform:translateY(-1px)}.hero-btn-badge{background:#ef4444;color:#fff;font-size:.68rem;font-weight:800;border-radius:999px;padding:1px 7px;line-height:1.2}.btn-hero-audit-log{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;padding:10px 18px;border-radius:12px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #0003}.btn-hero-audit-log:hover{background:#ffffff29;color:#fff;transform:translateY(-1px)}.demo-dot-indicator{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f59e0b;margin-right:5px;animation:pulseBeacon 1.5s infinite}.tab-label-short{display:none}.tab-label-full{display:inline}.national-macro-kpi-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ribbon-card{background:var(--surface);border:1.5px solid var(--border-subtle);border-radius:14px;padding:1.1rem 1.35rem;display:flex;align-items:center;gap:.9rem;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.ribbon-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ribbon-card.highlight-critical{border:1.5px solid rgba(220,38,38,.45);background:linear-gradient(135deg,#fef2f2f2,#fffffffa);box-shadow:0 4px 14px #ef44441a}.ribbon-card.highlight-critical .ribbon-val{color:#991b1b;font-weight:850}.ribbon-card.highlight-critical .ribbon-lbl{color:#b91c1c;font-weight:750}.ribbon-card.highlight-critical .ribbon-icon-circle.red{background:#ef44442e;color:#dc2626;box-shadow:0 2px 6px #dc262633}[data-theme=dark] .ribbon-card.highlight-critical{border:1.5px solid rgba(239,68,68,.55);background:linear-gradient(135deg,#ef444433,#1e293be6);box-shadow:0 4px 16px #00000059}[data-theme=dark] .ribbon-card.highlight-critical .ribbon-val{color:#fecaca}[data-theme=dark] .ribbon-card.highlight-critical .ribbon-lbl{color:#fca5a5}.ribbon-icon-circle{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ribbon-icon-circle.blue{background:#16a34a1f;color:var(--brand-green-primary)}.ribbon-icon-circle.red{background:#ef444426;color:#ef4444}.ribbon-icon-circle.orange{background:#f9731626;color:#f97316}.ribbon-icon-circle.green{background:#10b98126;color:#10b981}.ribbon-info{display:flex;flex-direction:column}.ribbon-val{font-size:1.25rem;font-weight:850;color:var(--text-main);letter-spacing:-.02em}.ribbon-lbl{font-size:.76rem;font-weight:650;color:var(--text-secondary, #475569);margin-top:3px;letter-spacing:-.01em}.national-navigation-toolbar{display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-subtle);border-radius:14px;padding:6px 12px;box-shadow:0 4px 20px #00000014;flex-wrap:wrap;gap:.75rem;position:sticky;top:var(--header-height, 65px);z-index:995;transition:top .2s ease,box-shadow .2s ease}.nav-tabs-scroll-container{display:flex;align-items:center;position:relative;flex:1;min-width:0}.nav-tabs-mobile-hint{display:none}.nav-tabs-left{display:flex;align-items:center;gap:.35rem;overflow-x:auto}.nav-tab-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:650;cursor:pointer;white-space:nowrap;transition:all .2s}.nav-tab-btn:hover{background:var(--surface-hover);color:var(--text-main)}.nav-tab-btn.active{background:#16a34a1f;color:var(--brand-green-primary);border-color:#16a34a47;font-weight:750}.tab-pill-badge{font-size:.65rem;font-weight:850;padding:1px 6px;border-radius:9999px}.tab-pill-badge.red{background:#ef4444;color:#fff}.tab-pill-badge.green{background:#10b981;color:#fff}.tab-pill-badge.yellow{background:#f59e0b;color:#fff}.nav-sync-right{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--text-muted)}.nav-sync-right strong{color:var(--brand-green-primary)}.btn-perbarui-data{display:inline-flex;align-items:center;gap:7px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#10b981;border-radius:9px;padding:6px 13px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-perbarui-data:hover{background:#10b98138;border-color:#10b981;color:#34d399;transform:translateY(-1px)}.btn-nav-log-aktivitas{display:inline-flex;align-items:center;gap:6px;background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:9px;padding:6px 12px;font-size:.8rem;font-weight:650;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-nav-log-aktivitas:hover{background:var(--border-subtle);color:var(--text-main);transform:translateY(-1px)}.spinning{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.national-tab-content-container,.tab-peta-view-layout{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 960px){.national-macro-kpi-ribbon{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.national-navigation-toolbar{top:var(--header-height, 57px);border-radius:12px;padding:6px 8px}.national-command-hero{padding:18px 20px}.hero-right-actions{flex-direction:row;width:100%}.hero-right-actions button{flex:1}.tab-label-full{display:none}.tab-label-short{display:inline}.nav-tabs-scroll-container{width:100%;position:relative}.nav-tabs-left{gap:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;padding-right:80px}.nav-tabs-left::-webkit-scrollbar{display:none}.nav-tabs-mobile-hint{display:inline-flex;align-items:center;gap:3px;position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,var(--surface) 25%,var(--surface) 100%);padding:6px 8px 6px 16px;font-size:.68rem;font-weight:750;color:var(--brand-green-primary);pointer-events:none;letter-spacing:.02em;animation:pulseHint 2s infinite ease-in-out}.nav-tab-btn{padding:6px 10px;font-size:.74rem}.nav-sync-right{width:100%;justify-content:space-between;padding-top:6px;border-top:1px dashed var(--border-subtle)}}@keyframes pulseHint{0%,to{opacity:.85;transform:translateY(-50%) translate(0)}50%{opacity:1;transform:translateY(-50%) translate(3px)}}@media (max-width: 480px){.national-dashboard-main{padding:16px 12px 48px}.national-command-hero{padding:16px 14px;border-radius:18px}.hero-heading-main{font-size:1.55rem}.national-macro-kpi-ribbon{grid-template-columns:1fr;gap:10px}}.app-layout{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:var(--bg-base);background-image:var(--bg-gradient)}.main-content{flex:1;padding:24px 20px;max-width:1440px;margin:0 auto;width:100%}.content-grid{display:grid;grid-template-columns:1fr 430px;gap:24px;align-items:start}@media (max-width: 1180px){.content-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.main-content{padding:4px 6px 0;max-width:100vw;box-sizing:border-box;overflow-x:hidden}}@media (max-width: 480px){.main-content{padding:3px 4px 0}}.toast{position:fixed;bottom:96px;right:24px;z-index:10005;padding:14px 18px;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;box-shadow:0 16px 40px #00000047,0 4px 12px #00000026;animation:toastSlideUp .3s cubic-bezier(.16,1,.3,1);max-width:min(480px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}.toast.success{background:#064e3beb;color:#ecfdf5;border-left:4px solid #10b981}.toast.warning{background:#78350feb;color:#fffbeb;border-left:4px solid #f59e0b}.toast.error{background:#881337eb;color:#fff1f2;border-left:4px solid #f43f5e}.toast-content{display:flex;align-items:center;gap:10px;line-height:1.4}.toast-icon{flex-shrink:0}.toast-text{font-weight:600;letter-spacing:-.01em}.toast-close-btn{background:#ffffff1f;border:none;color:inherit;width:26px;height:26px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.toast-close-btn:hover{background:#ffffff40;transform:rotate(90deg)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-main,.citizen-portal-vibrant,.national-dashboard-main,.admin-command-view,.citizen-tab-pane,.tab-peta-view-layout,.national-tab-content-container{padding-bottom:104px!important}@media (max-width: 768px){.dashboard-main,.citizen-portal-vibrant,.national-dashboard-main,.admin-command-view,.citizen-tab-pane{padding-bottom:calc(56px + env(safe-area-inset-bottom,8px))!important}}:root{--header-height: 68px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--bg-base: #f4f7f6;--bg-gradient: radial-gradient(circle at 10% 0%, rgba(16, 185, 129, .12) 0%, transparent 40%), radial-gradient(circle at 90% 12%, rgba(14, 165, 233, .12) 0%, transparent 35%), radial-gradient(circle at 50% 85%, rgba(99, 102, 241, .08) 0%, transparent 45%), linear-gradient(180deg, #f0f5f2 0%, #f6faf8 40%, #eef4f1 100%);--surface: #ffffff;--surface-subtle: #f8fafc;--surface-glass: rgba(255, 255, 255, .88);--surface-glass-strong: rgba(255, 255, 255, .95);--surface-glass-border: rgba(226, 232, 240, .85);--surface-hover: #f1f5f9;--glass-blur: blur(16px);--border-subtle: rgba(203, 213, 225, .7);--border-medium: #cbd5e1;--border-focus: #10b981;--brand-green-dark: #065f46;--brand-green-primary: #10b981;--brand-green-hover: #059669;--brand-green-light: #34d399;--brand-green-vibrant: #10b981;--brand-green-soft: rgba(16, 185, 129, .12);--brand-green-glow: 0 0 24px rgba(16, 185, 129, .28);--accent-red: #ef4444;--accent-red-hover: #dc2626;--accent-red-soft: rgba(239, 68, 68, .12);--accent-red-gradient: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--accent-red-glow: 0 4px 20px rgba(244, 63, 94, .35);--accent-orange: #f97316;--accent-orange-soft: rgba(249, 115, 22, .12);--accent-orange-gradient: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);--accent-amber: #f59e0b;--accent-amber-soft: rgba(245, 158, 11, .12);--accent-amber-gradient: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--accent-blue: #0ea5e9;--accent-blue-soft: rgba(14, 165, 233, .12);--accent-blue-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);--accent-purple: #8b5cf6;--accent-purple-soft: rgba(139, 92, 246, .12);--accent-purple-gradient: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--text-main: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-light: #94a3b8;--text-inverse: #ffffff;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 2px 6px -1px rgba(15, 23, 42, .06), 0 1px 3px -1px rgba(15, 23, 42, .04);--shadow-md: 0 10px 25px -4px rgba(15, 23, 42, .08), 0 4px 10px -2px rgba(15, 23, 42, .03);--shadow-lg: 0 20px 40px -8px rgba(15, 23, 42, .12), 0 8px 16px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 28px 64px -12px rgba(15, 23, 42, .16);--shadow-glow-red: 0 0 24px rgba(239, 68, 68, .28);--shadow-glow-green: 0 0 24px rgba(16, 185, 129, .28);--shadow-glow-blue: 0 0 24px rgba(14, 165, 233, .28);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-base: #070d18;--bg-gradient: radial-gradient(circle at 10% 0%, rgba(16, 185, 129, .16) 0%, transparent 40%), radial-gradient(circle at 90% 12%, rgba(14, 165, 233, .14) 0%, transparent 35%), radial-gradient(circle at 50% 85%, rgba(99, 102, 241, .1) 0%, transparent 45%), linear-gradient(180deg, #070d18 0%, #0b1322 45%, #050912 100%);--surface: #0f172a;--surface-subtle: #131e33;--surface-glass: rgba(15, 23, 42, .85);--surface-glass-strong: rgba(15, 23, 42, .94);--surface-glass-border: rgba(51, 65, 85, .65);--surface-hover: #1e293b;--border-subtle: rgba(51, 65, 85, .6);--border-medium: #334155;--border-focus: #10b981;--text-main: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-light: #64748b;--text-inverse: #070d18;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .35);--shadow-md: 0 12px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .55);--shadow-xl: 0 32px 72px rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;overflow-x:hidden;max-width:100vw;width:100%}body{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-base);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw;width:100%}#root{overflow-x:hidden;max-width:100vw;width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Outfit,Plus Jakarta Sans,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--text-main);line-height:1.25}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}button:active{transform:scale(.975)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-green-primary);outline-offset:2px}button svg{flex-shrink:0}input,select,textarea{font-family:inherit;font-size:.95rem;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:.75rem 1rem;border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-green-soft)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-glass-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.glass-panel-elevated{background:var(--surface-glass-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.glass-panel:hover{border-color:#10b9814d}.badge-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge-pill.kritis{background:var(--accent-red-soft);color:#e11d48;border:1px solid rgba(244,63,94,.3)}.badge-pill.tinggi{background:var(--accent-orange-soft);color:#ea580c;border:1px solid rgba(234,88,12,.3)}.badge-pill.sedang{background:var(--accent-amber-soft);color:#d97706;border:1px solid rgba(217,119,6,.3)}.badge-pill.rendah{background:var(--brand-green-soft);color:#059669;border:1px solid rgba(16,185,129,.3)}@keyframes pulseSubtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.98)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes beaconRing{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 8px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.animate-beacon{animation:beaconRing 2s infinite cubic-bezier(.45,0,.55,1)}.animate-float{animation:floatGentle 4s ease-in-out infinite}@media (max-width: 768px){:root{--header-height: 48px;--radius-xs: 4px;--radius-sm: 7px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 16px}html{font-size:13.5px}input,select,textarea{font-size:16px}.lucide{max-width:17px;max-height:17px}body,#root{overflow-x:hidden!important;max-width:100vw!important;font-size:.92rem}}@media (max-width: 480px){:root{--header-height: 46px;--radius-md: 8px;--radius-lg: 10px}html{font-size:13px}.lucide{max-width:16px;max-height:16px}}@media (max-width: 360px){html{font-size:12.5px}.lucide{max-width:15px;max-height:15px}}