:root{--color-import: #33ccff;--color-export: #64e572;--color-solar: #ffdc3c;--color-gas: #ff9655;--color-bg: #f5f5f3;--color-card-bg: #ffffff;--color-card-border: #e8e6df;--color-text: #1a1a18;--color-text-secondary: #6b6b68}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1280px;margin:0 auto;padding:16px}.app-login{display:contents}@media (max-width: 767px){.app{padding:12px;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:16px}@media (max-width: 767px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:8px;padding:16px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:1rem;font-weight:600}.text-secondary{color:var(--color-text-secondary)}.apexcharts-zoom-icon{display:none!important}.apexcharts-legend-group{display:contents!important}.nav-tabs[data-v-e23ab1ec]{display:flex;gap:4px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:8px;padding:4px;margin-bottom:16px}.nav-tabs a[data-v-e23ab1ec]{flex:1;text-align:center;padding:8px 0;border-radius:6px;text-decoration:none;color:var(--color-text-secondary);font-weight:500}.nav-tabs a.router-link-active[data-v-e23ab1ec]{background:var(--color-import);color:var(--color-text)}@media (max-width: 767px){.nav-tabs[data-v-e23ab1ec]{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;gap:0;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);border:none;border-top:1px solid var(--color-card-border);border-radius:0;box-shadow:0 -2px 8px #0000000f}.nav-tabs a[data-v-e23ab1ec]{padding:14px 0;border-radius:0;font-size:.95rem}.nav-tabs a.router-link-active[data-v-e23ab1ec]{background:transparent;color:var(--color-text);font-weight:700;box-shadow:inset 0 3px 0 var(--color-import)}}.date-nav[data-v-7378bb3b]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:16px}.center[data-v-7378bb3b]{grid-column:2;display:flex;align-items:center;gap:8px}.today-btn[data-v-7378bb3b]{grid-column:3;justify-self:end;display:inline-flex;align-items:center}.today-icon[data-v-7378bb3b]{display:none}.date-nav button[data-v-7378bb3b]{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:6px;padding:8px 14px;font-size:1rem;cursor:pointer;color:var(--color-text)}.date-nav button[data-v-7378bb3b]:hover:not(:disabled){background:var(--color-bg)}.date-nav button[data-v-7378bb3b]:disabled{opacity:.4;cursor:default}.today-btn[data-v-7378bb3b]{font-size:.9rem}.date-nav input[type=date][data-v-7378bb3b]{border:1px solid var(--color-card-border);border-radius:6px;padding:7px 10px;font-size:1rem;font-family:inherit;color:var(--color-text);background:var(--color-card-bg)}@media (max-width: 767px){.today-label[data-v-7378bb3b]{display:none}.today-icon[data-v-7378bb3b]{display:block}.today-btn[data-v-7378bb3b]{padding:7px 9px}}.kpi-card[data-v-4eb65512]{border-radius:8px;padding:14px 16px;border:1px solid}.kpi-card.electricity[data-v-4eb65512]{background:#ebf4fd;border-color:#b5d4f4}.kpi-card.house[data-v-4eb65512]{background:#f0edfa;border-color:#cdc1ed}.kpi-card.solar[data-v-4eb65512]{background:#ebf6e0;border-color:#c0dd97}.kpi-card.gas[data-v-4eb65512]{background:#fef3e2;border-color:#fac775}.kpi-card h3[data-v-4eb65512]{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.kpi-card h3 .icon[data-v-4eb65512]{font-size:1rem}.kpi-value[data-v-4eb65512]{margin:0;font-size:1.7rem;font-weight:700;line-height:1.2}.kpi-unit[data-v-4eb65512]{font-size:.95rem;font-weight:600;color:var(--color-text-secondary)}.kpi-sub[data-v-4eb65512]{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:.85rem;color:var(--color-text-secondary)}.live-dot[data-v-4eb65512]{width:8px;height:8px;border-radius:50%;background:#2ecc71;animation:live-pulse-4eb65512 2s ease-out infinite;flex-shrink:0}@keyframes live-pulse-4eb65512{0%{box-shadow:0 0 #2ecc7199}70%{box-shadow:0 0 0 7px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}.kpi-trend[data-v-4eb65512]{display:inline-flex;align-items:center;gap:4px;margin:8px 0 0;padding:2px 9px;border-radius:999px;font-size:.78rem;font-weight:500}.kpi-trend.neutral[data-v-4eb65512]{background:rgba(0,0,0,.06);color:var(--color-text-secondary)}.kpi-trend.good[data-v-4eb65512]{background:#dcf5e3;color:#177a35}.kpi-trend.bad[data-v-4eb65512]{background:#fde3e1;color:#b3261e}.kpi-trend .arrow[data-v-4eb65512]{font-size:.65rem}@media (max-width: 767px){.kpi-card[data-v-4eb65512]{padding:12px}.kpi-value[data-v-4eb65512]{font-size:1.45rem}.kpi-card h3[data-v-4eb65512]{font-size:.7rem}.kpi-sub[data-v-4eb65512],.kpi-trend[data-v-4eb65512]{font-size:.72rem}}.error[data-v-0f14b43f]{color:#b3261e}.loading[data-v-0f14b43f]{text-align:center}.month-nav[data-v-f0d7e42d]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:16px}.center[data-v-f0d7e42d]{grid-column:2;display:flex;align-items:center;gap:8px}.month-nav button[data-v-f0d7e42d]{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:6px;padding:8px 14px;font-size:1rem;cursor:pointer;color:var(--color-text)}.month-nav button[data-v-f0d7e42d]:hover:not(:disabled){background:var(--color-bg)}.month-nav button[data-v-f0d7e42d]:disabled{opacity:.4;cursor:default}.label[data-v-f0d7e42d]{min-width:150px;text-align:center;font-weight:600}.current-btn[data-v-f0d7e42d]{grid-column:3;justify-self:end;font-size:.9rem;display:inline-flex;align-items:center}.current-icon[data-v-f0d7e42d]{display:none}@media (max-width: 767px){.current-label[data-v-f0d7e42d]{display:none}.current-icon[data-v-f0d7e42d]{display:block}.current-btn[data-v-f0d7e42d]{padding:7px 9px}}.error[data-v-f0d7e42d]{color:#b3261e}.loading[data-v-f0d7e42d]{text-align:center}.hint[data-v-f0d7e42d]{margin:-6px 0 8px;font-size:.8rem}.range-label[data-v-67e14886]{text-align:center;margin:-4px 0 12px;font-size:.85rem}.error[data-v-67e14886]{color:#b3261e}.loading[data-v-67e14886]{text-align:center}.hint[data-v-67e14886]{margin:-6px 0 8px;font-size:.8rem}.error[data-v-0972acca]{color:#b3261e}.loading[data-v-0972acca]{text-align:center}.logout-row[data-v-0972acca]{display:flex;justify-content:center;margin:8px 0 4px}.logout-btn[data-v-0972acca]{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:8px;padding:10px 22px;font-size:.9rem;font-family:inherit;color:var(--color-text-secondary);cursor:pointer}.logout-btn[data-v-0972acca]:hover{background:var(--color-bg);color:var(--color-text)}.detail-grid[data-v-0972acca]{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 767px){.detail-grid[data-v-0972acca]{grid-template-columns:1fr}}.detail-grid table[data-v-0972acca]{width:100%;border-collapse:collapse;font-size:.9rem}.detail-grid th[data-v-0972acca]{text-align:left;padding:6px 4px;border-bottom:2px solid var(--color-card-border)}.detail-grid td[data-v-0972acca]{padding:6px 4px;border-bottom:1px solid var(--color-card-border)}.detail-grid td[data-v-0972acca]:last-child{text-align:right;font-variant-numeric:tabular-nums}.login-page[data-v-71d05c0e]{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(150deg,#ebf4fd 0%,#f5f5f3 45%,#fef3e2 100%)}.login-card[data-v-71d05c0e]{width:100%;max-width:360px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:14px;padding:28px 24px;box-shadow:0 10px 30px #00000014}.brand[data-v-71d05c0e]{text-align:center;margin-bottom:22px}.brand-icon[data-v-71d05c0e]{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#fff7d6;border:1px solid #fac775;font-size:1.6rem;margin-bottom:10px}.brand h1[data-v-71d05c0e]{margin:0;font-size:1.3rem;font-weight:700;color:var(--color-text)}.subtitle[data-v-71d05c0e]{margin:4px 0 0;font-size:.9rem;color:var(--color-text-secondary)}.field[data-v-71d05c0e]{display:block}.label-text[data-v-71d05c0e]{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.input-wrap[data-v-71d05c0e]{position:relative}.input-wrap input[data-v-71d05c0e]{width:100%;box-sizing:border-box;padding:11px 44px 11px 12px;font-size:1rem;font-family:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-card-border);border-radius:8px;outline:none}.input-wrap input[data-v-71d05c0e]:focus{border-color:var(--color-import);box-shadow:0 0 0 3px #33ccff40}.input-wrap input.has-error[data-v-71d05c0e]{border-color:#e0a3a0}.toggle[data-v-71d05c0e]{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.05rem;padding:4px 6px;line-height:1}.error[data-v-71d05c0e]{margin:10px 0 0;font-size:.85rem;color:#b3261e}.submit[data-v-71d05c0e]{width:100%;margin-top:18px;padding:12px;font-size:1rem;font-weight:600;font-family:inherit;color:var(--color-text);background:var(--color-import);border:1px solid #1fb6ec;border-radius:8px;cursor:pointer;transition:filter .15s}.submit[data-v-71d05c0e]:hover:not(:disabled){filter:brightness(.96)}.submit[data-v-71d05c0e]:disabled{opacity:.55;cursor:default}