:root{--background:#f7f3ea;--foreground:#14231d;--surface:#ffffff;--surface-2:#f0ebe1;--muted:#66716b;--muted-2:#8a928d;--border:#ded6c8;--border-soft:#eee8dd;--primary:#103935;--primary-2:#16533f;--primary-3:#1f7358;--primary-foreground:#F6D7DD;--success:#23694f;--success-bg:#e7f2ec;--warning:#946019;--warning-bg:#fbefd8;--danger:#9a3328;--danger-bg:#f8e7e3;--heatmap-zero:#f4f1ea;--heatmap-level-1:#d1fae5;--heatmap-level-2:#6ee7b7;--heatmap-level-3:#10b981;--heatmap-level-4:#047857;--radius:10px;--radius-lg:18px;--shadow-sm:0 1px 2px rgba(20,35,29,0.06);--shadow-md:0 16px 38px rgba(20,35,29,0.14);--font-sans:var(--font-inter),Inter,ui-sans-serif,system-ui,sans-serif;--font-mono:var(--font-mono-next),"JetBrains Mono",ui-monospace,monospace;--type-display:56px;--line-display:56px;--type-stat-xl:48px;--line-stat-xl:48px;--type-h1:24px;--line-h1:28px;--type-stat:24px;--line-stat:24px;--type-h2:20px;--line-h2:24px;--type-title:16px;--line-title:22px;--type-body:14px;--line-body:21px;--type-body-sm:13px;--line-body-sm:19px;--type-caption:12px;--line-caption:18px;--type-eyebrow:11px;--line-eyebrow:16px;--tracking-display:-0.03em;--tracking-heading:-0.02em;--tracking-title:-0.01em;--tracking-eyebrow:0.14em}*{box-sizing:border-box}html{min-height:100%}body,html{background:var(--background)}body{margin:0;min-height:100vh;color:var(--foreground);font-family:var(--font-sans);font-size:var(--type-body);line-height:var(--line-body);font-feature-settings:"cv02","cv03","cv04","cv11";font-synthesis:none;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono{font-family:var(--font-mono);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500}.fade-in{animation:fade-in .3s ease-out both}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.45)}}@keyframes flow{0%{stroke-dashoffset:45}50%{opacity:1}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.energy-flow-live-path{animation:none;stroke-dasharray:none}.production-view-enter{animation:none}.production-heatmap-cell,.production-heatmap-tooltip{transition:none;animation:none}}.animate-pulse{animation:skeleton-pulse 1.8s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.56}50%{opacity:1}}.skeleton{display:block;border-radius:8px;background:color-mix(in srgb,var(--muted) 18%,transparent)}.skeleton-on-primary{background:rgba(247,243,234,.18)}.skeleton-line{height:10px}.skeleton-heading{height:30px}.skeleton-heading-sm{height:22px}.skeleton-value{height:56px}.skeleton-pill{height:28px;border-radius:999px}.skeleton-button{width:100%;height:42px;border-radius:10px}.skeleton-balance{width:220px;height:48px}.skeleton-energy-flow{width:min(100%,680px);height:500px;margin:10px auto 0}.skeleton-reading{min-height:68px;border-radius:12px}.skeleton-icon{width:36px;height:36px;border-radius:10px;flex:0 0 auto}.skeleton-icon-sm{width:16px;height:16px;border-radius:999px;flex:0 0 auto}.skeleton-logo{border-radius:0}.skeleton-avatar,.skeleton-logo{width:36px;height:36px;flex:0 0 auto}.skeleton-avatar{border-radius:999px}.skeleton-avatar-lg{width:60px;height:60px;border-radius:999px;flex:0 0 auto}.skeleton-switcher{width:min(310px,58vw);height:42px;border-radius:999px}.skeleton-issue-button{height:58px;border-radius:12px}.skeleton-textarea{height:120px;border-radius:12px}.skeleton-faq-row{height:51px;border-top:1px solid var(--border-soft);border-radius:0}.skeleton-step{display:flex;gap:14px}.skeleton-stack{min-width:0;flex:1 1;display:grid;grid-gap:7px;gap:7px}.skeleton-centered{margin-inline:auto}.skeleton-w-10{width:2.5rem}.skeleton-w-12{width:3rem}.skeleton-w-16{width:4rem}.skeleton-w-20{width:5rem}.skeleton-w-24{width:6rem}.skeleton-w-28{width:7rem}.skeleton-w-32{width:8rem}.skeleton-w-36{width:9rem}.skeleton-w-40{width:10rem}.skeleton-w-44{width:11rem}.skeleton-w-48{width:12rem}.skeleton-w-52{width:13rem}.skeleton-w-56{width:14rem}.skeleton-w-64{width:16rem;max-width:100%}.app-shell{min-height:100vh}.viewing-as-banner{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:var(--warning,#b45309);color:#fff;font-size:var(--type-caption);line-height:var(--line-caption);font-weight:600;text-align:center}.viewing-as-banner button{border:1px solid rgba(255,255,255,.6);border-radius:7px;background:transparent;color:#fff;padding:3px 10px;font-weight:600;cursor:pointer}.impersonate-form{display:grid;grid-gap:8px;gap:8px;max-width:360px;margin-top:12px}.impersonate-form input{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:var(--type-body)}.impersonate-form button{justify-self:start;border:0;border-radius:10px;background:var(--primary-3,#1f7358);color:#fff;padding:9px 16px;font-weight:600}.impersonate-form button:disabled{opacity:.5}.impersonate-error{margin:0;color:var(--danger,#b91c1c);font-size:var(--type-caption)}.admin-view-as-link{font-size:var(--type-caption);font-weight:600;color:var(--primary-3,#1f7358);text-decoration:none;white-space:nowrap}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(222,214,200,.8);background:rgba(247,243,234,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-topbar-inner{max-width:1240px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{display:inline-flex;align-items:center;gap:9px;min-width:0}.wordmark-mark{width:36px;height:36px;border-radius:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(14,58,44,.18);background:var(--surface);flex:0 0 auto;box-shadow:var(--shadow-sm)}.wordmark-mark img{width:100%;height:100%;object-fit:cover}.wordmark-copy{display:grid;grid-gap:2px;gap:2px;line-height:1}.wordmark-title{font-weight:700;letter-spacing:.06em;font-size:var(--type-body);line-height:var(--line-body);text-transform:uppercase}.wordmark-subtitle{color:var(--muted);font-size:9px;line-height:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.app-topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}.app-frame{max-width:1240px;margin:0 auto;display:flex;align-items:flex-start}.app-main{flex:1 1;min-width:0;width:100%;max-width:640px;margin:0 auto;padding:16px 16px 96px}.blocked-access-page{min-height:100svh;padding:24px;display:grid;place-items:center;background:var(--background)}.blocked-access-panel{width:min(100%,420px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:grid;grid-gap:18px;gap:18px;background:var(--card);box-shadow:var(--shadow-sm)}.blocked-access-panel h1{margin:6px 0 8px;font-size:var(--type-title);line-height:var(--line-title);letter-spacing:var(--tracking-heading)}.blocked-access-panel p{margin:0;color:var(--muted);font-size:var(--type-body);line-height:var(--line-body)}.application-error-panel{gap:20px}.application-error-mark{width:48px;height:48px}.application-error-actions{display:grid;grid-gap:10px;gap:10px}.application-error-panel .application-error-reference{color:var(--muted-2);font-family:var(--font-mono);font-size:var(--type-caption);line-height:var(--line-caption);text-align:center}.screen-route-key,.screen-stack{display:grid;grid-gap:16px;gap:16px}.screen-heading{padding:4px 4px 0;display:grid;grid-gap:4px;gap:4px}.screen-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.screen-heading span,.section-eyebrow{color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.screen-heading h1{margin:0;font-size:var(--type-h1);line-height:var(--line-h1);font-weight:600;letter-spacing:var(--tracking-heading)}.screen-heading p{margin:4px 0 0;color:var(--muted);font-size:var(--type-body-sm);line-height:var(--line-body-sm)}.screen-context{padding:6px 10px;color:var(--muted);font-family:var(--font-mono);font-weight:500}.screen-context,.system-details-link{border:1px solid var(--border);border-radius:999px;font-size:var(--type-caption);line-height:var(--line-caption)}.system-details-link{min-height:34px;flex-shrink:0;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;background:var(--card);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.system-details-link svg:first-child{color:var(--primary-3)}.system-details-link svg:last-child{color:var(--muted);transition:transform .16s ease}.system-details-link:hover{border-color:var(--border-strong);background:var(--surface-2)}.system-details-link:hover svg:last-child{transform:translateX(2px)}.system-details-label-short{display:none}.desktop-nav{width:220px;flex:0 0 220px;position:-webkit-sticky;position:sticky;top:70px;align-self:flex-start;padding:16px 8px 8px;display:none}.desktop-nav-label{padding:0 12px 6px;color:var(--muted);font-size:10px;line-height:var(--line-eyebrow);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.desktop-nav-items{display:grid;grid-gap:2px;gap:2px}.desktop-nav-item{min-height:37px;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:var(--type-body);line-height:var(--line-body);font-weight:400;transition:background .16s ease,color .16s ease}.desktop-nav-item:hover{background:var(--surface-2);color:var(--foreground)}.desktop-nav-item.is-active{background:var(--primary);color:var(--primary-foreground);font-weight:600}.skeleton-desktop-nav{display:none}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:2px;gap:2px;padding:6px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:rgba(247,243,234,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav-item{min-height:52px;border-radius:8px;display:grid;place-items:center;grid-gap:3px;gap:3px;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500}.bottom-nav-icon{width:40px;height:28px;border-radius:999px;display:grid;place-items:center}.bottom-nav-item.is-active{color:var(--primary)}.bottom-nav-item.is-active .bottom-nav-icon{background:#dcece3}.property-switcher{position:relative;min-width:0}.property-switcher-trigger{min-height:42px;max-width:min(310px,58vw);border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--foreground);padding:7px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm)}.property-switcher-flag{min-width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);font-size:18px;line-height:1}.property-switcher-copy{min-width:0;display:grid;grid-gap:2px;gap:2px;text-align:left;line-height:1.1}.property-switcher-copy span{color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.property-switcher-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-caption);line-height:var(--line-caption)}.property-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 24px));max-height:70vh;overflow:auto;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-md);z-index:60}.property-switcher-heading,.section-list-title{padding:8px 10px;color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.property-switcher-group-title{padding:8px 10px 6px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:600}.property-switcher-group-flag{font-size:16px;line-height:1}.property-switcher-currency{margin-left:auto;font-family:var(--font-mono);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500}.property-switcher-option{border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:12px}.property-switcher-option.is-active,.property-switcher-option:hover{background:#e6f0eb}.property-switcher-option-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary)}.property-switcher-option-copy{min-width:0;flex:1 1;display:grid;grid-gap:2px;gap:2px}.property-switcher-option-copy span,.property-switcher-option-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-switcher-option-copy strong{font-size:var(--type-title);line-height:var(--line-title);font-weight:600}.property-switcher-option-copy span{color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.balance-card,.identity-card,.portal-card,.status-hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.portal-card{padding:18px}.portal-card.no-padding{padding:0;overflow:hidden}.card-heading h2,.card-title,.list-heading h2{margin:0;color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.card-heading,.list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.energy-flow-card .card-heading{align-items:center}.energy-flow-last-reading{margin-left:auto;color:var(--muted);font-size:var(--type-caption);font-weight:700;white-space:nowrap}.icon-button .is-spinning{animation:energy-flow-spin .9s linear infinite}@keyframes energy-flow-spin{to{transform:rotate(1turn)}}.inline-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px}.inline-panel h2,.inline-panel p{margin:0}.inline-panel h2{font-size:var(--type-title);line-height:var(--line-title)}.inline-panel p{margin-top:3px;color:var(--muted);font-size:var(--type-body);line-height:var(--line-body)}.panel-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#e6f0eb;color:var(--primary);flex:0 0 auto}.card-heading.stacked{margin-bottom:14px;display:grid;justify-content:stretch;grid-gap:3px;gap:3px}.list-heading{padding:20px 20px 8px}.card-heading span,.list-heading span{color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.text-button{border:0;background:transparent;color:var(--primary-3);font-weight:600}.text-button:disabled{cursor:wait;opacity:.65}.dashboard-action-banner{width:100%;min-height:74px;border:1px solid color-mix(in srgb,var(--warning) 38%,transparent);border-radius:var(--radius-lg);padding:14px 16px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;background:color-mix(in srgb,var(--warning-bg) 62%,var(--surface));color:var(--text);text-align:left;box-shadow:var(--shadow-sm);transition:border-color .16s ease,background .16s ease}.dashboard-action-banner:hover{border-color:color-mix(in srgb,var(--warning) 58%,transparent);background:color-mix(in srgb,var(--warning-bg) 78%,var(--surface))}.dashboard-action-banner.is-info,.dashboard-action-banner.is-info:hover,.dashboard-action-banner.is-processing,.dashboard-action-banner.is-processing:hover{border-color:color-mix(in srgb,var(--primary-3) 32%,transparent);background:color-mix(in srgb,var(--surface-2) 62%,var(--surface));cursor:default}.dashboard-action-banner.is-info .dashboard-action-icon,.dashboard-action-banner.is-processing .dashboard-action-icon{background:color-mix(in srgb,var(--primary-3) 14%,transparent);color:var(--primary-3)}.dashboard-action-banner.is-info .dashboard-action-eyebrow,.dashboard-action-banner.is-processing .dashboard-action-eyebrow{color:var(--primary-3)}.dashboard-action-banner.is-info .dashboard-action-copy small,.dashboard-action-banner.is-info .dashboard-action-copy strong,.dashboard-action-banner.is-processing .dashboard-action-copy small{white-space:normal}.dashboard-action-banner.is-info .dashboard-action-copy{gap:6px}.dashboard-action-dismiss{align-self:start;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.dashboard-action-dismiss:hover{background:var(--surface-2);color:var(--foreground)}.dashboard-action-icon{width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.dashboard-action-copy{min-width:0;display:grid;grid-gap:2px;gap:2px}.dashboard-action-eyebrow{color:var(--warning);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.dashboard-action-copy strong{overflow:hidden;color:var(--text);font-size:var(--type-body);line-height:var(--line-body);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.dashboard-action-copy small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.dashboard-action-copy small,.dashboard-action-cta{font-size:var(--type-caption);line-height:var(--line-caption)}.dashboard-action-cta{display:inline-flex;align-items:center;gap:4px;color:var(--warning);font-weight:700}.status-hero{position:relative;overflow:hidden;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;color:var(--primary-foreground);background:linear-gradient(155deg,var(--primary),var(--primary-2) 65%,var(--primary-3))}.status-hero-main{display:grid;grid-gap:10px;gap:10px}.status-badge,.status-pill{width:-moz-fit-content;width:fit-content;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.status-badge{background:var(--surface-2);color:var(--muted)}.status-pill{padding:6px 10px}.status-badge{padding:4px 9px}.status-badge.is-install-completed,.status-badge.is-install_completed,.status-badge.is-paid,.status-badge.is-resolved,.status-badge.is-success,.status-pill.is-success{background:var(--success-bg);color:var(--success)}.status-badge.is-due,.status-badge.is-in-progress,.status-badge.is-in_progress,.status-badge.is-pending-install,.status-badge.is-pending_install,.status-badge.is-warning,.status-pill.is-warning{background:var(--warning-bg);color:var(--warning)}.status-badge.is-danger,.status-badge.is-overdue,.status-badge.is-urgent,.status-pill.is-danger{background:var(--danger-bg);color:var(--danger)}.status-badge.is-open,.status-pill.is-muted{background:var(--surface-2);color:var(--muted)}.status-hero .section-eyebrow{color:rgba(247,243,234,.72)}.generation-caption-headline{margin:2px 0 0;max-width:680px;color:var(--primary-foreground);font-size:clamp(1.5rem,1.18rem + 1.15vw,2.35rem);line-height:1.08;font-weight:420;letter-spacing:0;font-style:oblique 10deg;font-synthesis:style;text-shadow:0 12px 26px rgba(0,0,0,.16);transform:skewX(-3deg);transform-origin:left center}.status-dot{width:8px;height:8px;border-radius:999px;background:currentColor;animation:pulse-dot 1.8s ease-in-out infinite}.status-hero-value{display:flex;align-items:baseline;gap:7px}.status-hero-value strong{font-size:var(--type-display);line-height:var(--line-display);font-weight:600;letter-spacing:var(--tracking-display)}.status-hero-value span{opacity:.72;font-size:var(--type-title);line-height:var(--line-title);font-weight:500}.status-hero-sync{display:flex;align-items:center;gap:6px;opacity:.72;font-size:var(--type-caption);line-height:var(--line-caption)}.hero-micro-card{min-width:118px;align-self:start;padding:11px 12px;border:1px solid rgba(247,243,234,.16);border-radius:12px;background:rgba(247,243,234,.08);display:grid;grid-gap:4px;gap:4px;text-align:right}.hero-micro-card small,.hero-micro-card span{opacity:.72;font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.hero-micro-card strong{font-size:var(--type-title);line-height:var(--line-title);font-weight:600}.sparkline-panel{grid-column:1/-1;padding-top:16px;border-top:1px solid rgba(247,243,234,.14);display:grid;grid-gap:12px;gap:12px}.sparkline-heading{display:flex;justify-content:space-between;gap:10px;opacity:.76;font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.generation-caption-body{margin:0;max-width:68ch;color:rgba(247,243,234,.84);font-size:var(--type-body);line-height:var(--line-body)}.reading-summary{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.reading-summary div{border:1px solid rgba(247,243,234,.14);border-radius:12px;background:rgba(247,243,234,.08);padding:12px;display:grid;grid-gap:4px;gap:4px}.reading-summary dt{opacity:.72;font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.reading-summary dd{margin:0;font-size:var(--type-title);line-height:var(--line-title);font-weight:600}.sparkline-panel .empty-state{min-height:86px;padding:14px;border:1px solid rgba(247,243,234,.14);border-radius:12px;background:rgba(247,243,234,.08);color:rgba(247,243,234,.78)}.sparkline-panel .empty-state-icon{background:rgba(247,243,234,.12);color:var(--primary-foreground)}.today-production-chart{display:grid;grid-gap:8px;gap:8px}.today-production-chart svg{width:100%;height:58px;display:block}.today-production-axis{display:flex;justify-content:space-between;color:rgba(247,243,234,.52);font-size:10px;line-height:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.contact-grid,.impact-grid,.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.impact-grid,.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:14px;display:grid;grid-gap:5px;gap:5px}.stat-card span{color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.stat-card strong{color:var(--foreground);font-size:var(--type-stat);line-height:var(--line-stat);font-weight:600;letter-spacing:var(--tracking-heading);overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card strong small{margin-left:4px;letter-spacing:0}.stat-card em,.stat-card strong small{color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.stat-card em{font-style:normal}.stat-trend{display:inline-flex;align-items:center;gap:3px;font-size:var(--type-caption);line-height:var(--line-caption);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.production-card{display:grid;grid-gap:14px;gap:14px}.production-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px}.production-card-controls{display:contents}.production-tabs{grid-column:2;justify-self:center;height:38px;border:0;border-radius:12px;background:var(--surface-2);padding:4px;display:inline-flex;align-items:center;gap:2px}.production-tabs button{min-width:62px;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}.production-tabs button:not(.is-active):hover{color:var(--foreground)}.production-tabs button.is-active{background:var(--surface);color:var(--foreground);font-weight:650;box-shadow:var(--shadow-sm)}.production-view-toggle{grid-column:3;justify-self:end;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:0;display:inline-flex;align-items:stretch;gap:0;overflow:hidden;box-shadow:var(--shadow-sm)}.production-view-toggle button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500;transition:color .14s ease,background-color .14s ease}.production-view-toggle button+button{border-left:1px solid var(--border)}.production-view-toggle button:not(.is-active):hover{background:var(--surface-2);color:var(--foreground)}.production-view-toggle button.is-active{background:var(--foreground);color:var(--surface)}.production-heatmap-cell:focus-visible,.production-tabs button:focus-visible,.production-view-toggle button:focus-visible{outline:2px solid var(--primary-3);outline-offset:2px}.production-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.production-summary div{min-width:0;display:grid;grid-gap:3px;gap:3px}.production-summary div+div{border-left:1px solid var(--border-soft);padding-left:12px}.production-summary span{color:var(--muted);font-size:10px;line-height:14px;font-weight:600;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.production-summary strong{min-width:0;overflow:hidden;color:var(--foreground);font-size:var(--type-title);line-height:var(--line-title);font-weight:650;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.production-chart-wrap{position:relative}.production-view-enter{animation:production-view-enter .18s ease-out both}@keyframes production-view-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.production-chart-wrap.is-empty{height:190px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.production-heatmap{min-height:260px;display:flex;flex-direction:column;justify-content:center;gap:10px}.production-heatmap.is-empty{align-items:center;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption);text-align:center}.production-heatmap-weekdays,.production-heatmap.is-month .production-heatmap-grid{width:min(100%,760px);margin:0 auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.production-heatmap-weekdays span{color:var(--muted);font-size:10px;line-height:12px;font-weight:600;text-align:center;text-transform:uppercase}.production-heatmap-empty-cell{min-width:0}.production-heatmap.is-year .production-heatmap-grid{width:min(100%,760px);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.production-heatmap-cell{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:8px;background:var(--heatmap-zero);color:var(--foreground);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.production-heatmap.is-month .production-heatmap-cell{min-height:68px;aspect-ratio:1.15;padding:8px;align-items:stretch;justify-content:space-between;gap:7px;background:color-mix(in srgb,var(--heatmap-level-3) var(--production-heat),var(--surface));font-size:11px;line-height:14px;font-weight:650;text-align:left}.production-heatmap.is-year .production-heatmap-cell{min-height:68px;padding:8px 10px;gap:4px;font-size:var(--type-caption);line-height:var(--line-caption);font-weight:650}.production-heatmap-cell.is-active,.production-heatmap-cell:hover{z-index:2;border-color:var(--primary-3);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.production-heatmap-cell-value{display:none;font-size:9px;line-height:11px;font-weight:600;opacity:.76}.production-heatmap.is-month .production-heatmap-cell-label,.production-heatmap.is-month .production-heatmap-cell-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-heatmap.is-month .production-heatmap-cell-label{color:var(--foreground);font-weight:700}.production-heatmap.is-month .production-heatmap-cell-value{color:var(--foreground);font-size:10px;line-height:12px;opacity:.82}.production-heatmap.is-year .production-heatmap-cell-value{display:block}.production-heatmap-offline-icon{position:absolute;top:4px;right:4px}.production-heatmap-cell[data-intensity="0"],.production-heatmap-scale i[data-intensity="0"]{background:var(--heatmap-zero);color:var(--muted)}.production-heatmap-cell[data-intensity="1"],.production-heatmap-scale i[data-intensity="1"]{background:var(--heatmap-level-1);color:var(--foreground)}.production-heatmap-cell[data-intensity="2"],.production-heatmap-scale i[data-intensity="2"]{background:var(--heatmap-level-2);color:var(--foreground)}.production-heatmap-cell[data-intensity="3"],.production-heatmap-scale i[data-intensity="3"]{background:var(--heatmap-level-3);color:var(--foreground)}.production-heatmap-cell[data-intensity="4"],.production-heatmap-scale i[data-intensity="4"]{background:var(--heatmap-level-4);color:var(--surface)}.production-heatmap-cell[data-reading-state=future],.production-heatmap-cell[data-reading-state=missing_telemetry],.production-heatmap-cell[data-reading-state=offline]{background:var(--surface-2);color:var(--muted)}.production-heatmap.is-month .production-heatmap-cell[data-inactive=true]{border-color:var(--border-soft);background:var(--surface-2);opacity:.5}.production-heatmap.is-month .production-heatmap-cell:disabled{cursor:default}.production-heatmap.is-month .production-heatmap-cell:disabled:hover{border-color:var(--border-soft);box-shadow:none;transform:none}.production-heatmap.is-month .production-heatmap-cell[data-inactive=true] .production-heatmap-cell-label,.production-heatmap.is-month .production-heatmap-cell[data-inactive=true] .production-heatmap-cell-value{color:var(--muted)}.production-heatmap-cell[data-reading-state=offline]{border-color:color-mix(in srgb,var(--danger) 34%,var(--border));color:var(--danger)}.production-heatmap-tooltip{z-index:50;width:min(280px,calc(100vw - 32px));border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-md);padding:11px 12px;display:grid;grid-gap:7px;gap:7px;color:var(--foreground);text-align:left;animation-duration:.15s;animation-timing-function:ease-out;will-change:transform,opacity}.production-heatmap-tooltip[data-state=delayed-open],.production-heatmap-tooltip[data-state=instant-open]{animation-name:production-tooltip-in}@keyframes production-tooltip-in{0%{opacity:0;transform:translateY(3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.production-heatmap-tooltip-arrow{fill:var(--surface)}.production-heatmap-tooltip strong{color:var(--foreground);font-size:var(--type-body-sm);line-height:var(--line-body-sm);font-weight:700}.production-heatmap-tooltip-metric{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:11px;line-height:15px}.production-heatmap-tooltip-metric>span{color:var(--muted)}.production-heatmap-tooltip-metric em{color:var(--foreground);font-style:normal;font-weight:650;text-align:right}.production-heatmap-tooltip small{border-top:1px solid var(--border-soft);padding-top:6px;color:var(--muted);font-size:10px;line-height:14px}.production-heatmap-scale{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--muted);font-size:10px;line-height:12px}.production-heatmap-range{width:min(100%,760px);margin:2px auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;grid-gap:12px;gap:12px}.production-heatmap-range>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.production-heatmap-range>span:last-child{text-align:right}.production-heatmap-range small{color:var(--muted);font-size:9px;line-height:11px;font-weight:600;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.production-heatmap-range strong{overflow:hidden;color:var(--foreground);font-size:10px;line-height:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.production-heatmap-scale i{width:11px;height:11px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:3px}@media (min-width:768px){.production-heatmap.is-month .production-heatmap-cell-value{display:block}}@media (max-width:480px){.production-heatmap-weekdays,.production-heatmap.is-month .production-heatmap-grid{gap:4px}.production-heatmap.is-month .production-heatmap-cell{min-height:58px;aspect-ratio:auto;padding:5px 4px;gap:5px}.production-heatmap.is-month .production-heatmap-cell-label{font-size:9px;line-height:11px}.production-heatmap.is-month .production-heatmap-cell-value{font-size:8px;line-height:10px}.production-heatmap-range{gap:6px}.production-heatmap-range small{font-size:8px}.production-heatmap-range strong{font-size:9px}}.production-day-nav{display:flex;align-items:center;justify-content:center;gap:6px}.production-day-nav span{min-width:104px;text-align:center;color:var(--foreground);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.production-day-nav button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--foreground)}.production-day-nav button:disabled{color:var(--muted);opacity:.4}.production-tooltip{border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm);padding:7px 9px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;pointer-events:none;font-size:var(--type-caption);line-height:var(--line-caption)}.production-tooltip.is-compact{padding:5px 7px;font-size:11px}.production-tooltip span{width:8px;height:8px;border-radius:999px;background:var(--primary-3)}.production-tooltip strong{color:var(--muted);font-weight:500}.production-tooltip em{color:var(--foreground);font-style:normal;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.production-legend{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;line-height:14px}.production-legend span{display:inline-flex;align-items:center;gap:6px}.production-legend i{display:inline-block;flex:0 0 auto}.production-legend>span:last-child{margin-left:auto}.production-legend-kwh{width:7px;height:7px;border-radius:999px;background:color-mix(in srgb,var(--primary-3) 45%,transparent)}.production-legend-average{width:14px;height:1px;background:var(--warning)}.energy-flow{width:100%;max-width:760px;margin:6px auto 0;display:grid;grid-gap:14px;gap:14px}.portal-card.energy-flow-card{border:0;background:transparent;box-shadow:none}.energy-flow-scene{position:relative;overflow:visible;border:0;background:transparent}.energy-flow-visual{width:100%;height:auto;display:block;overflow:visible}.energy-flow-house{filter:drop-shadow(0 14px 18px rgba(20,35,29,.1))}.energy-flow-lines path,.energy-flow-live-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;vector-effect:non-scaling-stroke}.energy-flow-lines path{stroke:color-mix(in srgb,var(--muted-2) 48%,transparent)}.energy-flow-lines .energy-flow-node-link{stroke-dasharray:3 7}.energy-flow-live-path{stroke:var(--primary-3);opacity:.72;stroke-dasharray:3 12;stroke-dashoffset:45;animation:flow 1.6s linear infinite;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--primary-3) 72%,transparent))}.energy-flow-live-path.is-medium{opacity:.84;stroke-dasharray:4 11;stroke-width:3.35}.energy-flow-live-path.is-high{opacity:.96;stroke-dasharray:4 4 2 5;stroke-width:3.7;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--primary-3) 88%,transparent))}.energy-flow-live-path.is-reverse{animation-direction:reverse}.energy-flow-live-path.is-grid{stroke:var(--warning);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--warning) 64%,transparent))}.energy-flow-live-path.is-grid.is-high{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--warning) 82%,transparent))}.energy-flow-live-path.is-battery{stroke:var(--success)}.energy-flow-live-path.is-battery.is-high{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--success) 82%,transparent))}.energy-flow-junction{fill:var(--primary-3);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--primary-3) 70%,transparent))}.energy-flow-device{filter:drop-shadow(0 7px 7px rgba(20,35,29,.16))}.energy-flow-battery rect:first-child{fill:color-mix(in srgb,var(--surface) 88%,transparent);stroke:var(--border);stroke-width:2}.energy-flow-battery rect:nth-child(2){fill:var(--border)}.energy-flow-battery .energy-flow-battery-level{fill:var(--muted-2);stroke:none}.energy-flow-battery .energy-flow-battery-level.is-active{fill:var(--success)}.energy-flow-inverter-label,.energy-flow-load-label,.energy-flow-meter-label,.energy-flow-node,.energy-flow-status{position:absolute;z-index:2;border:0;background:transparent;box-shadow:none}.energy-flow-inverter-label,.energy-flow-meter-label,.energy-flow-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:clamp(8px,1.5vw,var(--type-caption));line-height:1;font-weight:700}.energy-flow-status{top:12px;left:12px;padding:8px 10px}.energy-flow-status.is-online{color:var(--success)}.energy-flow-status.is-offline{color:var(--danger)}.energy-flow-status.is-simulation,.energy-flow-status.is-waiting{color:var(--warning)}.energy-flow-node{width:clamp(92px,20%,142px);padding:clamp(7px,1.4vw,11px);display:grid;grid-gap:1px;gap:1px}.energy-flow-node.is-active{text-shadow:0 0 16px color-mix(in srgb,var(--primary-3) 24%,transparent)}.energy-flow-node.is-solar{top:3%;left:59%;right:auto;transform:translateX(-50%);text-align:center}.energy-flow-node.is-solar .energy-flow-node-label{justify-content:center}.energy-flow-node.is-grid{top:31%;left:3%}.energy-flow-node.is-battery{right:6%;bottom:4%}.energy-flow-node-label{display:inline-flex;align-items:center;gap:5px;color:var(--muted-2);font-size:clamp(8px,1.5vw,var(--type-eyebrow));line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.energy-flow-node strong{color:var(--foreground);font-size:clamp(12px,2.3vw,var(--type-title));line-height:1.3}.energy-flow-node.is-active strong{color:var(--primary-3)}.energy-flow-node small{overflow:hidden;color:var(--muted-2);font-size:clamp(8px,1.3vw,var(--type-caption));line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.energy-flow-load-label{top:calc(100% - 24px);left:46.7%;transform:translateX(-50%);display:grid;grid-gap:1px;gap:1px;text-align:center;color:var(--muted);font-size:clamp(8px,1.5vw,var(--type-caption));line-height:1;font-weight:700}.energy-flow-load-label strong{color:var(--foreground);font-size:clamp(12px,2.3vw,var(--type-title));line-height:1.3}.energy-flow-inverter-label{top:67%;left:53.5%;padding:6px 8px;transform:translateX(-50%)}.energy-flow-meter-label{top:67%;left:63.2%;padding:6px 8px;transform:translateX(-50%);white-space:nowrap}.energy-flow-updated{padding:10px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:var(--type-caption);font-weight:700;text-align:center}.energy-flow-controls{padding:14px;display:grid;grid-gap:13px;gap:13px;border:0;background:transparent}.energy-flow-controls-heading,.energy-flow-controls-heading button,.energy-flow-controls-heading>span,.energy-flow-mode,.energy-flow-mode button,.energy-flow-slider>span{display:flex;align-items:center}.energy-flow-controls-heading{justify-content:space-between;gap:12px}.energy-flow-controls-heading>span{gap:7px;color:var(--foreground);font-size:var(--type-body-sm);font-weight:700}.energy-flow-controls-heading button{padding:0;gap:5px;border:0;color:var(--primary-3);background:transparent;font-size:var(--type-caption);font-weight:700}.energy-flow-mode{flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:var(--type-caption)}.energy-flow-mode>span{margin-right:auto;font-weight:600}.energy-flow-mode button{padding:2px 0;border:0;background:transparent;color:var(--muted);font-size:var(--type-caption);font-weight:600;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-underline-offset:4px}.energy-flow-mode button.is-selected,.energy-flow-mode button:focus-visible,.energy-flow-mode button:hover{color:var(--primary-3);text-decoration:underline}.energy-flow-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.energy-flow-sliders.has-battery{grid-template-columns:repeat(3,minmax(0,1fr))}.energy-flow-slider{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:7px 10px;gap:7px 10px;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.energy-flow-slider>span{min-width:0;gap:5px;font-weight:600}.energy-flow-slider output{color:var(--foreground);font-family:var(--font-mono);font-size:var(--type-caption);font-weight:600}.energy-flow-slider input{width:100%;grid-column:1/-1;accent-color:var(--primary-3);cursor:pointer}.definition-list{margin:14px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);grid-gap:10px 16px;gap:10px 16px;font-size:var(--type-body);line-height:var(--line-body)}.definition-list dt{color:var(--muted)}.definition-list dd{margin:0;text-align:right;font-weight:600}.billing-context{color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.balance-card{padding:24px;display:grid;grid-gap:16px;gap:16px}.balance-card.is-overdue{border-color:rgba(154,51,40,.4);background:var(--danger-bg)}.balance-card-top,.balance-footer{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.balance-amount{font-size:var(--type-stat-xl);line-height:var(--line-stat-xl);font-weight:600;letter-spacing:var(--tracking-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.balance-actions{display:flex;gap:8px}.outline-action,.primary-action,.secondary-action{min-height:42px;border-radius:10px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-size:var(--type-body);line-height:var(--line-body);font-weight:600}.primary-action{background:var(--primary);color:var(--primary-foreground)}.primary-action.compact,.secondary-action.compact{min-height:36px}.primary-action.is-success{background:var(--success-bg);color:var(--success)}.outline-action,.secondary-action{background:transparent;border-color:var(--border);color:var(--foreground)}.full-width{width:100%}.balance-actions .primary-action{flex:1 1}.balance-footer{padding-top:12px;border-top:1px solid var(--border-soft);color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.faq-row,.invoice-item,.profile-row,.property-row,.referral-row,.ticket-row{border-top:1px solid var(--border)}.invoice-row,.profile-row,.property-row,.referral-row,.ticket-row{width:100%;padding:14px 20px;display:flex;align-items:center;gap:12px;border-left:0;border-right:0;border-bottom:0;background:transparent;color:inherit;text-align:left}.invoice-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:16px;gap:16px;padding:14px 20px}.invoice-row:hover{background:color-mix(in srgb,var(--surface-2) 64%,transparent)}.invoice-main,.property-row-copy,.referral-main,.ticket-main{min-width:0;flex:1 1;display:grid;grid-gap:3px;gap:3px}.invoice-main strong{font-size:var(--type-body);line-height:var(--line-body);font-weight:500;letter-spacing:0}.invoice-main span,.property-row-copy small,.referral-main span,.ticket-main p{margin:0;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.sems-device-summary{color:var(--text)!important;overflow-wrap:anywhere}.invoice-amount{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--type-body);line-height:var(--line-body);font-weight:600}.invoice-detail{padding:0 20px 16px;display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.invoice-detail div{display:flex;justify-content:space-between;gap:12px}.invoice-detail strong{color:var(--foreground);font-weight:400}.invoice-detail .outline-action{width:-moz-fit-content;width:fit-content;min-height:32px;margin-top:8px;border-radius:8px;font-size:var(--type-caption);line-height:var(--line-caption)}.invoice-receipt-action{padding-inline:12px}.fine-print{margin:0;padding:0 4px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:end center;padding:20px;background:rgba(20,35,29,.45)}.dialog-card{width:min(100%,420px);border-radius:18px;background:var(--surface);padding:20px;display:grid;grid-gap:16px;gap:16px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-header h2{margin:0}.icon-button{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:999px;background:transparent}.payment-methods{display:grid;grid-gap:8px;gap:8px}.payment-method{border:1px solid var(--border);border-radius:12px;background:transparent;padding:12px;display:grid;grid-gap:3px;gap:3px;text-align:left}.payment-method.is-active{border-color:var(--primary);background:#e6f0eb}.dialog-total span,.payment-method span{color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.dialog-total{display:flex;justify-content:space-between}.contact-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:16px;display:flex;align-items:center;gap:12px}.contact-card>span{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#e6f0eb;color:var(--primary);flex:0 0 auto}.avatar-sm,.profile-row>span:first-child,.property-row-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e6f0eb;color:var(--primary);flex:0 0 auto}.contact-card small,.profile-row small{display:block;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.contact-card strong{display:block;font-size:var(--type-title);line-height:var(--line-title);font-weight:600}.support-form{display:grid;grid-gap:14px;gap:14px}.system-detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:4px;gap:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:4px}.system-detail-tabs button{min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:0 6px}.system-detail-tabs button.is-active{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-sm)}.system-detail-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-detail-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:999px;background:color-mix(in srgb,var(--muted) 14%,transparent);color:inherit;font-size:10px;line-height:1;font-weight:700;flex:0 0 auto}@media (max-width:380px){.system-detail-tabs button{gap:3px;padding:0 4px;font-size:11px}.system-detail-tab-count{min-width:14px;height:14px;font-size:9px}}.upload-panel{display:grid;grid-gap:12px;gap:12px;padding:14px;border-top:1px solid var(--border)}.upload-category-list{display:flex;flex-wrap:wrap;gap:6px}.upload-category-list button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);padding:6px 10px;font-size:var(--type-caption);line-height:var(--line-caption);font-weight:700}.upload-category-list button.is-active{border-color:var(--primary);background:#e6f0eb;color:var(--primary)}.upload-dropzone{min-height:118px;border:1px dashed var(--border);border-radius:8px;background:var(--surface);color:var(--foreground);grid-gap:6px;gap:6px;text-align:center}.upload-dropzone:disabled{opacity:.65}.upload-dropzone small{color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.upload-sample-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;width:100%;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--foreground);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.upload-sample-link:hover{border-color:var(--primary-3);background:color-mix(in srgb,var(--primary) 11%,var(--surface));box-shadow:0 5px 14px rgba(20,35,29,.1);transform:translateY(-1px)}.upload-sample-link:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-3) 35%,transparent);outline-offset:2px}.upload-sample-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--surface);color:var(--primary-2);box-shadow:var(--shadow-sm)}.upload-sample-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.upload-sample-copy strong{font-size:var(--type-body);line-height:var(--line-body);font-weight:700}.upload-sample-copy small{color:var(--muted)}.upload-sample-action,.upload-sample-copy small{font-size:var(--type-caption);line-height:var(--line-caption)}.upload-sample-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:8px;background:var(--primary);color:var(--surface);font-weight:700;white-space:nowrap}@media (max-width:600px){.upload-sample-link{grid-template-columns:auto minmax(0,1fr)}.upload-sample-action{grid-column:1/-1;width:100%}}.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;padding:0 14px 14px}.upload-file-card{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit;text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.upload-file-card:hover{border-color:rgba(31,115,88,.32);box-shadow:var(--shadow-sm)}.upload-file-preview{position:relative;width:100%;aspect-ratio:1/1;display:grid;place-items:center;background:color-mix(in srgb,var(--surface-2) 82%,transparent);color:var(--primary);overflow:hidden}.upload-file-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,24,21,.26),transparent 42%);pointer-events:none}.upload-file-preview img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96)}.upload-file-placeholder{display:grid;place-items:center;grid-gap:7px;gap:7px;color:var(--muted)}.upload-file-placeholder small{color:var(--muted);font-size:10px;line-height:1;font-weight:700;letter-spacing:.08em}.upload-file-category{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);border-radius:999px;background:rgba(255,255,255,.9);color:#17231d;padding:4px 7px;font-size:9px;line-height:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.upload-file-copy{min-width:0;display:grid;grid-gap:3px;gap:3px;padding:11px 34px 12px 12px;position:relative}@media (max-width:520px){.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.upload-file-card small,.upload-file-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-card small{color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.upload-file-card>svg{align-self:flex-end;color:var(--muted);margin:-32px 12px 14px 0;pointer-events:none}.support-new-screen{display:grid;grid-gap:20px;gap:20px}.back-link{width:-moz-fit-content;width:fit-content;margin-left:-6px;border-radius:8px;padding:4px 6px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500}.back-link:hover{background:var(--surface-2);color:var(--foreground)}.issue-type-grid{display:grid;grid-gap:8px;gap:8px}.issue-type-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.issue-type-button{border:1px solid var(--border);border-radius:8px;background:var(--surface);min-height:58px;padding:10px 12px;display:flex;align-items:center;gap:12px;color:var(--foreground);text-align:left;font-size:var(--type-body);line-height:var(--line-body);font-weight:600}.issue-type-button.is-active{border-color:var(--primary);background:#e6f0eb}.issue-type-arrow,.issue-type-check,.issue-type-icon{flex:0 0 auto;display:grid;place-items:center}.issue-type-icon{width:32px;height:32px;border-radius:8px;background:var(--surface-2);color:var(--primary)}.issue-type-label{min-width:0;flex:1 1;line-height:1.2}.issue-type-arrow{margin-left:auto;color:var(--muted)}.issue-type-check{color:var(--primary)}.form-field{display:grid;grid-gap:7px;gap:7px}.form-field>span{color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.form-field-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.form-field-row .form-count{font-family:var(--font-mono);letter-spacing:0;text-transform:none}.form-field-row .form-count.is-over{color:var(--danger)}.form-field small{color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow)}.form-field select,.form-field textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--foreground);padding:12px}.form-field textarea{min-height:120px;resize:vertical}.priority-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.priority-tabs button{border:1px solid var(--border);border-radius:10px;background:transparent;padding:10px;color:var(--foreground);text-transform:capitalize;font-size:var(--type-body);line-height:var(--line-body);font-weight:600}.priority-tabs button.is-active{border-color:var(--primary);background:#e6f0eb}.form-submit{min-height:44px;border:0;border-radius:10px;background:var(--primary);color:var(--primary-foreground);font-size:var(--type-body);line-height:var(--line-body);font-weight:600}.form-submit:disabled,.primary-action:disabled{opacity:.55;cursor:not-allowed}.form-error{color:var(--danger)}.form-error,.form-success{font-size:var(--type-body-sm);line-height:var(--line-body-sm)}.form-success{color:var(--success)}.ticket-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.ticket-row:hover{background:color-mix(in srgb,var(--surface-2) 64%,transparent)}.ticket-detail-screen{display:grid;grid-gap:20px;gap:20px}.ticket-detail-header{padding:0 4px;display:grid;grid-gap:8px;gap:8px}.ticket-detail-eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow);font-weight:500;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.ticket-detail-header h1{margin:0;font-size:var(--type-h1);line-height:var(--line-h1);font-weight:600;letter-spacing:var(--tracking-heading)}.ticket-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.ticket-definition-list{margin-top:12px}.ticket-description{margin-top:12px;border-radius:8px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);padding:12px;color:var(--foreground);font-size:var(--type-body);line-height:var(--line-body);white-space:pre-wrap}.timeline-list{position:relative;margin:16px 0 0 12px;padding:0 0 0 24px;border-left:1px solid var(--border);display:grid;grid-gap:20px;gap:20px;list-style:none}.system-timeline-list{margin:16px 20px 22px 32px}.timeline-list li{position:relative}.timeline-icon{position:absolute;left:-38px;top:-4px;width:28px;height:28px;border-radius:999px;background:#e6f0eb;color:var(--primary);display:grid;place-items:center;box-shadow:0 0 0 4px var(--surface)}.timeline-list li>span:not(.timeline-icon),.timeline-list strong{display:block}.timeline-list strong{font-size:var(--type-body);line-height:var(--line-body);font-weight:600}.timeline-list li>span:not(.timeline-icon){margin-top:2px;color:var(--muted);font-size:var(--type-eyebrow);line-height:var(--line-eyebrow)}.timeline-list p{margin:6px 0 0;color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.timeline-list li.is-pending .timeline-icon{background:var(--surface-2);color:var(--muted)}.dashed-note{border-style:dashed;background:color-mix(in srgb,var(--surface-2) 60%,transparent);display:flex;align-items:flex-start;gap:12px;color:var(--muted)}.dashed-note p{margin:0;font-size:var(--type-caption);line-height:var(--line-caption)}.ticket-meta strong{color:var(--danger)}.ticket-main h3{margin:0;font-size:var(--type-title);line-height:var(--line-title);font-weight:600}.upload-dropzone{width:100%;min-height:126px;border:2px dashed var(--border);border-radius:10px;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;padding:24px}.upload-dropzone:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--surface-2) 60%,transparent);color:var(--foreground)}.upload-dropzone span{color:var(--foreground);font-size:var(--type-body);line-height:var(--line-body);font-weight:600}.upload-dropzone small{font-size:var(--type-eyebrow);line-height:var(--line-eyebrow)}.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.attachment-add,.attachment-tile{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.attachment-tile{position:relative;overflow:hidden;display:grid;place-items:center;color:var(--muted)}.attachment-tile img{width:100%;height:100%;object-fit:cover}.attachment-tile span{position:absolute;inset-inline:0;bottom:0;padding:16px 6px 5px;overflow:hidden;background:linear-gradient(0deg,rgba(20,35,29,.78),transparent);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:14px;font-weight:500}.attachment-tile button{position:absolute;top:4px;right:4px;width:24px;height:24px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.9);color:var(--muted);display:grid;place-items:center}.attachment-add{border-style:dashed;color:var(--muted);display:grid;place-items:center}.support-submit-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;margin-inline:-16px;padding:12px 16px;border-top:1px solid var(--border);background:rgba(247,243,234,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:12px}.support-submit-bar>span{color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption)}.support-submit-bar>div{display:flex;gap:8px;flex:0 0 auto}.visually-hidden-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.faq-row summary{padding:14px 18px;cursor:pointer;font-weight:600}.faq-row p{margin:0;padding:0 18px 16px;color:var(--muted);line-height:var(--line-body);font-size:var(--type-body)}.referral-code-card{display:grid;grid-gap:14px;gap:14px}.code-panel{border:1px dashed var(--border);border-radius:14px;background:var(--surface-2);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.code-panel strong{color:var(--primary);font-size:var(--type-title);line-height:var(--line-title);font-weight:500;letter-spacing:0}.steps-list{margin:14px 0 0;padding:0;display:grid;grid-gap:12px;gap:12px;list-style:none}.steps-list li{display:flex;gap:14px}.steps-list li>strong{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#e6f0eb;color:var(--primary);flex:0 0 auto}.steps-list b,.steps-list span{display:block}.steps-list span{color:var(--muted);font-size:var(--type-body-sm);line-height:var(--line-body-sm)}.avatar-sm{border-radius:999px;font-size:var(--type-caption);line-height:var(--line-caption);font-weight:600}.referral-side{display:grid;justify-items:end;grid-gap:4px;gap:4px}.identity-card{padding:22px;display:flex;align-items:center;gap:16px}.avatar-lg{width:60px;height:60px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(160deg,var(--primary-3),var(--primary));color:var(--primary-foreground)}.avatar-lg,.identity-card h2{font-size:var(--type-h2);line-height:var(--line-h2);font-weight:600}.identity-card h2{margin:0;letter-spacing:var(--tracking-heading)}.identity-card p,.identity-card span{margin:2px 0 0;color:var(--muted);font-size:var(--type-body-sm);line-height:var(--line-body-sm)}.profile-row{justify-content:stretch}.profile-row>span:nth-child(2){flex:1 1;min-width:0}.profile-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-title);line-height:var(--line-title);font-weight:600;letter-spacing:var(--tracking-title)}.profile-row svg:last-child,.property-row>svg{color:var(--muted)}.property-list{display:grid}.property-row-actions{display:inline-flex;align-items:center;gap:8px;color:var(--muted);flex-shrink:0}.sign-out-button{min-height:48px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--danger);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.version-footer{padding:8px 0 4px;color:var(--muted);text-align:center;font-family:var(--font-mono);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:500}.empty-state{min-height:112px;padding:22px 18px;display:grid;place-items:center;align-content:center;justify-items:center;grid-gap:10px;gap:10px;color:var(--muted);font-size:var(--type-body);line-height:var(--line-body);text-align:center}.portal-card.no-padding>.empty-state{border-top:1px solid var(--border-soft)}.empty-state-icon{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary-3)}.empty-state p{max-width:28rem;margin:0 auto}.route-loading{min-height:100vh;display:grid;place-items:center;align-content:center;grid-gap:14px;gap:14px;padding:24px;color:var(--muted);font-weight:600}.route-loading img{width:56px;height:56px;object-fit:cover;box-shadow:var(--shadow-sm)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.card,.hero-panel,.section-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.auth-card{width:min(100%,1040px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);overflow:hidden}.auth-panel,.auth-story,.hero-copy,.hero-panel,.section-card{padding:28px}.auth-story{background:var(--primary);color:var(--primary-foreground)}.auth-brand{display:flex;align-items:center;gap:14px}.auth-brand img{width:72px;height:72px;border:1px solid rgba(247,243,234,.22);object-fit:cover}.auth-brand .eyebrow{color:rgba(247,243,234,.74)}.auth-brand-name{margin-top:5px;font-size:var(--type-title);line-height:var(--line-title);font-weight:600}.auth-story h1{margin:28px 0 14px;font-size:var(--type-display);line-height:var(--line-display);font-weight:600;letter-spacing:var(--tracking-display)}.auth-story p{max-width:35rem;color:rgba(247,243,234,.78);font-size:var(--type-body-sm);line-height:var(--line-body-sm)}.auth-list{margin-top:24px;display:grid;grid-gap:10px;gap:10px}.auth-list-item{border:1px solid rgba(247,243,234,.16);border-radius:12px;padding:12px}.account-language-card,.auth-language-selector{display:grid;grid-gap:8px;gap:8px}.auth-language-selector{margin-bottom:16px}.account-language-card .language-selector-label{color:var(--muted);font-size:var(--type-caption);font-weight:600}.shadcn-select-trigger{display:inline-flex;min-width:58px;height:42px;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-sm)}.auth-language-selector .language-dropdown-trigger{justify-self:center}.account-language-card .language-dropdown-trigger{justify-self:start}.shadcn-select-trigger:focus-visible{outline:2px solid var(--primary-3);outline-offset:2px}.shadcn-select-trigger:disabled{cursor:not-allowed;opacity:.58}.shadcn-select-icon{width:15px;height:15px;color:var(--muted)}.language-dropdown-value{display:inline-flex;align-items:center}.language-dropdown-flag{font-size:22px;line-height:1}.shadcn-select-content{z-index:100;width:max(var(--radix-select-trigger-width),220px);max-height:var(--radix-select-content-available-height);overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-md)}.shadcn-select-viewport{padding:4px}.shadcn-select-item{position:relative;display:flex;min-height:42px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-radius:7px;padding:7px 34px 7px 10px;outline:none}.shadcn-select-item[data-highlighted]{background:var(--surface-2)}.shadcn-select-item[data-disabled]{pointer-events:none;opacity:.5}.shadcn-select-item-indicator{position:absolute;right:10px;display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center}.shadcn-select-item-indicator svg{width:15px;height:15px}.language-dropdown-item{display:inline-flex;align-items:center;gap:10px}.language-dropdown-item-flag{width:26px;font-size:20px;line-height:1;text-align:center}.account-language-card p{margin:0;color:var(--muted)}.account-language-card .field-hint{color:var(--warning);font-size:var(--type-caption)}.shell{max-width:1180px;margin:0 auto;padding:28px 18px 60px}.hero-actions,.topbar{justify-content:space-between;gap:12px}.brand,.hero-actions,.topbar{display:flex;align-items:center}.brand{gap:10px}.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--primary)}.brand-title{font-weight:600}.brand-subtitle,.hero-text,.mini-foot,.mini-label,.section-card p{color:var(--muted)}.hero{margin-top:24px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);grid-gap:18px;gap:18px}.hero-title{margin:10px 0;font-size:var(--type-display);line-height:var(--line-display);font-weight:600;letter-spacing:var(--tracking-display)}.cta,.ghost{min-height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--border)}.cta{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.dashboard-metrics,.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:16px}.playground-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-gap:18px;gap:18px}.dashboard-main,.dashboard-side,.playground-output,.playground-panel{padding:22px}.playground-field{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.playground-field input,.playground-field textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface)}.playground-output pre{overflow:auto;min-height:380px;border-radius:12px;padding:14px;background:#111c17;color:#edf7f1}@media (min-width:900px){.desktop-nav{display:block}.skeleton-desktop-nav{display:grid;grid-gap:12px;gap:12px}.bottom-nav{display:none}.app-main{max-width:calc(1240px - 220px);margin:0;padding:20px 0 48px 16px}}@media (max-width:720px){:where(#zsiq_float,#zsiq_floatmain,.zsiq_float,.zsiq_floatmain){bottom:calc(78px + env(safe-area-inset-bottom))!important}.system-details-label-full{display:none}.system-details-label-short{display:inline}.wordmark-subtitle{display:none}.status-hero{grid-template-columns:1fr}.hero-micro-card{display:none}.auth-card,.contact-grid,.dashboard-metrics,.hero,.impact-grid,.playground-grid,.section-grid,.stat-grid.three{grid-template-columns:1fr}.auth-wrap{align-items:stretch;padding:12px}.auth-card{width:100%}.auth-panel,.auth-story{padding:22px}.auth-brand{align-items:flex-start}.auth-brand img{width:56px;height:56px}.auth-story h1{margin-top:22px;font-size:var(--type-h1);line-height:var(--line-h1);letter-spacing:var(--tracking-heading)}.auth-list-item{padding:10px 12px}.stat-grid{grid-template-columns:1fr 1fr}.production-card-controls,.production-card-heading{display:flex;align-items:stretch;flex-direction:column}.production-card-controls{width:100%;gap:12px}.production-tabs{width:100%}.production-tabs button{flex:1 1}.production-view-toggle{width:100%}.production-view-toggle button{flex:1 1}.production-heatmap.is-year .production-heatmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-panel{grid-template-columns:auto minmax(0,1fr)}.inline-panel .secondary-action,.inline-panel .skeleton-button{grid-column:1/-1;width:100%}.production-summary{gap:8px}.production-summary strong{font-size:var(--type-body);line-height:var(--line-body)}.production-legend{align-items:flex-start;flex-direction:column}.skeleton-energy-flow{height:500px}.energy-flow-sliders,.energy-flow-sliders.has-battery{grid-template-columns:1fr}.energy-flow-node{width:clamp(86px,25%,112px);padding:7px}.energy-flow-inverter-label{padding:5px 7px}.energy-flow-controls-heading{align-items:flex-start}.balance-actions{flex-direction:column}.attachment-grid,.issue-type-grid.two-column{grid-template-columns:1fr}.support-submit-bar{align-items:stretch}.support-submit-bar,.support-submit-bar>div{flex-direction:column}.invoice-row,.referral-row{align-items:flex-start;flex-wrap:wrap}}.toast-viewport{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:10px;width:min(384px,calc(100vw - 32px));pointer-events:none}.toast{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);pointer-events:auto;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--toast-accent)}.toast.is-info{--toast-accent:var(--primary-3);--toast-accent-bg:var(--surface-2)}.toast.is-success{--toast-accent:var(--success);--toast-accent-bg:var(--success-bg)}.toast.is-warning{--toast-accent:var(--warning);--toast-accent-bg:var(--warning-bg)}.toast.is-error{--toast-accent:var(--danger);--toast-accent-bg:var(--danger-bg)}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:999px;background:var(--toast-accent-bg);color:var(--toast-accent)}.toast-message{flex:1 1;min-width:0;font-size:var(--type-body-sm);line-height:var(--line-body-sm);font-weight:500;color:var(--foreground)}.toast-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.toast-close:hover{background:var(--surface-2);color:var(--foreground)}.toast-timer{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--toast-accent);opacity:.5;transform-origin:left;animation-name:toast-timer;animation-timing-function:linear;animation-fill-mode:forwards}.toast:hover .toast-timer{animation-play-state:paused}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:520px){.toast-viewport{right:50%;transform:translateX(50%);width:calc(100vw - 24px)}}.outline-action:disabled{opacity:.55;cursor:not-allowed}.inline-panel-actions{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.inline-panel-actions small{color:var(--muted-2);font-size:var(--type-body-sm)}.customer-care-action,.customer-care-recovery,.customer-care-system{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.customer-care-action-callable{width:100%}.customer-care-call-button{width:min(100%,250px)}.customer-care-call-note{max-width:100%}@media (min-width:900px){.customer-care-call-note{white-space:nowrap}}.customer-care-number-line{display:flex;align-items:center;gap:5px}.customer-care-number-flag{flex:0 0 auto;font-size:18px;line-height:1}.customer-care-number{display:inline-flex;align-items:center;gap:.45em;color:var(--foreground);font-family:var(--font-mono);font-size:var(--type-body-sm);line-height:var(--line-body-sm);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:all;-moz-user-select:all;user-select:all}.copy-number-action{width:28px;height:28px;flex:0 0 28px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted-2);cursor:pointer;transition:color .15s ease,background-color .15s ease}.copy-number-action:hover{background:var(--border);color:var(--foreground)}.copy-number-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.customer-care-system{width:min(100%,360px);color:var(--muted);font-size:var(--type-caption);line-height:var(--line-caption);font-weight:600}.customer-care-system select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--foreground);padding:0 34px 0 12px;font:inherit}.customer-care-recovery{max-width:420px;border-left:3px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface-2);padding:10px 12px}.customer-care-recovery p{margin:0;color:var(--foreground);font-size:var(--type-body-sm);line-height:var(--line-body-sm)}.customer-care-recovery .mono{color:var(--primary);font-weight:600;-webkit-user-select:all;-moz-user-select:all;user-select:all}.text-action{border:0;background:transparent;color:var(--primary);padding:0;font:inherit;font-weight:600;cursor:pointer}.priority-help{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding:10px 12px;border-left:3px solid var(--priority-accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--priority-accent-bg)}.priority-help strong{font-weight:600;color:var(--foreground)}.priority-help span,.priority-help strong{font-size:var(--type-body-sm);line-height:var(--line-body-sm)}.priority-help span{color:var(--muted)}.priority-help.is-low{--priority-accent:var(--success);--priority-accent-bg:var(--success-bg)}.priority-help.is-medium{--priority-accent:var(--warning);--priority-accent-bg:var(--warning-bg)}.priority-help.is-high{--priority-accent:var(--danger);--priority-accent-bg:var(--danger-bg)}