:root{--bg: #0e1116;--panel: #161b22;--panel-2: #1c232d;--border: #262d38;--grid: #232b36;--text: #e6edf3;--muted: #8b949e;--accent: #ffb020;--accent-soft: rgba(255, 176, 32, .14);--bar: #3b82f6;--gen: #2ecc71;--gen-soft: rgba(46, 204, 113, .13);--exp: #a7f3d0;--exp-total: rgba(167, 243, 208, .42);--exp-soft: rgba(167, 243, 208, .12);--ok: #3fb950;--err: #f85149;--busy: #d29922;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:1040px;margin:0 auto;padding:32px 20px 48px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.title{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}.subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.refresh-btn{background:var(--accent);color:#1a1200;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .05s}.refresh-btn:hover:not(:disabled){opacity:.9}.refresh-btn:active:not(:disabled){transform:translateY(1px)}.refresh-btn:disabled{opacity:.5;cursor:default}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.toolbar-spacer{flex:1}.tabs{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px}.tab{padding:7px 16px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:600;border-radius:7px;cursor:pointer;transition:background .12s,color .12s}.tab:hover{color:var(--text)}.tab--active{background:var(--accent);color:#1a1200}.month-label{min-width:120px;text-align:center;font-size:14px;font-weight:600;line-height:1.25}.month-range{display:block;font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap}.panel-hint{font-weight:400;font-size:12px;color:var(--muted)}.datepicker{display:flex;align-items:center;gap:6px}.dp-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:18px;line-height:1;cursor:pointer}.dp-btn:hover:not(:disabled){background:var(--panel-2)}.dp-btn:disabled{opacity:.35;cursor:default}.dp-input{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;color-scheme:dark}.dp-today{height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:13px;cursor:pointer}.dp-today:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.dp-today:disabled{opacity:.35;cursor:default}.badge-slot{display:inline-flex;align-items:center;min-width:46px}.today-badge{padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600}.today-badge--fc{background:var(--exp-soft);color:var(--exp)}.today-badge--day{background:var(--panel-2);color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}.stat-card--accent{background:linear-gradient(160deg,var(--accent-soft),var(--panel) 70%);border-color:#ffb02059}.stat-card--gen{background:linear-gradient(160deg,var(--gen-soft),var(--panel) 70%);border-color:#2ecc7152}.stat-card--exp{background:linear-gradient(160deg,var(--exp-soft),var(--panel) 70%);border-color:#a7f3d04d}.stat-label{color:var(--muted);font-size:13px;margin-bottom:10px}.stat-value{font-size:24px;font-weight:700;letter-spacing:-.02em}.stat-sub{margin-top:6px;color:var(--muted);font-size:12px}.bill{margin-bottom:20px}.bill-toggle{width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.bill-toggle:hover{border-color:var(--accent)}.bill-body{border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;padding:16px;background:var(--panel)}.bill-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.bill-col-title{font-size:13px;font-weight:700;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border)}.bill-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px}.bill-row--strong{font-weight:700;border-top:1px solid var(--border);margin-top:2px}.bill-label{color:var(--muted)}.bill-row--strong .bill-label{color:var(--text)}.bill-won{font-variant-numeric:tabular-nums;white-space:nowrap}.bill-note{color:var(--muted);font-size:11px;font-weight:400}.bill-foot{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;line-height:1.7}.bill-foot code{font-size:10px;background:var(--bg);padding:1px 5px;border-radius:4px}.chart-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.panel-title{margin:0 0 16px;font-size:15px;font-weight:600}.chart-empty{height:280px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.chart-legend{display:flex;gap:16px;margin:-6px 0 10px}.legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.tooltip{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px}.tooltip-hour{color:var(--muted);margin-bottom:2px}.tooltip-value{font-weight:600}.tooltip-value--gen{color:var(--gen)}.tooltip-value--exp{color:var(--exp)}.tooltip-value--exp-total{color:var(--exp-total);font-weight:400}.statusbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--muted);flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot--ok{background:var(--ok)}.dot--err{background:var(--err)}.dot--busy{background:var(--busy);animation:pulse 1.2s infinite}.statusbar-text{color:var(--text)}.statusbar-meta{color:var(--muted);font-size:12px;padding-left:10px;border-left:1px solid var(--border)}@media (max-width: 560px){.statusbar-meta{padding-left:0;border-left:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.banner{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}.banner--err{background:#f851491f;border:1px solid rgba(248,81,73,.4);color:#ffb3ae}.loading{padding:60px;text-align:center;color:var(--muted)}.footer{margin-top:28px;text-align:center;color:var(--muted);font-size:12px}@media (max-width: 760px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.cards{grid-template-columns:1fr}}