@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap);:root{--bg-app:#0a0d12;--bg-surface:#10141b;--bg-card:#161b24;--bg-card-hover:#1b2230;--bg-elevated:#1f2734;--bg-page:#0a0d12;--border-soft:#ffffff0f;--border-color:#ffffff14;--border-strong:#ffffff24;--text-primary:#f5f7fb;--text-secondary:#aab2c0;--text-muted:#6c7689;--text-inverse:#0a0d12;--accent:#4f8bff;--accent-strong:#2f6dff;--accent-soft:#4f8bff26;--accent-cyan:#29d3ff;--accent-main:#4f8bff;--accent-light:#29d3ff;--accent-green:#1ed8a6;--accent-pink:#ff7ab6;--accent-purple:#8b5cf6;--accent-amber:#f5a524;--success-color:#1ed8a6;--success-color-rgb:30,216,166;--success-soft:#1ed8a624;--error-color:#ff5570;--error-color-rgb:255,85,112;--error-soft:#ff557024;--warning-color:#f5a524;--warning-soft:#f5a52424;--info-color:#29d3ff;--info-soft:#29d3ff24;--sidebar-width:76px;--topbar-height:72px;--max-width:1480px;--content-padding:1.5rem;--gutter:1rem;--radius-sm:10px;--radius:18px;--radius-lg:22px;--radius-xl:28px;--padding:1.5rem;--font-size-base:16px;--shadow-sm:0 1px 2px #0003;--shadow-card:0 8px 24px #00000040;--shadow-elevated:0 16px 48px #00000059;--shadow-glow:0 0 0 1px #4f8bff59,0 8px 32px #4f8bff2e;--gradient-accent:linear-gradient(135deg,#4f8bff,#29d3ff);--gradient-cyan:linear-gradient(135deg,#29d3ff,#4f8bff);--gradient-success:linear-gradient(135deg,#1ed8a6,#29d3ff);--gradient-warm:linear-gradient(135deg,#ff7ab6,#f5a524);--gradient-card:linear-gradient(180deg,#ffffff08,#fff0 80%)}[data-theme=light]{--bg-app:#f3f5fa;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f7f9fc;--bg-elevated:#f3f5fa;--bg-page:#f3f5fa;--border-soft:#0f16240f;--border-color:#0f162414;--border-strong:#0f162424;--text-primary:#0f1624;--text-secondary:#4a5468;--text-muted:#7a8499;--text-inverse:#fff;--shadow-card:0 6px 20px #0f16240f;--shadow-elevated:0 12px 32px #0f16241a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--font-size-base);line-height:1.55}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0d12;background:var(--bg-app);background-attachment:fixed;background-image:radial-gradient(ellipse at top left,#4f8bff1a,#0000 50%),radial-gradient(ellipse at bottom right,#29d3ff14,#0000 55%);color:#f5f7fb;color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.section-title{color:#f5f7fb;font-size:1rem}.dashboard-title{color:#f5f7fb;color:var(--text-primary);font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.subtle{color:#aab2c0;color:var(--text-secondary)}.surface-card{background:#161b24;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-soft);border-radius:18px;border-radius:var(--radius);box-shadow:0 8px 24px #00000040;box-shadow:var(--shadow-card)}.chip{align-items:center;background:#1f2734;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-soft);border-radius:999px;color:#aab2c0;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.3rem .7rem}.chip.success{background:#1ed8a624;background:var(--success-soft);border-color:#1ed8a640;color:#1ed8a6;color:var(--success-color)}.chip.error{background:#ff557024;background:var(--error-soft);border-color:#ff557040;color:#ff5570;color:var(--error-color)}.chip.warning{background:#f5a52424;background:var(--warning-soft);border-color:#f5a52440;color:#f5a524;color:var(--warning-color)}.chip.info{background:#29d3ff24;background:var(--info-soft);border-color:#29d3ff40;color:#29d3ff;color:var(--info-color)}.MuiSvgIcon-root{color:inherit}@media (max-width:900px){:root{--content-padding:1rem}}.ng-sidebar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-surface);border-right:1px solid var(--border-soft);bottom:0;display:flex;flex-direction:column;gap:1rem;left:0;padding:1.25rem .5rem;position:fixed;top:0;width:var(--sidebar-width);z-index:80}.ng-sidebar__brand{display:flex;justify-content:center;margin-bottom:.75rem;width:100%}.ng-sidebar__brand-mark{background:#fff;border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 6px 18px #0003;display:grid;height:44px;overflow:hidden;padding:3px;place-items:center;width:44px}.ng-sidebar__brand-img{display:block;height:100%;object-fit:contain;width:100%}.ng-sidebar__nav{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.4rem;overflow-y:auto;padding-top:.25rem;width:100%}.ng-sidebar__nav::-webkit-scrollbar{width:0}.ng-sidebar__item{align-items:center;background:#0000;border:none;border-radius:14px;color:var(--text-muted);display:grid;grid-template-columns:44px 1fr;overflow:hidden;padding:0;position:relative;transition:background .2s ease,color .2s ease,width .2s ease;width:56px}.ng-sidebar__icon{display:grid;font-size:1.2rem;height:44px;place-items:center;position:relative;width:44px}.ng-sidebar__icon svg{font-size:1.4rem}.ng-sidebar__label{display:none;font-size:.85rem;font-weight:600;padding-right:1rem;white-space:nowrap}.ng-sidebar__item:hover{background:var(--bg-elevated);color:var(--text-primary)}.ng-sidebar__item.is-active{background:var(--gradient-accent);box-shadow:0 8px 22px #4f8bff59;color:#fff}.ng-sidebar__item.is-active:before{background:var(--accent-cyan);border-radius:4px;content:"";height:18px;left:-.5rem;position:absolute;top:50%;transform:translateY(-50%);width:3px}.ng-sidebar__badge{background:var(--error-color);border:2px solid var(--bg-surface);border-radius:9px;color:#fff;display:grid;font-size:.65rem;font-weight:700;height:18px;min-width:18px;padding:0 5px;place-items:center;position:absolute;right:4px;top:4px}.ng-sidebar__logout{color:var(--text-muted);cursor:pointer;margin-top:auto}.ng-sidebar__overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:70}@media (max-width:900px){.ng-sidebar{align-items:stretch;padding:1.25rem 1rem;transform:translateX(-110%);transition:transform .25s ease;width:240px}.ng-sidebar.is-open{transform:translateX(0)}.ng-sidebar__brand{justify-content:flex-start}.ng-sidebar__nav{align-items:stretch}.ng-sidebar__item{width:100%}.ng-sidebar__label,.ng-sidebar__overlay.is-open{display:block}}.ng-topbar{grid-gap:1.25rem;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-surface);border-bottom:1px solid var(--border-soft);display:grid;gap:1.25rem;grid-template-columns:minmax(200px,1fr) auto;height:var(--topbar-height);padding:0 1.5rem;position:sticky;top:0;z-index:60}.ng-topbar__left{align-items:center;display:flex;gap:.75rem;min-width:0}.ng-topbar__menu{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-primary);display:none;height:40px;justify-content:center;width:40px}.ng-topbar__title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.ng-topbar__title{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0}.ng-topbar__subtitle,.ng-topbar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-topbar__subtitle{color:var(--text-muted);font-size:.78rem}.ng-topbar__right{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.ng-topbar__bell{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-secondary);display:grid;height:44px;place-items:center;position:relative;transition:color .2s,border-color .2s;width:44px}.ng-topbar__bell:hover{border-color:var(--border-strong);color:var(--text-primary)}.ng-topbar__bell-dot{background:var(--error-color);border:2px solid var(--bg-surface);border-radius:9px;color:#fff;display:grid;font-size:.6rem;font-weight:700;height:18px;min-width:18px;padding:0 5px;place-items:center;position:absolute;right:-4px;top:-4px}.ng-topbar__user{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:14px;color:var(--text-primary);display:flex;gap:.6rem;max-width:240px;padding:.4rem .75rem .4rem .45rem;transition:border-color .2s}.ng-topbar__user:hover{border-color:var(--border-strong)}.ng-topbar__avatar{background:var(--gradient-accent);border-radius:10px;color:#fff;display:grid;flex-shrink:0;font-size:.78rem;font-weight:700;height:34px;letter-spacing:.04em;place-items:center;width:34px}.ng-topbar__user-meta{display:flex;flex-direction:column;line-height:1.15;min-width:0}.ng-topbar__user-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.ng-topbar__user-email,.ng-topbar__user-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-topbar__user-email{color:var(--text-muted);font-size:.7rem}.ng-topbar__user-caret{color:var(--text-muted);font-size:1.1rem!important}@media (max-width:1100px){.ng-topbar{grid-template-columns:1fr auto}}@media (max-width:900px){.ng-topbar{padding:0 1rem}.ng-topbar__menu{display:grid}.ng-topbar__user-caret,.ng-topbar__user-meta{display:none}.ng-topbar__user{padding:.35rem}}.ng-shell{background:var(--bg-app);display:flex;min-height:100vh;width:100%}.ng-shell__main{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);min-width:0}.ng-shell__content{flex:1 1;margin:0 auto;max-width:var(--max-width);padding:1.75rem var(--content-padding);width:100%}.dash-grid{grid-gap:1.25rem;display:grid;gap:1.25rem}.dash-grid--3{grid-template-columns:repeat(3,1fr)}.dash-grid--4{grid-template-columns:repeat(4,1fr)}.dash-grid--main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.dash-section{margin-bottom:1.5rem}.dash-section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.dash-section-header h2{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}@media (max-width:1200px){.dash-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.ng-shell__main{margin-left:0}.ng-shell__content{padding:1.25rem 1rem}.dash-grid--3,.dash-grid--4,.dash-grid--main{grid-template-columns:1fr}}.metric-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;gap:.85rem;min-height:150px;overflow:hidden;padding:1.1rem 1.2rem;position:relative;transition:transform .25s ease,border-color .25s ease}.metric-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.metric-card[data-accent=cyan]:before{background:var(--gradient-cyan);opacity:1}.metric-card[data-accent=success]:before{background:var(--gradient-success);opacity:1}.metric-card[data-accent=warm]:before{background:var(--gradient-warm);opacity:1}.metric-card[data-accent=accent]:before{background:var(--gradient-accent);opacity:1}.metric-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.metric-card__top{display:flex;flex-direction:column;gap:.55rem}.metric-card__heading{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.metric-card__label{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.metric-card__icon{background:var(--accent-soft);border:1px solid #4f8bff40;border-radius:12px;color:var(--accent);display:grid;height:36px;place-items:center;width:36px}.metric-card__icon svg{font-size:1.15rem}.metric-card--success .metric-card__icon{background:var(--success-soft);border-color:#1ed8a640;color:var(--success-color)}.metric-card--error .metric-card__icon{background:var(--error-soft);border-color:#ff557040;color:var(--error-color)}.metric-card--warning .metric-card__icon{background:var(--warning-soft);border-color:#f5a52440;color:var(--warning-color)}.metric-card--info .metric-card__icon{background:var(--info-soft);border-color:#29d3ff40;color:var(--info-color)}.metric-card__value-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:.35rem}.metric-card__value{color:var(--text-primary);font-size:1.85rem;font-weight:700;letter-spacing:-.025em;line-height:1.05}.metric-card__unit{color:var(--text-muted);font-size:.85rem;font-weight:500}.metric-card__delta{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.72rem;font-weight:600;gap:.35rem;padding:.25rem .6rem;width:fit-content}.metric-card__delta--success{background:var(--success-soft);border-color:#1ed8a640;color:var(--success-color)}.metric-card__delta--error{background:var(--error-soft);border-color:#ff557040;color:var(--error-color)}.metric-card__delta--warning{background:var(--warning-soft);border-color:#f5a52440;color:var(--warning-color)}.metric-card__delta--info{background:var(--info-soft);border-color:#29d3ff40;color:var(--info-color)}.metric-card__sparkline{height:60px;margin-top:auto;width:100%}.metric-card__footer{border-top:1px solid var(--border-soft);color:var(--text-secondary);font-size:.78rem;padding-top:.65rem}.pressure-card{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:.85rem;height:100%;min-height:280px;overflow:hidden;padding:1.1rem 1.2rem 1.2rem;position:relative}.pressure-card:before{background:var(--gradient-cyan);content:"";height:3px;left:0;opacity:1;position:absolute;right:0;top:0}.pressure-card__head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.pressure-card__head-left{display:flex;flex-direction:column;gap:.25rem}.pressure-card__label{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pressure-card__sub{color:var(--text-secondary);font-size:.8rem}.pressure-card__icon{background:var(--info-soft);border:1px solid #29d3ff40;border-radius:12px;color:var(--info-color);display:grid;height:36px;place-items:center;width:36px}.pressure-card__icon svg{font-size:1.15rem}.pressure-card__gauge{flex:1 1;min-height:160px;position:relative;width:100%}.pressure-card__gauge,.pressure-card__value{align-items:center;display:flex;justify-content:center}.pressure-card__value{flex-direction:column;gap:.15rem;inset:0;pointer-events:none;position:absolute}.pressure-card__num{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1}.pressure-card__unit{color:var(--text-muted);font-size:.85rem;font-weight:500}.pressure-card__footer{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.pressure-card__chip{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.3rem .7rem}.pressure-card__chip--normal{background:var(--success-soft);border-color:#1ed8a640;color:var(--success-color)}.pressure-card__chip--low{background:var(--warning-soft);border-color:#f5a52440;color:var(--warning-color)}.pressure-card__chip--high{background:var(--error-soft);border-color:#ff557040;color:var(--error-color)}.pressure-card__dot{background:currentColor;border-radius:50%;box-shadow:0 0 0 4px #ffffff0f;height:8px;width:8px}.pressure-card__trend{color:var(--text-muted);font-size:.75rem}.pressure-card--inline{min-height:auto;padding:.9rem 1rem}.pressure-card--inline .pressure-card__gauge{min-height:120px}.pressure-card--inline .pressure-card__num{font-size:1.8rem}.ng-area-chart{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;width:100%}.ng-area-chart__head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.ng-area-chart__title{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0}.ng-area-chart__subtitle{color:var(--text-muted);font-size:.78rem;margin:0}.ng-chart-tooltip{background:#0f131cf2;border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-elevated);color:var(--text-primary);font-size:.8rem;min-width:140px;padding:.6rem .85rem}.ng-chart-tooltip__label{color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;margin:0 0 .35rem;text-transform:uppercase}.ng-chart-tooltip__value{align-items:center;color:var(--text-secondary);display:flex;gap:.45rem;margin:0}.ng-chart-tooltip__value strong{color:var(--text-primary);font-weight:700}.ng-chart-tooltip__dot{border-radius:50%;display:inline-block;height:8px;width:8px}.ng-bar-chart{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;width:100%}.ng-bar-chart__head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.ng-bar-chart__title{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0}.ng-bar-chart__subtitle{color:var(--text-muted);font-size:.78rem;margin:0}.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:1rem;font-weight:600;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:1.2rem;font-weight:700}.savings-amount{color:var(--text-secondary);font-size:.85rem}.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:1.25rem!important}.prediction-title{color:var(--text-primary);font-size:.9rem;font-weight:600;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:14px;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:800;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:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.bill-comparison{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.6rem;padding:.7rem .9rem}.trend-icon{font-size:1.1rem!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:500}.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:12px;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);font-size:.8rem;justify-content:space-between}.detail-value{font-weight:600}.confidence-indicator{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.7rem .9rem}.confidence-badge{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.confidence-message{color:var(--text-muted);font-size:.78rem;font-style:italic}.trend-summary{align-items:center;border-radius:10px;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem .9rem}.trend-summary.increasing{background:var(--error-soft);border:1px solid #ff557040;color:var(--error-color)}.trend-summary.decreasing{background:var(--success-soft);border:1px solid #1ed8a640;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:.78rem;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}}.toggle-button,.view-toggle{display:inline-flex}.toggle-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;gap:.45rem;padding:.55rem 1rem;transition:border-color .2s,color .2s,background .2s,transform .2s}.toggle-button:before{background:var(--text-muted);border-radius:50%;content:"";height:8px;width:8px}.toggle-button.real:before{background:var(--success-color);box-shadow:0 0 0 4px #1ed8a62e}.toggle-button.simulated:before{background:var(--info-color);box-shadow:0 0 0 4px #29d3ff2e}.toggle-button:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.ng-filter{background:var(--bg-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);display:inline-flex;gap:.6rem;padding:.4rem}.ng-filter,.ng-filter__tabs{align-items:center;border-radius:999px}.ng-filter__tabs{background:var(--bg-elevated);display:flex;gap:.25rem;padding:.25rem}.ng-filter__tab{background:#0000;border:none;border-radius:999px;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.45rem .95rem;transition:color .2s,background .2s}.ng-filter__tab:hover{color:var(--text-primary)}.ng-filter__tab.is-active{background:var(--bg-card);box-shadow:0 1px 3px #00000040;color:var(--text-primary)}.ng-filter__unit{align-items:center;background:var(--bg-elevated);border-radius:999px;color:var(--text-secondary);display:inline-flex;gap:.4rem;padding:.35rem .7rem;position:relative}.ng-filter__unit-icon{font-size:1rem!important}.ng-filter__unit-select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:var(--text-primary);font-size:.78rem;font-weight:600;outline:none;padding-right:.25rem}.ng-filter__unit-select option{background:var(--bg-card);color:var(--text-primary)}@media (max-width:540px){.ng-filter{flex-wrap:wrap}}.ng-home{display:flex;flex-direction:column;gap:1.25rem}.ng-home__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ng-home__toolbar-left,.ng-home__toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.ng-home__connection{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.78rem;font-weight:600;gap:.5rem;padding:.45rem .85rem}.ng-home__connection-dot{background:var(--text-muted);border-radius:50%;height:8px;width:8px}.ng-home__connection.is-online{background:var(--success-soft);border-color:#1ed8a640;color:var(--success-color)}.ng-home__connection.is-online .ng-home__connection-dot{background:var(--success-color);box-shadow:0 0 0 4px #1ed8a62e}.ng-home__connection.is-offline{background:var(--error-soft);border-color:#ff557040;color:var(--error-color)}.ng-home__connection.is-offline .ng-home__connection-dot{background:var(--error-color);box-shadow:0 0 0 4px #ff55702e}.ng-home__connection-time{color:var(--text-muted);font-weight:500}.ng-home__metrics{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1180px){.ng-home__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ng-home__metrics{grid-template-columns:1fr}}.ng-home__charts{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.ng-home__charts>*{min-width:0}@media (max-width:1100px){.ng-home__charts{grid-template-columns:1fr}}.ng-home__insight-card{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}.ng-home__insight-head{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.ng-home__insight-title{align-items:center;color:var(--text-primary);display:inline-flex;font-weight:600;gap:.55rem}.ng-home__insight-title svg{color:var(--info-color);font-size:1.25rem}.ng-home__insight-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.ng-home__insight-item{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:14px;display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem}.ng-home__insight-label{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ng-home__insight-value{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}@media (max-width:900px){.ng-home__insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.ng-home__insight-grid{grid-template-columns:1fr}}.ng-home__chart-full-span{grid-column:1/-1;min-width:0}.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:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.container>.title{display:none}.valve-grid-card{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}.connection-status{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:999px;display:inline-flex;font-size:.78rem;gap:.5rem;padding:.45rem .8rem;width:fit-content}.connection-status .status-dot{background-color:var(--text-muted);border-radius:50%;height:8px;transition:background-color .3s;width:8px}.connection-status.connected{background:var(--success-soft);border-color:#1ed8a640;color:var(--success-color)}.connection-status.connected .status-dot{background-color:var(--success-color);box-shadow:0 0 0 4px #1ed8a62e}.connection-status.error{background:var(--error-soft);border-color:#ff557040;color:var(--error-color)}.connection-status.error .status-dot{background-color:var(--error-color);box-shadow:0 0 0 4px #ff55702e}.connection-status.disconnected{background:var(--warning-soft);border-color:#f5a52440;color:var(--warning-color)}.connection-status.disconnected .status-dot{background-color:var(--warning-color);box-shadow:0 0 0 4px #f5a5242e}.connection-status .status-text{font-weight:600}.connection-status .last-update{color:var(--text-muted);font-weight:500}.warning-banner{background:var(--warning-soft);border:1px solid #f5a52440;border-radius:12px;color:var(--warning-color);font-size:.85rem;padding:.7rem 1rem}.valveContainer{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius);display:flex;flex-direction:column;padding:1.5rem}.valve-svg{display:block;height:auto;max-width:340px;transition:filter .3s;width:100%}.valve-svg.animating{filter:drop-shadow(0 0 10px rgba(245,165,36,.55))}.statusContainer{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:14px;display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.25rem}.statusLabel{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.statusValue{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.flowInfo{color:var(--info-color);font-size:.85rem;font-weight:500;margin-top:.35rem}.container .error-message{background:var(--error-soft);border:1px solid #ff557040;border-radius:12px;color:var(--error-color);font-size:.85rem;padding:.7rem 1rem}.controlsContainer{display:flex;flex-direction:column;gap:.75rem}.valve-button{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:14px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.6rem;justify-content:center;padding:.95rem 1rem;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.valve-button.open{border-color:#1ed8a659;color:var(--success-color)}.valve-button.open.active,.valve-button.open:hover:not(:disabled){background:var(--gradient-success);border-color:#0000;box-shadow:0 8px 22px #1ed8a64d;color:#0a0d12;transform:translateY(-2px)}.valve-button.close{border-color:#ff557059;color:var(--error-color)}.valve-button.close.active,.valve-button.close:hover:not(:disabled){background:linear-gradient(135deg,#ff5570,#ff7ab6);border-color:#0000;box-shadow:0 8px 22px #ff55704d;color:#0a0d12;transform:translateY(-2px)}.valve-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.button-icon{font-size:1rem}.button-text{font-size:.85rem}.toggleButton{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:14px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.6rem;justify-content:center;padding:.85rem 1.5rem;position:relative;transition:all .2s ease}.toggleButton.open{border-color:#1ed8a659;color:var(--success-color)}.toggleButton.closed{border-color:#ff557059;color:var(--error-color)}.toggleButton:hover:not(.disabled){border-color:var(--border-strong);transform:translateY(-1px)}.toggleButton.disabled{cursor:not-allowed;opacity:.6;transform:none}.toggleIndicator{background:currentColor;border-radius:50%;box-shadow:0 0 0 4px #ffffff0a;height:10px;width:10px}.info-section{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.25rem}.info-section h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .85rem}.info-section ul{color:var(--text-secondary);font-size:.85rem;line-height:1.7;margin:0;padding-left:1.1rem}.info-section li{margin-bottom:.35rem}.info-section code{background:var(--bg-elevated);border-radius:6px;color:var(--accent);font-size:.78rem;padding:.15rem .45rem}@media (max-width:1100px){.container{grid-template-columns:1fr}}@media (max-width:600px){.button-group{grid-template-columns:1fr}}.alert-notification{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.1rem;position:relative;transition:transform .2s ease,border-color .2s ease}.alert-notification:hover{border-color:var(--border-strong);transform:translateY(-2px)}.alert-notification:before{background:var(--text-muted);border-radius:14px 0 0 14px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.alert-notification.warning:before{background:var(--warning-color)}.alert-notification.warning{background:linear-gradient(135deg,var(--warning-soft) 0,var(--bg-card) 60%)}.alert-notification.info:before{background:var(--info-color)}.alert-notification.info{background:linear-gradient(135deg,var(--info-soft) 0,var(--bg-card) 60%)}.alert-notification.water:before{background:var(--accent-cyan)}.alert-notification.water{background:linear-gradient(135deg,var(--info-soft) 0,var(--bg-card) 60%)}.alert-notification.time:before{background:var(--accent-purple)}.alert-notification.time{background:linear-gradient(135deg,#8b5cf624 0,var(--bg-card) 60%)}.alert-header{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.alert-icon{flex-shrink:0;font-size:1.3rem}.alert-icon.warning{color:var(--warning-color)}.alert-icon.info{color:var(--info-color)}.alert-icon.water{color:var(--accent-cyan)}.alert-icon.time{color:var(--accent-purple)}.alert-header h3{align-items:center;color:var(--text-primary);display:inline-flex;flex-wrap:wrap;font-size:.95rem;font-weight:700;gap:.45rem;margin:0}.alert-timestamp{margin-left:auto}.alert-message{margin:0;white-space:pre-line}.alert-notification.new-alert:before{width:4px}.alert-notification.new-alert{animation:newAlertGlow 2.4s ease-in-out infinite alternate;box-shadow:0 4px 18px #ff55702e}@keyframes newAlertGlow{0%{box-shadow:0 4px 18px #ff557029}to{box-shadow:0 8px 28px #ff55704d}}.alert-notification.example-alert{border-style:dashed;opacity:.75}.alert-notification.read-alert{opacity:.78}.alert-notification.read-alert:before{background:#ffffff2e}.example-badge,.new-badge,.read-badge{border-radius:999px;font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:.2rem .5rem;text-transform:uppercase}.new-badge{background:var(--error-soft);border:1px solid #ff557059;color:var(--error-color)}.example-badge{background:var(--bg-elevated);border:1px solid var(--border-soft);color:var(--text-muted)}.read-badge{background:var(--success-soft);border:1px solid #1ed8a659;color:var(--success-color)}.alert-actions{border-top:1px solid var(--border-soft);display:flex;justify-content:flex-end;margin-top:.5rem;padding-top:.6rem}.mark-read-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.5rem .85rem;transition:border-color .2s,background .2s}.mark-read-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.active-alerts-container{display:flex;flex-direction:column;gap:1rem}.active-alerts-container .alerts-header h1{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.alerts-loading{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--text-secondary);padding:1.25rem;text-align:center}.alert-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;display:flex;overflow:hidden;padding:1rem;position:relative}.alert-card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.alert-critical:before{background:var(--error-color)}.alert-warning:before{background:var(--warning-color)}.alert-info:before{background:var(--info-color)}.alert-icon{align-items:center;color:var(--accent);display:flex;justify-content:center;margin-right:.85rem}.alert-content{flex:1 1;min-width:0}.alert-title{color:var(--text-primary);font-size:.92rem;font-weight:700;margin-bottom:.3rem;text-transform:capitalize}.alert-message{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:.5rem}.alert-recommendation{background:var(--info-soft);border:1px solid #29d3ff40;border-radius:10px;color:var(--text-primary);font-size:.8rem;margin-bottom:.5rem;padding:.6rem .75rem}.alert-timestamp{color:var(--text-muted);font-size:.72rem}.alert-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;padding:.25rem}.alert-close-btn:hover{background:var(--bg-elevated);color:var(--error-color)}.alerts-container{display:flex;flex-direction:column;gap:1.5rem}.alerts-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.mark-all-read-btn{align-items:center;background:var(--gradient-success);border:none;border-radius:12px;box-shadow:0 8px 22px #1ed8a659;color:#0a0d12;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.65rem 1.1rem;transition:transform .2s ease,box-shadow .2s ease}.mark-all-read-btn:hover{transform:translateY(-1px)}.mark-all-read-btn:active{transform:translateY(0)}.alerts-section{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}.section-title{align-items:center;display:flex;gap:.5rem}.new-alerts-title{color:var(--error-color)}.examples-title{color:var(--text-muted)}.examples-section{background:var(--bg-elevated)}.alerts-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width:900px){.alerts-list{grid-template-columns:1fr 1fr}}@media (min-width:1280px){.alerts-list{grid-template-columns:1fr 1fr 1fr}}.user-info-card{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:1.25rem;overflow:hidden;padding:1.4rem 1.5rem;position:relative}.user-info-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-avatar{background:var(--gradient-accent);border-radius:18px;color:#fff;display:grid;flex-shrink:0;height:64px;place-items:center;width:64px}.avatar-icon{color:#fff;font-size:2rem}.user-details{flex:1 1;min-width:0}.user-details h2{color:var(--text-primary);font-size:1.05rem;font-weight:700;margin:0 0 .5rem}.info-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;margin:.25rem 0}.info-icon{color:var(--info-color)}@media (max-width:600px){.user-info-card{align-items:flex-start;flex-direction:column;text-align:left}}.user-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0}.user-stats .stat-card{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:.9rem;overflow:hidden;padding:1.1rem 1.25rem;position:relative;transition:transform .2s ease,border-color .2s ease}.user-stats .stat-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-stats .stat-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.user-stats .stat-icon{background:var(--accent-soft);border:1px solid #4f8bff40;border-radius:12px;color:var(--accent);display:grid;font-size:1.15rem;height:44px;place-items:center;width:44px}.user-stats .stat-info{display:flex;flex-direction:column;gap:.15rem}.user-stats .stat-info h3{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.user-stats .stat-info p{color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin:0}.data-period-info{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.1rem 1.25rem}.data-period-info h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.period-details{gap:.35rem}.period-text{font-size:.85rem;margin:0}.period-dates{margin:0}.loading-period{color:var(--text-secondary)}.loading-period p{font-style:italic;margin:0}.device-selector{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.25rem}.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:.95rem;font-weight:600;margin:0}.refresh-btn{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:grid;height:36px;place-items:center;transition:color .2s,border-color .2s;width:36px}.refresh-btn:hover{border-color:var(--border-strong);color:var(--accent)}.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-elevated);border:1px solid var(--border-soft);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;padding:.95rem 1rem;transition:transform .2s,border-color .2s,background .2s}.device-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.device-card.selected{background:var(--accent-soft);border-color:#4f8bff73;box-shadow:var(--shadow-glow)}.device-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.device-info h4{color:var(--text-primary);font-size:.95rem;font-weight:700;margin:0 0 .2rem}.device-location{color:var(--text-muted);font-size:.78rem}.device-status{align-items:center;display:flex;gap:.3rem}.status-icon{font-size:1.1rem!important}.status-icon.online{color:var(--success-color)}.status-icon.offline{color:var(--error-color)}.signal-icon{font-size:1rem!important}.signal-icon.strong{color:var(--success-color)}.signal-icon.medium{color:var(--warning-color)}.signal-icon.weak{color:var(--error-color)}.device-details{display:flex;flex-direction:column;gap:.35rem}.device-stat{align-items:center;display:flex;font-size:.78rem;justify-content:space-between}.device-stat .stat-label{color:var(--text-muted);font-weight:500}.device-stat .stat-value{color:var(--text-primary);font-weight:600}.stat-value.valve-open{color:var(--success-color)}.stat-value.valve-closed{color:var(--error-color)}.device-id,.stat-value.valve-unknown{color:var(--text-muted)}.device-id{border-top:1px solid var(--border-soft);font-family:JetBrains Mono,monospace;font-size:.7rem;padding-top:.4rem;text-align:right}.selected-device-info{background:var(--gradient-accent);border-radius:12px;color:#fff;margin-top:.85rem;padding:.7rem .85rem;text-align:center}.selected-device-info h4{font-size:.78rem;font-weight:600;margin:0 0 .25rem;opacity:.9}.selected-device-info span{font-weight:700}.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{color:var(--accent);font-size:1.6rem!important;margin-bottom:.6rem}.no-devices-icon{color:var(--text-muted);font-size:2.2rem!important;margin-bottom:.6rem}.no-devices-message h4{color:var(--text-primary);margin:0 0 .4rem}.retry-btn{background:var(--error-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.82rem;margin-left:.4rem;padding:.5rem .85rem}.retry-btn:hover{background:#ff7388}.profile-container{color:var(--text-primary);display:flex;flex-direction:column;gap:1.25rem}.profile-container h1{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0}.profile-container>h2{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.reports-section,.settings-section{display:flex;flex-direction:column;gap:1rem}.reports-section h2,.settings-section h2{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.household-section,.report-download-section,.user-session-section{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 1.4rem}.household-section h3,.report-download-section h3,.user-session-section h2{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.report-download-section p{color:var(--text-secondary);font-size:.85rem;margin:0}.household-input{display:flex;flex-direction:column;gap:.4rem}.household-input label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.household-input input,.household-input select{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-primary);font-size:.9rem;padding:.7rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.household-input input:focus,.household-input select:focus{border-color:#4f8bff80;box-shadow:0 0 0 3px #4f8bff2e;outline:none}.household-input select option{background:var(--bg-card);color:var(--text-primary)}.unit-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab2c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.25rem}.household-info{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-secondary);font-size:.82rem;line-height:1.55;padding:.85rem 1rem}.report-controls{display:flex;justify-content:flex-start}.generate-report-btn{align-items:center;background:var(--gradient-accent);border:none;border-radius:12px;box-shadow:0 8px 22px #4f8bff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.6rem;padding:.85rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease}.generate-report-btn:hover:not(:disabled){box-shadow:0 14px 30px #4f8bff5c;transform:translateY(-2px)}.generate-report-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border:2px solid #fff6;border-top-color:#fff;height:14px;width:14px}.period-info{max-width:460px}.period-details{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;display:flex;flex-direction:column;gap:.4rem;padding:1rem}.period-badge{border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.25rem .7rem;text-transform:uppercase;width:fit-content}.period-badge.real{background:var(--success-soft);border:1px solid #1ed8a640;color:var(--success-color)}.period-badge.simulated{background:var(--warning-soft);border:1px solid #f5a52440;color:var(--warning-color)}.period-text{color:var(--text-primary);font-size:.9rem}.period-dates{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.78rem}.data-points{color:var(--accent);font-size:.78rem;font-weight:600}.period-note{color:var(--text-muted);font-size:.8rem;font-style:italic}.user-session-section{gap:1rem}.current-user-info{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:14px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.user-details{align-items:center;display:flex;gap:.85rem}.user-avatar-icon{background:var(--gradient-accent);border-radius:12px;box-shadow:0 6px 16px #4f8bff59;color:#fff!important;font-size:1.6rem!important;height:48px;padding:.5rem;width:48px}.user-text-info h3{color:var(--text-primary);font-size:.95rem;font-weight:700;margin:0 0 .2rem}.user-email{color:var(--text-secondary);font-size:.82rem;margin:0 0 .25rem}.user-role{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:.72rem;font-weight:600;margin:0;padding:.2rem .65rem}.session-actions{align-items:center;display:flex}.logout-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.55rem .95rem;transition:all .2s ease}.logout-button:hover{background:var(--error-soft);border-color:var(--error-color);color:var(--error-color)}.logout-button svg{font-size:1rem!important}.report-preview{background:#fff;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}.user-details{flex-direction:row}}.recommendation-card{align-items:flex-start;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:1.1rem 1.2rem;position:relative;transition:transform .2s ease,border-color .2s ease}.recommendation-card:before{background:var(--gradient-cyan);content:"";height:3px;left:0;opacity:.7;position:absolute;right:0;top:0}.recommendation-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.recommendation-icon{background:var(--accent-soft);border:1px solid #4f8bff40;border-radius:12px;color:var(--accent);display:grid;flex-shrink:0;height:42px;place-items:center;width:42px}.recommendation-icon svg{font-size:1.25rem}.recommendation-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.recommendation-content h3{color:var(--text-primary);font-size:.95rem;font-weight:700;letter-spacing:-.005em;margin:0}.recommendation-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.55;margin:0}.recommendation-impact{align-items:center;background:var(--success-soft);border:1px solid #1ed8a640;border-radius:999px;color:var(--success-color);display:inline-flex;font-size:.72rem;font-weight:700;padding:.25rem .6rem;width:fit-content}.recommendation-category{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.recommendations-container{display:flex;flex-direction:column;gap:1.25rem}.recommendations-container h1{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0}.user-metrics-summary{grid-gap:1rem;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:1.25rem;position:relative}.user-metrics-summary:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-metrics-summary h2{color:var(--text-primary);font-size:.95rem;font-weight:600;grid-column:1/-1;margin:0}.user-metrics-summary p{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:.2rem;margin:0;padding:.75rem .85rem}.recommendations-intro{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin:0}.recommendations-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:700px){.user-metrics-summary{grid-template-columns:1fr}}.daily-consumption-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:.85rem;overflow:hidden;padding:1rem 1.1rem;position:relative;transition:border-color .2s ease,transform .2s ease,background .2s ease}.daily-consumption-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-2px)}.daily-consumption-card.selected{background:var(--accent-soft);border-color:#4f8bff8c;box-shadow:var(--shadow-glow)}.daily-consumption-card.selected:before{background:var(--gradient-accent);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.daily-consumption-card .card-header{align-items:center;border-bottom:none;display:flex;gap:.75rem;justify-content:space-between;margin:0}.daily-consumption-card .card-date{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0;overflow:hidden}.date-label{color:var(--text-primary);font-size:.85rem;font-weight:700;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-value{color:var(--text-muted);font-size:.7rem;letter-spacing:.05em}.card-consumption{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:999px;display:inline-flex;flex-shrink:0;gap:.45rem;padding:.4rem .7rem;white-space:nowrap}.daily-consumption-card.selected .card-consumption{background:#4f8bff2e;border-color:#4f8bff59}.card-icon{color:var(--info-color);font-size:1.1rem!important}.consumption-value{color:var(--text-primary);font-size:.82rem;font-weight:700}.card-details{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.detail-item{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:10px;display:flex;flex-direction:column;gap:.15rem;padding:.55rem .7rem}.detail-label{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:.82rem;font-weight:700}.selected-indicator{align-items:center;color:var(--accent);display:flex;font-size:.75rem;font-weight:600;gap:.3rem}.ng-hourly-breakdown{display:flex;flex-direction:column;gap:1rem;width:100%}.ng-hourly-breakdown__title{color:var(--text-primary);font-size:1rem;font-weight:600;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:.78rem;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:14px;display:inline-flex;gap:4px;padding:4px}.ng-history__tab{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;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:0 0 0 1px #4f8bff40;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:14px;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:10px;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:#4f8bff59;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:.72rem;font-weight:600;letter-spacing:.06em;margin-right:.25rem;text-transform:uppercase}.ng-history__chip{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;padding:.4rem .7rem;transition:all .18s ease}.ng-history__chip.is-active,.ng-history__chip:hover{background:var(--accent-soft);border-color:#4f8bff73;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-banner:before{background:var(--gradient-accent);content:"";inset:0 auto 0 0;position:absolute;width:4px}.ng-history__period-icon{background:var(--accent-soft);border:1px solid #4f8bff40;border-radius:12px;color:var(--accent)!important;font-size:1.4rem!important;padding:.45rem}.ng-history__period-title{color:var(--text-primary);display:block;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.ng-history__period-sub{color:var(--text-muted);display:block;font-size:.78rem;font-weight:500}.no-data-hint{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.ng-history__range label{color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ng-history__select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:var(--text-primary);font-size:.85rem;font-weight:600;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:.78rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.history-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{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:1rem 1.1rem;position:relative}.stat-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-icon{background:var(--accent-soft);border:1px solid #4f8bff40;border-radius:12px;color:var(--accent);font-size:1.4rem!important;padding:.55rem}.stat-content{display:flex;flex-direction:column;gap:.2rem}.stat-label{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.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:.95rem;font-weight:600;letter-spacing:-.01em;margin:0}.daily-list{gap:.75rem;max-height:70vh;overflow-y:auto;padding-right:.25rem}.daily-list,.no-data-message{display:flex;flex-direction:column}.no-data-message{align-items:center;color:var(--text-muted);gap:.5rem;justify-content:center;padding:2.5rem;text-align:center}.hourly-table-container{border:1px solid var(--border-soft);border-radius:14px;margin-top:.5rem;overflow-x:auto}.hourly-table{border-collapse:collapse;font-size:.85rem;width:100%}.hourly-table thead{background:var(--bg-elevated)}.hourly-table th{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.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:700}.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:700}.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 #ffffff14;border-radius:50%;border-top:3px solid var(--accent);height:42px;margin-bottom:1rem;width:42px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{font-size:.95rem;margin:0}@media (max-width:1200px){.history-content{grid-template-columns:1fr}.history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.history-stats{grid-template-columns:1fr}}.confirm-email-container,.login-container,.new-password-container,.register-container{align-items:center;background:var(--bg-app);background-image:radial-gradient(ellipse at top left,#4f8bff2e,#0000 55%),radial-gradient(ellipse at bottom right,#29d3ff26,#0000 60%);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-container{flex-wrap:wrap;gap:2rem}.login-info-panel{animation:slideUp .5s ease-out;flex:1 1 380px;max-width:520px}.login-info-content{display:flex;flex-direction:column;gap:1.5rem}.login-info-brand{align-items:center;display:flex;gap:.85rem}.login-info-brand h2{color:var(--text-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin:0}.login-info-logo{border-radius:14px;box-shadow:0 6px 18px #4f8bff4d;height:48px;object-fit:cover;width:48px}.login-info-tagline{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0}.login-features-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.login-feature-item{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;display:flex;gap:.7rem;padding:.9rem 1rem;transition:border-color .2s,transform .2s}.login-feature-item:hover{border-color:var(--border-strong);transform:translateY(-2px)}.login-feature-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.login-feature-title{color:var(--text-primary);display:block;font-size:.82rem;font-weight:700;margin-bottom:.2rem}.login-feature-desc{display:block;line-height:1.45}.login-feature-desc,.login-info-footer{color:var(--text-muted);font-size:.72rem}.login-info-footer{letter-spacing:.02em;margin:0}.confirm-email-card,.login-card,.new-password-card,.register-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);flex-shrink:0;max-width:440px;overflow:hidden;padding:2.25rem 2rem;position:relative;width:100%}.confirm-email-card:before,.login-card:before,.new-password-card:before,.register-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.confirm-email-header,.login-header,.new-password-header,.register-header{margin-bottom:1.5rem;text-align:center}.logo-container{gap:.5rem;margin-bottom:1rem}.confirm-email-header h1,.login-header h1,.new-password-header h1,.register-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:.5rem 0 .25rem}.confirm-email-header p,.login-header p,.new-password-header p,.register-header p{color:var(--text-secondary);font-size:.85rem;margin:0}.confirm-email-form,.login-form,.new-password-form,.register-form{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.form-group label{letter-spacing:.02em}.form-group input{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:.92rem;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{background:var(--bg-card);border-color:#4f8bff80;box-shadow:0 0 0 3px #4f8bff2e;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.65}.form-hint{margin-top:.25rem}.btn-primary{transition:transform .2s ease,box-shadow .2s ease}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6}.login-footer,.register-footer{margin-top:.5rem;text-align:center}.login-footer p,.register-footer p{color:var(--text-secondary);font-size:.82rem;margin:.5rem 0}.login-footer a,.register-footer a{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s}.login-footer a:hover,.register-footer a:hover{color:var(--accent-cyan)}@media (max-width:900px){.login-info-panel{flex-basis:100%;max-width:100%}.login-features-grid{grid-template-columns:1fr}}@media (max-width:480px){.confirm-email-card,.login-card,.new-password-card,.register-card{padding:1.75rem 1.25rem}.confirm-email-header h1,.login-header h1,.new-password-header h1,.register-header h1{font-size:1.3rem}.login-info-panel{display:none}}.register-container{align-items:center;background:var(--bg-app);background-image:radial-gradient(ellipse at top left,#4f8bff2e,#0000 55%),radial-gradient(ellipse at bottom right,#29d3ff26,#0000 60%);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.register-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:460px;overflow:hidden;padding:2.25rem 2rem;position:relative;width:100%}.register-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.register-header{margin-bottom:1.5rem;text-align:center}.register-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:.5rem 0 .25rem}.register-header p{color:var(--text-secondary);font-size:.85rem;margin:0}.register-form{display:flex;flex-direction:column;gap:1rem}.form-hint{color:var(--text-muted);font-size:.72rem;line-height:1.5}.success-message{padding:1.25rem 0}.success-icon{animation:scaleIn .5s ease-out;background:var(--gradient-success);border-radius:18px;color:#0a0d12;display:grid;font-size:2rem;height:70px;margin:0 auto 1rem;place-items:center;width:70px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h2{color:var(--text-primary);font-size:1.15rem;margin:0 0 .4rem}.success-message p{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0}.redirect-text{color:var(--accent)!important;font-weight:600;margin-top:.85rem!important}@media (max-width:480px){.register-card{padding:1.75rem 1.25rem}.register-header h1{font-size:1.3rem}}.password-requirements{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:15px}.password-requirements h4{color:#495057;font-size:.9rem;font-weight:600;margin:0 0 10px}.password-requirements ul{padding-left:20px}.password-requirements li{color:#6c757d;font-size:.85rem;margin:5px 0;padding-left:20px}.password-requirements li:before{color:#dc3545;content:"✗"}.password-requirements li.valid,.password-requirements li.valid:before{color:#28a745}.new-password-container{align-items:center;background:var(--bg-app);background-image:radial-gradient(ellipse at top left,#4f8bff2e,#0000 55%),radial-gradient(ellipse at bottom right,#29d3ff26,#0000 60%);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-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.new-password-header{margin-bottom:1.25rem;text-align:center}.logo-image{border-radius:18px;height:60px;width:60px}.new-password-header h1{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.new-password-header p{color:var(--text-secondary);font-size:.85rem;margin:0 0 .85rem}.user-info{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;padding:.7rem .95rem}.user-info span{color:var(--text-primary);font-size:.85rem;font-weight:600}.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:12px;color:var(--text-primary);font-size:.92rem;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:#4f8bff80;box-shadow:0 0 0 3px #4f8bff2e;outline:none}.password-toggle{background:none;border:none;border-radius:8px;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:12px;padding:.85rem 1rem}.password-requirements h4{color:var(--text-primary);font-size:.85rem;font-weight:700;margin:0 0 .5rem}.password-requirements ul{list-style:none;margin:0;padding-left:.5rem}.password-requirements li{color:var(--text-muted);font-size:.78rem;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:12px;cursor:pointer;font-size:.9rem;font-weight:700;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:1.3rem}.button-group{grid-template-columns:1fr}}.confirm-email-container{align-items:center;background:var(--bg-app);background-image:radial-gradient(ellipse at top left,#4f8bff2e,#0000 55%),radial-gradient(ellipse at bottom right,#29d3ff26,#0000 60%);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%}.confirm-email-card:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.confirm-email-header{margin-bottom:1.25rem;text-align:center}.logo-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.85rem}.logo-image{border-radius:16px;box-shadow:0 8px 22px #4f8bff59;height:56px;object-fit:cover;width:56px}.email-icon{animation:bounce 2.4s infinite;color:var(--accent-cyan);font-size:1.6rem!important}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.confirm-email-header h1{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.confirm-email-header p{color:var(--text-secondary);font-size:.85rem;margin:0 0 .5rem}.confirm-email-header .instruction{color:var(--text-secondary);font-size:.85rem;margin-top:.85rem}.email-info{background:var(--bg-elevated);border:1px solid #29d3ff40;border-radius:12px;margin:.85rem 0;padding:.7rem .95rem}.email-info span{color:var(--text-primary);font-size:.92rem;font-weight:600}.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:.78rem;font-weight:600}.verification-input{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:14px;color:var(--text-primary);font-size:1.4rem;font-weight:700;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:#4f8bff80;box-shadow:0 0 0 3px #4f8bff2e;outline:none}.verification-input::placeholder{color:var(--text-muted);font-weight:500;letter-spacing:.5em}.error-message{background:var(--error-soft);border:1px solid #ff557040;border-radius:12px;color:var(--error-color)}.error-message,.success-message{font-size:.82rem;padding:.75rem .95rem;text-align:center}.success-message{background:var(--success-soft);border:1px solid #1ed8a640;border-radius:12px;color:var(--success-color)}.btn-primary{background:var(--gradient-accent);border:none;border-radius:12px;box-shadow:0 8px 22px #4f8bff4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:.9rem 1.5rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 14px 30px #4f8bff5c;transform:translateY(-2px)}.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:.82rem;margin:0 0 .85rem}.btn-resend{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;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:1rem!important}.back-section{text-align:center}.btn-back{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.82rem;font-weight:600;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:14px;margin-top:1.25rem;padding:1rem 1.1rem}.help-section h4{color:var(--text-primary);font-size:.85rem;font-weight:700;margin:0 0 .75rem}.help-section ul{color:var(--text-secondary);margin:0;padding-left:1.1rem}.help-section li{font-size:.78rem;line-height:1.5;margin:.35rem 0}@media (max-width:480px){.confirm-email-card{padding:1.75rem 1.25rem}.verification-input{font-size:1.15rem;letter-spacing:.3em;padding:.75rem}}.landing-info-wrapper{--primary-color:#4a9b6e;--primary-dark:#357a51;--primary-light:#6ab58a;--secondary-color:#2c5f4a;--accent-color:#5fbf85;--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#999;--bg-light:#f8f9fa;--bg-white:#fff;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);background-color:var(--bg-white);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6}.landing-info-wrapper *{box-sizing:border-box;margin:0;padding:0}.landing-container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-info-wrapper h1,.landing-info-wrapper h2,.landing-info-wrapper h3,.landing-info-wrapper h4,.landing-info-wrapper h5,.landing-info-wrapper h6{font-weight:700;line-height:1.2;margin-bottom:1rem}.landing-info-wrapper h1{font-size:clamp(2rem,5vw,3.5rem)}.landing-info-wrapper h2{font-size:clamp(1.75rem,4vw,2.5rem)}.landing-info-wrapper h3{font-size:clamp(1.25rem,3vw,1.75rem)}.landing-info-wrapper p{color:var(--text-secondary);margin-bottom:1rem}.landing-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;position:fixed;top:0;transition:var(--transition);width:100%;z-index:1000}.landing-navbar.scrolled{background:#fffffffa}.landing-nav-wrapper{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.landing-logo{align-items:center;color:var(--primary-color);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;text-decoration:none;transition:var(--transition)}.landing-logo:hover{transform:translateY(-2px)}.landing-logo img{height:50px;object-fit:contain;position:relative;width:auto;z-index:1001}.landing-nav-menu{align-items:center;display:flex;gap:2rem;list-style:none}.landing-nav-link{color:var(--text-primary);font-weight:500;position:relative;text-decoration:none;transition:var(--transition)}.landing-nav-link:after{background:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.landing-nav-link.active:after,.landing-nav-link:hover:after{width:100%}.landing-nav-link.active{color:var(--primary-color);font-weight:600}.landing-btn-app{background:var(--primary-color);border-radius:50px;box-shadow:var(--shadow-sm);color:#fff;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:var(--transition)}.landing-btn-app:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-nav-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem;z-index:1002}.landing-nav-toggle span{background:var(--primary-color);height:3px;transition:var(--transition);width:25px}.landing-nav-toggle.active span:first-child{transform:rotate(45deg) translateY(8px)}.landing-nav-toggle.active span:nth-child(2){opacity:0}.landing-nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.landing-hero{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin-top:80px;overflow:hidden;padding:4rem 0 0;position:relative}.landing-hero-content{padding:3rem 0 5rem;position:relative;text-align:center;z-index:2}.landing-hero-title{color:var(--text-primary);margin-bottom:1.5rem}.landing-text-accent{color:var(--primary-color);position:relative}.landing-hero-subtitle{color:var(--text-secondary);font-size:1.25rem;margin:0 auto 2rem;max-width:600px}.landing-hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-btn{align-items:center;border:2px solid #0000;border-radius:50px;display:inline-flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 2rem;position:relative;text-decoration:none;transition:var(--transition)}.landing-btn-primary{background:var(--primary-color);box-shadow:var(--shadow-sm);color:#fff}.landing-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-3px)}.landing-btn-secondary{background:#0000;border-color:var(--primary-color);color:var(--primary-color)}.landing-btn-secondary:hover{background:var(--primary-color);color:#fff}.landing-btn-large{font-size:1.125rem;padding:1rem 3rem}.landing-hero-image{height:300px;margin-bottom:-100px;position:relative}.landing-floating-element{animation:landing-float 6s ease-in-out infinite;color:var(--primary-color);font-size:3rem;opacity:.3;position:absolute}.landing-floating-element:first-child{left:10%;top:20%}.landing-floating-element:nth-child(2){right:15%;top:50%}.landing-floating-element:nth-child(3){bottom:30%;left:50%}.landing-wave-container{bottom:-1px;left:0;line-height:0;position:absolute;width:100%}.landing-wave-container svg{height:auto;width:100%}.landing-about{background:var(--bg-light);padding:5rem 0}.landing-section-title{color:var(--text-primary);margin-bottom:1rem;position:relative;text-align:center}.landing-section-title:after{background:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.landing-section-subtitle{color:var(--primary-color);font-size:1.75rem;font-weight:600;margin-bottom:3rem;text-align:center}.landing-values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.landing-value-card{background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);padding:2.5rem;text-align:center;transition:var(--transition)}.landing-value-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.landing-value-icon{align-items:center;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.landing-value-card h3{color:var(--text-primary);margin-bottom:1rem}.landing-products{background:#fff;padding:5rem 0}.landing-products-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.landing-nisameter-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #4a9b6e1a;border-radius:24px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;margin-top:3rem;overflow:hidden;padding:3.5rem;position:relative;transition:var(--transition)}.landing-nisameter-container:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.landing-nisameter-container:hover{box-shadow:0 8px 30px #0000001f,0 2px 6px #00000014;transform:translateY(-2px)}.landing-nisameter-title{color:var(--primary-color);font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin-bottom:3rem;padding-bottom:1.5rem;position:relative;text-align:center}.landing-nisameter-title:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:3px;bottom:-15px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.landing-nisameter-container .landing-products-grid{gap:2.5rem;margin-top:0}.landing-products-unified-container{background:#fff;border-radius:20px;box-shadow:var(--shadow-md);display:flex;gap:0;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1000px;overflow:hidden;transition:var(--transition)}.landing-products-unified-container:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.landing-products-unified-container .landing-product-card{border-radius:0;border-right:2px solid #4a9b6e26;box-shadow:none;display:flex;flex:1 1;flex-direction:column;padding:0;transition:var(--transition)}.landing-products-unified-container .landing-product-card:last-child{border-right:none}.landing-products-unified-container .landing-product-card:hover{background:#4a9b6e05;box-shadow:none;transform:none}.landing-products-unified-container .landing-product-image{height:240px}.landing-products-unified-container .landing-product-content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.landing-products-unified-container .landing-product-content p{flex:1 1;margin-bottom:1.5rem;margin-top:0}.landing-products-unified-container .landing-product-features{margin-top:auto}.landing-product-card{background:#fff;border:1px solid #4a9b6e14;border-radius:20px;box-shadow:0 4px 15px #0000001a,0 2px 5px #0000000d;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.landing-product-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:25px;box-shadow:0 4px 12px #4a9b6e4d;color:#fff;font-size:.875rem;font-weight:600;padding:.6rem 1.25rem;position:absolute;right:1.25rem;top:1.25rem;transition:var(--transition);z-index:10}.landing-product-card:hover .landing-product-badge{box-shadow:0 6px 16px #4a9b6e66;transform:scale(1.05)}.landing-product-card:hover{border-color:#4a9b6e33;box-shadow:0 12px 35px #00000026,0 4px 10px #0000001a;transform:translateY(-12px)}.landing-product-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;height:260px;justify-content:center;overflow:hidden;position:relative;transition:var(--transition)}.landing-product-image:before{background:linear-gradient(135deg,#4a9b6e08,#4a9b6e03);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition);z-index:1}.landing-product-card:hover .landing-product-image:before{opacity:1}.landing-product-image img{border-radius:8px;height:100%;object-fit:contain;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.landing-product-card:hover .landing-product-image img{transform:scale(1.08)}.landing-product-content{background:#fff;padding:2.25rem}.landing-product-content h3{color:var(--text-primary);margin-bottom:1rem}.landing-product-content p{color:var(--text-secondary);line-height:1.7}.landing-product-features{border-top:1px solid #4a9b6e1a;list-style:none;margin:1.75rem 0 0;padding-top:1.5rem}.landing-product-features li{align-items:center;color:var(--text-secondary);display:flex;padding:.65rem 0;transition:var(--transition)}.landing-product-features li:hover{color:var(--primary-color);transform:translateX(5px)}.landing-product-features i{color:var(--primary-color);font-size:.9rem;margin-right:.75rem;transition:var(--transition)}.landing-product-features li:hover i{transform:scale(1.2)}.landing-stats{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:4rem 0}.landing-stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.landing-stat-item i{font-size:3rem;margin-bottom:1rem;opacity:.8}.landing-stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.landing-stat-item p{color:#ffffffe6}.landing-cta{background:var(--bg-light);padding:5rem 0;text-align:center}.landing-cta-content h2{margin-bottom:1rem}.landing-cta-content p{font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.landing-footer{background:var(--secondary-color);color:#fff;padding:3rem 0 1rem}.landing-footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.landing-footer-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.landing-footer-section h4{color:#fff;margin-bottom:1rem}.landing-footer-section ul{list-style:none}.landing-footer-section ul li{color:#fffc;padding:.5rem 0}.landing-footer-section a{color:#fffc;text-decoration:none;transition:var(--transition)}.landing-footer-section a:hover{color:#fff}.landing-social-links{display:flex;gap:1rem}.landing-social-links a{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.landing-social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.landing-footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;padding-top:2rem;text-align:center}.landing-loading{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.landing-loading-spinner{animation:landing-spin 1s linear infinite;border:3px solid var(--bg-light);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}@keyframes landing-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes landing-spin{to{transform:rotate(1turn)}}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-fade-left{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.landing-animate-fade-up{animation:landing-fade-up .8s ease-out forwards}.landing-animate-fade-left{animation:landing-fade-left .8s ease-out forwards}.landing-animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.landing-animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.landing-logo img{height:35px}.landing-nav-toggle{display:flex}.landing-nav-menu{background:#fff;box-shadow:var(--shadow-lg);flex-direction:column;left:-100%;padding:2rem 0;position:fixed;top:70px;transition:.3s;width:100%}.landing-nav-menu.active{left:0}.landing-hero-buttons{align-items:center;flex-direction:column}.landing-products-grid,.landing-values-grid{grid-template-columns:1fr}.landing-nisameter-container{border-radius:20px;margin-top:2rem;padding:2rem 1.25rem}.landing-nisameter-title{font-size:1.75rem;margin-bottom:2rem;padding-bottom:1.25rem}.landing-nisameter-title:after{height:4px;width:60px}.landing-nisameter-container .landing-products-grid{gap:2rem}.landing-product-content{padding:1.75rem}.landing-product-badge{font-size:.8rem;padding:.5rem 1rem;right:1rem;top:1rem}.landing-products-unified-container{flex-direction:column;max-width:100%}.landing-products-unified-container .landing-product-card{border-bottom:2px solid #4a9b6e26;border-right:none}.landing-products-unified-container .landing-product-card:last-child{border-bottom:none}.landing-products-unified-container .landing-product-image{height:220px}.landing-products-unified-container .landing-product-content{padding:1.5rem}.landing-stats-grid{grid-template-columns:repeat(2,1fr)}.landing-footer-content{grid-template-columns:1fr;text-align:center}.landing-social-links{justify-content:center}}html{scroll-behavior:smooth}.landing-info-wrapper ::selection{background:var(--primary-color);color:#fff}.landing-info-wrapper ::-moz-selection{background:var(--primary-color);color:#fff}
/*# sourceMappingURL=main.ca2428f0.css.map*/