@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#e9f2f4;background:#071b2a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#154455 0,transparent 36%),#071b2a}.shell{max-width:1440px;margin:auto;padding:0 36px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #294554}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.06em;font-size:20px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:#28c6a5;color:#073243;border-radius:10px;font-size:26px;letter-spacing:-.12em;padding-right:3px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.1em;color:#75a4ae}.top-actions{display:flex;align-items:center;gap:18px}.private-tag{border:1px solid #4b7d81;border-radius:99px;padding:6px 12px;color:#9ddbcf;font-size:12px}.lang-toggle,.all-button{border:1px solid #42616d;color:#e9f2f4;background:#123444;border-radius:8px;padding:8px 12px;cursor:pointer}.lang-toggle:hover,.all-button:hover{background:#1c5261}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:45px 0 31px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.17em;font-weight:700;color:#37c9a9}.hero h1{font-size:clamp(30px,4vw,48px);margin:10px 0 12px;letter-spacing:-.05em;line-height:1.18}.subtitle{font-size:15px;color:#9cb6c1;margin:0}.time-box{text-align:right;min-width:230px}.time-box span,.time-box strong,.time-box em{display:block}.time-box span{color:#9ab5be;font-size:12px}.time-box strong{font-size:15px;margin-top:6px;white-space:nowrap}.freshness{font-size:11px;font-style:normal;color:#65d7b8;margin-top:6px}.freshness.stale{color:#f1bd74}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.metric,.panel{background:#0d293a;border:1px solid #234455;border-radius:16px}.metric{padding:21px 22px;min-height:144px;display:flex;flex-direction:column}.metric span{color:#a9c0c8;font-size:13px}.metric strong{font-size:40px;letter-spacing:-.05em;margin-top:7px;line-height:1.25}.metric small{margin-top:auto;color:#7496a2;font-size:11px}.metric.accent strong{color:#64dec2}.main-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:17px}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.panel h2{font-size:20px;letter-spacing:-.035em;margin:7px 0 0}.panel-hint{color:#789aa5;font-size:11px;text-align:right}.map-panel{min-height:560px;position:relative;overflow:hidden}.map-wrap{height:432px;position:relative;max-width:490px;margin:13px auto 0}.map-shape{width:100%;height:100%;filter:drop-shadow(0 16px 23px #00152399)}.map-point{position:absolute;border:1px solid #58a99f;border-radius:50%;background:#0b4b53df;color:white;box-shadow:0 0 0 7px #34c8ad20,0 9px 22px #001923aa;width:80px;height:80px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .2s,background .2s}.map-point span{font-size:11px}.map-point strong{font-size:24px;line-height:1.15}.map-point:hover,.map-point.active{transform:scale(1.09);background:#187c7a;border-color:#8ef1d7}.map-point.capital{left:17%;top:29%}.map-point.gangwon{left:53%;top:19%}.map-point.chungcheong{left:32%;top:45%}.map-point.gyeongsang{left:56%;top:59%}.map-point.jeolla{left:20%;top:68%}.map-footer{display:flex;align-items:center;gap:8px;color:#8caeb9;font-size:11px;border-top:1px solid #234455;padding-top:14px}.legend-dot{width:7px;height:7px;background:#49d4b4;border-radius:50%}.other-count{margin-left:auto}.detail-panel{min-height:560px}.selected-number{display:flex;align-items:baseline;gap:12px;padding:38px 0 26px;border-bottom:1px solid #234455}.selected-number strong{font-size:76px;letter-spacing:-.07em;color:#66dfc5;line-height:1}.selected-number span{font-size:13px;color:#a0bbc2}.ratio-block{padding:27px 0}.ratio-block>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#b6cad0}.ratio-block strong{color:#e9f2f4}.track{background:#1d3d4b;border-radius:10px;height:9px;overflow:hidden;margin:13px 0 8px}.track>div{background:linear-gradient(90deg,#1b9e95,#77e9c6);height:100%;width:0;border-radius:10px;transition:width .25s}.ratio-block small{font-size:11px;color:#7899a4}.event-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;border-top:1px solid #234455;padding-top:24px}.event-head small{color:#7e9da7;font-size:10px;font-weight:400}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.event-grid>div{background:#123446;border:1px solid #254657;border-radius:12px;padding:14px;min-height:95px;display:flex;flex-direction:column;gap:7px}.event-grid span:not(.event-dot){font-size:12px;color:#a9c2c9}.event-grid strong{font-size:26px}.event-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.teal{background:#5bdfc3}.amber{background:#edbd70}.coral{background:#ed8c82}.pending{display:flex;gap:12px;align-items:flex-start;background:#253a44;border:1px solid #526b70;border-radius:10px;padding:12px 14px;margin-top:19px}.pending>span{border-radius:50%;display:grid;place-items:center;width:18px;height:18px;flex:none;background:#dba862;color:#17303a;font-size:12px;font-weight:700}.pending p{margin:0;font-size:11px;color:#bccdd0;line-height:1.55}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.bottom-grid .panel{min-height:215px}.receipt-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 12px}.receipt-values>div{display:flex;flex-direction:column}.receipt-values strong{font-size:33px}.receipt-values span,#lastSensorHour{color:#8fabb5;font-size:12px;margin:2px 0}.method-panel ul{padding-left:17px;margin:18px 0 0;color:#9db7bf;font-size:12px;line-height:1.9}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #294554;margin:28px 0 0;padding:20px 0 32px;font-size:11px;color:#6f939f}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.main-grid,.bottom-grid{grid-template-columns:1fr}.map-panel,.detail-panel{min-height:auto}.map-wrap{height:400px}}@media(max-width:600px){.shell{padding:0 16px}.topbar{height:68px}.brand{font-size:15px}.brand small{font-size:8px}.private-tag{display:none}.hero{display:block;padding:32px 0 23px}.time-box{text-align:left;margin-top:20px}.metrics{gap:8px}.metric{padding:16px;min-height:126px}.metric span{font-size:11px}.metric strong{font-size:32px}.panel{padding:19px}.map-wrap{height:350px}.map-point{width:64px;height:64px}.map-point span{font-size:9px}.map-point strong{font-size:20px}.event-grid{gap:5px}.event-grid>div{padding:9px}.event-grid span:not(.event-dot){font-size:10px}.event-grid strong{font-size:22px}.selected-number strong{font-size:58px}.selected-number span{font-size:11px}.event-head{display:block}.event-head small{display:block;margin-top:5px}footer{display:block}footer span{display:block;margin-bottom:6px}}