@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
.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;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.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{width:auto;padding:0;max-width:none!important;max-height:none!important}.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:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.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{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.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;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{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{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{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position: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:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.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-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(../media/layers.3muxcl8sz6330.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../media/layers-2x.23wrxu3xxu9-i.png);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{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../media/marker-icon.1le94j_pe_ih1.png)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;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{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.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{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.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{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.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{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;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{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
:root{--bg:#edf3f8;--panel:#edf3f6;--card:#fff;--card-soft:#f7fbff;--line:#d5e2ef;--text:#11304a;--text-soft:#596f8c;--green:#1aa66f;--green-soft:#ebfff4;--blue:#1b7ed8;--blue-dark:#0f4d90;--orange:#f4982d;--orange-soft:#fff3de;--red:#f27d6f;--shadow:#123a581f;--glass-border:#93c6ebad;--glass-surface:linear-gradient(145deg, #fffffffa 0%, #f7fcfff5 55%, #e8f6fff0 100%);--card-elevation:0 9px 22px #1e699e26, 0 2px 5px #144c7414, inset 0 1px 0 #fffffff5}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}body{background:radial-gradient(circle at 12% 0,#f8fdfff5 0 10%,#0000 34%),radial-gradient(circle at 92% 12%,#eefaffd1 0 8%,#0000 32%),linear-gradient(145deg,#d8e5ed 0%,#c9dce7 52%,#dcebf2 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:16px;display:flex}a{color:inherit;text-decoration:none}button,select{font:inherit}.page-shell{isolation:isolate;aspect-ratio:16/9;background:radial-gradient(circle at 7% 4%,#fffffffa 0 8%,#fff0 27%),radial-gradient(circle at 92% 13%,#ffffffe0 0 7%,#fff0 26%),radial-gradient(circle at 52% 45%,#ffffffa3 0 16%,#fff0 48%),linear-gradient(135deg,#f3fcff 0%,#dff5fc 34%,#caedfa 68%,#eaf9fe 100%);flex-direction:column;width:100%;max-width:1500px;min-height:0;padding:12px 16px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 42px #19527029}.page-shell:before,.page-shell:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.page-shell:before{opacity:.52;clip-path:polygon(0 0,68% 0,100% 18%,70% 38%,92% 62%,61% 100%,0 100%);background-color:#0000;background-image:linear-gradient(57deg,#0000 0 30%,#30b3e23d 30.2% 33%,#0000 33.2% 100%),linear-gradient(112deg,#0000 0 47%,#ffffffb3 47.2% 54%,#0000 54.2% 100%),linear-gradient(38deg,#5bcdf040 0 22%,#0000 22.2% 100%),repeating-linear-gradient(90deg,#2aacdb2b 0 4px,#0000 4px 17px);background-position:50%,50%,50%,bottom;background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%,100% 43%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:23%;inset:0 auto 0 0}.page-shell:after{opacity:.42;clip-path:polygon(72% 0,100% 0,100% 100%,0 100%,30% 76%,16% 56%,53% 35%);background-image:radial-gradient(circle,#fffffff2 0 2px,#0000 2.2px),repeating-linear-gradient(90deg,#21a6dc38 0 4px,#0000 4px 15px),linear-gradient(145deg,#0000 0 48%,#4dc1eb3d 48.2% 62%,#0000 62.2% 100%),linear-gradient(32deg,#0000 0 48%,#ffffff9e 48.2% 55%,#0000 55.2% 100%);background-position:100% 100%,100% 100%,50%,50%;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:15px 15px,100% 46%,100% 100%,100% 100%;width:31%;inset:0 0 0 auto}.topbar{isolation:isolate;color:#fff;background:linear-gradient(126deg,#0000 0 73%,#34be9138 73.2% 82%,#0000 82.2%),linear-gradient(145deg,#0000 0 81%,#0037276b 81.2% 100%),linear-gradient(90deg,#004e30 0%,#087451 58%,#003d2b 100%);border-radius:14px 14px 0 0;grid-template-columns:280px minmax(0,1fr) 240px;align-items:center;gap:16px;min-height:108px;padding:7px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0432261f}.topbar:before,.topbar:after{z-index:-1;content:"";pointer-events:none;position:absolute}.topbar:before{background:linear-gradient(138deg,#0000 0 57%,#ffd76a29 57.2% 59%,#0000 59.2%),linear-gradient(42deg,#0000 0 68%,#ffffff29 68.2% 70%,#0000 70.2%),repeating-linear-gradient(90deg,#ffffff14 0 2px,#0000 2px 14px);width:24%;inset:0 auto 0 0}.topbar:after{opacity:.7;background:radial-gradient(circle,#ffffff47 0 1px,#0000 1.8px) 0 0/13px 13px,linear-gradient(145deg,#0000 0 46%,#51d5a63d 46.2% 59%,#0000 59.2%);width:29%;inset:0 0 0 auto}.brand-wrap{color:#ffd86e;letter-spacing:.08em;align-items:center;gap:12px;font-weight:800;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 3px 7px #0003);flex:0 0 88px;width:88px;height:88px}.brand-copy{flex-direction:column;font-size:13px;line-height:1.1;display:flex}.topbar h1{text-align:center;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(19px,2vw,34px);font-weight:900;line-height:1.05}.dashboard-heading{text-align:center;min-width:0}.dashboard-heading>span{color:#ffffffc7;margin-top:4px;font-size:11px;font-weight:700;display:block}.topbar-meta{flex-direction:column;align-items:flex-end;gap:6px;font-weight:800;display:flex}.best-trust-logo{object-fit:contain;width:212px;height:auto;max-height:60px;display:block}.brand-date{background:linear-gradient(#0f744de6,#00482dd1);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:190px;padding:6px 8px;font-size:12px;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 4px 10px #00251933}.refresh-button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;transition:background .2s,transform .15s;display:inline-flex}.refresh-button:hover:not(:disabled){background:#ffffff38;transform:translateY(-1px)}.refresh-button:disabled{cursor:wait;opacity:.65}.rail-refresh-button{background:radial-gradient(circle at 50% -40%,#77e7b499 0%,#0000 55%),linear-gradient(135deg,#1f9b69 0%,#087147 100%);border:1px solid #ffffff9e;border-radius:11px;flex:0 0 34px;justify-content:center;width:100%;min-height:34px;box-shadow:0 7px 15px #086c4840,inset 0 1px #ffffff9e,inset 0 -7px 12px #004a2b1f}.rail-refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#179b6b 0%,#087650 100%)}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.api-error-banner{color:#7a4b08;background:#fff8e8;border:1px solid #eab768;border-radius:10px;margin-top:10px;padding:9px 12px;font-size:12px;font-weight:700}.dashboard-grid{flex:1;grid-template-columns:240px minmax(680px,1fr) 330px;align-items:stretch;gap:12px;min-height:0;margin-top:12px;display:grid;overflow:hidden}.left-rail,.main-panel,.right-rail{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.right-rail{overflow:visible}.sectionCard{background:var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--card-elevation);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;transition:box-shadow .25s,border-color .25s,transform .2s;position:relative;overflow:hidden}.sectionCard:hover{border-color:#5bace5c7;box-shadow:0 12px 28px #19639933,0 3px 7px #144c7417,inset 0 1px #fff}.sectionTitle{text-align:center;color:var(--text);letter-spacing:.02em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;margin:0;padding:10px 14px 0;font-size:12px;font-weight:900;display:flex}.sectionIcon{width:26px;height:26px;color:var(--blue);background:linear-gradient(145deg,#f3faff 0%,#d8eeff 100%);border:1px solid #9ecff194;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 3px 8px #2c86c81f,inset 0 1px #fff}.total-card{background:radial-gradient(circle at 50% 0,#fffffffa 0 25%,#0000 68%),linear-gradient(#fff 0%,#f1f3f5 56%,#d9dee4 100%);border:1px solid #aeb8c3e6;flex-direction:column;flex:0 0 164px;justify-content:center;min-height:164px;padding:10px 14px;transition:box-shadow .3s,transform .2s;display:flex;box-shadow:0 10px 24px #4b58652e,inset 0 1px #fff,inset 0 -12px 24px #7c88941a}.total-card:hover{border-color:#8b97a4f2;transform:translateY(-2px);box-shadow:0 14px 30px #4b58653d,inset 0 1px #fff,inset 0 -12px 24px #7c889421}.total-card-img-wrap{justify-content:center;align-items:center;height:72px;margin:-6px auto 2px;display:flex}.total-img{object-fit:contain;filter:drop-shadow(0 4px 10px #1aa66f33);width:auto;height:100%}.card-caption{text-align:center;color:#465461;letter-spacing:.03em;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.15}.big-value{color:var(--text);justify-content:center;align-items:center;margin-top:8px;font-size:clamp(26px,1.8vw,34px);font-weight:900;line-height:1;display:flex}.mini-stat{color:#fff;border:1px solid #ffffffb8;border-radius:15px;grid-template-columns:64px 1fr;align-items:center;gap:16px;min-height:118px;padding:14px 16px;transition:transform .2s,box-shadow .3s,filter .2s;display:grid;box-shadow:inset 0 1px #ffffffb3,inset 0 -10px 22px #0035751f,0 8px 18px #145b9733}.mini-stat:hover{filter:saturate(1.05)brightness(1.03);transform:translateY(-2px);box-shadow:inset 0 1px #ffffffd1,inset 0 -10px 22px #00357521,0 12px 25px #0f559747}.mini-stat.kh{background:radial-gradient(circle at 18% 0,#ffe2899e 0%,#0000 45%),linear-gradient(135deg,#ffb43b 0%,#e87508 100%);box-shadow:inset 0 1px #ffffffc2,inset 0 -12px 24px #a648002e,0 8px 20px #dd770a4d}.mini-stat.ki{background:radial-gradient(circle at 18% 0,#4b96ff85 0%,#0000 45%),linear-gradient(135deg,#245bdb 0%,#082e9e 100%);box-shadow:inset 0 1px #ffffffa6,inset 0 -12px 24px #00196638,0 8px 20px #1843b44d}.mini-stat.kt{background:radial-gradient(circle at 18% 0,#dcffbead 0%,#0000 46%),linear-gradient(135deg,#82db72 0%,#27a95e 100%);box-shadow:inset 0 1px #ffffffc7,inset 0 -12px 24px #07653429,0 8px 20px #239e5647}.officer-illustration{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.officer-illustration img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000026);width:100%;height:100%;transition:transform .2s}.mini-stat:hover .officer-illustration img{transform:scale(1.05)}.mini-stat-copy{flex-direction:column;gap:6px;display:flex}.mini-label{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:900}.mini-value{font-size:clamp(20px,1.8vw,32px);font-weight:900}.card-detail-button{z-index:4;color:#126fa9;cursor:pointer;background:#ffffffc7;border:1px solid #2e8fc457;border-radius:999px;align-items:center;gap:3px;padding:4px 7px;font-size:8px;font-weight:900;line-height:1;transition:transform .14s,background .14s,box-shadow .14s;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 3px 8px #11547e1c,inset 0 1px #ffffffe6}.card-detail-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 5px 11px #11547e2e,inset 0 1px #fff}.metric-card-detail-button{background:#ffffffd6;border-color:#2b8bc76b;padding:4px 8px;font-size:8px;top:9px;right:10px}.assign-card .metric-card-detail-button{color:#16814f;border-color:#259d666b}.mini-stat .card-detail-button{color:#fff;background:#042e6533;border-color:#ffffff80;box-shadow:0 3px 8px #00255626,inset 0 1px #ffffff38}.mini-stat .card-detail-button:hover{background:#fff3}.employee-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08233775;place-items:center;padding:24px;animation:.16s ease-out employee-modal-fade;display:grid;position:fixed;inset:0}.employee-modal{background:linear-gradient(145deg,#fafdff 0%,#e7f5ff 52%,#def4e9 100%);border:1px solid #75bbe5d9;border-radius:18px;flex-direction:column;width:min(1240px,100vw - 40px);max-height:min(760px,100vh - 48px);animation:.18s ease-out employee-modal-rise;display:flex;overflow:hidden;box-shadow:0 24px 70px #062c4859,0 0 0 1px #ffffffd1,inset 0 1px #fff}.employee-modal-header{background:linear-gradient(100deg,#d4efffeb 0%,#daf7eaeb 100%);border-bottom:1px solid #63a7d347;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.employee-modal-heading{align-items:center;gap:11px;min-width:0;display:flex}.employee-modal-heading h2{color:#0e3859;margin:0;font-size:18px;line-height:1.2}.employee-modal-heading p{color:#557089;margin:4px 0 0;font-size:11px}.employee-modal-icon{color:#fff;background:linear-gradient(145deg,#45aef0,#1477c4);border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 14px #1c78b842,inset 0 1px #ffffff8c}.employee-modal-icon.kh{background:linear-gradient(145deg,#35b7ed,#087abc)}.employee-modal-icon.ki{background:linear-gradient(145deg,#386de1,#163aa8)}.employee-modal-icon.kt{background:linear-gradient(145deg,#ffb33b,#df7907)}.metric-detail-icon.sertifikasi{background:linear-gradient(145deg,#ffad31,#e68109)}.metric-detail-icon.penugasan{background:linear-gradient(145deg,#3399e5,#126bb4)}.employee-modal-close{color:#31536f;cursor:pointer;background:#ffffffc7;border:1px solid #699bbc66;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;transition:color .14s,transform .14s,background .14s;display:grid}.employee-modal-close:hover{color:#bd2f2a;background:#fff;transform:rotate(5deg)scale(1.04)}.employee-modal-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 18px;display:grid}.employee-modal-summary>div{color:#1680bd;background:#ffffffb8;border:1px solid #8fbfde9e;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:9px 11px;display:flex;box-shadow:0 4px 10px #19639114,inset 0 1px #fff}.employee-modal-summary span{color:#536d84;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:10px;font-weight:800;display:flex}.employee-modal-summary strong{color:#103754;font-size:16px;font-weight:900}.employee-table-wrap{background:#ffffffd1;border:1px solid #8bb7d5b8;border-radius:12px;flex-direction:column;min-height:0;margin:0 18px 18px;display:flex;overflow:auto;box-shadow:inset 0 1px 4px #144b700f}.employee-modal-toolbar{z-index:4;background:#f4fafff5;border-bottom:1px solid #8bb7d573;padding:9px 10px;position:sticky;top:0}.employee-search{color:#1777ba;background:#fff;border:1px solid #78b2d8ad;border-radius:8px;align-items:center;gap:7px;width:min(420px,100%);padding:7px 9px;display:flex;box-shadow:inset 0 1px 2px #124b700f}.employee-search input{color:#17364f;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.employee-search input::placeholder{color:#7890a5}.employee-modal-state{color:#516f88;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:24px;font-size:12px;font-weight:800;display:flex}.employee-modal-state button{color:#126fa9;cursor:pointer;background:#fff;border:1px solid #2885c661;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:900}.employee-detail-table{border-collapse:collapse;color:#333;table-layout:fixed;width:100%;min-width:1120px;font-size:12px}.employee-detail-table th,.employee-detail-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #d2d8dfe6;padding:5px 8px}.employee-detail-table th:first-child,.employee-detail-table td:first-child{width:210px}.employee-detail-table th:nth-child(2),.employee-detail-table td:nth-child(2){width:160px}.employee-detail-table th:nth-child(3),.employee-detail-table td:nth-child(3){width:300px}.employee-detail-table th:nth-child(4),.employee-detail-table td:nth-child(4){width:220px}.employee-detail-table th:nth-child(5),.employee-detail-table td:nth-child(5){width:230px}.employee-detail-table th:last-child,.employee-detail-table td:last-child{text-align:center;width:90px;font-weight:800}.employee-detail-table thead th{z-index:2;color:#333;text-transform:uppercase;background:#f7fbff;border-bottom:2px solid #4b9cff;font-size:12px;font-weight:500;position:sticky;top:50px}.employee-detail-table tbody tr{background:#fff}.employee-detail-table tbody tr:nth-child(2n){background:#ececec}.employee-detail-table tbody tr:hover{background:#d6ecff}.employee-detail-table tbody tr.is-unmapped{color:#7b6243;font-style:italic}.employee-quarantine-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:34px;padding:2px 7px;font-size:10px;font-weight:900;line-height:1.2;display:inline-flex}.employee-quarantine-badge.kh{background:#1595d6}.employee-quarantine-badge.ki{background:#194bc0}.employee-quarantine-badge.kt{background:#ef9225}.employee-detail-table tfoot th{display:none}.employee-detail-empty{color:#6c8193;text-align:center!important;padding:28px!important}.metric-detail-modal{width:min(980px,100vw - 40px)}.metric-detail-modal.sertifikasi{background:linear-gradient(145deg,#fafdff 0%,#e7f5ff 58%,#fff2da 100%)}.metric-traffic-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 18px 12px;display:grid}.metric-traffic-summary>div{color:#5b7184;background:#ffffffc7;border:1px solid #8fbfde9e;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:10px;font-weight:900;display:flex;box-shadow:0 3px 8px #19639112,inset 0 1px #fff}.metric-traffic-summary strong{color:#103754;font-size:14px}.metric-traffic-summary .ex{border-left:4px solid #2d91df}.metric-traffic-summary .im{border-left:4px solid #ef9b24}.metric-traffic-summary .dm{border-left:4px solid #39ae72}.metric-traffic-summary .dk{border-left:4px solid #8b67d5}.metric-detail-table{border-collapse:collapse;color:#24445e;width:100%;min-width:680px;font-size:12px}.metric-detail-table th,.metric-detail-table td{text-align:right;border-bottom:1px solid #cddbe5e6;padding:7px 10px}.metric-detail-table th:first-child,.metric-detail-table td:first-child{text-align:left;width:58%}.certification-traffic-table th:not(:first-child),.certification-traffic-table td:not(:first-child){width:84px}.certification-traffic-table th:last-child,.certification-traffic-table td:last-child{color:#103754;font-weight:900}.metric-detail-table thead th{z-index:2;color:#31536d;background:#f7fbff;border-bottom:2px solid #4b9cff;font-size:10px;font-weight:900;position:sticky;top:50px}.metric-upt-row{color:#103754;background:#e5f3ff;font-weight:900}.metric-upt-row:hover{background:#d7edff}.metric-satpel-row{background:#ffffffe6}.metric-satpel-row:nth-child(2n){background:#f4f8fbf0}.metric-satpel-row:hover{background:#fff2bf}.metric-satpel-row td:first-child span{align-items:center;gap:7px;padding-left:18px;display:inline-flex}.metric-satpel-row td:first-child span:before{content:"";background:#74acd0;border-radius:50%;width:6px;height:6px}@keyframes employee-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes employee-modal-rise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.detail-link{color:#dff5ff;text-underline-offset:2px;width:fit-content;margin-top:2px;font-size:12px;font-weight:700;text-decoration:underline;display:inline-block}.source-note{color:#455b70;padding:6px 0 0 8px;font-size:12px;font-weight:700}.source-note span{color:#73869a;margin-top:3px;font-size:10px;display:block}.metric-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric-card{background:linear-gradient(145deg,#fffffffc 0%,#f7fcfff7 55%,#e8f6fff0 100%);border:1px solid #80beebb8;min-height:200px;padding:0 14px 14px;box-shadow:0 10px 24px #1b6fac2e,0 2px 5px #144c7414,inset 0 1px #fff}.metric-card>.sectionTitle{padding-top:12px;padding-bottom:12px}.cert-card{background:radial-gradient(circle at 8% 0,#fffffffa 0 18%,#0000 48%),linear-gradient(145deg,#fafdff 0%,#dcefff 46%,#c5e4fb 100%);border-color:#2d91e0e6;box-shadow:0 10px 25px #1877bc40,0 2px 5px #144c7417,inset 0 1px #fff,inset 0 -14px 26px #2b96e021}.assign-card{background:radial-gradient(circle at 8% 0,#fffffffa 0 18%,#0000 48%),linear-gradient(145deg,#fbfffd 0%,#ddf5e9 46%,#c4ead6 100%);border-color:#25a871e6;box-shadow:0 10px 25px #188b5e3d,0 2px 5px #145c4417,inset 0 1px #fff,inset 0 -14px 26px #23a56d21}.kpi-row{justify-content:center;display:flex}.kpiCard{background:linear-gradient(145deg,#fffffffa 0%,#f1f9fff7 100%);border:1px solid #9dc9ebb8;border-radius:15px;justify-content:center;align-items:center;gap:14px;width:100%;padding:16px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;box-shadow:0 6px 15px #1f699e1f,inset 0 1px #fff,inset 0 -8px 18px #65b4e70d}.kpiCard:hover{transform:translateY(-1px);box-shadow:0 9px 20px #1a659e2b,inset 0 1px #fff}.kpiIconWrap{flex-shrink:0;align-items:center;display:flex;position:absolute;left:16px}.kpiIcon{color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .2s;display:grid}.kpiCard:hover .kpiIcon{transform:scale(1.08)}.kpiCard.orange .kpiIcon{background:linear-gradient(135deg, var(--orange) 0%, #e08718 100%);box-shadow:0 4px 12px #f4982d59}.kpiCard.blue .kpiIcon{background:linear-gradient(135deg, var(--blue) 0%, #1463b0 100%);box-shadow:0 4px 12px #1b7ed859}.kpiCard.green .kpiIcon{background:linear-gradient(135deg, var(--green) 0%, #14956a 100%);box-shadow:0 4px 12px #1aa66f59}.kpiContent{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:2px;width:100%;min-width:0;max-width:none;display:flex;position:static;transform:none}.kpiTitle{min-width:0;color:var(--text-soft);white-space:nowrap;font-size:13px;font-weight:800;line-height:1.1}.kpiValue{color:var(--text);letter-spacing:.02em;white-space:nowrap;font-size:clamp(26px,2.1vw,34px);font-weight:900;line-height:1.1}.stat-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.stat-box{text-align:center;background:linear-gradient(150deg,#fff 0%,#f8fcff 54%,#edf7ff 100%);border:1px solid #b0d0e8c2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:78px;padding:8px;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 4px 11px #1e649517,inset 0 1px #fff}.stat-box:hover{border-color:#66b1e6d9;transform:translateY(-2px);box-shadow:0 7px 16px #1c679e26,inset 0 1px #fff}.stat-box-img{justify-content:center;align-items:center;height:36px;margin-bottom:2px;display:flex}.stat-box-img img{object-fit:contain;width:auto;height:100%}.stat-box-img.fallback-icon{background:linear-gradient(135deg,#e8f4fd 0%,#d4ecfc 100%);border-radius:7px;width:36px}.stat-box-img.fallback-icon svg{width:27px;height:27px}.cert-card .stat-box-img{height:54px}.cert-card .stat-box-img.fallback-icon{width:54px}.cert-card .stat-box-img.fallback-icon svg{width:40px;height:40px}.assign-card .assignment-officer-img{width:58px;height:52px}.assign-card .assignment-officer-img img{filter:drop-shadow(0 3px 5px #0f335929);max-width:58px}.stat-box span{color:var(--text-soft);font-size:11px;font-weight:800}.stat-box strong{color:var(--text);font-size:14px;font-weight:900}.filterBar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffffff2 0%,#ebf8ffe6 100%);border:1px solid #8bc2eabd;border-radius:16px;grid-template-columns:90px repeat(3,minmax(0,1fr));gap:12px;padding:10px 12px 12px;display:grid;position:relative;overflow:visible;box-shadow:0 9px 21px #1f6ca026,inset 0 1px #fff,inset 0 -8px 18px #50ade10d}.filter-field{color:var(--text);flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:800;display:flex}.filter-label-row{justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:18px;display:flex}.filter-label-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-reset-button{color:#1879b7;cursor:pointer;background:#fff;border:1px solid #a9cbd7;border-radius:50%;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background .12s,color .12s,opacity .12s;display:inline-flex}.filter-reset-button:hover:not(:disabled){color:#fff;background:#1879b7}.filter-reset-button:disabled{cursor:default;opacity:.28}.filterBar select,.filter-dropdown>summary{width:100%;color:var(--text);background:#ffffffe6;border:1px solid #c4dfe2;border-radius:10px;padding:9px 10px;box-shadow:0 2px 6px #1a60910f,inset 0 1px #fff}.filter-dropdown{z-index:1;min-width:0;position:relative}.filter-dropdown[open]{z-index:50}.filter-dropdown>summary{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;font-weight:500;list-style:none;display:block;overflow:hidden}.filter-dropdown>summary::-webkit-details-marker{display:none}.filter-dropdown>summary:after{content:"⌄";float:right;color:#5f7185;margin-left:6px}.filter-menu{z-index:60;background:#fff;border:1px solid #c7d9e7;border-radius:9px;width:max(100%,250px);max-width:min(360px,80vw);padding:7px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 12px 30px #11304a33}.filter-search-box{color:#315d7b;background:#fff;border:1px solid #aecbdf;border-radius:7px;align-items:center;gap:7px;margin-bottom:4px;padding:6px 8px;display:flex;box-shadow:inset 0 1px 3px #184c7012}.filter-search-box:focus-within{border-color:#2b91d2;box-shadow:0 0 0 2px #2b91d224,inset 0 1px 3px #184c700d}.filter-search-box input{color:#263c55;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:11px}.filter-search-box input::placeholder{color:#8093a5}.filter-search-box input::-webkit-search-cancel-button{cursor:pointer}.filter-all-button{width:100%;color:var(--blue-dark);cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #e6eef5;padding:8px;font-size:12px;font-weight:800}.filter-options{max-height:260px;padding-top:5px;overflow-y:auto}.filter-empty-options{color:#73869a;text-align:center;padding:14px 8px;font-size:10px;font-style:italic}.filter-option{cursor:pointer;flex-direction:row;align-items:flex-start;gap:8px;padding:6px;font-size:11px;font-weight:600;line-height:1.25;display:flex}.filter-option:hover{background:#f0f7fc}.filter-option input{margin:1px 0 0}.map-card{border-color:#77b7e2c2;flex-direction:column;flex:1;min-height:260px;padding:0;display:flex;overflow:hidden;box-shadow:0 11px 25px #1a689e2e,0 2px 5px #144c7414,inset 0 1px #fff}.section-header-with-title{letter-spacing:.03em;text-transform:uppercase;background:radial-gradient(circle at 50% -80%,#ffffffb3 0%,#0000 62%),linear-gradient(90deg,#dcefff 0%,#e2f5ef 50%,#d8edfb 100%);border-bottom:1px solid #61a9d747;flex-shrink:0;justify-content:center;padding:12px 10px 10px;font-size:14px;font-weight:900;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb8,0 3px 9px #236e9e14}.map-panel{background:linear-gradient(#dfeaf1 0%,#d1dfe9 100%);flex:1;margin-top:0;position:relative;overflow:hidden}.leaflet-map{z-index:1;background:#dce9f1;font-family:Inter,Arial,Helvetica,sans-serif;position:absolute;inset:0}.map-panel .leaflet-control-attribution{font-size:8px}.map-panel .leaflet-interactive{transition:fill-opacity .12s,stroke-width .12s}.map-reset-button{z-index:6;color:#173a54;cursor:pointer;background:#fffffff0;border:1px solid #aebfcd;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:10px;left:52px;box-shadow:0 1px 5px #123a5840}.map-reset-button:hover{color:#0b65a5;background:#fff}.map-badge{z-index:5;color:#173a54;pointer-events:none;background:#ffffffe6;border:1px solid #aec3d3e6;border-radius:9px;flex-direction:column;gap:2px;max-width:185px;padding:7px 9px;font-size:10px;line-height:1.25;display:flex;position:absolute;bottom:20px;left:16px;box-shadow:0 3px 10px #123a5824}.map-badge strong{color:#0f3359;font-size:20px;line-height:1.05}.map-legend{z-index:5;color:#24445e;pointer-events:none;background:#ffffffeb;border:1px solid #aec3d3e6;border-radius:8px;flex-direction:column;gap:3px;padding:7px 9px;font-size:8px;display:flex;position:absolute;bottom:28px;right:12px;box-shadow:0 3px 12px #123a5829}.map-legend strong{margin-bottom:2px;font-size:9px}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i{border:1px solid #173a542e;border-radius:2px;width:11px;height:8px}.map-top-list{z-index:5;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:55%;display:flex;position:absolute;top:12px;right:12px}.map-top-list button{color:#24445e;cursor:pointer;background:#ffffffd1;border:1px solid #ffffffa6;border-radius:999px;padding:4px 7px;font-family:inherit;font-size:9px}.map-top-list button:hover{color:#0b65a5;background:#fff}.map-error{z-index:7;color:#7a4b08;background:#fff8e8f2;border:1px solid #eab768;border-radius:8px;max-width:min(420px,80%);padding:7px 10px;font-size:10px;font-weight:700;position:absolute;top:50px;left:50%;transform:translate(-50%)}.map-popup{color:#173a54;flex-direction:column;gap:5px;min-width:170px;display:flex}.map-popup>strong{font-size:13px}.map-popup>span{color:#596f8c;font-size:10px}.map-popup dl{margin:3px 0 0}.map-popup dl>div{border-top:1px solid #e3ebf2;justify-content:space-between;gap:14px;padding:3px 0;display:flex}.map-popup dt{color:#596f8c}.map-popup dd{margin:0;font-weight:800}.map-detail-card{z-index:8;color:#173a54;background:#f7f9fcf7;border:1px solid #4b5d78a6;border-radius:9px;width:min(650px,100% - 150px);max-height:calc(100% - 58px);position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #0f33594d}.map-detail-header{background:#dce9f5;border-bottom:1px solid #ccd8e3;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}.map-detail-title{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:0;display:flex}.map-detail-title strong{font-size:12px}.map-detail-title span{color:#59718a;font-size:8px}.map-detail-close{color:#36536e;cursor:pointer;background:#fff;border:1px solid #aabccc;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:17px;line-height:1;display:grid}.map-detail-close:hover{color:#b42318}.map-detail-table-wrap{max-height:205px;overflow:auto}.map-detail-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:9px}.map-detail-table th,.map-detail-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #c9d3decc;border-right:1px solid #c9d3deb3;padding:5px 7px}.map-detail-table th:first-child,.map-detail-table td:first-child{text-align:left;white-space:normal;min-width:180px}.map-detail-table thead th{z-index:1;color:#263c55;background:#cbd8e7;position:sticky;top:0}.map-detail-table tbody tr{cursor:pointer;background:#f8eaa8;transition:background .1s}.map-detail-table tbody tr:nth-child(2n){background:#e6dcf2}.map-detail-table tbody tr:hover{background:#ccebf5}.map-detail-table tbody tr.is-selected{outline-offset:-2px;background:#a8e0ef;outline:2px solid #1689b2}.map-detail-table tfoot th{background:#d4e2c0;font-weight:900;position:sticky;bottom:0}.right-rail .sectionCard{flex-direction:column;min-height:120px;padding:12px 12px 14px;display:flex}.right-rail .ratio-card{flex:0 0 120px;min-height:120px;padding:6px 8px 9px}.right-rail .ratio-card:not(.daily-ratio-card){background:linear-gradient(145deg,#fbfdff 0%,#dfefff 54%,#c9e5fa 100%);border-color:#3494dedb;box-shadow:0 9px 22px #1973b53b,inset 0 1px #fff,inset 0 -10px 20px #2d94de1a}.right-rail .ratio-card>.sectionTitle{gap:4px;padding:0 4px 4px;font-size:11px;font-weight:900}.right-rail .daily-ratio-card{background:linear-gradient(145deg,#fbfffd 0%,#dff5e9 54%,#c8ead8 100%);border-color:#2ba66fdb;flex-basis:160px;min-height:160px;box-shadow:0 9px 22px #18865938,inset 0 1px #fff,inset 0 -10px 20px #29a16b1a}.right-rail .ratio-card,.right-rail .daily-ratio-card{flex-basis:120px;min-height:120px}.right-rail .daily-ratio-card{flex-basis:136px;min-height:136px}.right-rail .daily-ratio-card>.sectionTitle{padding-bottom:5px}.daily-ratio-toggle{color:#405e79;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;width:fit-content;margin:0 0 3px 5px;font-size:7px;font-weight:800;line-height:1;display:inline-flex}.daily-ratio-toggle input{accent-color:#1677c8;cursor:pointer;width:11px;height:11px;margin:0}.right-rail .donut-card{background:linear-gradient(145deg,#fbfdff 0%,#e0f0ff 52%,#c9e5fa 100%);border-color:#3494ded6;flex:0 0 182px;min-height:182px;padding:8px 10px 10px;box-shadow:0 10px 24px #1973b53b,inset 0 1px #fff,inset 0 -10px 20px #2d94de1a}.right-rail .donut-card>.sectionTitle{padding:0 4px 5px}.ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ratio-box{background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #cfe0ef;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:48px;transition:transform .15s,box-shadow .2s;display:flex}.ratio-box:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000012}.ratio-box span{color:#3b5d7d;font-size:11px;font-weight:900}.ratio-box strong{color:var(--text);font-size:16px;font-weight:900}.ratio-box-alt{background:linear-gradient(#f8fbff 0%,#eef6ff 100%)}.right-rail .ratio-card .ratio-box{border-radius:8px;gap:2px;min-height:66px;padding:4px 2px 5px}.right-rail .ratio-card .ratio-grid{flex:auto;min-height:0;margin:0 1px}.ratio-kind-label{text-align:center;line-height:1;display:block;color:#234c71!important;font-size:9px!important;font-weight:900!important}.ratio-kind-label.kh{color:#116fae!important}.ratio-kind-label.ki{color:#1d46b5!important}.ratio-kind-label.kt{color:#2d8845!important}.ratio-emblem{width:34px;height:34px;color:inherit;place-items:center;display:grid;position:relative}.ratio-emblem img{object-fit:contain;width:100%;height:100%}.donutWrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-height:0;display:flex}.donut-scene{width:220px;height:112px;position:relative}.pie-3d-svg{z-index:1;filter:drop-shadow(0 7px 6px #0f335933);width:220px;height:112px;position:absolute;inset:0;overflow:visible}.pie-slice{cursor:pointer;stroke:#ffffff70;stroke-width:1.5px;stroke-linejoin:round;transition:filter .12s,opacity .12s,stroke-width .12s}.pie-slice-highlight{pointer-events:none;stroke:#ffffff42;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;transition:opacity .12s}.pie-slice-highlight.is-muted{opacity:.2}.pie-slice:hover{filter:brightness(1.12)saturate(1.08);stroke:#fff;stroke-width:2px}.pie-slice.is-selected{stroke:#fff;stroke-width:3px}.pie-slice.is-muted{opacity:.42}.pie-value-label{z-index:4;color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:5px;padding:4px 7px;font-family:inherit;font-size:9.5px;font-weight:900;line-height:1;transition:opacity .12s,transform .12s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0f233733}.pie-value-label:hover:not(:disabled){transform:translate(-50%,-50%)scale(1.08)}.pie-value-label.is-selected{outline:2px solid #fff}.pie-value-label.is-muted{opacity:.42}.pie-value-label:disabled{cursor:wait}.pie-hover-tooltip{z-index:7;color:#173a54;pointer-events:none;text-align:center;white-space:nowrap;background:#fffffff7;border:1px solid #96aabecc;border-radius:7px;gap:1px;min-width:92px;padding:5px 7px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 4px 12px #0f335938}.pie-hover-tooltip:after{content:"";background:#fff;border-bottom:1px solid #96aabecc;border-right:1px solid #96aabecc;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.pie-hover-tooltip strong{font-size:9px}.pie-hover-tooltip span{font-size:10px;font-weight:900}.pie-hover-tooltip small{color:#59718a;font-size:8px}.pie-reset-button{z-index:5;color:#31536f;cursor:pointer;background:#fffffff0;border:1px solid #a9bfd0;border-radius:999px;padding:3px 6px;font-family:inherit;font-size:8px;font-weight:800;position:absolute;top:2px;right:-3px}.legend{width:100%;min-height:0;color:var(--text);flex-flow:wrap;justify-content:center;gap:1px 3px;font-size:7px;display:flex}.legend>button{width:auto;min-height:11px;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:2px;padding:1px 2px;transition:background .12s,opacity .12s;display:flex}.legend>button:hover:not(:disabled){background:#edf6ff}.legend>button.is-selected{background:#dbeeff;outline:1px solid #75b5ea}.legend>button.is-muted{opacity:.48}.legend>button:disabled{cursor:wait}.legend>button>span{border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block}.legend em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.legend b{display:none}.upt-chart{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.uptList{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:4px;height:100%;min-height:0;max-height:none;margin-top:4px;padding-bottom:3px;padding-right:5px;display:flex;overflow-y:auto}.uptList::-webkit-scrollbar{width:7px}.uptList::-webkit-scrollbar-track{background:#e7eff6;border-radius:999px}.uptList::-webkit-scrollbar-thumb{background:#91a8ba;border-radius:999px}.upt-legend{color:#3f5c74;white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:8px;min-height:18px;margin-top:6px;padding-top:3px;font-size:8px;font-weight:700;line-height:1;display:flex}.upt-legend span{align-items:center;gap:3px;display:inline-flex}.upt-legend i{border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 1px 3px #123a5829}.upt-legend i.kh{background:#2f93f0}.upt-legend i.ki{background:#2f5cd5}.upt-legend i.kt{background:#f39f2d}.upt-card{background:linear-gradient(145deg,#fbfffd 0%,#dff5e9 52%,#c8ead8 100%);border:1px solid #2ba66fd6;flex:1 1 0;box-shadow:0 10px 24px #18865938,0 2px 5px #145c4417,inset 0 1px #fff,inset 0 -10px 20px #29a16b1a;min-height:0!important;padding:8px 8px 9px!important}.upt-card>.sectionTitle{flex:none;padding:0 4px 5px}.uptRow{grid-template-columns:120px minmax(0,1fr) 32px;align-items:center;gap:5px;height:28px;min-height:28px;display:grid}.uptName{-webkit-line-clamp:2;text-align:right;color:var(--text-soft);-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.barTrack{background:#edf5fb;border:1px solid #d4e3ef;border-radius:5px;height:22px;display:flex;position:relative;overflow:hidden}.seg{color:#fff;place-items:center;min-width:14px;font-size:9px;font-weight:800;display:grid}.seg.kh{background:#2f93f0}.seg.ki{background:#2f5cd5}.seg.kt{background:#f39f2d}.totalHint{color:#24445e;text-align:right;justify-self:end;font-size:9px;font-weight:900}.empty-visual{min-height:90px;color:var(--text-soft);text-align:center;place-items:center;padding:16px;font-size:12px;display:grid}[aria-busy=true] .metric-card,[aria-busy=true] .map-card,[aria-busy=true] .right-rail{opacity:.72;transition:opacity .12s}.detail-page{max-width:1200px;margin:0 auto;padding:32px 16px 48px}.detail-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin:0 0 8px;font-size:12px;font-weight:800}.detail-header h1{margin:0;font-size:clamp(28px,3vw,42px)}.ghost-button{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.detail-grid{grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px;display:grid}.detail-card{border:1px solid var(--line);box-shadow:0 4px 12px var(--shadow);background:#fff;border-radius:16px;padding:20px}.profile-card{grid-template-columns:90px 1fr 1fr 1fr;align-items:center;gap:18px;display:grid}.avatar-large{background:linear-gradient(#edf7ff,#d9eefb);border-radius:50%;place-items:center;width:78px;height:78px;font-size:34px;display:grid}.detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin-bottom:6px;font-size:11px}.summary-card{flex-direction:column;gap:14px;display:flex}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:10px;display:flex}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-row span{color:var(--text-soft);font-weight:700}.summary-row strong{text-align:right}.detail-table-card{border:1px solid var(--line);box-shadow:0 4px 12px var(--shadow);background:#fff;border-radius:16px;padding:20px}.table-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.table-header h2{margin:0;font-size:22px}.table-header span{color:var(--text-soft);font-size:12px;font-weight:700}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.detail-stats>div{border:1px solid var(--line);background:var(--card-soft);border-radius:12px;padding:16px}.detail-stats label{color:var(--text-soft);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.detail-stats strong{font-size:28px}.skeleton-page{padding-top:20px}.skeleton-grid{grid-template-columns:240px minmax(680px,1fr) 330px;gap:12px;margin-top:12px;display:grid}.skeleton{background:linear-gradient(90deg,#e7edf3 25%,#f6f9fb 50%,#e7edf3 75%) 0 0/200% 100%;border-radius:12px;animation:1.5s linear infinite shimmer}.topbar-skeleton{border-radius:14px 14px 0 0;height:94px}.rail-skeleton,.panel-skeleton{min-height:580px}.error-state{place-items:center;min-height:100vh;padding:24px;display:grid}.error-box{border:1px solid var(--line);width:100%;max-width:440px;box-shadow:0 8px 24px var(--shadow);text-align:center;background:#fff;border-radius:20px;padding:28px 24px}.error-box h2{margin-top:0;margin-bottom:12px}.error-box p{color:var(--text-soft);margin-top:0;margin-bottom:22px}.error-box button{background:linear-gradient(90deg, var(--blue) 0%, var(--green) 100%);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 20px;font-weight:800}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1220px){.page-shell{aspect-ratio:auto;overflow:visible}.dashboard-grid,.right-rail{overflow:visible}.dashboard-grid,.skeleton-grid{grid-template-columns:220px minmax(0,1fr)}.right-rail{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:820px){.metric-traffic-summary{grid-template-columns:repeat(2,minmax(0,1fr))}body{padding:0}.page-shell{height:auto;min-height:100vh;overflow:visible}.topbar{grid-template-columns:1fr;padding:18px 16px}.topbar h1,.dashboard-heading,.topbar-meta{text-align:left;align-items:flex-start}.topbar h1{white-space:normal}.dashboard-grid,.skeleton-grid,.detail-grid,.detail-stats,.metric-row,.filterBar,.ratio-grid,.stat-three{grid-template-columns:1fr}.dashboard-grid{flex:none;height:auto;min-height:0;overflow:visible}.filter-menu{width:100%;max-width:none}.map-top-list{display:none}.map-detail-card{width:calc(100% - 24px);max-height:calc(100% - 110px);top:54px}.map-detail-table-wrap{max-height:180px}.map-detail-table th:first-child,.map-detail-table td:first-child{min-width:135px}.right-rail{height:auto;display:flex}.right-rail .upt-card{flex:none;min-height:0!important}.right-rail .upt-card .uptList{max-height:174px;overflow-y:auto}.profile-card{text-align:center;grid-template-columns:1fr}.avatar-large{margin:0 auto}}