:root{--green-50:#eff6f2;--green-100:#dcebe3;--green-200:#bcd9ca;--green-300:#8ebfa7;--green-400:#5ca182;--green-500:#3d8464;--green-600:#2c6a51;--green-700:#245442;--green-800:#1e4436;--green-900:#17342a;--neutral-0:#fff;--neutral-25:#fafbfb;--neutral-50:#f4f6f5;--neutral-100:#eef1f0;--neutral-150:#e7ebe9;--neutral-200:#e2e7e5;--neutral-300:#ced5d3;--neutral-400:#a4adaa;--neutral-500:#626c68;--neutral-600:#4a5450;--neutral-700:#3c4644;--neutral-800:#2a3230;--neutral-850:#1d2422;--neutral-900:#141918;--neutral-950:#0d100f;--bg-app:#f4f6f5;--bg-surface:#fff;--bg-surface-2:#fafbfb;--bg-elevated:#fff;--bg-sunken:#eef1f0;--bg-inset:#e7ebe9;--border-subtle:#edf0ef;--border:#e2e7e5;--border-strong:#ced5d3;--text-primary:#141a18;--text-secondary:#4a5450;--text-muted:#626c68;--text-disabled:#a4adaa;--text-inverse:#fff;--primary:#2c6a51;--primary-hover:#245442;--primary-active:#1e4436;--primary-fg:#fff;--primary-soft:#e7f1ec;--primary-soft-hover:#dcebe3;--primary-border:#c3ded1;--primary-on-soft:#245442;--success:#2c6a51;--success-soft:#e7f1ec;--success-border:#c3ded1;--success-on-soft:#245442;--warning:#a86a12;--warning-soft:#fbf1de;--warning-border:#ecd9ac;--warning-on-soft:#8a5509;--danger:#b3352f;--danger-soft:#fbeceb;--danger-border:#f0cdca;--danger-on-soft:#962e29;--info:#1c6b7a;--info-soft:#e4f1f4;--info-border:#bcdae1;--info-on-soft:#175866;--neutral-soft:#eef1f0;--neutral-border:#dbe1df;--neutral-on-soft:#414b47;--data-water:#1c6b7a;--data-water-fill:#1c6b7a24;--data-goal:#a86a12;--data-over:#b3352f;--data-compare:#626c68;--data-grid:#e6eae9;--data-axis:#626c68;--focus-ring-color:#2c6a51;--focus-ring-halo:#2c6a5133;--focus-ring:0 0 0 3px var(--focus-ring-halo);--shadow-raised:0 1px 2px #141a180f;--shadow-overlay:0 8px 24px -6px #141a1824,0 2px 6px -2px #141a1814;--shadow-modal:0 24px 56px -12px #141a183d,0 8px 20px -8px #141a181f;--scrim:#141a186b;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-pill:999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-sans:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"Geist Mono",ui-monospace,"SFMono-Regular","Menlo",monospace;--text-display:clamp(2.25rem,1.4rem + 3.4vw,3.5rem);--text-h1:clamp(1.5rem,1.2rem + 1.2vw,1.875rem);--text-h2:1.25rem;--text-h3:1.0625rem;--text-body:0.9375rem;--text-sm:0.875rem;--text-xs:0.8125rem;--text-2xs:0.75rem;--leading-tight:1.15;--leading-snug:1.35;--leading-body:1.6;--tracking-display:-0.03em;--tracking-heading:-0.02em;--tracking-wide:0.02em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--control-height-sm:32px;--control-height:38px;--control-height-lg:44px;--control-padding-x:0.875rem;--sidebar-width:248px;--sidebar-width-rail:68px;--topbar-height:64px;--max-width:1400px;--content-padding:1.75rem;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--ease-soft:cubic-bezier(0.4,0,0.2,1);--dur-instant:90ms;--dur-fast:140ms;--dur:190ms;--dur-slow:260ms;--z-base:1;--z-sticky:40;--z-sidebar:50;--z-overlay:60;--z-dropdown:70;--z-modal:80;--z-toast:90;color-scheme:light}:root[data-theme=dark]{--bg-app:#0d100f;--bg-surface:#141918;--bg-surface-2:#181e1d;--bg-elevated:#1d2422;--bg-sunken:#101514;--bg-inset:#1a201f;--border-subtle:#1e2523;--border:#262e2c;--border-strong:#36413e;--text-primary:#eaefec;--text-secondary:#a3aeaa;--text-muted:#8d9892;--text-disabled:#525b58;--text-inverse:#0d100f;--primary:#4e9e79;--primary-hover:#5cae87;--primary-active:#45906d;--primary-fg:#08110d;--primary-soft:#4e9e7924;--primary-soft-hover:#4e9e7933;--primary-border:#4e9e794d;--primary-on-soft:#7cc09c;--success:#4e9e79;--success-soft:#4e9e7924;--success-border:#4e9e794d;--success-on-soft:#7cc09c;--warning:#d99b3c;--warning-soft:#d99b3c24;--warning-border:#d99b3c4d;--warning-on-soft:#e3b268;--danger:#dd6f67;--danger-soft:#dd6f6724;--danger-border:#dd6f674d;--danger-on-soft:#e99089;--info:#4fa8bd;--info-soft:#4fa8bd24;--info-border:#4fa8bd4d;--info-on-soft:#7cc3d4;--neutral-soft:#a3aeaa1a;--neutral-border:#a3aeaa33;--neutral-on-soft:#a3aeaa;--data-water:#4fa8bd;--data-water-fill:#4fa8bd2e;--data-goal:#d99b3c;--data-over:#dd6f67;--data-compare:#8d9892;--data-grid:#232b29;--data-axis:#8d9892;--focus-ring-color:#6bb894;--focus-ring-halo:#6bb8943d;--shadow-raised:0 1px 2px #0006;--shadow-overlay:0 8px 24px -6px #0000008c,0 2px 6px -2px #0006;--shadow-modal:0 24px 56px -12px #000000b3,0 8px 20px -8px #00000080;--scrim:#040606a8;color-scheme:dark}:root,:root[data-theme=dark]{--bg-card:var(--bg-surface);--bg-card-hover:var(--bg-surface-2);--bg-page:var(--bg-app);--border-soft:var(--border);--border-color:var(--border);--accent:var(--primary);--accent-strong:var(--primary-hover);--accent-soft:var(--primary-soft);--accent-main:var(--primary);--accent-light:var(--primary);--accent-cyan:var(--info);--accent-green:var(--success);--accent-amber:var(--warning);--accent-pink:var(--info);--accent-purple:var(--info);--success-color:var(--success);--error-color:var(--danger);--warning-color:var(--warning);--info-color:var(--info);--gradient-accent:var(--primary);--gradient-cyan:var(--info);--gradient-success:var(--success);--gradient-warm:var(--warning);--gradient-card:#0000;--shadow-sm:var(--shadow-raised);--shadow-card:none;--shadow-elevated:var(--shadow-overlay);--shadow-glow:none;--radius-xxl:var(--radius-xl);--padding:var(--space-6);--gutter:var(--space-4);--font-size-base:16px}@media (max-width:720px){:root{--control-height-sm:40px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:var(--font-sans);font-size:16px;line-height:var(--leading-body);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-regular);min-height:100dvh;overflow-x:hidden;text-rendering:optimizeLegibility}body:before{background:linear-gradient(180deg,#ffffffd9,#fff0 55%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}:root[data-theme=dark] body:before{background:linear-gradient(180deg,hsla(0,0%,100%,.028),#fff0 60%)}#root{min-height:100dvh;position:relative;z-index:var(--z-base)}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--text-primary);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-tight)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-sm)}p{text-wrap:pretty;line-height:var(--leading-body)}small{font-size:var(--text-xs)}b,strong{font-weight:var(--weight-semibold)}a{color:inherit;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.18em}img,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}@media (max-width:720px){input:not([type=checkbox]):not([type=radio]):not(.verification-input),select:not([multiple]):not([size]),textarea:not([hidden]){font-size:1rem}}button{background:none;border:none;cursor:pointer}ol,ul{list-style:none}hr{border:0;border-top:1px solid var(--border)}.tnum,table td,table th{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums}::selection{background:var(--primary-soft);color:var(--primary-on-soft)}:root[data-theme=dark] ::selection{background:#4e9e7947;color:var(--text-primary)}*{caret-color:var(--primary);scrollbar-color:var(--border-strong) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled);background-clip:content-box}:focus{outline:none}:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--focus-ring-color);outline-offset:2px}.MuiSvgIcon-root{color:inherit}:root[data-theme-switching] *,:root[data-theme-switching] :after,:root[data-theme-switching] :before{transition:none!important}::view-transition-new(root),::view-transition-old(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.ng-panel,.ng-surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.ng-panel{padding:var(--space-5)}.ng-panel--flush{padding:0}.ng-panel__head{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.ng-panel__title{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin:0}.ng-panel__subtitle{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);margin:2px 0 0}.ng-section{margin-top:var(--space-8)}.ng-section:first-child{margin-top:0}.ng-section__head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.ng-section__title{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.ng-section__hint{color:var(--text-muted);font-size:var(--text-xs)}.ng-metric-strip{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.ng-metric-strip>*{border-left:1px solid var(--border)}.ng-metric-strip>:first-child{border-left:none}@media (max-width:1180px){.ng-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ng-metric-strip>:nth-child(odd){border-left:none}.ng-metric-strip>:nth-child(n+3){border-top:1px solid var(--border)}}@media (max-width:640px){.ng-metric-strip{grid-template-columns:minmax(0,1fr)}.ng-metric-strip>*{border-left:none}.ng-metric-strip>*+*{border-top:1px solid var(--border)}}.ng-btn{--btn-bg:#0000;--btn-fg:var(--text-primary);--btn-border:#0000;align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius);color:var(--btn-fg);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height);justify-content:center;letter-spacing:0;line-height:1;padding:0 var(--control-padding-x);position:relative;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.ng-btn svg{flex-shrink:0;height:1.125em;width:1.125em}.ng-btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.ng-btn:disabled,.ng-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none}.ng-btn--primary{--btn-bg:var(--primary);--btn-fg:var(--primary-fg);--btn-border:var(--primary);font-weight:var(--weight-semibold)}@media (hover:hover) and (pointer:fine){.ng-btn--primary:hover:not(:disabled){--btn-bg:var(--primary-hover);--btn-border:var(--primary-hover)}}.ng-btn--primary:active:not(:disabled){--btn-bg:var(--primary-active);--btn-border:var(--primary-active)}.ng-btn--secondary{--btn-bg:var(--bg-surface);--btn-fg:var(--text-primary);--btn-border:var(--border-strong)}@media (hover:hover) and (pointer:fine){.ng-btn--secondary:hover:not(:disabled){--btn-bg:var(--bg-sunken)}}.ng-btn--ghost{--btn-fg:var(--text-secondary)}@media (hover:hover) and (pointer:fine){.ng-btn--ghost:hover:not(:disabled){--btn-bg:var(--bg-sunken);--btn-fg:var(--text-primary)}}.ng-btn--danger{--btn-bg:var(--danger);--btn-fg:#fff;--btn-border:var(--danger);font-weight:var(--weight-semibold)}:root[data-theme=dark] .ng-btn--danger{--btn-fg:#1a0c0b}@media (hover:hover) and (pointer:fine){.ng-btn--danger:hover:not(:disabled){filter:brightness(.94)}}.ng-btn--danger-quiet{--btn-bg:#0000;--btn-fg:var(--danger);--btn-border:var(--danger-border)}@media (hover:hover) and (pointer:fine){.ng-btn--danger-quiet:hover:not(:disabled){--btn-bg:var(--danger-soft)}}.ng-btn--sm{font-size:var(--text-xs);height:var(--control-height-sm);padding:0 .7rem}.ng-btn--lg{font-size:var(--text-body);height:var(--control-height-lg);padding:0 1.25rem}.ng-btn--block{width:100%}.ng-btn--icon{flex-shrink:0;padding:0;width:var(--control-height)}.ng-btn--icon.ng-btn--sm{width:var(--control-height-sm)}.ng-btn--icon.ng-btn--lg{width:var(--control-height-lg)}.ng-btn[data-loading=true]{color:#0000;pointer-events:none}.ng-btn[data-loading=true]:after{animation:ng-spin .62s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;color:var(--btn-fg);content:"";height:1em;position:absolute;width:1em}@keyframes ng-spin{to{transform:rotate(1turn)}}.ng-field{display:flex;flex-direction:column;gap:var(--space-2)}.ng-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.3}.ng-label__optional{color:var(--text-muted);font-weight:var(--weight-regular)}.ng-input,.ng-select,.ng-textarea{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-sm);min-height:var(--control-height);padding:0 var(--space-3);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);width:100%}.ng-textarea{line-height:var(--leading-snug);min-height:96px;padding:var(--space-3);resize:vertical}.ng-input::placeholder,.ng-textarea::placeholder{color:var(--text-muted)}.ng-input:hover:not(:disabled),.ng-select:hover:not(:disabled),.ng-textarea:hover:not(:disabled){border-color:var(--text-disabled)}.ng-input:focus-visible,.ng-select:focus-visible,.ng-textarea:focus-visible{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring);outline:none}.ng-input:disabled,.ng-select:disabled,.ng-textarea:disabled{background:var(--bg-sunken);color:var(--text-disabled);cursor:not-allowed}.ng-input[aria-invalid=true],.ng-select[aria-invalid=true]{border-color:var(--danger)}.ng-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--danger-soft)}.ng-select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,#0000 0);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer;padding-right:2.25rem}.ng-hint{color:var(--text-muted)}.ng-error-text,.ng-hint{font-size:var(--text-2xs);line-height:var(--leading-snug)}.ng-error-text{color:var(--danger-on-soft)}.ng-check{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.ng-switch{align-items:center;background:var(--border-strong);border:none;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;flex-shrink:0;height:22px;padding:0;position:relative;transition:background-color var(--dur) var(--ease-out);width:40px}.ng-switch:after{background:var(--bg-surface);border-radius:50%;box-shadow:var(--shadow-raised);content:"";height:16px;left:3px;position:absolute;transition:transform var(--dur) var(--ease-out);width:16px}.ng-switch[aria-checked=true]{background:var(--primary)}.ng-switch[aria-checked=true]:after{transform:translateX(18px)}.ng-badge{align-items:center;background:var(--neutral-soft);border:1px solid var(--neutral-border);border-radius:var(--radius-sm);color:var(--neutral-on-soft);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-medium);gap:.375rem;height:22px;line-height:1;padding:0 .5rem;white-space:nowrap}.ng-badge svg{height:.875rem;width:.875rem}.ng-badge--success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-on-soft)}.ng-badge--warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-on-soft)}.ng-badge--danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}.ng-badge--info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-on-soft)}.ng-badge--primary{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-on-soft)}.ng-badge--lg{font-size:var(--text-xs);height:26px;padding:0 .625rem}.ng-status{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:.5rem}.ng-status__dot{background:currentColor;border-radius:50%;flex-shrink:0;height:8px;width:8px}.ng-status--success{color:var(--success-on-soft)}.ng-status--warning{color:var(--warning-on-soft)}.ng-status--danger{color:var(--danger-on-soft)}.ng-status--info{color:var(--info-on-soft)}.ng-status--neutral{color:var(--text-muted)}.ng-status--danger .ng-status__dot,.ng-status--neutral .ng-status__dot{background:#0000;border:2px solid}.ng-status--success .ng-status__dot:after{animation:ng-pulse 2.4s var(--ease-soft) infinite;background:currentColor;border-radius:50%;content:"";display:block;height:100%;width:100%}@keyframes ng-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(2.2)}}.ng-alert{align-items:flex-start;background:var(--neutral-soft);border:1px solid var(--neutral-border);border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3);line-height:var(--leading-snug);padding:var(--space-3) var(--space-4)}.ng-alert svg{flex-shrink:0;height:1.125rem;margin-top:1px;width:1.125rem}.ng-alert--success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-on-soft)}.ng-alert--warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-on-soft)}.ng-alert--danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}.ng-alert--info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-on-soft)}.ng-alert__title{color:inherit;display:block;font-weight:var(--weight-semibold);margin-bottom:2px}.ng-segmented{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;gap:2px;padding:3px}.ng-segmented__item{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);height:30px;padding:0 .75rem;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}@media (hover:hover) and (pointer:fine){.ng-segmented__item:hover:not([aria-pressed=true]):not(.is-active){color:var(--text-primary)}}.ng-segmented__item.is-active,.ng-segmented__item[aria-pressed=true]{background:var(--bg-surface);box-shadow:var(--shadow-raised);color:var(--text-primary)}.ng-tabs{border-bottom:1px solid var(--border);display:flex;gap:var(--space-5)}.ng-tab{background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:0 0 .7rem;position:relative;transition:color var(--dur-fast) var(--ease-out)}.ng-tab:after{background:var(--primary);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transform:scaleX(.6);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ng-tab.is-active,.ng-tab:hover{color:var(--text-primary)}.ng-tab.is-active:after{opacity:1;transform:scaleX(1)}.ng-table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;width:100%}.ng-table{border-collapse:collapse;font-size:var(--text-sm);min-width:520px;width:100%}.ng-table thead th{background:var(--bg-surface-2);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:.625rem var(--space-4);position:sticky;text-align:left;top:0;white-space:nowrap}.ng-table tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:.75rem var(--space-4);vertical-align:middle}.ng-table tbody tr:last-child td{border-bottom:none}@media (hover:hover) and (pointer:fine){.ng-table tbody tr:hover td{background:var(--bg-surface-2)}}.ng-table .is-numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.ng-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center}.ng-empty__icon{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);display:grid;height:44px;place-items:center;width:44px}.ng-empty__icon svg{height:1.25rem;width:1.25rem}.ng-empty__title{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold)}.ng-empty__body{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);max-width:46ch}.ng-empty__actions{margin-top:var(--space-2)}.ng-skeleton{background:var(--bg-sunken);border-radius:var(--radius-sm);overflow:hidden;position:relative}.ng-skeleton:after{animation:ng-shimmer 1.4s var(--ease-soft) infinite;background:linear-gradient(90deg,#0000,#7f8c8824,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes ng-shimmer{to{transform:translateX(100%)}}.ng-skeleton--text{height:.75rem}.ng-skeleton--title{height:1.25rem;width:40%}.ng-skeleton--block{border-radius:var(--radius-lg);height:100%;width:100%}.ng-spinner{animation:ng-spin .62s linear infinite;border:2px solid var(--border-strong);border-radius:50%;border-top-color:var(--primary);flex-shrink:0;height:1.125rem;width:1.125rem}.ng-menu{animation:ng-menu-in var(--dur-fast) var(--ease-out);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);min-width:208px;padding:var(--space-1);transform-origin:top right;transform-origin:var(--transform-origin,top right)}@keyframes ng-menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ng-menu__item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:.5rem .625rem;text-align:left;transition:background-color var(--dur-instant) var(--ease-out),color var(--dur-instant) var(--ease-out);width:100%}.ng-menu__item:hover{background:var(--bg-sunken);color:var(--text-primary)}.ng-menu__item.is-active{background:var(--primary-soft);color:var(--primary-on-soft)}.ng-menu__item svg{flex-shrink:0;height:1.05rem;width:1.05rem}.ng-menu__label{color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:.4rem .625rem .25rem}.ng-menu__sep{background:var(--border);display:block;height:1px;margin:var(--space-1) 0}.ng-tooltip{animation:ng-tooltip-in 125ms var(--ease-out);background:var(--text-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-overlay);color:var(--bg-surface);font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:.375rem .5rem;pointer-events:none;position:absolute;transform-origin:bottom center;transform-origin:var(--transform-origin,bottom center);white-space:nowrap;z-index:var(--z-dropdown)}@keyframes ng-tooltip-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ng-scrim{animation:ng-fade-in var(--dur) var(--ease-out);background:var(--scrim);display:grid;inset:0;padding:var(--space-4);place-items:center;position:fixed;z-index:var(--z-modal)}.ng-modal{animation:ng-modal-in var(--dur-slow) var(--ease-out);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-height:min(85dvh,720px);max-width:480px;overflow-y:auto;width:100%}@keyframes ng-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ng-modal-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.ng-chart-tooltip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-overlay);font-size:var(--text-2xs);padding:.5rem .625rem}.ng-chart-tooltip__label{color:var(--text-muted);margin-bottom:2px}.ng-chart-tooltip__value{font-feature-settings:"tnum";align-items:center;color:var(--text-primary);display:flex;font-variant-numeric:tabular-nums;gap:.375rem}.ng-chart-tooltip__dot{border-radius:2px;flex-shrink:0;height:8px;width:8px}.recharts-surface:focus{outline:none}.ng-stack{display:flex;flex-direction:column}.ng-row{align-items:center;display:flex}.ng-gap-2{gap:var(--space-2)}.ng-gap-3{gap:var(--space-3)}.ng-gap-4{gap:var(--space-4)}.ng-grow{flex:1 1;min-width:0}.ng-mono{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ng-muted{color:var(--text-muted)}.ng-secondary{color:var(--text-secondary)}.ng-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.ng-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ng-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ng-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1180px){.ng-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.ng-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ng-grid--2,.ng-grid--3,.ng-grid--4{grid-template-columns:minmax(0,1fr)}}.ng-enter{animation:ng-enter var(--dur-slow) var(--ease-out) both}@keyframes ng-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chip{align-items:center;background:var(--neutral-soft);border:1px solid var(--neutral-border);border-radius:var(--radius-sm);color:var(--neutral-on-soft);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-medium);gap:.375rem;height:22px;padding:0 .5rem;white-space:nowrap}.chip.success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-on-soft)}.chip.error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}.chip.warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-on-soft)}.chip.info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-on-soft)}.surface-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:none}.section-title{font-size:var(--text-h3)}.dashboard-title,.section-title{letter-spacing:var(--tracking-heading)}.dashboard-title{color:var(--text-primary);font-size:var(--text-h1);font-weight:var(--weight-semibold)}.subtle{color:var(--text-secondary)}.auth-login{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(360px,410px);min-height:min(72dvh,640px)}.auth-pitch{display:flex;flex-direction:column;gap:var(--space-6);max-width:34rem}.auth-pitch__title{color:var(--text-primary);font-size:clamp(1.875rem,1.2rem + 2.2vw,2.75rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);line-height:1.08}.auth-pitch__body{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body);max-width:46ch}.auth-pitch__figure{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin:0;overflow:hidden}.auth-pitch__photo{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}.auth-pitch__caption{color:var(--text-muted);font-size:var(--text-2xs);padding:var(--space-3) var(--space-4)}.auth-facts,.auth-pitch__caption{border-top:1px solid var(--border)}.auth-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.auth-facts__item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-4) 0 0}.auth-facts__item+.auth-facts__item{border-left:1px solid var(--border);padding-left:var(--space-4)}.auth-facts__value{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.auth-facts__label{color:var(--text-muted);font-size:var(--text-2xs);line-height:var(--leading-snug)}.auth-card,.confirm-email-card,.login-card,.new-password-card,.register-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:440px;padding:var(--space-8);width:100%}.auth-card{max-width:none}.auth-card__head,.confirm-email-header,.login-header,.new-password-header,.register-header{margin-bottom:var(--space-6)}.auth-card__title,.confirm-email-header h1,.login-header h1,.new-password-header h1,.register-header h1{color:var(--text-primary);font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin:0 0 var(--space-1)}.auth-card__sub,.confirm-email-header p,.login-header p,.new-password-header p,.register-header p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.confirm-email-header,.login-header,.new-password-header,.register-header{text-align:left}.logo-container{display:none}.auth-form,.confirm-email-form,.login-form,.new-password-form,.register-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{gap:var(--space-2)}.form-group label{font-weight:var(--weight-medium);letter-spacing:0}.form-group input,.password-input-container input,.verification-input{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);min-height:var(--control-height-lg);padding:0 var(--space-3);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.form-group input::placeholder{color:var(--text-muted)}.form-group input:hover:not(:disabled){border-color:var(--text-disabled)}.form-group input:focus,.verification-input:focus{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring);outline:none}.form-group input:disabled{background:var(--bg-sunken);color:var(--text-disabled);cursor:not-allowed}.form-hint{color:var(--text-muted);font-size:var(--text-2xs);line-height:var(--leading-snug)}.password-input-container input{padding-right:3rem}.password-toggle{border-radius:var(--radius-sm);font-size:var(--text-sm);height:36px;right:var(--space-1);top:50%;transform:translateY(-50%);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);width:36px}.password-toggle:hover{background:var(--bg-sunken);color:var(--text-primary)}.verification-input{font-family:var(--font-mono);font-size:1.25rem;letter-spacing:.4em;text-indent:.4em}.error-message{background:var(--danger-soft);color:var(--danger-on-soft)}.auth-form .success-message,.confirm-email-form .success-message,.error-message,.login-form .success-message{align-items:flex-start;border-radius:var(--radius);display:flex;gap:var(--space-2);line-height:var(--leading-snug);padding:var(--space-3)}.auth-form .success-message,.confirm-email-form .success-message,.login-form .success-message{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-on-soft);font-size:var(--text-xs);text-align:left}.btn-back,.btn-primary,.btn-resend,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);justify-content:center;line-height:1;min-height:var(--control-height-lg);padding:0 var(--space-5);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.btn-primary{border-color:var(--primary)}.btn-back,.btn-resend,.btn-secondary{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary);font-weight:var(--weight-medium)}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-back:hover:not(:disabled),.btn-resend:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--bg-sunken)}}.btn-back:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-resend:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-back:disabled,.btn-primary:disabled,.btn-resend:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-group{display:flex}.button-group>*{flex:1 1}.auth-card__foot,.login-footer,.register-footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-2);padding-top:var(--space-4);text-align:center}.auth-card__foot p,.login-footer p,.register-footer p{color:var(--text-muted);font-size:var(--text-xs);margin:0}.auth-card__foot a,.login-footer a,.register-footer a{color:var(--primary-on-soft);font-weight:var(--weight-medium);text-decoration:underline;text-decoration-color:var(--primary-border);transition:text-decoration-color var(--dur-fast) var(--ease-out)}.auth-card__foot a:hover,.login-footer a:hover,.register-footer a:hover{text-decoration-color:initial}.confirm-email-container,.login-container,.new-password-container,.register-container{background:none;display:flex;justify-content:center;min-height:0;padding:0;width:100%}@media (max-width:1024px){.auth-login{gap:var(--space-8);grid-template-columns:minmax(0,1fr);min-height:0}.auth-pitch{max-width:none}.auth-facts,.auth-pitch__figure{display:none}.auth-card{max-width:480px}.auth-login__form{display:flex;justify-content:center}}@media (max-width:560px){.auth-card,.confirm-email-card,.login-card,.new-password-card,.register-card{padding:var(--space-6) var(--space-5)}}.ng-theme-toggle{align-items:center;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;gap:2px;padding:3px}.ng-theme-toggle__item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;gap:var(--space-2);height:28px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);width:30px}.ng-theme-toggle__item svg{height:15px;width:15px}@media (hover:hover) and (pointer:fine){.ng-theme-toggle__item:hover:not(.is-active){color:var(--text-primary)}}.ng-theme-toggle__item.is-active{background:var(--bg-surface);box-shadow:var(--shadow-raised);color:var(--text-primary)}@media (pointer:coarse){.ng-theme-toggle__item{height:34px;width:40px}}.ng-theme-toggle--labelled{width:100%}.ng-theme-toggle--labelled .ng-theme-toggle__item{flex:1 1;font-size:var(--text-xs);font-weight:var(--weight-medium);height:34px;padding:0 var(--space-3);width:auto}.ng-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;padding:var(--space-4) var(--space-3);position:fixed;top:0;width:var(--sidebar-width);z-index:var(--z-sidebar)}.ng-sidebar__head{display:flex;height:calc(var(--topbar-height) - var(--space-4));justify-content:space-between;margin-bottom:var(--space-4);padding:0 var(--space-2)}.ng-sidebar__brand,.ng-sidebar__head{align-items:center;gap:var(--space-2)}.ng-sidebar__brand{display:inline-flex;min-width:0}.ng-sidebar__mark{background-color:var(--neutral-0);background-position:50% 26%;background-repeat:no-repeat;background-size:232%;border-radius:var(--radius-sm);display:block;flex-shrink:0;height:28px;width:28px}.ng-sidebar__wordmark{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);white-space:nowrap}.ng-sidebar__close{display:none}.ng-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;min-height:0;overflow-y:auto}.ng-nav__sep{background:var(--border);height:1px;margin:var(--space-3) var(--space-2)}.ng-nav__item{align-items:center;background:#0000;border:none;border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-3);height:36px;padding:0 var(--space-2) 0 var(--space-3);position:relative;text-align:left;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);width:100%}.ng-nav__icon{color:var(--text-muted);display:grid;flex-shrink:0;place-items:center;transition:color var(--dur-fast) var(--ease-out)}.ng-nav__icon svg{height:1.125rem;width:1.125rem}.ng-nav__label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (hover:hover) and (pointer:fine){.ng-nav__item:hover{background:var(--bg-sunken);color:var(--text-primary)}.ng-nav__item:hover .ng-nav__icon{color:var(--text-secondary)}}.ng-nav__item.is-active{background:var(--primary-soft);font-weight:var(--weight-semibold)}.ng-nav__item.is-active,.ng-nav__item.is-active .ng-nav__icon{color:var(--primary-on-soft)}.ng-nav__item.is-active:before{background:var(--primary);border-radius:0 2px 2px 0;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.ng-nav__item--quiet{color:var(--text-muted)}.ng-nav__count{font-feature-settings:"tnum";background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-pill);color:var(--danger-on-soft);display:inline-grid;flex-shrink:0;font-size:.6875rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);height:18px;min-width:20px;padding:0 5px;place-items:center}.ng-sidebar__foot{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3)}.ng-sidebar__theme{align-items:center;display:none;gap:var(--space-2);justify-content:space-between;padding:0 var(--space-2) var(--space-1)}.ng-sidebar__theme-label{color:var(--text-muted);font-size:var(--text-xs)}.ng-sidebar__scrim{background:var(--scrim);inset:0;opacity:0;position:fixed;transition:opacity var(--dur) var(--ease-out),visibility var(--dur);visibility:hidden;z-index:var(--z-overlay)}@media (max-width:1024px){.ng-sidebar{box-shadow:var(--shadow-modal);transform:translateX(-100%);transition:transform var(--dur-slow) var(--ease-out);z-index:calc(var(--z-overlay) + 1)}.ng-sidebar.is-open{transform:translateX(0)}.ng-sidebar__close{display:inline-flex}.ng-sidebar__theme{display:flex}.ng-sidebar__scrim.is-open{opacity:1;visibility:visible}}.ds-root{flex-shrink:0;position:relative}.ds-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);display:flex;gap:var(--space-2);height:var(--control-height);max-width:240px;padding:0 var(--space-2) 0 var(--space-2);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.ds-trigger:hover{background:var(--bg-sunken)}}.ds-trigger:active{transform:scale(.98)}.ds-trigger.is-open{background:var(--bg-sunken);border-color:var(--text-disabled)}.ds-trigger--skeleton{animation:ds-pulse 1.4s var(--ease-soft) infinite;background:var(--bg-sunken);border-color:var(--border);width:190px}@keyframes ds-pulse{0%,to{opacity:.6}50%{opacity:1}}.ds-trigger--empty{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-on-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-2);padding:0 var(--space-3)}.ds-trigger__icon{color:var(--text-muted);display:grid;flex-shrink:0;height:22px;place-items:center;width:22px}.ds-trigger__icon.is-account{color:var(--primary-on-soft)}.ds-trigger__text{display:flex;flex-direction:column;line-height:1.25;min-width:0;text-align:left}.ds-trigger__label{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ds-trigger__detail,.ds-trigger__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-trigger__detail{color:var(--text-muted);font-size:.6875rem}.ds-trigger__caret{color:var(--text-muted);flex-shrink:0;height:1rem!important;transition:transform var(--dur) var(--ease-out);width:1rem!important}.ds-trigger.is-open .ds-trigger__caret{transform:rotate(180deg)}.ds-dot{background:var(--text-disabled);border-radius:50%;flex-shrink:0;height:7px;width:7px}.ds-dot--online{background:var(--success)}.ds-dot--stale{background:var(--warning)}.ds-dot--offline{background:#0000;border:2px solid var(--danger)}.ds-dot--never_seen{background:#0000;border:2px solid var(--text-disabled)}.ds-menu{animation:ds-menu-in var(--dur-fast) var(--ease-out);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);max-width:calc(100vw - 2rem);padding:var(--space-1);position:absolute;right:0;top:calc(100% + 6px);transform-origin:top right;width:300px;z-index:var(--z-dropdown)}@keyframes ds-menu-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ds-option{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);display:flex;gap:var(--space-3);padding:var(--space-2) .625rem;text-align:left;transition:background-color var(--dur-instant) var(--ease-out);width:100%}@media (hover:hover) and (pointer:fine){.ds-option:hover{background:var(--bg-sunken)}}.ds-option.is-selected{background:var(--primary-soft);color:var(--primary-on-soft)}.ds-option__icon{color:var(--text-muted);display:grid;flex-shrink:0;height:24px;place-items:center;width:24px}.ds-option.is-selected .ds-option__icon{color:var(--primary-on-soft)}.ds-option__text{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.ds-option__name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.ds-option__meta,.ds-option__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-option__meta{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.6875rem;gap:.375rem}.ds-option.is-selected .ds-option__meta{color:var(--primary-on-soft);opacity:.85}.ds-option__check{color:var(--primary-on-soft);flex-shrink:0;height:1rem!important;width:1rem!important}.ds-separator{color:var(--text-muted);font-size:.6875rem;font-weight:var(--weight-semibold);padding:var(--space-3) .625rem var(--space-1)}.ds-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto}.ds-footer{border-top:1px solid var(--border);display:flex;gap:var(--space-2);margin-top:var(--space-1);padding-top:var(--space-2)}.ds-action{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;flex:1 1;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height-sm);justify-content:center;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.ds-action:hover{background:var(--bg-sunken)}}.ds-action:active{transform:scale(.97)}.ds-action--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg);font-weight:var(--weight-semibold)}@media (hover:hover) and (pointer:fine){.ds-action--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}}.ds-action svg{height:.95rem;width:.95rem}@media (max-width:720px){.ds-trigger__text{display:none}.ds-trigger__caret{display:none!important}.ds-trigger{justify-content:center;padding:0;width:var(--control-height)}.ds-trigger--empty{padding:0 var(--space-3);width:auto}.ds-menu{left:var(--space-3);max-width:none;position:fixed;right:var(--space-3);top:calc(var(--topbar-height) - var(--space-2));transform-origin:top center;width:auto}}.ng-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);gap:var(--space-4);height:var(--topbar-height);justify-content:space-between;padding:0 var(--content-padding);position:sticky;top:0;z-index:var(--z-sticky)}.ng-topbar,.ng-topbar__left{align-items:center;display:flex}.ng-topbar__left{gap:var(--space-3);min-width:0}.ng-topbar__menu{display:none}.ng-topbar__titles{min-width:0}.ng-topbar__title{color:var(--text-primary);font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.ng-topbar__subtitle,.ng-topbar__title{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-topbar__subtitle{color:var(--text-muted);font-size:var(--text-2xs)}.ng-topbar__right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.ng-topbar__bell{position:relative}.ng-topbar__bell-count{font-feature-settings:"tnum";background:var(--danger);border:2px solid var(--bg-surface);border-radius:var(--radius-pill);box-sizing:initial;color:#fff;font-size:.625rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:2px;text-align:center;top:2px}:root[data-theme=dark] .ng-topbar__bell-count{color:#1a0c0b}.ng-topbar__account{position:relative}.ng-topbar__user{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height);max-width:200px;padding:0 var(--space-2) 0 3px;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.ng-topbar__user:hover{background:var(--bg-sunken)}}.ng-topbar__user.is-open{background:var(--bg-sunken);border-color:var(--border)}.ng-topbar__avatar{background:var(--primary);border-radius:var(--radius-sm);color:var(--primary-fg);display:grid;flex-shrink:0;font-size:.6875rem;font-weight:var(--weight-semibold);height:30px;letter-spacing:.03em;place-items:center;width:30px}.ng-topbar__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-topbar__caret{color:var(--text-muted);flex-shrink:0;height:1rem!important;width:1rem!important}.ng-topbar__account-menu{--transform-origin:top right;position:absolute;right:0;top:calc(100% + 6px)}.ng-topbar__account-menu .ng-topbar__menu-id{display:flex;flex-direction:column;gap:1px;padding:var(--space-2) .625rem var(--space-1)}.ng-topbar__account-menu .ng-topbar__menu-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ng-topbar__account-menu .ng-topbar__menu-email{color:var(--text-muted);font-size:var(--text-2xs);overflow:hidden;text-overflow:ellipsis}.ng-topbar__account-menu .ng-topbar__menu-theme{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;padding:0 .625rem var(--space-1)}.ng-topbar__account-menu .ng-topbar__menu-theme .ng-menu__label{padding:0}.ng-topbar__account-menu .ng-topbar__menu-theme,.ng-topbar__account-menu .ng-topbar__menu-theme+.ng-menu__sep{display:none}@media (max-width:1024px){.ng-topbar{padding:0 var(--space-4)}.ng-topbar__menu{display:inline-flex}.ng-topbar__subtitle,.ng-topbar__theme{display:none}.ng-topbar__account-menu .ng-topbar__menu-theme{display:flex}.ng-topbar__account-menu .ng-topbar__menu-theme+.ng-menu__sep{display:block}}@media (max-width:720px){.ng-topbar{gap:var(--space-2)}.ng-topbar__user-name{display:none}.ng-topbar__caret{display:none!important}.ng-topbar__user{padding:3px}}.ng-shell{background:var(--bg-app);min-height:100dvh;width:100%}.ng-shell__main{display:flex;flex-direction:column;margin-left:var(--sidebar-width);min-height:100dvh;min-width:0}.ng-shell__content{flex:1 1;margin:0 auto;max-width:var(--max-width);padding:var(--space-6) var(--content-padding) var(--space-12);width:100%}.dash-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.dash-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-grid--main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.dash-section{margin-bottom:var(--space-8)}.dash-section-header{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.dash-section-header h2{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);margin:0}@media (max-width:1180px){.dash-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.ng-shell__main{margin-left:0}.ng-shell__content{padding:var(--space-5) var(--space-4) var(--space-10)}.dash-grid--main{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.dash-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dash-grid--3,.dash-grid--4{grid-template-columns:minmax(0,1fr)}}.metric-card{min-width:0;padding:var(--space-4) var(--space-5) var(--space-5)}.metric-card,.metric-card__top{display:flex;flex-direction:column;gap:var(--space-2)}.metric-card__heading{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;min-height:24px}.metric-card__label{color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card__icon{color:var(--text-disabled);display:grid;flex-shrink:0;height:24px;place-items:center;width:24px}.metric-card__icon svg{height:1rem;width:1rem}.metric-card--success .metric-card__icon{color:var(--success-on-soft)}.metric-card--warning .metric-card__icon{color:var(--warning-on-soft)}.metric-card--error .metric-card__icon{color:var(--danger-on-soft)}.metric-card--info .metric-card__icon{color:var(--info-on-soft)}.metric-card__value-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:.3rem}.metric-card__value{font-feature-settings:"tnum";color:var(--text-primary);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:1.05}.metric-card__unit{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.metric-card__delta{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-medium);gap:.375rem;line-height:var(--leading-snug);max-width:100%;width:fit-content}.metric-card__delta--success{color:var(--success-on-soft)}.metric-card__delta--error{color:var(--danger-on-soft)}.metric-card__delta--warning{color:var(--warning-on-soft)}.metric-card__delta--info{color:var(--info-on-soft)}.metric-card__sparkline{height:48px;margin-top:auto;width:100%}.metric-card__footer{color:var(--text-muted);font-size:var(--text-2xs);line-height:var(--leading-snug);margin-top:auto;padding-top:var(--space-3)}.pressure-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.pressure-card--card{padding:var(--space-4) var(--space-5) var(--space-5)}.pressure-card--inline{padding:0}.pressure-card__head{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;min-height:24px}.pressure-card__label{color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pressure-card__icon{color:var(--text-disabled);display:grid;flex-shrink:0;height:24px;place-items:center;width:24px}.pressure-card__icon svg{height:1rem;width:1rem}.pressure-card--low .pressure-card__icon{color:var(--warning-on-soft)}.pressure-card--high .pressure-card__icon{color:var(--danger-on-soft)}.pressure-card__value{align-items:baseline;display:flex;gap:.3rem}.pressure-card__num{font-feature-settings:"tnum";color:var(--text-primary);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:1.05}.pressure-card__unit{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.pressure-card__scale{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1)}.pressure-card__track{background:var(--bg-inset);border-radius:var(--radius-pill);height:4px;position:relative}.pressure-card__zone--ok{background:var(--success-border);border-radius:var(--radius-pill);bottom:0;left:30%;position:absolute;top:0;width:45%}.pressure-card__marker{background:var(--text-primary);border-radius:2px;height:12px;margin-left:-1.5px;position:absolute;top:50%;transform:translateY(-50%);transition:left var(--dur-slow) var(--ease-out);width:3px}.pressure-card--low .pressure-card__marker{background:var(--warning)}.pressure-card--high .pressure-card__marker{background:var(--danger)}.pressure-card__ticks{font-feature-settings:"tnum";color:var(--text-disabled);display:flex;font-size:.6875rem;font-variant-numeric:tabular-nums;justify-content:space-between}.pressure-card__ticks span:nth-child(2){margin-left:20%}.pressure-card__ticks span:nth-child(3){margin-right:18%}.pressure-card__footer{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:var(--space-2)}.pressure-card__status{color:var(--text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.pressure-card--low .pressure-card__status{color:var(--warning-on-soft)}.pressure-card--high .pressure-card__status{color:var(--danger-on-soft)}.pressure-card--normal .pressure-card__status{color:var(--success-on-soft)}.pressure-card--unknown .pressure-card__status,.pressure-card__trend{color:var(--text-muted)}.pressure-card__trend{font-size:var(--text-2xs);line-height:var(--leading-snug)}.pressure-card.is-compact .pressure-card__num{font-size:1.375rem}.ng-area-chart,.ng-bar-chart{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-width:0;padding:var(--space-5) var(--space-5) var(--space-3)}.ng-area-chart__head,.ng-bar-chart__head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.ng-area-chart__title,.ng-bar-chart__title{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin:0}.ng-area-chart__subtitle,.ng-bar-chart__subtitle{color:var(--text-muted);font-size:var(--text-2xs);margin:2px 0 0}.recharts-cartesian-axis-tick-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ng-bar-chart .recharts-rectangle.recharts-tooltip-cursor{fill:var(--bg-sunken)}.monthly-comparison-container{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1rem;padding:1.25rem;width:100%}.monthly-comparison-title{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0}.savings-info{align-items:center;display:flex;flex-direction:column;gap:.5rem}.savings-percentage{color:var(--success-color);font-size:var(--text-h2);font-weight:700}.savings-amount{color:var(--text-secondary);font-size:var(--text-sm)}.bill-prediction-section{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.prediction-header{align-items:center;display:flex;gap:.5rem}.prediction-icon{color:var(--accent);font-size:var(--text-h2)!important}.prediction-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.prediction-content{display:flex;flex-direction:column;gap:1rem}.prediction-main{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.predicted-bill,.predicted-consumption{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.25rem;padding:.95rem 1rem}.bill-amount{color:var(--accent);font-size:1.7rem}.bill-amount,.consumption-amount{font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1}.consumption-amount{color:var(--success-color);font-size:1.4rem}.bill-label,.consumption-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.bill-comparison{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:.6rem;padding:.7rem .9rem}.trend-icon{font-size:var(--text-h3)!important}.trend-icon.trend-up{color:var(--error-color)}.trend-icon.trend-down{color:var(--success-color)}.trend-icon.trend-stable{color:var(--warning-color)}.comparison-text{flex:1 1;font-weight:var(--weight-medium)}.comparison-text.increase{color:var(--error-color)}.comparison-text.decrease{color:var(--success-color)}.comparison-text.stable{color:var(--warning-color)}.prediction-details{grid-gap:.5rem;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);display:grid;gap:.5rem;grid-template-columns:1fr;padding:.95rem 1rem}.detail-row{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.detail-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);justify-content:space-between}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-primary);font-weight:var(--weight-semibold)}.confidence-indicator{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.25rem;padding:.7rem .9rem}.confidence-badge{font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.confidence-message{color:var(--text-muted);font-size:var(--text-xs);font-style:italic}.trend-summary{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:.5rem;padding:.6rem .9rem}.trend-summary.increasing{background:var(--error-soft);border:1px solid var(--danger-border);color:var(--error-color)}.trend-summary.decreasing{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-color)}.months-legend{border-top:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;padding:.75rem 0}.legend-item{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);gap:.45rem}.legend-color{border-radius:4px;height:12px;width:12px}@media (max-width:600px){.detail-row,.prediction-main{grid-template-columns:1fr}.detail-row{gap:.5rem}}@media (min-width:600px){.prediction-details{grid-template-columns:1fr;padding:1rem 1.1rem}.confidence-indicator{align-items:center;flex-direction:row;justify-content:space-between}}.ng-filter{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.ng-filter__tabs{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;gap:2px;padding:3px}.ng-filter__tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);height:28px;padding:0 var(--space-3);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}@media (hover:hover) and (pointer:fine){.ng-filter__tab:hover:not(.is-active){color:var(--text-primary)}}.ng-filter__tab.is-active{background:var(--bg-surface);box-shadow:var(--shadow-raised);color:var(--text-primary)}.ng-filter__unit{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-muted);display:inline-flex;height:var(--control-height-sm);padding-left:var(--space-2);position:relative;transition:border-color var(--dur-fast) var(--ease-out)}.ng-filter__unit:focus-within{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.ng-filter__unit-icon{flex-shrink:0;height:.95rem!important;width:.95rem!important}.ng-filter__unit-select{-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);height:100%;padding:0 var(--space-2);padding-right:1.5rem}.ng-filter__unit-select:focus-visible{outline:none}.ng-filter__unit:after{border-bottom:1.5px solid;border-right:1.5px solid;content:"";height:6px;pointer-events:none;position:absolute;right:10px;transform:translateY(-2px) rotate(45deg);width:6px}@media (max-width:720px){.ng-filter{gap:var(--space-3)}.ng-filter__tabs{flex:1 1;min-width:0}.ng-filter__tab{flex:1 1;height:36px;padding:0 var(--space-2)}}.ao-root{display:flex;flex-direction:column;gap:var(--space-5)}.ao-skeleton{background:var(--bg-sunken);height:132px;overflow:hidden;position:relative}.ao-skeleton:after{animation:ng-shimmer 1.4s var(--ease-soft) infinite;background:linear-gradient(90deg,#0000,#7f8c8824,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.ao-dot{background:var(--text-disabled);border-radius:50%;flex-shrink:0;height:8px;width:8px}.ao-dot--online{background:var(--success)}.ao-dot--stale{background:var(--warning)}.ao-dot--offline{background:#0000;border:2px solid var(--danger)}.ao-dot--never_seen{background:#0000;border:2px solid var(--text-disabled)}.ao-attention{align-items:center;background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.ao-attention__title{color:var(--warning-on-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ao-attention__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ao-attention__item{align-items:center;background:var(--bg-surface);border:1px solid var(--warning-border);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height-sm);padding:0 var(--space-2) 0 var(--space-3);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.ao-attention__item:hover{border-color:var(--warning)}}.ao-attention__item:active{transform:scale(.98)}.ao-attention__meta{color:var(--text-muted)}.ao-attention__item svg{color:var(--text-muted);height:.875rem;width:.875rem}.ao-compare{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ao-compare__head{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-5)}.ao-compare__sub{color:var(--text-muted);font-size:var(--text-2xs);margin:2px 0 0}.ao-link{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-1);height:var(--control-height-sm);padding:0 .7rem;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out);white-space:nowrap}@media (hover:hover) and (pointer:fine){.ao-link:hover{background:var(--bg-sunken)}}.ao-link:active{transform:scale(.97)}.ao-link svg{height:.9rem;width:.9rem}.ao-bars{display:flex;flex-direction:column}.ao-bar+.ao-bar{border-top:1px solid var(--border-subtle)}.ao-bar__btn{background:none;border:none;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);text-align:left;transition:background-color var(--dur-fast) var(--ease-out);width:100%}@media (hover:hover) and (pointer:fine){.ao-bar__btn:hover{background:var(--bg-surface-2)}}.ao-bar__head{align-items:baseline;display:flex;gap:var(--space-4);justify-content:space-between}.ao-bar__name{align-items:center;color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);min-width:0}.ao-bar__profile{border-left:1px solid var(--border-strong);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-regular);padding-left:var(--space-2)}.ao-bar__figures{align-items:baseline;display:inline-flex;flex-shrink:0;gap:var(--space-3)}.ao-bar__value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.ao-bar__cost{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.ao-bar__track{background:var(--bg-inset);height:3px;overflow:hidden}.ao-bar__fill,.ao-bar__track{border-radius:var(--radius-pill)}.ao-bar__fill{animation:ao-bar-in var(--dur-slow) var(--ease-out) both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*40ms);background:var(--data-water);height:100%;transform:scaleX(0);transform:scaleX(var(--pct,0));transform-origin:left center;width:100%}@keyframes ao-bar-in{0%{transform:scaleX(0)}to{transform:scaleX(0);transform:scaleX(var(--pct,0))}}.ao-bar__foot{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.ao-bar__share{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;white-space:nowrap}.ao-stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);min-width:0}.ao-stat{font-feature-settings:"tnum";align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;gap:.375rem}.ao-stat svg{height:.875rem;width:.875rem}.ao-stat.is-ok{color:var(--success-on-soft)}.ao-stat.is-warn{color:var(--warning-on-soft)}.ao-stat.is-closed{color:var(--danger-on-soft)}.ao-empty{align-items:center;background:var(--bg-surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.ao-empty,.ao-empty__icon{border-radius:var(--radius-lg)}.ao-empty__icon{background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-muted);display:grid;height:44px;place-items:center;width:44px}.ao-empty__icon svg{height:1.25rem;width:1.25rem}.ao-empty h3{color:var(--text-primary);font-size:var(--text-h3)}.ao-empty p{color:var(--text-muted);line-height:var(--leading-snug);max-width:46ch}.ao-cta,.ao-empty p{font-size:var(--text-sm)}.ao-cta{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary-fg);display:inline-flex;font-weight:var(--weight-semibold);gap:var(--space-2);height:var(--control-height);margin-top:var(--space-2);padding:0 var(--control-padding-x);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.ao-cta:hover{background:var(--primary-hover);border-color:var(--primary-hover)}}.ao-cta:active{transform:scale(.97)}@media (max-width:640px){.ao-bar__btn,.ao-compare__head{padding:var(--space-4)}.ao-bar__head{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.ao-bar__figures{gap:var(--space-2)}}.ng-home{display:flex;flex-direction:column;gap:var(--space-5)}.ng-home__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.ng-home__toolbar-left,.ng-home__toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.ng-home__connection{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-2)}.ng-home__connection-dot{background:var(--text-disabled);border-radius:50%;flex-shrink:0;height:8px;position:relative;width:8px}.ng-home__connection.is-online{color:var(--success-on-soft)}.ng-home__connection.is-online .ng-home__connection-dot{background:currentColor}.ng-home__connection.is-online .ng-home__connection-dot:after{animation:ng-pulse 2.4s var(--ease-soft) infinite;background:currentColor;border-radius:50%;content:"";inset:0;position:absolute}.ng-home__connection.is-offline{color:var(--danger-on-soft)}.ng-home__connection.is-offline .ng-home__connection-dot{background:#0000;border:2px solid}.ng-home__connection.is-stale{color:var(--warning-on-soft)}.ng-home__connection.is-stale .ng-home__connection-dot{background:currentColor}.ng-home__connection.is-never_seen{color:var(--text-muted)}.ng-home__connection.is-never_seen .ng-home__connection-dot{background:#0000;border:2px solid}.ng-home__connection-time{color:var(--text-muted);font-weight:var(--weight-regular)}.ng-home__connection-time:before{background:var(--border-strong);content:"";display:inline-block;height:10px;margin:0 var(--space-2) -1px;width:1px}.ng-home__charts{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.ng-home__charts>*{min-width:0}.ng-home__pressure-trend{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-3)}.ng-home__pressure-trend-head{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.ng-home__chart-full-span{grid-column:1/-1;min-width:0}@media (max-width:1100px){.ng-home__charts{grid-template-columns:minmax(0,1fr)}}.filter-container,.title{display:none}.toggle-button,.view-toggle{display:inline-flex}.toggle-button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height-sm);padding:0 .7rem;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.toggle-button:before{background:var(--text-disabled);border-radius:50%;content:"";flex-shrink:0;height:7px;width:7px}.toggle-button.real:before{background:var(--success)}.toggle-button.simulated:before{background:var(--info)}@media (hover:hover) and (pointer:fine){.toggle-button:hover{background:var(--bg-sunken);color:var(--text-primary)}}.toggle-button:active{transform:scale(.97)}.ng-home__pressure-trend{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-width:0;padding:1.25rem 1.25rem .75rem}.ng-home__pressure-trend-head{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.filter-container,.title{display:none}.cards-row,.charts-row,.dashboard-container,.monthly-comparison-row{display:contents}.container{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.valve-grid-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.valve-empty{align-items:center;gap:var(--space-2);grid-column:1/-1;padding:var(--space-16) var(--space-6);text-align:center}.valve-empty h3{color:var(--text-primary);font-size:var(--text-h3)}.valve-empty p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);max-width:46ch}.connection-status{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-2)}.status-dot{background:var(--text-disabled);border-radius:50%;flex-shrink:0;height:8px;position:relative;width:8px}.connection-status.is-online{color:var(--success-on-soft)}.connection-status.is-online .status-dot{background:currentColor}.connection-status.is-online .status-dot:after{animation:ng-pulse 2.4s var(--ease-soft) infinite;background:currentColor;border-radius:50%;content:"";inset:0;position:absolute}.connection-status.is-stale{color:var(--warning-on-soft)}.connection-status.is-stale .status-dot{background:currentColor}.connection-status.is-offline{color:var(--danger-on-soft)}.connection-status.is-offline .status-dot{background:#0000;border:2px solid}.connection-status.is-never_seen{color:var(--text-muted)}.connection-status.is-never_seen .status-dot{background:#0000;border:2px solid}.last-update{color:var(--text-muted);font-weight:var(--weight-regular)}.valveContainer{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:grid;padding:var(--space-4) 0;place-items:center}.valve-svg{height:auto;max-width:100%}.valve-svg.is-unknown{opacity:.55}.statusContainer{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.statusLabel{color:var(--text-muted);font-size:var(--text-2xs)}.statusValue{color:var(--text-primary);font-size:1.5rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.statusValue.is-open{color:var(--success-on-soft)}.statusValue.is-closed{color:var(--warning-on-soft)}.flowInfo,.stateCaveat,.statusValue.is-unknown{color:var(--text-muted)}.flowInfo,.stateCaveat{font-size:var(--text-2xs);line-height:var(--leading-snug);max-width:48ch}.flowInfo{font-feature-settings:"tnum";color:var(--info-on-soft);font-variant-numeric:tabular-nums}.valve-notice{align-items:flex-start;background:var(--neutral-soft);border:1px solid var(--neutral-border);border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-3);justify-content:space-between;line-height:var(--leading-snug);padding:var(--space-3) var(--space-4)}.valve-notice.is-pending{background:var(--info-soft);border-color:var(--info-border);color:var(--info-on-soft)}.valve-notice.is-ok{background:var(--success-soft);border-color:var(--success-border);color:var(--success-on-soft)}.valve-notice.is-warn{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-on-soft)}.notice-close{background:none;border:none;color:inherit;flex-shrink:0;font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:0;text-decoration:underline;text-underline-offset:.2em}.controlsContainer{display:flex;flex-direction:column;gap:var(--space-3)}.button-group{grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.valve-button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);height:var(--control-height-lg);justify-content:center;padding:0 var(--space-4);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.valve-button.open:hover:not(:disabled){background:var(--success-soft);border-color:var(--success-border);color:var(--success-on-soft)}.valve-button.close:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}}.valve-button:active:not(:disabled){transform:scale(.98)}.valve-button.active{background:var(--bg-inset);border-color:var(--border-strong);color:var(--text-muted)}.valve-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.toggleButton{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height);justify-content:center;padding:0 var(--space-4);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.toggleButton:hover:not(.disabled){background:var(--bg-sunken);color:var(--text-primary)}}.toggleButton:active:not(.disabled){transform:scale(.98)}.toggleButton.disabled{cursor:not-allowed;opacity:.5}.toggleIndicator{background:currentColor;border-radius:50%;flex-shrink:0;height:8px;width:8px}.toggleButton.open .toggleIndicator{background:var(--warning)}.toggleButton.closed .toggleIndicator{background:var(--success)}.info-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.info-section h3{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.info-section ul{display:flex;flex-direction:column;gap:var(--space-3)}.info-section li{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug);padding-left:var(--space-4);position:relative}.info-section li:before{background:var(--border-strong);border-radius:50%;content:"";height:4px;left:0;position:absolute;top:.5em;width:4px}.info-section code,.info-section strong{color:var(--text-primary)}.info-section code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.75rem;padding:1px 5px}@media (max-width:1024px){.container{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.valve-grid-card{padding:var(--space-4)}.button-group{grid-template-columns:minmax(0,1fr)}}.alert-notification{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);transition:border-color var(--dur-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.alert-notification:hover{border-color:var(--border-strong)}}.alert-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.alert-icon{font-size:.95rem;height:26px;width:26px}.alert-icon svg{height:.95rem;width:.95rem}.alert-icon.warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-on-soft)}.alert-icon.info,.alert-icon.water{background:var(--info-soft);border-color:var(--info-border);color:var(--info-on-soft)}.alert-icon.time{background:var(--neutral-soft);border-color:var(--neutral-border);color:var(--text-secondary)}.alert-header h3{align-items:center;color:var(--text-primary);display:inline-flex;flex-wrap:wrap;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);margin:0}.alert-timestamp{margin-left:auto;white-space:nowrap}.alert-message{margin:0;white-space:pre-line}.alert-notification.new-alert{border-color:var(--danger-border)}.alert-notification.example-alert{background:var(--bg-surface-2);border-style:dashed}.alert-notification.read-alert{opacity:.72}.example-badge,.new-badge,.read-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.6875rem;font-weight:var(--weight-medium);height:20px;letter-spacing:0;padding:0 .4rem;text-transform:none}.new-badge{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-on-soft)}.example-badge{background:var(--neutral-soft);border:1px solid var(--neutral-border);color:var(--text-muted)}.read-badge{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-on-soft)}.alert-actions{border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;margin-top:var(--space-1);padding-top:var(--space-3)}.mark-read-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height-sm);padding:0 .7rem;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.mark-read-btn:hover{background:var(--bg-sunken)}}.mark-read-btn:active{transform:scale(.97)}.active-alerts-container{display:flex;flex-direction:column;gap:var(--space-4)}.active-alerts-container .alerts-header h1{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);margin:0}.alerts-loading{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-5);text-align:center}.alert-card,.alerts-loading{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.alert-card{align-items:flex-start;display:flex;gap:var(--space-3);padding:var(--space-4);transition:border-color var(--dur-fast) var(--ease-out)}.alert-icon{background:var(--neutral-soft);border:1px solid var(--neutral-border);border-radius:var(--radius-sm);color:var(--text-muted);display:grid;flex-shrink:0;height:28px;place-items:center;width:28px}.alert-icon svg{height:1rem;width:1rem}.alert-critical .alert-icon{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}.alert-warning .alert-icon{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-on-soft)}.alert-info .alert-icon{background:var(--info-soft);border-color:var(--info-border);color:var(--info-on-soft)}.alert-content{flex:1 1;min-width:0}.alert-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:2px}.alert-message{font-size:var(--text-xs)}.alert-message,.alert-recommendation{color:var(--text-secondary);line-height:var(--leading-snug);margin-bottom:var(--space-2)}.alert-recommendation{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-2xs);padding:var(--space-2) var(--space-3)}.alert-timestamp{color:var(--text-muted);font-size:var(--text-2xs)}.alert-close-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);display:grid;flex-shrink:0;height:28px;place-items:center;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);width:28px}.alert-close-btn:hover{background:var(--bg-sunken);color:var(--text-primary)}.alerts-error{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger-on-soft);font-size:var(--text-xs);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.alerts-container{display:flex;flex-direction:column;gap:var(--space-6)}.alerts-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.mark-all-read-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height);padding:0 var(--control-padding-x);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.mark-all-read-btn:hover{background:var(--bg-sunken)}}.mark-all-read-btn:active{transform:scale(.97)}.mark-all-read-btn svg{height:1.05rem;width:1.05rem}.alerts-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.examples-section{background:var(--bg-surface-2);border-style:dashed}.alerts-section .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-h3);font-weight:var(--weight-semibold);gap:var(--space-2);margin:0}.new-alerts-title svg{color:var(--danger-on-soft)}.examples-title{color:var(--text-muted)}.alerts-list{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.alerts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.alerts-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.alerts-empty{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-16) var(--space-6);text-align:center}.alerts-empty svg{color:var(--success-on-soft);height:1.75rem;margin-bottom:var(--space-2);width:1.75rem}.alerts-empty h3{color:var(--text-primary);font-size:var(--text-h3);margin:0}.alerts-empty p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0;max-width:46ch}.user-info-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.user-info-card .user-avatar{background:var(--primary);border-radius:var(--radius);color:var(--primary-fg);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.user-info-card .avatar-icon{color:inherit;font-size:1.25rem}.user-info-card .user-details{display:block;flex:1 1;min-width:0}.user-info-card .user-details h2{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-card .info-item{align-items:center;background:none;border:0;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2);margin:0;min-width:0;padding:0;transform:none}.user-info-card .info-icon{color:var(--text-disabled);flex-shrink:0;height:.95rem;width:.95rem}.user-info-card .info-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.user-info-card{align-items:flex-start}}.user-stats{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.user-stats .stat-card{align-items:center;border-left:1px solid var(--border);display:flex;gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-5)}.user-stats .stat-card:first-child{border-left:none}.user-stats .stat-icon{color:var(--text-disabled);display:grid;flex-shrink:0;height:24px;place-items:center;width:24px}.user-stats .stat-icon svg{height:1.05rem;width:1.05rem}.user-stats .stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-stats .stat-info h3{color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);margin:0}.user-stats .stat-info p{font-feature-settings:"tnum";color:var(--text-primary);font-size:1.375rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.03em;margin:0}@media (max-width:860px){.user-stats{grid-template-columns:minmax(0,1fr)}.user-stats .stat-card{border-left:none}.user-stats .stat-card+.stat-card{border-top:1px solid var(--border)}}.data-period-info{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.data-period-info h3{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);margin:0 0 var(--space-3)}.period-details{gap:var(--space-1)}.period-dates,.period-text{margin:0}.loading-period{color:var(--text-muted)}.loading-period p{margin:0}.device-selector{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.device-selector.compact{padding:.85rem}.device-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.device-selector h3{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold);margin:0}.refresh-btn{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:grid;height:36px;place-items:center;transition:color .2s,border-color .2s;width:36px}.refresh-btn:hover{background:var(--bg-sunken);color:var(--text-primary)}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.devices-list{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.device-card{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.device-card:hover{border-color:var(--border-strong)}.device-card.selected{background:var(--primary-soft);border-color:var(--primary-border)}.device-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.device-info h4{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold);margin:0 0 .2rem}.device-location{color:var(--text-muted);font-size:var(--text-xs)}.device-status{align-items:center;display:flex;gap:.3rem}.status-icon{font-size:var(--text-h3)!important}.status-icon.online{color:var(--success-on-soft)}.status-icon.offline{color:var(--danger-on-soft)}.signal-icon{font-size:var(--text-body)!important}.signal-icon.strong{color:var(--success-on-soft)}.signal-icon.medium{color:var(--warning-on-soft)}.signal-icon.weak{color:var(--danger-on-soft)}.device-details{display:flex;flex-direction:column;gap:.35rem}.device-stat{align-items:center;display:flex;font-size:var(--text-xs);justify-content:space-between}.device-stat .stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-regular)}.device-stat .stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.stat-value.valve-open{color:var(--success-on-soft)}.stat-value.valve-closed{color:var(--warning-on-soft)}.device-id,.stat-value.valve-unknown{color:var(--text-muted)}.device-id{border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-2xs);padding-top:var(--space-2);text-align:right}.selected-device-info{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:var(--radius);color:var(--primary-on-soft);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);text-align:center}.selected-device-info h4{font-size:var(--text-xs);margin:0 0 .25rem;opacity:.9}.selected-device-info h4,.selected-device-info span{font-weight:var(--weight-semibold)}.error-message,.loading-message,.no-devices-message{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center}.loading-icon{font-size:1.5rem!important}.loading-icon,.no-devices-icon{color:var(--text-muted);margin-bottom:.6rem}.no-devices-icon{font-size:2.2rem!important}.no-devices-message h4{color:var(--text-primary);margin:0 0 .4rem}.retry-btn{background:var(--danger);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:var(--text-xs);height:var(--control-height-sm);margin-left:.4rem;padding:0 .7rem}.retry-btn:hover{filter:brightness(.94)}.profile-container{color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-5)}.profile-container h1{color:var(--text-primary);font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin:0}.reports-section,.settings-section{display:flex;flex-direction:column;gap:var(--space-3)}.profile-container>h2,.reports-section h2,.settings-section h2{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin:0}.household-section,.report-download-section,.user-session-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.user-session-section h2{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);margin:0}.report-download-section p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.household-input{display:flex;flex-direction:column;gap:var(--space-2)}.household-input--inline{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.household-input--inline .ng-theme-toggle--labelled{width:auto}.household-input label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.household-input input,.household-input select{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);height:var(--control-height);padding:0 var(--space-3);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.household-input input:hover:not(:disabled),.household-input select:hover:not(:disabled){border-color:var(--text-disabled)}.household-input input:focus,.household-input select:focus{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring);outline:none}.household-input input[readonly]{background:var(--bg-sunken);color:var(--text-secondary);cursor:default}.household-input input[readonly]:hover{border-color:var(--border-strong)}.household-input select option{background:var(--bg-surface);color:var(--text-primary)}.unit-select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,#0000 0);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer;padding-right:2.25rem}.household-info{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-body);padding:var(--space-3) var(--space-4)}.report-controls{display:flex;justify-content:flex-start}.generate-report-btn{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary-fg);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);height:var(--control-height);padding:0 var(--control-padding-x);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.generate-report-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}}.generate-report-btn:active:not(:disabled){transform:scale(.97)}.generate-report-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.loading-spinner{animation:spin .62s linear infinite;border:2px solid;border-top:2px solid #0000;height:14px;opacity:.7;width:14px}.period-info{max-width:480px}.period-details:empty{display:none}.period-details{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.period-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-medium);height:22px;padding:0 .5rem;width:fit-content}.period-badge.real{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-on-soft)}.period-badge.simulated{background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--warning-on-soft)}.period-text{color:var(--text-primary);font-size:var(--text-sm)}.period-dates{font-feature-settings:"tnum";color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.data-points{color:var(--primary-on-soft);font-size:var(--text-xs);font-weight:var(--weight-medium)}.period-note{color:var(--text-muted);font-size:var(--text-xs)}.current-user-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.user-details{align-items:center;display:flex;gap:var(--space-3)}.user-avatar-icon{background:var(--primary);border-radius:var(--radius);box-shadow:none;color:var(--primary-fg)!important;font-size:1.375rem!important;height:40px;padding:.5rem;width:40px}.user-text-info h3{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 2px}.user-email{color:var(--text-muted);font-size:var(--text-xs);margin:0 0 var(--space-2)}.user-role{align-items:center;background:var(--neutral-soft);border:1px solid var(--neutral-border);border-radius:var(--radius-sm);color:var(--neutral-on-soft);display:inline-flex;font-size:.6875rem;font-weight:var(--weight-medium);height:20px;margin:0;padding:0 .4rem}.session-actions{align-items:center;display:flex}.logout-button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height);padding:0 var(--control-padding-x);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}@media (hover:hover) and (pointer:fine){.logout-button:hover{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}}.logout-button:active{transform:scale(.97)}.logout-button svg{height:1.05rem!important;width:1.05rem!important}.report-preview{background:#fff;color:#14181a;padding:40px;width:210mm}.charts-container{display:flex;flex-direction:column;gap:24px}@media (max-width:600px){.current-user-info{align-items:flex-start;flex-direction:column}.household-input--inline{align-items:stretch;flex-direction:column}.household-input--inline .ng-theme-toggle--labelled{width:100%}}.recommendation-card{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:border-color var(--dur-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.recommendation-card:hover{border-color:var(--border-strong)}}.recommendation-icon{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.recommendation-icon svg{height:1.05rem;width:1.05rem}.recommendation-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:0}.recommendation-content h3{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.recommendation-content p{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-body);margin:0}.recommendation-impact{align-items:center;background:var(--success-soft);border:1px solid var(--success-border);border-radius:var(--radius-sm);color:var(--success-on-soft);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-medium);height:22px;padding:0 .5rem;width:fit-content}.recommendation-category{color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:0;text-transform:none}.recommendations-container{display:flex;flex-direction:column;gap:var(--space-5)}.recommendations-container h1{color:var(--text-primary);font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin:0}.user-metrics-summary{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.user-metrics-summary h2{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);grid-column:1/-1;margin:0;padding:var(--space-4) var(--space-5)}.user-metrics-summary p{border-left:1px solid var(--border);color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-1);margin:0;padding:var(--space-4) var(--space-5)}.user-metrics-summary p:first-of-type{border-left:none}.recommendations-intro{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-body);margin:0;max-width:70ch}.recommendations-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:700px){.user-metrics-summary{grid-template-columns:minmax(0,1fr)}.user-metrics-summary p{border-left:none;border-top:1px solid var(--border)}.user-metrics-summary p:first-of-type{border-top:none}}.daily-consumption-card{grid-gap:2px var(--space-3);align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius);cursor:pointer;display:grid;flex-shrink:0;gap:2px var(--space-3);grid-template-columns:minmax(0,1fr) auto;padding:var(--space-3) var(--space-3);text-align:left;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);width:100%}@media (hover:hover) and (pointer:fine){.daily-consumption-card:hover{background:var(--bg-sunken)}}.daily-consumption-card.selected{background:var(--primary-soft);border-color:var(--primary-border)}.daily-consumption-card .card-date{display:flex;flex-direction:column;gap:1px;min-width:0}.date-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-consumption-card.selected .date-label{color:var(--primary-on-soft);font-weight:var(--weight-semibold)}.date-value{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;line-height:var(--leading-snug)}.card-consumption{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);white-space:nowrap}.card-details,.daily-consumption-card.selected .card-consumption{color:var(--primary-on-soft)}.card-details{font-feature-settings:"tnum";border-top:1px solid var(--primary-border);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;grid-column:1/-1;line-height:var(--leading-snug);margin-top:var(--space-1);padding-top:var(--space-2)}.ng-hourly-breakdown{display:flex;flex-direction:column;gap:1rem;width:100%}.ng-hourly-breakdown__title{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0}.ng-hourly-breakdown__legend{border-top:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;padding-top:.75rem}.ng-hourly-breakdown__legend-item{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);gap:.45rem}.ng-hourly-breakdown__legend-dot{border-radius:4px;height:12px;width:12px}.ng-history{display:flex;flex-direction:column;gap:1.25rem}.ng-history__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ng-history__mode-tabs{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);display:inline-flex;gap:4px;padding:4px}.ng-history__tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:.4rem;padding:.5rem .85rem;transition:all .18s ease}.ng-history__tab:hover{background:var(--bg-elevated);color:var(--text-secondary)}.ng-history__tab.is-active{background:var(--accent-soft);box-shadow:none;color:var(--accent)}.ng-history__filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ng-history__month-picker,.ng-history__range{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);color:var(--text-secondary);display:inline-flex;gap:.6rem;padding:.45rem .65rem}.ng-history__month-selects{align-items:center;display:inline-flex;gap:.4rem;padding:0 .25rem}.ng-history__nav-btn{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-grid;height:32px;place-items:center;transition:all .18s ease;width:32px}.ng-history__nav-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--primary-border);color:var(--accent)}.ng-history__nav-btn:disabled{cursor:not-allowed;opacity:.4}.ng-history__quick{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.4rem}.ng-history__quick-label{color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);margin-right:.25rem}.ng-history__chip{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:.4rem .7rem;transition:all .18s ease}.ng-history__chip.is-active,.ng-history__chip:hover{background:var(--accent-soft);border-color:var(--primary-border);color:var(--accent)}.ng-history__period-banner{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;gap:.85rem;overflow:hidden;padding:.85rem 1.1rem;position:relative}.ng-history__period-icon{background:var(--accent-soft);border:1px solid var(--primary-border);border-radius:var(--radius-lg);color:var(--accent)!important;font-size:1.4rem!important;padding:.45rem}.ng-history__period-title{color:var(--text-primary);display:block;font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:-.01em}.ng-history__period-sub{display:block;font-weight:var(--weight-medium)}.ng-history__period-sub,.no-data-hint{color:var(--text-muted);font-size:var(--text-xs)}.no-data-hint{margin-top:.25rem}.ng-history__range label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ng-history__select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);outline:none;padding-right:.25rem}.ng-history__select option{background:var(--bg-card);color:var(--text-primary)}.loading-indicator{animation:pulse 1.5s ease-in-out infinite;color:var(--accent);font-size:var(--text-xs)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.history-stats{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.history-stats .stat-card{align-items:center;border-left:1px solid var(--border);display:flex;gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-5)}.history-stats .stat-card:first-child{border-left:none}.history-stats .stat-icon{color:var(--text-disabled);flex-shrink:0;font-size:1.125rem!important}.history-stats .stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.history-stats .stat-label{color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.history-stats .stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:1.375rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.03em}.history-content{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(280px,1fr) minmax(0,2fr)}.daily-list-container,.hourly-breakdown-container{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem}.section-title{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0}.daily-list{display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-1)}.daily-list>*+*{position:relative}.daily-list>*+:before{background:var(--border-subtle);content:"";height:1px;left:var(--space-3);position:absolute;right:var(--space-3);top:-1px}.daily-list>.selected+:before,.daily-list>.selected:before{background:#0000}.no-data-message{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2.5rem;text-align:center}.hourly-table-container{border:1px solid var(--border-soft);border-radius:var(--radius-lg);margin-top:.5rem;overflow-x:auto}.hourly-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.hourly-table thead{background:var(--bg-elevated)}.hourly-table th{color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:.75rem 1rem;text-align:left}.hourly-table tbody tr,.hourly-table th{border-bottom:1px solid var(--border-soft)}.hourly-table tbody tr{transition:background-color .2s}.hourly-table tbody tr:hover{background:var(--bg-elevated)}.hourly-table tbody tr:last-child{border-bottom:none}.hourly-table td{color:var(--text-secondary);padding:.7rem 1rem}.hourly-table td strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.hourly-table tfoot tr{background:var(--bg-elevated);border-top:1px solid var(--border-strong)}.hourly-table tfoot td{color:var(--text-primary);font-weight:var(--weight-semibold)}.error-container,.loading-container{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:42px;margin-bottom:1rem;width:42px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{font-size:var(--text-body);margin:0}@media (max-width:1200px){.history-content{grid-template-columns:1fr}.history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-stats .stat-card:nth-child(odd){border-left:none}.history-stats .stat-card:nth-child(n+3){border-top:1px solid var(--border)}}@media (max-width:600px){.history-stats{grid-template-columns:minmax(0,1fr)}.history-stats .stat-card{border-left:none}.history-stats .stat-card+.stat-card{border-top:1px solid var(--border)}}@media (max-width:720px){.ng-history__select{min-height:var(--control-height)}.ng-history__chip{padding:.55rem .85rem}.ng-history__nav-btn{height:var(--control-height);width:var(--control-height)}}.ng-public{background:var(--bg-app);display:flex;flex-direction:column;min-height:100dvh}.ng-public__bar{background:var(--bg-app);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky)}.ng-public__bar-inner{align-items:center;display:flex;gap:var(--space-6);height:var(--topbar-height);margin:0 auto;max-width:1180px;padding:0 var(--space-6)}.ng-public__brand{align-items:center;display:inline-flex;flex-shrink:0;gap:var(--space-2)}.ng-public__mark{background-color:var(--neutral-0);background-position:50% 26%;background-repeat:no-repeat;background-size:232%;border-radius:var(--radius-sm);display:block;flex-shrink:0;height:28px;width:28px}.ng-public__wordmark{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.ng-public__nav{align-items:center;display:flex;gap:var(--space-5);margin-right:auto}.ng-public__link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--dur-fast) var(--ease-out)}.ng-public__link:hover{color:var(--text-primary)}.ng-public__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}@media (pointer:coarse){.ng-public__actions .ng-btn--sm{height:34px}}.ng-public__main{flex:1 1;margin:0 auto;max-width:1180px;padding:var(--space-12) var(--space-6) var(--space-16);width:100%}.ng-public__main.is-wide{max-width:none;padding:0}.ng-public__footer{background:var(--bg-surface);border-top:1px solid var(--border)}.ng-public__footer-inner{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px;padding:var(--space-10) var(--space-6)}.ng-public__footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.ng-public__footer-desc{line-height:var(--leading-body);max-width:38ch}.ng-public__footer-col,.ng-public__footer-desc{color:var(--text-muted);font-size:var(--text-xs)}.ng-public__footer-col{display:flex;flex-direction:column;gap:var(--space-2)}.ng-public__footer-title{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:0;margin-bottom:var(--space-1)}.ng-public__footer-col a{color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);width:fit-content}.ng-public__footer-col a:hover{color:var(--text-primary);text-decoration:underline}.ng-public__footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-2xs)}.ng-public__footer-bottom>span{display:block;margin:0 auto;max-width:1180px;padding:var(--space-4) var(--space-6)}@media (max-width:860px){.ng-public__nav{display:none}.ng-public__bar-inner{gap:var(--space-4);justify-content:space-between;padding:0 var(--space-4)}.ng-public__main{padding:var(--space-8) var(--space-4) var(--space-12)}.ng-public__footer-inner{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-8) var(--space-4)}.ng-public__footer-brand{grid-column:1/-1}.ng-public__footer-bottom>span{padding:var(--space-4)}}@media (max-width:560px){.ng-public__cta{display:none}}@media (max-width:440px){.ng-public__bar-inner .ng-public__wordmark{display:none}}.register-form .success-message{align-items:center;background:none;border:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) 0 var(--space-2);text-align:center}.success-icon{background:var(--success-soft);border:1px solid var(--success-border);border-radius:var(--radius-lg);color:var(--success-on-soft);display:grid;font-size:1.25rem;height:44px;place-items:center;width:44px}.success-message h2{color:var(--text-primary);font-size:var(--text-h3);margin:0}.success-message p{color:var(--text-muted);font-size:var(--text-xs);margin:0}.redirect-text{color:var(--primary-on-soft)!important;font-weight:var(--weight-medium);margin-top:var(--space-2)!important}.password-requirements{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:15px}.password-requirements h4{color:var(--text-secondary);margin:0 0 10px}.password-requirements ul{padding-left:20px}.password-requirements li{font-size:var(--text-sm);margin:5px 0;padding-left:20px}.password-requirements li:before{color:var(--danger);content:"✗"}.password-requirements li.valid,.password-requirements li.valid:before{color:var(--success)}.new-password-container{align-items:center;background:var(--bg-app);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.new-password-card{animation:slideUp .45s ease-out;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);max-width:480px;overflow:hidden;padding:2.25rem 2rem;position:relative;width:100%}.new-password-header{margin-bottom:1.25rem;text-align:center}.new-password-header h1{color:var(--text-primary);font-size:1.4rem;font-weight:var(--weight-semibold);letter-spacing:-.02em;margin:0 0 .5rem}.new-password-header p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 .85rem}.user-info{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:.7rem .95rem}.user-info span{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.new-password-form{display:flex;flex-direction:column;gap:1rem}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-body);padding:.85rem 2.75rem .85rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.password-input-container input:focus{background:var(--bg-card);border-color:var(--primary-border);box-shadow:none;outline:none}.password-toggle{background:none;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:grid;padding:.4rem;place-items:center;position:absolute;right:.5rem;transition:color .2s}.password-toggle:hover{color:var(--accent)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-requirements{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:.85rem 1rem}.password-requirements h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 .5rem}.password-requirements ul{list-style:none;margin:0;padding-left:.5rem}.password-requirements li{color:var(--text-muted);font-size:var(--text-xs);margin:.3rem 0;padding-left:1.25rem;position:relative}.password-requirements li:before{color:var(--error-color);content:"✕";font-weight:700;left:0;position:absolute}.password-requirements li.valid{color:var(--success-color)}.password-requirements li.valid:before{color:var(--success-color);content:"✓"}.button-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:.25rem}.btn-primary,.btn-secondary{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:.85rem 1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-soft);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);color:var(--accent)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.new-password-card{padding:1.75rem 1.25rem}.new-password-header h1{font-size:var(--text-h2)}.button-group{grid-template-columns:1fr}}.confirm-email-container{align-items:center;background:var(--bg-app);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.confirm-email-card{animation:slideUp .45s ease-out;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);max-width:480px;overflow:hidden;padding:2.25rem 2rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.confirm-email-header{margin-bottom:1.25rem;text-align:center}.email-icon{color:var(--info-on-soft);font-size:1.5rem!important}.confirm-email-header h1{color:var(--text-primary);font-size:1.4rem;font-weight:var(--weight-semibold);letter-spacing:-.02em;margin:0 0 .5rem}.confirm-email-header p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 .5rem}.confirm-email-header .instruction{color:var(--text-secondary);font-size:var(--text-sm);margin-top:.85rem}.email-info{background:var(--bg-elevated);border:1px solid var(--info-border);border-radius:var(--radius-lg);margin:.85rem 0;padding:.7rem .95rem}.email-info span{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold)}.confirm-email-form{gap:1rem}.confirm-email-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.4rem}.form-group label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.verification-input{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1.4rem;font-weight:var(--weight-semibold);letter-spacing:.5em;padding:.95rem;text-align:center;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.verification-input:focus{background:var(--bg-card);border-color:var(--primary-border);box-shadow:none;outline:none}.verification-input::placeholder{color:var(--text-muted);font-weight:var(--weight-medium);letter-spacing:.5em}.error-message{background:var(--error-soft);border:1px solid var(--danger-border);border-radius:var(--radius-lg);color:var(--error-color)}.error-message,.success-message{font-size:var(--text-xs);padding:.75rem .95rem;text-align:center}.success-message{background:var(--success-soft);border:1px solid var(--success-border);border-radius:var(--radius-lg);color:var(--success-color)}.btn-primary{background:var(--primary);border:none;border-radius:var(--radius-lg);box-shadow:none;color:var(--primary-fg);cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-semibold);padding:.9rem 1.5rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:disabled{background:var(--bg-elevated);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.resend-section{border-bottom:1px solid var(--border-soft);border-top:1px solid var(--border-soft);padding:.85rem 0;text-align:center}.resend-section p{color:var(--text-muted);font-size:var(--text-xs);margin:0 0 .85rem}.btn-resend{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:.4rem;padding:.6rem 1rem;transition:border-color .2s,color .2s}.btn-resend:hover:not(:disabled){border-color:var(--border-strong);color:var(--accent)}.btn-resend:disabled{cursor:not-allowed;opacity:.6}.resend-icon{font-size:var(--text-body)!important}.back-section{text-align:center}.btn-back{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:.5rem;transition:color .2s}.btn-back:hover:not(:disabled){color:var(--text-primary)}.btn-back:disabled{cursor:not-allowed;opacity:.6}.help-section{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-lg);margin-top:1.25rem;padding:1rem 1.1rem}.help-section h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 .75rem}.help-section ul{color:var(--text-secondary);margin:0;padding-left:1.1rem}.help-section li{font-size:var(--text-xs);line-height:1.5;margin:.35rem 0}@media (max-width:480px){.confirm-email-card{padding:1.75rem 1.25rem}.verification-input{font-size:var(--text-h2);letter-spacing:.3em;padding:.75rem}}.lp-hero{grid-gap:var(--space-10);align-items:center;display:grid;gap:var(--space-10);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:var(--space-8) 0 var(--space-16)}.lp-hero__text{display:flex;flex-direction:column;gap:var(--space-5);max-width:34rem}.lp-hero__title{color:var(--text-primary);font-size:clamp(1.875rem,1.1rem + 2.2vw,2.5rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);line-height:1.08}.lp-hero__accent{color:var(--primary-on-soft)}.lp-hero__body{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body);max-width:48ch}.lp-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lp-hero__figure{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin:0;overflow:hidden}.lp-hero__photo{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.lp-section{border-top:1px solid var(--border);padding:var(--space-16) 0}.lp-section__title{color:var(--text-primary);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);margin-bottom:var(--space-4)}.lp-section__lead{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body);margin-bottom:var(--space-8);max-width:60ch}.lp-principles{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.lp-principles__item{border-left:1px solid var(--border);padding:var(--space-6)}.lp-principles__item:first-child{border-left:none}.lp-principles__title{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.lp-principles__body{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-body)}.lp-product{grid-gap:var(--space-10);align-items:center;display:grid;gap:var(--space-10);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:var(--space-10) 0}.lp-product+.lp-product{border-top:1px solid var(--border-subtle)}.lp-product--reverse .lp-product__figure{order:2}.lp-product__figure{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin:0;overflow:hidden}.lp-product__figure img{aspect-ratio:16/10;display:block;object-fit:cover;width:100%}.lp-product__text{display:flex;flex-direction:column;gap:var(--space-4)}.lp-product__kind{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.lp-product__text p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-body);max-width:52ch}.lp-features{flex-direction:column}.lp-features,.lp-features li{display:flex;gap:var(--space-2)}.lp-features li{align-items:flex-start;color:var(--text-primary);font-size:var(--text-xs);line-height:var(--leading-snug)}.lp-features svg{color:var(--success-on-soft);flex-shrink:0;height:1rem;margin-top:1px;width:1rem}.lp-figures{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.lp-figures__item{border-left:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-8) var(--space-6)}.lp-figures__item:first-child{border-left:none}.lp-figures__value{font-feature-settings:"tnum";color:var(--text-primary);font-size:2.25rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.035em;line-height:1}.lp-figures__label{color:var(--text-muted);font-size:var(--text-xs)}.lp-figures__note{background:var(--bg-surface-2);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-2xs);grid-column:1/-1;line-height:var(--leading-snug);padding:var(--space-4) var(--space-6)}.lp-cta{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;margin:var(--space-8) 0 var(--space-4);padding:var(--space-8)}.lp-cta__title{color:var(--text-primary);font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.lp-cta__body{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}@media (max-width:900px){.lp-hero{gap:var(--space-8);grid-template-columns:minmax(0,1fr);padding:var(--space-6) 0 var(--space-12)}.lp-hero__text{max-width:none}.lp-section{padding:var(--space-12) 0}.lp-principles{grid-template-columns:minmax(0,1fr)}.lp-principles__item{border-left:none;border-top:1px solid var(--border)}.lp-principles__item:first-child{border-top:none}.lp-product{gap:var(--space-6);grid-template-columns:minmax(0,1fr);padding:var(--space-8) 0}.lp-product--reverse .lp-product__figure{order:0}}@media (max-width:560px){.lp-figures{grid-template-columns:minmax(0,1fr)}.lp-figures__item{border-left:none;border-top:1px solid var(--border)}.lp-figures__item:first-child{border-top:none}.lp-cta{padding:var(--space-6)}.lp-hero__actions .ng-btn{flex:1 1}}.dv-page{flex-direction:column}.dv-head,.dv-page{display:flex;gap:var(--space-4)}.dv-head{align-items:flex-end;flex-wrap:wrap;justify-content:space-between}.dv-head__meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.dv-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height);justify-content:center;padding:0 var(--control-padding-x);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out);white-space:nowrap}.dv-btn--sm{font-size:var(--text-xs);height:var(--control-height-sm);padding:0 .7rem}.dv-btn:active:not(:disabled){transform:scale(.97)}.dv-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.dv-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.dv-btn--danger,.dv-btn--primary{font-weight:var(--weight-semibold)}.dv-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}:root[data-theme=dark] .dv-btn--danger{color:#1a0c0b}@media (hover:hover) and (pointer:fine){.dv-btn:hover:not(:disabled){background:var(--bg-sunken)}.dv-btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.dv-btn--danger:hover:not(:disabled){filter:brightness(.94)}}.dv-link{background:none;border:0;color:var(--primary-on-soft);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:.2em}.dv-link,.dv-notice{font-size:var(--text-xs)}.dv-notice{align-items:center;background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:var(--radius);color:var(--warning-on-soft);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.dv-notice--error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}.dv-list{grid-gap:var(--space-4);align-items:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.dv-card,.dv-list{gap:var(--space-4)}.dv-card{animation:dv-in var(--dur-slow) var(--ease-out) backwards;animation-delay:0ms;animation-delay:calc(var(--i, 0)*40ms);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-4) var(--space-5);transition:border-color var(--dur-fast) var(--ease-out)}@keyframes dv-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dv-card.is-active{border-color:var(--primary)}.dv-skeleton{animation:dv-pulse 1.4s var(--ease-soft) infinite;background:var(--bg-sunken);min-height:128px}@keyframes dv-pulse{0%,to{opacity:.6}50%{opacity:1}}.dv-card__main{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.dv-status{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;flex-shrink:0;height:28px;place-items:center;width:28px}.dv-status__dot{background:var(--text-disabled);border-radius:50%;height:8px;width:8px}.dv-status--online{background:var(--success-soft);border-color:var(--success-border)}.dv-status--online .dv-status__dot{background:var(--success)}.dv-status--stale{background:var(--warning-soft);border-color:var(--warning-border)}.dv-status--stale .dv-status__dot{background:var(--warning)}.dv-status--offline{background:var(--danger-soft);border-color:var(--danger-border)}.dv-status--offline .dv-status__dot{background:#0000;border:2px solid var(--danger)}.dv-status--never_seen .dv-status__dot{background:#0000;border:2px solid var(--text-disabled)}.dv-card__info{min-width:0}.dv-card__name{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);letter-spacing:var(--tracking-heading);margin-bottom:2px}.dv-badge{align-items:center;background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:var(--radius-sm);color:var(--primary-on-soft);display:inline-flex;font-size:.6875rem;font-weight:var(--weight-medium);height:20px;padding:0 .4rem}.dv-card__meta{color:var(--text-secondary);font-size:var(--text-xs)}.dv-card__ids{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-2xs);gap:var(--space-3);margin-top:var(--space-2)}.dv-card__ids code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.6875rem;padding:1px 5px}.dv-signal{align-items:center;display:inline-flex;gap:.2rem}.dv-signal--strong{color:var(--success-on-soft)}.dv-signal--medium{color:var(--warning-on-soft)}.dv-signal--weak{color:var(--danger-on-soft)}.dv-card__actions{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-1);justify-content:flex-end;padding-top:var(--space-3)}.dv-icon-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius);color:var(--text-muted);display:grid;height:var(--control-height-sm);place-items:center;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out);width:var(--control-height-sm)}@media (hover:hover) and (pointer:fine){.dv-icon-btn:hover{background:var(--bg-sunken);color:var(--text-primary)}.dv-icon-btn--danger:hover{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}}.dv-icon-btn:active{transform:scale(.94)}.dv-edit{display:flex;flex-direction:column;gap:var(--space-2);max-width:380px;width:100%}.dv-edit__input{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);height:var(--control-height);padding:0 var(--space-3)}.dv-edit__input--sm{font-size:var(--text-xs);font-weight:var(--weight-regular)}.dv-edit__input:focus{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring);outline:none}.dv-edit__actions{display:flex;gap:var(--space-2)}.dv-empty{align-items:center;background:var(--bg-surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.dv-empty,.dv-empty__icon{border-radius:var(--radius-lg)}.dv-empty__icon{background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-muted);display:grid;height:44px;place-items:center;width:44px}.dv-empty__icon .MuiSvgIcon-root{font-size:20px}.dv-empty h3{font-size:var(--text-h3);font-weight:var(--weight-semibold)}.dv-empty p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);margin-bottom:var(--space-1);max-width:46ch}.dv-overlay{animation:dv-fade var(--dur) var(--ease-out);background:var(--scrim);display:grid;inset:0;padding:var(--space-4);place-items:center;position:fixed;z-index:var(--z-modal)}@keyframes dv-fade{0%{opacity:0}to{opacity:1}}.dv-dialog{animation:dv-dialog-in var(--dur-slow) var(--ease-out);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);padding:var(--space-6);transform-origin:center;width:min(440px,100%)}@keyframes dv-dialog-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.dv-dialog__icon{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-lg);color:var(--danger-on-soft);display:grid;height:40px;margin-bottom:var(--space-4);place-items:center;width:40px}.dv-dialog h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.dv-dialog p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin-bottom:var(--space-5)}.dv-dialog__field{display:block;margin-bottom:var(--space-5)}.dv-dialog__field span{color:var(--text-secondary);display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.dv-dialog__input{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);height:var(--control-height);padding:0 var(--space-3);width:100%}.dv-dialog__input:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft);outline:none}.dv-dialog__actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media (prefers-reduced-motion:reduce){.dv-card,.dv-dialog,.dv-overlay{animation:none}.dv-btn:active,.dv-icon-btn:active{transform:none}}@media (max-width:620px){.dv-list{grid-template-columns:minmax(0,1fr)}}.ld-page{--ld-ease-out:cubic-bezier(0.23,1,0.32,1);display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:560px;padding:0 0 3rem}.ld-back{align-items:center;align-self:flex-start;background:none;border:0;border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:.35rem;padding:.4rem .7rem .4rem .5rem;transition:color .14s ease,background-color .14s ease}@media (hover:hover) and (pointer:fine){.ld-back:hover{background:var(--bg-card);color:var(--text-primary)}}.ld-card{animation:ld-in .3s var(--ld-ease-out);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.6rem}@keyframes ld-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ld-head{align-items:flex-start;display:flex;gap:.9rem;margin-bottom:1.4rem}.ld-head__icon{background:var(--accent-soft);border-radius:var(--radius-lg);color:var(--accent);display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.ld-head h2{font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:-.02em;margin-bottom:.2rem}.ld-head p{color:var(--text-secondary);font-size:var(--text-sm)}.ld-form{gap:1rem}.ld-field,.ld-form{display:flex;flex-direction:column}.ld-field{gap:.4rem}.ld-field__label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ld-input{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;padding:.8rem .95rem;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;width:100%}.ld-input:focus{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.ld-input:disabled{cursor:not-allowed;opacity:.5}.ld-alert{align-items:flex-start;animation:ld-alert-in .2s var(--ld-ease-out);border-radius:var(--radius-sm);display:flex;font-size:var(--text-sm);gap:.7rem;padding:.9rem 1rem}@keyframes ld-alert-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ld-alert div{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.ld-alert strong{font-weight:var(--weight-semibold)}.ld-alert span{color:var(--text-secondary);line-height:1.45}.ld-alert--error{background:var(--error-soft);border:1px solid var(--danger);color:var(--error-color)}.ld-alert--plan{background:var(--warning-soft);border:1px solid var(--warning);color:var(--warning-color);margin-bottom:1.2rem}.ld-alert__action{align-self:center;background:var(--bg-sunken);border:1px solid;border-radius:var(--radius-pill);color:inherit;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:.4rem .8rem;transition:background-color .14s ease,transform .16s var(--ld-ease-out)}.ld-alert__action:active{transform:scale(.97)}.ld-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:.45rem;justify-content:center;padding:.75rem 1.2rem;transition:background-color .16s ease,transform .16s var(--ld-ease-out),filter .16s ease}.ld-btn--block{width:100%}.ld-btn:active:not(:disabled){transform:scale(.98)}.ld-btn:disabled{cursor:not-allowed;opacity:.45}.ld-btn--primary{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-glow);color:var(--primary-fg)}@media (hover:hover) and (pointer:fine){.ld-btn--primary:hover:not(:disabled){filter:brightness(1.08)}.ld-btn:hover:not(:disabled){background:var(--bg-card-hover)}.ld-btn--primary:hover:not(:disabled){background:var(--primary)}}.ld-btn--ghost{background:#0000;border-style:dashed;color:var(--text-secondary)}.ld-spinner{animation:ld-spin .62s linear infinite;border:2px solid var(--border-strong);border-radius:50%;border-top-color:initial;height:14px;width:14px}@keyframes ld-spin{to{transform:rotate(1turn)}}.ld-soon{background:var(--bg-elevated);border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:.15rem .45rem}.ld-scan,.ld-soon{color:var(--text-muted)}.ld-scan{align-items:center;display:flex;font-size:var(--text-xs);gap:.8rem;margin:1.2rem 0}.ld-scan__rule{background:var(--border-soft);flex:1 1;height:1px}.ld-card--result{padding:2.4rem 1.6rem;text-align:center}.ld-result__icon{border-radius:50%;display:grid;height:64px;margin:0 auto 1rem;place-items:center;width:64px}.ld-result__icon.is-success{background:var(--success-soft);color:var(--success-color)}.ld-result__icon .MuiSvgIcon-root{font-size:34px}.ld-card--result h2{font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:-.02em;margin-bottom:.5rem}.ld-result__text{color:var(--text-secondary);font-size:var(--text-sm);margin:0 auto 1.5rem;max-width:40ch}.ld-result__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.ld-help{background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:.9rem 1rem}.ld-help__toggle{align-items:center;background:none;border:0;color:var(--text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:.4rem;transition:color .14s ease}@media (hover:hover) and (pointer:fine){.ld-help__toggle:hover{color:var(--text-secondary)}}.ld-help__body{color:var(--text-secondary);font-size:var(--text-xs);margin-top:.8rem}.ld-help__body p{margin-bottom:.7rem}.ld-table{border-collapse:collapse;font-size:var(--text-xs);width:100%}.ld-table th{color:var(--text-muted);font-weight:var(--weight-semibold);text-align:left}.ld-table td,.ld-table th{border-bottom:1px solid var(--border-soft);padding:.4rem .5rem}.ld-table code{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--accent);font-family:ui-monospace,Menlo,Consolas,monospace;padding:.1rem .35rem}@media (prefers-reduced-motion:reduce){.ld-alert,.ld-card{animation:none}.ld-alert__action:active,.ld-btn:active{transform:none}}@media (max-width:720px){.ld-help__toggle{padding:.4rem 0}.ld-back,.ld-help__toggle{min-height:var(--control-height)}.ld-back{padding:.4rem .7rem .4rem .5rem}}.sb-page{flex-direction:column;margin:0 auto;max-width:940px;width:100%}.sb-current,.sb-page{display:flex;gap:var(--space-5)}.sb-current{align-items:center;animation:sb-in var(--dur-slow) var(--ease-out);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;padding:var(--space-5)}@keyframes sb-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sb-current--success{border-color:var(--success-border)}.sb-current--warning{border-color:var(--warning-border)}.sb-current--error{border-color:var(--danger-border)}.sb-current__badge{align-items:center;background:var(--neutral-soft);border:1px solid var(--neutral-border);border-radius:var(--radius-sm);color:var(--neutral-on-soft);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-medium);gap:.375rem;height:22px;letter-spacing:0;margin-bottom:var(--space-2);padding:0 .5rem;text-transform:none}.sb-current--success .sb-current__badge{background:var(--success-soft);border-color:var(--success-border);color:var(--success-on-soft)}.sb-current--warning .sb-current__badge{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-on-soft)}.sb-current--error .sb-current__badge{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-on-soft)}.sb-current__title{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin-bottom:2px}.sb-current__meta{color:var(--text-muted);font-size:var(--text-xs)}.sb-current__actions{gap:var(--space-3)}.sb-alert,.sb-current__actions{align-items:center;display:flex}.sb-alert{animation:sb-in var(--dur) var(--ease-out);border-radius:var(--radius);font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.sb-alert--success{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-on-soft)}.sb-alert--error{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-on-soft)}.sb-plans{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sb-plan{animation:sb-in var(--dur-slow) var(--ease-out) backwards;animation-delay:50ms;animation-delay:calc(var(--i, 0)*60ms + 50ms);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-6);transition:border-color var(--dur) var(--ease-out)}.sb-plan.is-featured{border-color:var(--primary-border)}.sb-plan.is-current{border-color:var(--success-border)}.sb-plan__ribbon{color:var(--primary-on-soft);display:inline-block;font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:0;margin-bottom:var(--space-2);text-transform:none}.sb-plan__head{border-bottom:1px solid var(--border);margin-bottom:var(--space-5);padding-bottom:var(--space-5)}.sb-plan__name{color:var(--text-primary);font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.sb-plan__tagline{color:var(--text-muted);font-size:var(--text-xs);margin:2px 0 var(--space-4)}.sb-plan__price{align-items:baseline;display:flex;gap:.3rem}.sb-plan__amount{font-feature-settings:"tnum";color:var(--text-primary);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.035em}.sb-plan__interval{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.sb-plan__section{margin-bottom:var(--space-5)}.sb-plan__section-title{color:var(--text-muted);display:block;font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:0;margin-bottom:var(--space-3);text-transform:none}.sb-list{flex-direction:column}.sb-list,.sb-list__row{display:flex;gap:var(--space-2)}.sb-list__row{align-items:center;font-size:var(--text-xs);justify-content:space-between}.sb-list__row.is-off{opacity:.45}.sb-list__label{color:var(--text-secondary);flex:1 1}.sb-list__value{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.sb-check{background:var(--bg-inset);border-radius:var(--radius-xs);color:var(--text-disabled);display:grid;flex-shrink:0;font-size:11px;height:16px;place-items:center;width:16px}.sb-check.is-on{background:var(--success-soft);color:var(--success-on-soft)}.sb-plan__foot{margin-top:auto;padding-top:var(--space-2)}.sb-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);height:var(--control-height);justify-content:center;padding:0 var(--control-padding-x);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.sb-btn--block{width:100%}.sb-btn--sm{flex:1 1;font-size:var(--text-xs);height:var(--control-height-sm);padding:0 .7rem}.sb-btn--quiet{background:#0000;border-color:#0000;color:var(--text-secondary)}.sb-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg);font-weight:var(--weight-semibold)}.sb-btn:active:not(:disabled){transform:scale(.98)}.sb-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}@media (hover:hover) and (pointer:fine){.sb-btn:hover:not(:disabled){background:var(--bg-sunken)}.sb-btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}}.sb-confirm{display:flex;flex-direction:column;gap:var(--space-3)}.sb-confirm p{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug);text-align:center}.sb-confirm__actions{display:flex;gap:var(--space-2)}.sb-simulate{background:none;border:0;color:var(--text-muted);font-size:var(--text-2xs);text-decoration:underline;text-underline-offset:3px}@media (hover:hover) and (pointer:fine){.sb-simulate:hover{color:var(--danger-on-soft)}}.sb-skeleton{animation:sb-pulse 1.4s var(--ease-soft) infinite;background:var(--bg-sunken);min-height:120px}.sb-plans .sb-skeleton{min-height:380px}@keyframes sb-pulse{0%,to{opacity:.6}50%{opacity:1}}.sb-disclaimer{color:var(--text-muted);font-size:var(--text-2xs);line-height:var(--leading-body);margin:0 auto;max-width:62ch;text-align:center}@media (prefers-reduced-motion:reduce){.sb-alert,.sb-current,.sb-plan{animation:none}.sb-btn:active{transform:none}}.sb-unavailable{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.sb-unavailable__icon{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);display:grid;height:44px;place-items:center;width:44px}.sb-unavailable__icon .MuiSvgIcon-root{font-size:20px}.sb-unavailable h2{font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.sb-unavailable p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);max-width:46ch}.sb-unavailable__note{font-size:var(--text-xs)!important}
/*# sourceMappingURL=main.13b676ba.css.map*/