@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Roboto+Mono:wght@400;500&display=swap";:root{--bg-base: #0a1520;--bg-panel: #0d1a2a;--bg-section: #0f1e30;--bg-input: #081018;--border-dark: #1a3050;--border-light: #254060;--text-primary: #c0d0e0;--text-secondary: #7090a8;--text-muted: #405060;--accent: #3090ff;--accent-dim: #2070c0;--success: #40c080;--warning: #e0a030;--danger: #e04040;font-family:Inter,-apple-system,sans-serif;font-size:13px;line-height:1.4;color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-base)}#root{width:100%;height:100%}.app-container{display:flex;width:100%;height:100%;background:var(--bg-base);position:relative}.icon-bar{width:32px;flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border-dark);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px}.icon-item{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;border-radius:3px;transition:all .15s}.icon-item:hover{color:var(--text-secondary)}.icon-item.active{color:var(--accent);background:#3090ff1a}.icon-bar .spacer{flex:1}.panel{flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border-dark);display:flex;flex-direction:column;overflow:hidden}.panel-params{width:200px}.panel-results{width:260px}.panel-title{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-section);border-bottom:1px solid var(--border-dark);font-size:11px;font-weight:500;color:var(--text-secondary)}.panel-title svg{color:var(--text-muted);width:14px;height:14px}.panel-title .collapse-icon{margin-left:auto;cursor:pointer}.progress-bar{flex:1;height:3px;background:var(--border-dark);border-radius:2px;margin:0 8px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px}.panel-section{padding:10px;border-bottom:1px solid var(--border-dark)}.panel-section:last-child{border-bottom:none}.panel-section.flex-1{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.section-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.criteria-box{padding:8px;background:var(--bg-section);border:1px solid var(--border-dark);border-radius:3px;font-size:11px;color:var(--text-secondary)}.criteria-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.criteria-header svg{color:var(--text-muted)}.criteria-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:2px 6px;background:var(--bg-input);border:1px solid var(--border-dark);border-radius:2px;font-size:9px;color:var(--text-muted)}.edit-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px}.edit-row svg{color:var(--text-muted);cursor:pointer;width:12px;height:12px}.edit-row svg:hover{color:var(--text-secondary)}.param-row{margin-bottom:8px}.param-row:last-child{margin-bottom:0}.param-label{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);margin-bottom:4px}.param-label .required{color:var(--danger)}.param-value-box{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--bg-input);border:1px solid var(--border-dark);border-radius:3px;font-size:11px;color:var(--text-primary)}.param-value-box .actions{display:flex;gap:6px}.param-value-box .actions svg{color:var(--text-muted);cursor:pointer;width:12px;height:12px}.param-date{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.param-date select{padding:4px 6px;background:var(--bg-input);border:1px solid var(--border-dark);border-radius:3px;color:var(--text-primary);font-size:10px}.type-buttons{display:flex;gap:0;border:1px solid var(--border-dark);border-radius:3px;overflow:hidden}.type-btn{flex:1;padding:6px 8px;background:var(--bg-input);border:none;border-right:1px solid var(--border-dark);color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all .15s}.type-btn:last-child{border-right:none}.type-btn:hover{background:var(--bg-section)}.type-btn.active{background:var(--accent);color:#fff}.type-desc{margin-top:8px;font-size:10px;color:var(--text-muted);line-height:1.5;font-style:italic}.input-group{display:flex;align-items:center;gap:6px}.input-group input{width:50px;padding:4px 6px;background:var(--bg-input);border:1px solid var(--border-dark);border-radius:3px;color:var(--accent);font-size:11px;font-family:Roboto Mono,monospace}.input-group .unit{font-size:10px;color:var(--text-muted)}.model-box{display:flex;gap:8px;padding:8px;background:var(--bg-section);border:1px solid var(--border-dark);border-radius:3px}.model-box svg{color:var(--text-muted);flex-shrink:0}.model-box .model-info{flex:1}.model-box .model-name{font-size:11px;color:var(--text-primary);margin-bottom:2px}.model-box .model-desc{font-size:10px;color:var(--text-muted);line-height:1.4}.model-select select{width:100%;padding:6px 8px;background:var(--bg-input);border:1px solid var(--border-dark);border-radius:3px;color:var(--text-primary);font-size:10px;cursor:pointer}.model-select select:hover{border-color:var(--border-light)}.alerts-list{display:flex;flex-direction:column;gap:4px}.alert-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-input);border-radius:3px;font-size:10px;color:var(--text-secondary)}.alert-item.warning{border-left:2px solid var(--warning)}.alert-item.warning svg{color:var(--warning)}.alert-item.success{border-left:2px solid var(--success)}.alert-item.success svg{color:var(--success)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-stat{padding:8px;background:var(--bg-section);border:1px solid var(--border-dark);border-radius:3px;text-align:center}.mini-stat-value{font-family:Roboto Mono,monospace;font-size:13px;font-weight:600;color:var(--text-primary);display:block}.mini-stat-value.positive{color:var(--success)}.mini-stat-label{font-size:9px;color:var(--text-muted);margin-top:2px;display:block}.legend-list{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:2px}.legend-dot.high{background:var(--success)}.legend-dot.medium{background:var(--warning)}.legend-dot.low{background:var(--accent)}.panel-footer{padding:10px;border-top:1px solid var(--border-dark);margin-top:auto}.cancel-btn{width:100%;padding:8px;background:linear-gradient(180deg,#c03030,#a02020);border:none;border-radius:3px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.cancel-btn:hover{opacity:.9}.view-tabs{display:flex;gap:0;border:1px solid var(--border-dark);border-radius:3px;overflow:hidden}.view-tab{flex:1;padding:6px 8px;background:var(--bg-input);border:none;border-right:1px solid var(--border-dark);color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all .15s}.view-tab:last-child{border-right:none}.view-tab:hover{background:var(--bg-section)}.view-tab.active{background:var(--accent);color:#fff}.panel-legend{padding:8px 10px;border-top:1px solid var(--border-dark);display:flex;flex-direction:column;gap:4px}.legend-row{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted)}.legend-dot{width:8px;height:2px;border-radius:1px}.dot-blue{background:var(--accent)}.dot-cyan{background:#40d0d0}.dot-yellow{background:var(--warning)}.dot-green{background:var(--success)}.overview-stats{display:flex;flex-direction:column;gap:4px}.overview-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.overview-val{font-family:Roboto Mono,monospace;color:var(--text-primary)}.calendar-card{background:linear-gradient(135deg,var(--bg-section),var(--bg-input));border:1px solid var(--border-light);border-radius:4px;padding:10px;text-align:center}.calendar-header{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.calendar-day{font-family:Roboto Mono,monospace;font-size:28px;font-weight:600;color:var(--accent);line-height:1.2}.calendar-stats{display:flex;justify-content:space-around;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-dark)}.cal-stat{display:flex;flex-direction:column;align-items:center}.cal-stat-val{font-family:Roboto Mono,monospace;font-size:12px;font-weight:500;color:var(--text-primary)}.cal-stat-label{font-size:9px;color:var(--text-muted);margin-top:2px}.time-view{margin-top:4px}.time-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);margin-bottom:4px;padding-left:32px}.time-grid{display:flex;flex-direction:column;gap:2px}.time-row{display:flex;align-items:center;gap:4px}.time-row .time-label{width:28px;font-size:9px;color:var(--text-muted);text-align:right}.time-cells{flex:1;display:flex;gap:1px}.time-cell{flex:1;height:14px;background:var(--bg-input);border:1px solid var(--border-dark)}.time-cell.active{background:#3090ff33;border-color:var(--accent-dim)}.records-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.record-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-section);border:1px solid var(--border-dark);border-radius:3px;cursor:pointer;transition:all .15s}.record-item:hover{background:var(--bg-input);border-color:var(--border-light)}.record-left{display:flex;flex-direction:column;gap:2px}.record-name{font-size:11px;color:var(--text-primary);font-weight:500}.record-time{font-size:9px;color:var(--text-muted)}.record-right{display:flex;align-items:center;gap:4px}.record-amount{font-family:Roboto Mono,monospace;font-size:11px;color:var(--success);font-weight:500}.record-icon{color:var(--success)}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.main-title{display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(180deg,#142850f2,#0a1520b3);position:relative;z-index:10;transition:padding-right .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.main-title.panel-open{padding-right:300px}.main-title:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(48,144,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(48,144,255,.1) 0%,transparent 50%);animation:bgPulse 4s ease-in-out infinite;pointer-events:none}@keyframes bgPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.main-title:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(48,144,255,.3) 20%,rgba(48,144,255,.8) 50%,rgba(48,144,255,.3) 80%,transparent 100%);animation:titleLineGlow 3s ease-in-out infinite}@keyframes titleLineGlow{0%,to{opacity:.6}50%{opacity:1}}.title-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.title-decoration{position:absolute;width:100%;height:100%;pointer-events:none}.title-decoration .rotating-ring{position:absolute;width:60px;height:60px;border:2px solid transparent;border-top-color:#3090ff99;border-right-color:#3090ff4d;border-radius:50%;animation:ringRotate 3s linear infinite}.title-decoration .rotating-ring.left{left:-80px;top:50%;transform:translateY(-50%)}.title-decoration .rotating-ring.right{right:-80px;top:50%;transform:translateY(-50%);animation-direction:reverse}.title-decoration .rotating-ring:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:1px solid rgba(48,144,255,.4);border-radius:50%;animation:ringRotate 2s linear infinite reverse}.title-decoration .rotating-ring:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#3090ff;border-radius:50%;box-shadow:0 0 10px #3090ff,0 0 20px #3090ff}@keyframes ringRotate{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.title-decoration svg{position:absolute;width:140px;height:50px}.title-decoration .left-curve{left:-160px;top:50%;transform:translateY(-50%)}.title-decoration .right-curve{right:-160px;top:50%;transform:translateY(-50%) scaleX(-1)}.title-scan-line{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(48,144,255,.1) 50%,transparent 100%);animation:scanLine 4s linear infinite;pointer-events:none}@keyframes scanLine{0%{left:-100%}to{left:100%}}.main-title h1{margin:0;font-size:24px;font-weight:600;color:#fff;letter-spacing:4px;text-shadow:0 0 20px rgba(48,144,255,.5),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(180deg,#fff,#a0c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 8px rgba(48,144,255,.3))}50%{filter:drop-shadow(0 0 20px rgba(48,144,255,.8))}}.title-date{font-family:Roboto Mono,monospace;font-size:12px;color:var(--accent);margin-top:6px;letter-spacing:2px;padding:4px 16px;background:#3090ff1a;border:1px solid rgba(48,144,255,.3);border-radius:4px}.title-corner{position:absolute;width:20px;height:20px;border-color:#3090ff80;border-style:solid}.title-corner.tl{top:8px;left:8px;border-width:2px 0 0 2px}.title-corner.tr{top:8px;right:8px;border-width:2px 2px 0 0}.title-corner.bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.title-corner.br{bottom:8px;right:8px;border-width:0 2px 2px 0}.map-container{flex:1;position:relative;min-height:0;background:var(--bg-base)}.map-container canvas{display:block}.map-overlay-btn{position:absolute;bottom:12px;left:12px;width:28px;height:28px;background:var(--bg-panel);border:1px solid var(--border-dark);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted)}.map-overlay-btn:hover{color:var(--text-secondary);border-color:var(--border-light)}.hover-tooltip{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--border-light);padding:8px 14px;border-radius:3px;pointer-events:none;z-index:10}.tooltip-name{font-size:12px;color:var(--accent);font-weight:500}.timeline-panel{height:100px;flex-shrink:0;background:var(--bg-panel);border-top:1px solid var(--border-dark);padding:12px 24px;display:flex;flex-direction:column;justify-content:space-between;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.timeline-panel.panel-open{margin-right:280px}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-left{display:flex;align-items:center;gap:20px}.timeline-date{font-family:Roboto Mono,monospace;font-size:12px;color:var(--text-primary);letter-spacing:.5px}.timeline-speed{display:flex;align-items:center;gap:2px;background:var(--bg-input);border-radius:4px;padding:2px}.speed-btn{padding:4px 8px;background:transparent;border:none;border-radius:3px;font-size:10px;color:var(--text-muted);cursor:pointer;transition:all .15s}.speed-btn:hover{color:var(--text-secondary)}.speed-btn.active{background:var(--accent);color:#fff}.timeline-controls{display:flex;align-items:center;gap:8px}.tl-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-section);border:1px solid var(--border-dark);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.tl-btn:hover{border-color:var(--accent-dim);color:var(--accent)}.tl-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-dim));border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #3090ff4d}.tl-btn.primary:hover{opacity:.9}.tl-status{padding:4px 10px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:1px}.tl-status.live{background:#40c08026;color:var(--success);animation:pulse 2s infinite}.tl-status.paused{background:#e0a03026;color:var(--warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.timeline-progress{display:flex;flex-direction:column;gap:4px}.progress-track{height:20px;background:repeating-linear-gradient(-45deg,#4050604d,#4050604d 4px,#3040504d 4px 8px);position:relative;cursor:pointer;border:1px solid var(--border-dark)}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#2070c080,#3090ffb3);transition:width .3s ease;box-shadow:0 0 10px #3090ff4d}.progress-fill:after{content:"";position:absolute;right:-1px;top:-6px;width:2px;height:calc(100% + 12px);background:radial-gradient(ellipse at center,#fff,#fffc 30%,#fff0);background-size:100% 100%;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:0 0 6px #fffc,0 0 12px #fff6;animation:lineGlow 1s ease-in-out infinite}.progress-fill:before{content:"";position:absolute;right:0;top:-4px;width:1px;height:calc(100% + 8px);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.5) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,.5) 80%,transparent 100%);box-shadow:0 0 4px #fff9;animation:lineGlow 1s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:1;box-shadow:0 0 8px #fffc,0 0 15px #ffffff80}50%{opacity:.5;box-shadow:0 0 15px #fff,0 0 25px #fffc}}.timeline-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);padding:0 4px}.timeline-axis span{font-family:Roboto Mono,monospace}.panel-right{width:200px;border-right:none;border-left:1px solid var(--border-dark)}.right-section{padding:10px;border-bottom:1px solid var(--border-dark)}.right-section:last-child{border-bottom:none}.right-title{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.right-subtitle{font-size:10px;color:var(--text-muted);margin-bottom:6px}.empty-state{font-size:10px;color:var(--text-muted);font-style:italic}.region-card{background:var(--bg-section);border:1px solid var(--border-light);border-radius:4px;overflow:hidden}.region-card-header{display:flex;justify-content:space-between;align-items:center;padding:8px;background:var(--bg-input);border-bottom:1px solid var(--border-dark)}.region-card-name{font-size:12px;color:var(--accent);font-weight:500}.region-card-id{font-size:9px;color:var(--text-muted)}.region-card-body{padding:8px}.radar-container{position:relative;height:120px;display:flex;align-items:center;justify-content:center}.radar-dates{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);margin-top:4px}.chart-box{width:100%;height:100%}.detail-panel{position:absolute;top:0;right:0;width:280px;height:100%;background:var(--bg-panel);border-left:1px solid var(--border-dark);border-right:none;display:flex;flex-direction:column;overflow:hidden;z-index:100}.detail-panel .panel-section{padding:8px 10px}.detail-panel .section-label{margin-bottom:6px}.detail-panel .panel-title{position:sticky;top:0;z-index:1}.close-btn-small{margin-left:auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-dark);border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .15s}.close-btn-small:hover{background:#e040401a;border-color:var(--danger);color:var(--danger)}.info-rows{display:flex;flex-direction:column;gap:6px}.info-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-section);border:1px solid var(--border-dark);border-radius:3px;font-size:11px;color:var(--text-secondary)}.info-row svg{color:var(--text-muted);flex-shrink:0}.info-val{margin-left:auto;font-family:Roboto Mono,monospace;color:var(--text-primary);font-weight:500}.chart-container{height:120px;background:var(--bg-section);border:1px solid var(--border-dark);border-radius:3px;padding:4px}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-section);border-bottom:1px solid var(--border-dark)}.detail-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--accent)}.detail-title svg{color:var(--text-muted)}.close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e040401a;border:1px solid rgba(224,64,64,.3);border-radius:3px;color:var(--danger);cursor:pointer}.close-btn:hover{background:#e0404033}.detail-content{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.stat-card{padding:12px;background:var(--bg-section);border:1px solid var(--border-dark);border-radius:4px;text-align:center}.stat-icon{margin-bottom:6px;color:var(--text-muted)}.stat-value{font-family:Roboto Mono,monospace;font-size:16px;font-weight:600;color:var(--text-primary);display:block}.stat-value.positive{color:var(--success)}.stat-label{font-size:10px;color:var(--text-muted);margin-top:4px;display:block}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chart-card{background:var(--bg-section);border:1px solid var(--border-dark);border-radius:4px;overflow:hidden}.chart-card.wide{grid-column:1 / -1}.chart-title{display:flex;align-items:center;gap:6px;padding:10px;background:var(--bg-input);border-bottom:1px solid var(--border-dark);font-size:11px;color:var(--text-secondary)}.chart-title svg{color:var(--text-muted);width:14px;height:14px}.chart-body{height:120px;padding:8px}.chart-body.gauge{height:100px}.global-panel{position:absolute;top:16px;left:16px;background:var(--bg-panel);border:1px solid var(--border-dark);border-radius:4px;padding:12px 16px;z-index:50}.global-stats{display:flex;gap:20px}.global-stat{display:flex;flex-direction:column;align-items:center}.global-value{font-family:Roboto Mono,monospace;font-size:14px;font-weight:600;color:var(--accent)}.global-value.positive{color:var(--success)}.global-label{font-size:9px;color:var(--text-muted);margin-top:2px}.global-hint{margin:10px 0 0;font-size:10px;color:var(--text-muted);text-align:center}.hover-info-panel{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:6px;padding:12px 16px;min-width:180px;z-index:20;box-shadow:0 4px 20px #0006}.hover-info-header{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border-dark);margin-bottom:10px}.hover-info-header svg{color:var(--accent)}.hover-info-header span{font-size:14px;font-weight:600;color:var(--accent)}.hover-info-stats{display:flex;gap:16px}.hover-stat{display:flex;flex-direction:column;align-items:center}.hover-stat-value{font-family:Roboto Mono,monospace;font-size:14px;font-weight:600;color:var(--text-primary)}.hover-stat-value.positive{color:var(--success)}.hover-stat-label{font-size:9px;color:var(--text-muted);margin-top:2px}.map-pie-chart{position:absolute;bottom:20px;left:20px;background:#0d1a2ae6;border:1px solid var(--border-dark);border-radius:8px;padding:12px;z-index:10;width:240px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-pie-title{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:10px;text-align:center;padding-bottom:8px;border-bottom:1px solid var(--border-dark)}.map-pie-container{height:200px}.map-ranking{position:absolute;bottom:20px;right:20px;background:var(--bg-panel);border:1px solid var(--border-dark);border-radius:6px;padding:10px 12px;z-index:10;min-width:220px}.map-ranking-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-dark)}.map-ranking-title svg{color:var(--accent)}.map-ranking-list{display:flex;flex-direction:column;gap:6px}.ranking-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-section);border-radius:4px;font-size:11px}.ranking-num{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border-radius:4px;font-weight:600;color:var(--text-muted);font-size:10px}.ranking-num.top{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#fff}.ranking-name{flex:1;color:var(--text-primary)}.ranking-value{font-family:Roboto Mono,monospace;color:var(--text-secondary);font-weight:500}.ranking-growth{font-family:Roboto Mono,monospace;color:var(--success);font-size:10px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-input)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::selection{background:#3090ff4d}.clickable{cursor:pointer;transition:all .15s}.clickable:hover{border-color:var(--accent-dim);background:var(--bg-input)}.expand-icon{transition:transform .2s;margin-left:auto}.expand-icon.expanded{transform:rotate(90deg)}.filter-dropdown{margin-top:8px;background:var(--bg-input);border:1px solid var(--border-dark);border-radius:4px;overflow:hidden;max-height:200px;overflow-y:auto}.filter-option{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .15s;border-bottom:1px solid var(--border-dark)}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:var(--bg-section);color:var(--text-primary)}.filter-option.active{background:#3090ff1a;color:var(--accent)}.filter-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.filter-option span{flex:1}.verification-page{min-height:100vh;height:auto;background:linear-gradient(180deg,#e8f4f4,#f5f5f5);font-family:Inter,-apple-system,sans-serif;max-width:480px;margin:0 auto;position:relative;padding-bottom:0;color:#333;overflow-y:auto}html:has(.verification-page),html:has(.verification-page) body{overflow:auto!important;height:auto!important}.verification-page *{box-sizing:border-box}.verification-header{text-align:center;padding:24px 20px 16px;background:#fff}.verification-header.compact{padding:16px 20px}.verification-header.compact .header-row{display:flex;align-items:center;justify-content:center;gap:12px}.flag-icon{width:60px;height:60px;border-radius:50%;overflow:hidden;margin:0 auto 12px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column}.flag-stripe{flex:1}.flag-stripe.red{background:#c8102e}.flag-stripe.white{background:#fff}.flag-stripe.green{background:#007a3d}.flag-icon.indonesia{border:1px solid #e0e0e0}.flag-icon.indonesia .flag-stripe{flex:1}.emblem{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1a3a5c,#2a5a8c);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;flex-shrink:0}.header-logo{width:140px;height:auto;margin-bottom:12px}.verification-page .info-card.more-info{background:transparent;box-shadow:none;padding:16px 0;text-align:center}.verification-page .info-card.more-info h2{text-align:center;border-bottom:none;padding-bottom:0;margin-bottom:16px}.contact-info{font-size:13px;color:#4a6a7a;line-height:1.8;text-align:center;background:#fff;border-radius:8px;padding:16px}.contact-info p{margin:4px 0}.contact-info a{color:#3090ff;text-decoration:none;word-break:break-all}.contact-info a:hover{text-decoration:underline}.vat-banner{width:100%;border-radius:8px;margin-bottom:12px}.verification-header h1{margin:0;font-size:20px;font-weight:600;color:#2a4a6a;letter-spacing:.5px}.verification-header .subtitle{margin:6px 0 0;font-size:11px;color:#5a7a9a;letter-spacing:2px;text-transform:uppercase}.verification-header .subtitle span{background:#2a4a6a;color:#fff;padding:2px 6px;border-radius:2px;font-size:10px}.verification-banner{background:linear-gradient(90deg,#c8384a,#e04858);padding:12px 20px;text-align:center}.verification-banner span{color:#fff;font-size:14px;font-weight:600;letter-spacing:4px;text-transform:uppercase}.result-banner{padding:14px 20px;text-align:center;position:relative;overflow:hidden}.result-banner.success,.result-banner.error{background:repeating-linear-gradient(-45deg,#a8d8d8,#a8d8d8 10px,#b8e0e0 10px 20px)}.result-banner span{color:#3a6a7a;font-size:16px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.verification-content{padding:16px}.verification-page .info-card{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f}.verification-page .info-card h2{margin:0 0 12px;font-size:16px;font-weight:600;color:#3a6a8a;padding-bottom:10px;border-bottom:1px solid #e8f0f0}.verification-page .info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;background:transparent;border:none;border-radius:0;gap:0;font-size:14px;color:inherit}.verification-page .info-row:last-child{padding-bottom:0}.verification-page .info-row .label{font-size:14px;color:#7a9aaa}.verification-page .info-row .value{font-size:14px;font-weight:500;color:#2a4a5a;text-align:right}.verification-page .info-row .value.highlight{color:#c8384a;font-weight:600}.count-badge{display:inline-block;background:linear-gradient(135deg,#f8d8c8,#f0c8b8);color:#c8384a;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600}.location-card h2{display:flex;align-items:center;gap:6px}.location-status{font-size:13px;color:#7a9aaa;margin:8px 0 0}.location-status.error{color:#c8384a}.location-address{font-size:13px;color:#4a6a7a;line-height:1.6;margin:0 0 12px}.location-map{border-radius:8px;overflow:hidden;border:1px solid #e0e8e8}.location-map iframe{width:100%;height:200px;border:none;display:block}.warning-card{background:linear-gradient(135deg,#ffe8e8,#ffd8d8);border:2px solid #c8384a;border-radius:8px;padding:24px;text-align:center;margin-bottom:20px}.warning-card .warning-icon{color:#c8384a;margin-bottom:8px}.warning-card h2{margin:0 0 12px;font-size:24px;font-weight:700;color:#c8384a;letter-spacing:4px;border:none;padding:0}.warning-card p{margin:0;font-size:18px;color:#c8384a;font-weight:500}.section-title{text-align:center;font-size:16px;font-weight:600;color:#5a7a8a;letter-spacing:3px;margin:0 0 16px}.website-preview{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:16px}.preview-header{background:#f0f0f0;padding:8px 12px;border-bottom:1px solid #e0e0e0}.preview-url{font-size:11px;color:#666}.preview-content{padding:0}.preview-nav{background:#1a3a5c;color:#fff;padding:10px 16px;font-size:13px;font-weight:500}.preview-image{height:120px;background:linear-gradient(135deg,#d0e0e8,#e0f0f0)}.contact-card h2{text-align:center;color:#c8384a;letter-spacing:2px}.contact-list.vertical{display:flex;flex-direction:column;gap:8px}.contact-list.vertical .contact-item{font-size:13px;color:#4a6a7a;padding:4px 0}.contact-list.vertical .contact-item.link{display:flex;align-items:center;gap:8px;color:#3090ff}.verification-footer{padding:20px;text-align:center}.verification-footer h3{margin:0 0 12px;font-size:14px;color:#7a9aaa}.contact-list{display:flex;flex-direction:column;gap:6px}.contact-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#8aaaba}.contact-item svg{color:#a0b8c8}.verification-footer.copyright{background:#5a8a9a;padding:24px 20px;margin-top:20px}.verification-footer.copyright p{margin:4px 0;font-size:11px;color:#fff;letter-spacing:2px}.rescan-btn{position:fixed;bottom:100px;left:20px;width:48px;height:48px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 12px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5a7a8a;transition:all .2s}.rescan-btn:hover{background:#f0f8f8;transform:scale(1.05)}.exit-btn{position:fixed;bottom:20px;right:20px;padding:12px 24px;background:#fff;border:1px solid #d0d8e0;border-radius:24px;font-size:13px;font-weight:500;color:#5a6a7a;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s}.exit-btn:hover{background:#f8f8f8;border-color:#b0c0d0}