:root{--paper:#fbfaf7;--paper-2:#f4f2ee;--white:#fff;--ink:#161a18;--ink-2:#6f6a63;--ink-3:#a39d95;--hairline:#161a181a;--green-500:#0ac775;--green-700:#047a48;--green-100:#e6f8ef;--green-950:#0b2117;--amber-500:#ffb300;--amber-700:#8a5a00;--amber-100:#fff3d6;--red-500:#d8352c;--red-700:#a0241d;--red-100:#fde9e7;--orange-500:#d9603b;--blue-500:#3b7dd8;--slate-500:#7a8a99;--graphite-700:#3a3f3c;--mint-100:#e6f8ef;--cyan-100:#e4f3f7;--butter-100:#fbf4d9;--peach-100:#fcebe2;--font-sans:var(--font-inter,"Inter"), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--type-display:2.5rem;--type-h1:2.25rem;--type-h2:1.75rem;--type-h3:1.25rem;--type-lead:1.125rem;--type-body:1rem;--type-small:.875rem;--type-label:.8125rem;--type-metric:2.5rem;--type-unit:.875rem;--leading-tight:1.1;--leading-snug:1.3;--leading-body:1.5;--tracking-headline:-.02em;--tracking-normal:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--space-40:160px;--content-width:1176px;--grid-columns:12;--grid-gutter:24px;--page-gutter:16px;--app-topbar-height:68px;--radius-xs:6px;--radius-sm:8px;--radius-ml:10px;--radius-md:12px;--radius-xl:16px;--radius-lg:20px;--radius-pill:999px;--duration-fast:.15s;--duration-base:.2s;--duration-reveal:.25s;--duration-count:.8s;--ease-out:cubic-bezier(.2, .7, .2, 1);--reveal-offset:8px;--bg:var(--paper);--bg-2:var(--paper-2);--bg-card:var(--white);--fg:var(--ink);--fg-2:var(--ink-2);--fg-3:var(--ink-3);--line:var(--hairline);--brand:var(--green-500);--brand-ink:var(--green-700);--brand-soft:var(--green-100);--on-brand:var(--green-950);--status-ok:var(--green-500);--status-ok-ink:var(--green-700);--status-ok-soft:var(--green-100);--status-warn:var(--amber-500);--status-warn-ink:var(--amber-700);--status-warn-soft:var(--amber-100);--status-alert:var(--red-500);--status-alert-ink:var(--red-700);--status-alert-soft:var(--red-100);--data-supply:var(--orange-500);--data-return:var(--blue-500);--data-outside:var(--slate-500);--data-power:var(--graphite-700);--data-heat:var(--green-500);--surface-mint:var(--mint-100);--surface-cyan:var(--cyan-100);--surface-butter:var(--butter-100);--surface-peach:var(--peach-100);--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--brand-ink);--shadow-0:0 1px 2px #161a180f, 0 2px 6px #161a180a;--shadow-1:0 1px 2px #161a180a, 0 4px 12px #161a180d, 0 16px 32px -8px #161a180f;--shadow-float:0 0 0 1px var(--line), 0 4px 12px #161a180f, 0 16px 40px #161a1814;--button-radius:var(--radius-pill);--button-height:44px;--button-padding-x:var(--space-6);--button-primary-bg:var(--brand);--button-primary-fg:var(--on-brand);--button-primary-bg-hover:#09b86c;--button-secondary-bg:var(--bg);--button-secondary-fg:var(--fg);--button-secondary-line:var(--line);--button-ghost-fg:var(--fg);--card-bg:var(--bg-card);--card-line:var(--line);--card-radius:var(--radius-lg);--card-padding:var(--space-6);--chart-grid:var(--line);--chart-axis-fg:var(--fg-2);--chart-stroke:2px}@media (min-width:768px){:root{--type-display:3.5rem;--type-h1:3rem;--type-h2:2.25rem;--type-h3:1.5rem;--type-lead:1.25rem;--type-body:1.0625rem;--type-metric:3.5rem;--page-gutter:24px}}:root[data-theme=dark]{--bg:#121412;--bg-2:#1a1d1b;--bg-card:#1f2321;--fg:#f1efea;--fg-2:#a8a39b;--fg-3:#6f6a63;--line:#f1efea1f;--brand-ink:#4fd99a;--brand-soft:#0ac77529;--status-ok-ink:#4fd99a;--status-ok-soft:#0ac77529;--status-warn-ink:#ffc84d;--status-warn-soft:#ffb30029;--status-alert-ink:#f08a82;--status-alert-soft:#d8352c29;--data-outside:#93a3b2;--data-power:#c9cdca;--surface-mint:#0ac7751f;--surface-cyan:#3b7dd824;--surface-butter:#ffb3001f;--surface-peach:#d9603b24;--shadow-float:0 0 0 1px var(--line), 0 4px 12px #0006, 0 16px 40px #00000080}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-reveal:0s;--duration-count:0s;--reveal-offset:0px}}
:root{--spacing-xs:.5rem;--spacing-sm:.625rem;--spacing-md:1.25rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-component:3.75rem;--transition-base:.2s ease;--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-h4:1.125rem;--font-size-base:1rem;--font-size-small:.875rem;--font-size-micro:.75rem;--line-height-h1:2.5rem;--line-height-h2:1.875rem;--line-height-h3:1.5625rem;--line-height-h4:1.5625rem;--line-height-base:1.25rem;--line-height-small:1.25rem;--line-height-micro:1rem;--grid-columns-mobile:6;--grid-margin-mobile:1.25rem;--grid-gutter-mobile:.625rem;--grid-columns-desktop:12;--grid-margin-desktop:1.5625rem;--grid-gutter-desktop:1.25rem}*{box-sizing:border-box}body{font-family:var(--font-main);margin:0;padding:0}.grid-container{width:100%;max-width:1300px;padding:0 var(--grid-margin-mobile);grid-template-columns:repeat(var(--grid-columns-mobile), 1fr);gap:var(--grid-gutter-mobile);margin:0 auto;display:grid}@media (min-width:768px){:root{--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-base:1.125rem;--font-size-small:1rem;--font-size-micro:.875rem;--line-height-h1:3.125rem;--line-height-h2:2.5rem;--line-height-h3:1.875rem;--line-height-h4:1.5625rem;--line-height-base:1.5625rem;--line-height-small:1.25rem;--line-height-micro:1.25rem;--spacing-component:5rem}.grid-container{padding:0 var(--grid-margin-desktop);grid-template-columns:repeat(var(--grid-columns-desktop), 1fr);gap:var(--grid-gutter-desktop)}}.col-full{grid-column:1/-1}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}@media (min-width:768px){.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}
:root{--color-primary:var(--brand-ink);--color-highlight:var(--brand-ink);--color-success:var(--status-ok);--color-warning:var(--status-warn);--color-danger:var(--status-alert);--color-secondary:var(--fg);--color-secondary-300:var(--fg-2);--color-secondary-600:var(--fg);--color-bg:var(--bg-2);--color-copy:var(--fg);--color-grey-bg:var(--bg);--color-grey-card:var(--bg-card);--color-grey-card-dark:var(--bg-2);--color-grey-border:var(--line);--color-grey-text:var(--fg-2);--color-grey-dark:var(--fg);--color-accent-teal:var(--brand);--color-accent-yellow:var(--surface-butter);--error-border:var(--status-alert);--error-text:var(--status-alert-ink);--font-main:var(--font-sans);--font-weight-normal:var(--font-weight-regular);--font-weight-bold:700;--radius-main:var(--radius-sm);--radius-small:var(--radius-sm);--radius-large:var(--radius-sm);--border-radius:var(--radius-sm);--border-width:1px;--border-style:solid;--border-color:var(--line);--shadow-card:var(--shadow-0);--shadow-hover:var(--shadow-1);--shadow-focus:var(--focus-ring);--focus-outline:2px solid var(--brand-ink);--focus-outline-offset:2px;--text-primary:var(--fg);--text-secondary:var(--fg-2);--text-muted:var(--fg-2);--text-inverse:var(--white);--bg-primary:var(--bg);--bg-secondary:var(--bg-card);--bg-tertiary:var(--bg-2);--border-primary:var(--line);--border-secondary:color-mix(in srgb, var(--ink) 18%, transparent);--border-focus:var(--brand-ink);--btn-primary-bg:var(--button-primary-bg);--btn-primary-text:var(--button-primary-fg);--btn-primary-hover:var(--button-primary-bg-hover);--btn-secondary-bg:var(--button-secondary-bg);--btn-secondary-text:var(--button-secondary-fg);--btn-secondary-border:var(--button-secondary-line);--btn-secondary-hover:var(--bg-2);--btn-success-bg:var(--button-primary-bg);--btn-success-text:var(--button-primary-fg);--btn-success-hover:var(--button-primary-bg-hover);--btn-danger-bg:var(--status-alert);--btn-danger-text:var(--white);--btn-danger-hover:var(--status-alert-ink);--input-bg:var(--bg);--input-border:var(--border-secondary);--input-text:var(--fg);--input-placeholder:var(--fg-2);--input-focus-border:var(--brand-ink);--card-border:var(--line);--card-shadow:var(--shadow-card);--card-hover-shadow:var(--shadow-hover);--status-info-bg:var(--surface-cyan);--status-info-border:var(--line);--status-info-text:var(--brand-ink);--primary-text:var(--brand-ink);--status-success-bg:var(--status-ok-soft);--status-success-border:color-mix(in srgb, var(--status-ok) 35%, transparent);--status-success-text:var(--status-ok-ink);--status-warning-bg:var(--status-warn-soft);--status-warning-border:color-mix(in srgb, var(--status-warn) 45%, transparent);--status-warning-text:var(--status-warn-ink);--status-danger-bg:var(--status-alert-soft);--status-danger-border:color-mix(in srgb, var(--status-alert) 35%, transparent);--status-danger-text:var(--status-alert-ink)}
.marketing-site{--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-h4:1.125rem;--font-size-base:1rem;--font-size-small:.875rem;--font-size-micro:.75rem;--line-height-h1:2.5rem;--line-height-h2:1.875rem;--line-height-h3:1.5625rem;--line-height-h4:1.5625rem;--line-height-base:1.25rem;--line-height-small:1.25rem;--line-height-micro:1rem}@media (min-width:768px){.marketing-site{--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-base:1.125rem;--font-size-small:1rem;--font-size-micro:.875rem;--line-height-h1:3.125rem;--line-height-h2:2.5rem;--line-height-h3:1.875rem;--line-height-h4:1.5625rem;--line-height-base:1.5625rem;--line-height-small:1.25rem;--line-height-micro:1.25rem}}.marketing-site{font-family:var(--font-main);font-size:var(--font-size-base);line-height:var(--line-height-base);background:var(--bg-2);color:var(--fg);font-weight:400}.marketing-site .text-small{font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:400}.marketing-site .text-micro{font-size:var(--font-size-micro);line-height:var(--line-height-micro);font-weight:400}
:root{--font-size-title:2rem;--font-size-headline:1.5rem;--font-size-large:1.25rem;--font-size-base:1rem;--font-size-small:.875rem;--font-size-tiny:.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-loose:1.75;--letter-spacing-global:-.01em;--padding-card:24px;--padding-button:10px 24px;--padding-input:12px 16px;--gap-grid:20px;--gap-small:8px;--gap-medium:16px;--gap-large:24px;--gap-xlarge:32px;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body,.app-body{font-family:var(--font-main);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-global);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{z-index:100;background:var(--card-bg);color:var(--primary-text);font-weight:var(--font-weight-medium);border-radius:var(--radius-main);box-shadow:var(--shadow-hover);padding:.75rem 1rem;text-decoration:none;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}#main-content:focus{outline:none}:is(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-hover{box-shadow:var(--shadow-hover)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.input{width:100%;padding:var(--padding-input);font-family:var(--font-main);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-global);color:var(--input-text);background-color:var(--input-bg);border:var(--border-width) var(--border-style) var(--input-border);border-radius:var(--radius-main);transition:var(--transition-fast);outline:none}.input:focus{border-color:var(--input-focus-border);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--input-placeholder)}.card-base{background-color:var(--card-bg);border:var(--border-width) var(--border-style) var(--card-border);border-radius:var(--radius-large);box-shadow:0;padding:var(--padding-card);transition:var(--transition-normal)}.card-interactive{background-color:var(--card-bg);border:var(--border-width) var(--border-style) var(--card-border);border-radius:var(--radius-large);padding:var(--padding-card);transition:var(--transition-normal);cursor:pointer;color:inherit;text-decoration:none;display:block}.card-interactive:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.card-status{background-color:var(--card-bg);border:var(--border-width) var(--border-style) var(--card-border);border-radius:var(--radius-large);box-shadow:var(--card-shadow);padding:var(--padding-card);transition:var(--transition-normal);text-align:center}.card-status.error{border-color:var(--error-border)}.card-status.success{border-color:var(--color-success)}.card-status.warning{border-color:var(--color-warning)}.card{background-color:var(--card-bg);border:var(--border-width) var(--border-style) var(--card-border);border-radius:var(--radius-main);box-shadow:var(--card-shadow);transition:var(--transition-fast);overflow:hidden}.card:hover{box-shadow:var(--card-hover-shadow)}.card-header{padding:var(--padding-card);border-bottom:var(--border-width) var(--border-style) var(--border-primary)}.card-body{padding:var(--padding-card)}.card-footer{padding:var(--padding-card);border-top:var(--border-width) var(--border-style) var(--border-primary);background-color:var(--bg-tertiary)}.title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}.headline{font-size:var(--font-size-headline);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-primary)}.subheadline{font-size:var(--font-size-large);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-secondary)}.body-text{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary)}.small-text{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary)}.status-badge{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-small);align-items:center;gap:var(--gap-small);padding:4px 8px;display:inline-flex}.status-info{background-color:var(--status-info-bg);color:var(--status-info-text);border:var(--border-width) var(--border-style) var(--status-info-border)}.status-success{background-color:var(--status-success-bg);color:var(--status-success-text);border:var(--border-width) var(--border-style) var(--status-success-border)}.status-warning{background-color:var(--status-warning-bg);color:var(--status-warning-text);border:var(--border-width) var(--border-style) var(--status-warning-border)}.status-danger{background-color:var(--status-danger-bg);color:var(--status-danger-text);border:var(--border-width) var(--border-style) var(--status-danger-border)}.container{max-width:1200px;padding:0 var(--gap-medium);margin:0 auto}.user-app{flex-direction:column;min-height:100vh;display:flex}.user-nav{background-color:var(--bg-secondary);box-shadow:var(--shadow-card);border-bottom:1px solid var(--border-primary);padding:var(--gap-medium) 0}.user-nav .container{justify-content:space-between;align-items:center;display:flex}.user-nav-brand a{color:var(--text-primary);align-items:center;text-decoration:none;display:flex}.user-nav-links{align-items:center;gap:var(--gap-small);display:flex}.user-main{background-color:var(--bg-primary);flex:1}@media (max-width:768px){:root{--padding-card:16px;--gap-grid:16px;--font-size-title:1.75rem;--font-size-headline:1.25rem}}.form-group{gap:var(--gap-small);flex-direction:column;min-width:0;display:flex}select.input{text-overflow:ellipsis;max-width:100%}@media (max-width:640px){.form-group.full-width{grid-column:1/-1}}.label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input-container{position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;font-size:1.25rem;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-left{left:12px}.input-icon-right{right:12px}.input-with-left-icon{padding-left:44px}.input-with-right-icon{padding-right:44px}.input-error{border-color:var(--color-danger)}.error-message{font-size:var(--font-size-small);color:var(--status-danger-text)}.helper-text{font-size:var(--font-size-small);color:var(--text-secondary)}.card-hover{cursor:pointer;transition:var(--transition-fast)}.card-hover:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{justify-content:center;align-items:center;display:inline-flex}