:root{--bg: #f4f6fb;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--brand: #2a55d6;--brand-soft: #eef4ff;--up: #dc2626;--down: #2563eb;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}#app{max-width:960px;margin:0 auto;padding:0 16px 48px}.app-header{padding:32px 0 8px}.app-header__eyebrow{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:600}.app-header__title{margin:4px 0 6px;font-size:28px;font-weight:800}.app-header__desc{margin:0;color:var(--muted);max-width:640px}.tabs{display:flex;gap:4px;margin:16px 0 20px;border-bottom:1px solid var(--border)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:10px 16px;font-size:15px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.is-active{color:var(--brand);border-bottom-color:var(--brand)}.panel{display:none}.panel.is-active{display:block}.panel__hint{margin:4px 0 16px;font-size:13px;color:var(--muted)}.kpis,.trends__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi__label{font-size:12px;color:var(--muted)}.kpi__value{font-size:20px;font-weight:700}.kpi__value.is-up{color:var(--up)}.kpi__value.is-down{color:var(--down)}.district-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.district-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease;font:inherit;color:inherit}.district-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0f}.district-card.is-selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.district-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.district-card__name{font-size:16px;font-weight:700}.district-card__en{font-size:11px;color:var(--muted)}.district-card__stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.district-card__stats div{display:flex;justify-content:space-between;gap:6px}.district-card__stats dt{color:var(--muted);font-size:12px;margin:0}.district-card__stats dd{margin:0;font-size:13px;font-weight:600}.district-card__foot{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.calc{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.calc__form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:13px;color:var(--muted);font-weight:500}.field input,.field select{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface);color:var(--text)}.field input:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.calc__result{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.calc__total{display:flex;flex-direction:column;gap:2px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--border)}.calc__total-label{font-size:13px;color:var(--muted)}.calc__total-value{font-size:28px;font-weight:800;color:var(--brand)}.calc__total-sub{font-size:13px;color:var(--muted)}.calc__breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.calc__breakdown li{display:flex;justify-content:space-between;font-size:14px}.calc__breakdown span:first-child{color:var(--muted)}.calc__breakdown span:last-child{font-weight:600}.calc__convert{grid-column:1 / -1;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.calc__convert h3{margin:0 0 10px;font-size:15px}.calc__convert-out{margin:10px 0 0;font-size:14px;font-weight:600;color:var(--text)}.trends__controls{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:16px}.trends__controls .field{min-width:220px}.trends__caption{margin:0;color:var(--muted);font-size:13px}.trends__chart{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.chart{width:100%;height:auto;display:block}.chart__grid{stroke:#eef2f7;stroke-width:1}.chart__area{fill:#2a55d614;stroke:none}.chart__line{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart__dot{fill:var(--brand)}.chart__xlabel{fill:var(--muted);font-size:11px}.app-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);text-align:center}@media (max-width: 640px){.calc{grid-template-columns:1fr}.app-header__title{font-size:24px}}