:root{--color-bg:#060d1a;--color-bg-alt:#0a1628;--color-text:#e8f4ff;--color-text-secondary:#a8cde8;--color-text-muted:#6b9ab8;--color-text-dim:#3d6480;--color-primary:#4db8ff;--color-primary-dark:#2271f5;--color-accent-lime:#bef264;--color-accent-amber:#ffb347;--color-accent-red:#ff4d6a;--color-accent-teal:#00e5cc;--color-accent-green:#00d68f;--color-accent-purple:#9b5de5;--color-accent-blue:#2271f5;--color-white:#fff;--color-border:#4db8ff1f;--color-border-strong:#4db8ff40;--accent-cyan:#4db8ff;--accent-teal:#00e5cc;--accent-blue:#2271f5;--accent-green:#00d68f;--accent-amber:#ffb347;--accent-red:#ff4d6a;--accent-purple:#9b5de5;--bg-deep:#060d1a;--bg-surface:#0a1628;--bg-elevated:#0d1f3c;--bg-card:#0f2447;--bg-hover:#142d56;--glow-cyan:0 0 20px #4db8ff4d;--glow-teal:0 0 20px #00e5cc4d;--glow-green:0 0 20px #00d68f4d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--radius-full:9999px;--font-display:"Orbitron", monospace;--font-sans:"Exo 2", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-glass:0 8px 32px 0 #0000005e;--sidebar-width:220px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.container{max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:var(--shadow-glass);background:#ffffff08}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.btn--secondary{color:var(--color-text);border-color:var(--color-border);background:#ffffff0d}.btn--secondary:hover{background:#ffffff1a}.btn--ghost{color:var(--color-text-muted);background:0 0}.btn--ghost:hover{color:var(--color-white)}.btn--sm{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.75rem}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.header{z-index:1000;width:100%;padding:var(--space-md) 0;transition:all .3s;position:fixed;top:0}.header--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0;background:#020617cc}.header__container{justify-content:space-between;align-items:center;padding-left:0;display:flex}.header__logo{align-items:center;gap:var(--space-sm);color:var(--color-white);letter-spacing:.1em;font-weight:800;text-decoration:none;display:flex}.header__nav-list{gap:var(--space-xl);list-style:none;display:flex}.header__nav-link{color:var(--color-text-muted);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.header__nav-link:hover{color:var(--color-primary)}.header__nav-link--active{color:#00d68f;text-shadow:0 0 8px #00d68f66;font-weight:700}.header__actions{gap:var(--space-sm);align-items:center;display:flex}.hero{padding:var(--space-4xl) 0 calc(var(--space-4xl) * 2);text-align:center;background:0 0;min-height:80vh;position:relative;overflow:hidden}@keyframes heroGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(600px 300px at 30% 40%,#00e5cc26 0%,#0000 70%),radial-gradient(500px 250px at 70% 60%,#4db8ff1f 0%,#0000 70%);animation:6s ease-in-out infinite alternate shimmer;position:absolute;inset:0}@keyframes shimmer{0%{opacity:.5;transform:translate(-30px)scale(1)}50%{opacity:1;transform:translate(30px)scale(1.03)}to{opacity:.5;transform:translate(-30px)scale(1)}}.hero__video{object-fit:cover;z-index:-3;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__overlay{z-index:-2;background:linear-gradient(#060d1a80 0%,#060d1a59 40%,#060d1ab3 80%,#060d1a 100%);position:absolute;inset:0}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#0ea5e926 0%,#0000 70%);width:80%;height:80%;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero__tag{color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;margin-bottom:var(--space-md);background:#0ea5e91a;border:1px solid #0ea5e933;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.hero__title{margin-bottom:var(--space-lg);background:linear-gradient(to bottom, #fff 40%, var(--color-text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:4rem;font-weight:800;line-height:1.1}.hero__subtitle{font-family:var(--font-display);color:var(--accent-teal);margin-bottom:var(--space-lg);letter-spacing:.5px;font-size:1.5rem;font-weight:600}.hero__description{color:#fff;max-width:700px;margin:0 auto var(--space-2xl);font-size:1.25rem}.hero__grid{z-index:0;pointer-events:none;background-image:linear-gradient(#4db8ff08 1px,#0000 1px),linear-gradient(90deg,#4db8ff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero__content{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero__text{max-width:800px}.hero__badge{border-radius:var(--radius-full,999px);color:var(--accent-cyan);margin-bottom:var(--space-lg);background:#00e5cc1a;border:1px solid #00e5cc40;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.hero__badge-icon{flex-shrink:0;width:14px;height:14px}.hero__title-highlight{color:var(--accent-cyan)}.btn--xl{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:1rem}.btn__icon{flex-shrink:0;width:18px;height:18px}.hero__actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hero__btn{align-items:center;gap:var(--space-sm);white-space:nowrap;display:inline-flex}.features{padding:var(--space-4xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header__tag{color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;margin-bottom:var(--space-md);background:#0ea5e91a;border:1px solid #0ea5e933;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.section-header__title{margin-bottom:var(--space-md);font-size:2.5rem;font-weight:800}.section-header__title-highlight{color:var(--color-primary)}.section-header__description{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.features-grid,.features__grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:var(--space-2xl);gap:var(--space-md);flex-direction:column;transition:all .3s;display:flex}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-5px)}.feature-icon,.feature-card__icon{width:32px;height:32px;color:var(--color-primary);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);background:#0ea5e91a;border:1px solid #0ea5e933;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card__icon svg{width:100%;height:100%}.feature-card h3{font-size:1.25rem;font-weight:700}.feature-card p,.feature-card__description{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.feature-card__title{color:var(--color-text);font-size:1.25rem;font-weight:700}.feature-card__highlight{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-cyan);border-radius:var(--radius-full,999px);background:#00e5cc1a;border:1px solid #00e5cc33;margin-top:auto;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.dashboard-preview{padding:var(--space-4xl) 0;text-align:center}.preview-container{max-width:1000px;padding:var(--space-lg);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:0 auto;position:relative;box-shadow:0 20px 50px #00000080}.testimonials{padding:var(--space-4xl) 0}.testimonials-grid,.testimonials__grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.testimonials__cta{text-align:center;margin-top:var(--space-3xl)}.testimonial-card{padding:var(--space-2xl);gap:var(--space-lg);flex-direction:column;display:flex}.testimonial-card__quote{color:var(--color-text-secondary);border:none;margin:0;padding:0;font-size:.9rem;font-style:italic;line-height:1.6}.testimonial-card__footer{align-items:center;gap:var(--space-md);display:flex}.testimonial-card__avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.75rem;font-weight:700;display:flex}.testimonial-card__author-info{flex-direction:column;gap:2px;display:flex}.testimonial-card__author-row{align-items:center;gap:var(--space-sm);display:flex}.testimonial-card__author{color:var(--color-text);font-size:.85rem;font-style:normal;font-weight:700}.testimonial-card__rating{gap:1px;display:flex}.testimonial-card__rating svg{width:12px;height:12px;color:var(--color-accent-amber)}.testimonial-card__role{color:var(--color-text-dim);margin:0;font-size:.7rem}.cta{padding:var(--space-4xl) 0}.cta__content{align-items:center;gap:var(--space-3xl);padding:var(--space-3xl);background:linear-gradient(135deg, var(--color-primary) 0%, #0284c7 100%);border-radius:var(--radius-xl);color:var(--color-white);display:flex}.cta__text{text-align:left;flex:1}.cta__title{margin-bottom:var(--space-md);font-size:2rem;font-weight:800;line-height:1.2}.cta__title-highlight{display:block}.cta__description{margin-bottom:var(--space-xl);opacity:.9;font-size:1rem}.cta__benefits{gap:var(--space-md);flex-direction:column;list-style:none;display:flex}.cta__benefits li{align-items:center;gap:var(--space-sm);font-size:.95rem;font-weight:500;display:flex}.cta__benefits svg{width:18px;height:18px;color:var(--color-white);flex-shrink:0}.cta__actions{gap:var(--space-md);flex-direction:column;flex-shrink:0;display:flex}.cta__btn-primary,.cta__btn-secondary{align-items:center;gap:var(--space-sm);white-space:nowrap;display:flex}.cta__btn-primary .btn__icon,.cta__btn-secondary .btn__icon{width:20px;height:20px}.footer{padding:var(--space-4xl) 0 var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-bg-alt)}.footer__main{gap:var(--space-3xl);margin-bottom:var(--space-4xl);grid-template-columns:1.5fr 2fr;display:grid}.footer__brand{gap:var(--space-lg);flex-direction:column;display:flex}.footer__logo{align-items:center;gap:var(--space-sm);color:var(--color-white);letter-spacing:.1em;font-weight:800;text-decoration:none;display:flex}.footer__tagline{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.footer__social{gap:var(--space-md);display:flex}.footer__social-link{color:var(--color-text-muted);transition:color .2s}.footer__social-link:hover{color:var(--color-primary)}.footer__links{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.footer__column{gap:var(--space-sm);flex-direction:column;display:flex}.footer__column-title{margin-bottom:var(--space-sm);color:var(--color-white);font-size:.875rem;font-weight:700}.footer__column-list{list-style:none}.footer__link{color:var(--color-text-muted);font-size:.875rem;text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--color-primary)}.footer__bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.footer__copyright{color:var(--color-text-muted);font-size:.8rem}.footer__badges{gap:var(--space-lg);display:flex}.footer__badge{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.page-container{min-height:100vh;padding-top:70px}.page-header{padding:var(--space-4xl) 0;text-align:center;background:linear-gradient(180deg, var(--color-bg-alt) 0%, var(--color-bg) 100%)}.dashboard-page{background:var(--bg-deep);height:calc(100vh - 60px);color:var(--color-text);font-family:var(--font-sans);margin-top:60px;display:flex}.dashboard-container{width:100%;height:100%;display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-subtle,#4db8ff14);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-header{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-subtle,#4db8ff14)}.sidebar-logo{align-items:center;gap:var(--space-sm);display:flex}.sidebar-logo-icon{font-size:1.5rem}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-title{font-family:var(--font-display);letter-spacing:.1em;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.85rem;font-weight:800;line-height:1.2}.sidebar-logo-sub{color:var(--color-text-dim);letter-spacing:.15em;text-transform:uppercase;font-size:.5rem}.sidebar-badges{gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;font-size:.55rem;font-weight:700}.badge--beta{color:#000;background:#f59e0b}.badge--pro{color:var(--accent-cyan);background:#4db8ff26;border:1px solid #4db8ff4d}.sidebar-nav{padding:var(--space-sm) 0;flex:1;overflow-y:auto}.nav-group{margin-bottom:var(--space-xs);flex-direction:column;display:flex}.nav-group-label{font-family:var(--font-display);text-transform:uppercase;color:var(--color-text-dim);padding:var(--space-sm) var(--space-md) var(--space-xs);letter-spacing:.1em;font-size:.55rem;font-weight:700}.nav-item-btn{align-items:center;gap:var(--space-sm);padding:6px var(--space-md);color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:0;width:100%;font-family:inherit;font-size:.8rem;text-decoration:none;transition:all .15s;display:flex}.nav-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:.85rem}.nav-item-btn:hover{background:var(--bg-hover);color:var(--color-text)}.nav-item-btn.active{color:var(--accent-cyan);border-left-color:var(--accent-cyan);background:#4db8ff1a}.nav-badge{background:var(--accent-red);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:.6rem;font-weight:700}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-subtle,#4db8ff14)}.sidebar-mobile-btn{width:100%;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;text-align:center;margin-bottom:var(--space-sm);font-family:inherit;font-size:.75rem}.sidebar-version{color:var(--color-text-dim);text-align:center;font-size:.6rem;line-height:1.5}.dashboard-main{background:var(--bg-deep);flex-direction:column;flex:1;display:flex;overflow-y:auto}.dashboard-header{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle,#4db8ff14);background:var(--bg-surface);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dashboard-header-left{flex-direction:column;display:flex}.dashboard-page-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.1rem;font-weight:700}.demo-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent-amber);border-radius:var(--radius-sm);text-align:center;background:#ffb3471f;border:1px solid #ffb3474d;padding:2px 10px;font-size:1rem;font-weight:700;animation:3s ease-in-out infinite demoPulse}@keyframes demoPulse{0%,to{opacity:.4}50%{opacity:1}}.dashboard-page-sub{color:var(--color-text-dim);font-size:.7rem}.dashboard-header-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dashboard-header-btns{gap:var(--space-sm);display:flex}.header-icon-btn{border:1px solid var(--border-subtle,#4db8ff14);background:var(--bg-card);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:flex}.header-icon-btn:hover{background:var(--bg-hover);border-color:var(--accent-cyan)}.page-body{padding:calc(var(--space-lg) + 20px) var(--space-xl) var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.page-header-block h2{font-family:var(--font-display);color:var(--color-text);margin:0 0 4px;font-size:1rem;font-weight:700}.page-header-block p{color:var(--color-text-dim);margin:0;font-size:.75rem}.dash-summary-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.dash-stat-box{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);padding:var(--space-md);min-height:100px}.dash-stat-box--alerts{border:2px solid var(--accent-red);background:#ff4d6a14}.dash-stat-box--missed{border:2px solid var(--accent-amber);background:#ffb34714}.dash-stat-box--ok{border:1px solid #00d68f4d}.dash-stat-box--actions{border:1px solid var(--border-subtle,#4db8ff14)}.dash-stat-box--actions:hover{border-color:var(--accent-cyan)}.dash-stat-box-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.dash-stat-icon{font-size:1.1rem}.dash-stat-title{font-family:var(--font-display);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.dash-stat-content{gap:var(--space-md);display:flex}.dash-stat-count{font-family:var(--font-display);color:var(--color-text);min-width:30px;font-size:1.8rem;font-weight:800}.dash-stat-list{flex-direction:column;flex:1;gap:2px;display:flex}.dash-stat-item{color:var(--color-text-secondary);font-size:.7rem;line-height:1.4}.dash-stat-item--alert{color:var(--accent-red)}.dash-stat-tank{color:var(--accent-cyan);font-weight:600}.dash-stat-more{color:var(--color-text-dim);font-size:.65rem}.dash-stat-sub{color:var(--color-text-dim);font-size:.75rem}.dash-stat-actions{margin-top:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.dash-stat-action{font-family:var(--font-display);letter-spacing:.06em;color:var(--color-text-secondary);border:1px solid var(--border-subtle,#4db8ff1f);cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.6rem;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex;position:relative}.dash-stat-action:hover{border-color:var(--action-color);color:var(--action-color);background:#ffffff0f}.dash-stat-action-badge{background:var(--accent-red);color:var(--color-white);border-radius:var(--radius-full);padding:2px 5px;font-size:.55rem;line-height:1}.dash-section-sep{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;display:flex}.dash-section-line{background:linear-gradient(90deg, transparent, var(--accent-cyan), transparent);flex:1;height:1px}.dash-section-label{font-family:var(--font-display);color:var(--accent-cyan);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;font-size:.65rem;font-weight:700}.tank-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.tank-card{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md) var(--space-md);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.tank-card:hover{border-color:var(--tank-color,var(--accent-cyan));box-shadow:0 0 15px #4db8ff26}.tank-card-stripe{background:linear-gradient(90deg, var(--tank-color,var(--accent-cyan)), transparent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.tank-card:hover .tank-card-stripe{opacity:1}.tank-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.tank-card-name{font-family:var(--font-display);color:var(--color-text);letter-spacing:.04em;font-size:.75rem;font-weight:700}.tank-card-meta{color:var(--color-text-dim);font-size:.65rem}.tank-card-header-right{align-items:center;gap:var(--space-xs);display:flex}.health-badge{border-radius:var(--radius-sm);border:1px solid;padding:2px 6px;font-size:.6rem;font-weight:700}.health-badge--good{color:var(--accent-green);background:#00d68f1a;border-color:#00d68f4d}.health-badge--warn{color:var(--accent-amber);background:#ffb3471a;border-color:#ffb3474d}.health-badge--critical{color:var(--accent-red);background:#ff4d6a1a;border-color:#ff4d6a4d}.quality-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.tank-card-arrow{color:var(--tank-color,var(--accent-cyan));font-size:.8rem;font-weight:700}.tank-card-stats{gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.tank-stat-box{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#00d68f14;border:1px solid #00d68f26;flex:1}.tank-stat-box--warn{background:#ffb34714;border-color:#ffb34726}.tank-stat-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.5rem;font-weight:700}.tank-stat-value{font-family:var(--font-display);color:var(--accent-green);font-size:.85rem;font-weight:700}.tank-stat-box--warn .tank-stat-value{color:var(--accent-amber)}.tank-card-devices{align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;color:var(--color-text-dim);font-size:.65rem;display:flex}.tank-devices-label{color:var(--accent-amber);font-weight:600}.tank-device-dots{gap:3px;margin-left:auto;display:flex}.device-dot{border-radius:50%;width:7px;height:7px}.device-dot--online{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.device-dot--offline{background:var(--accent-amber);box-shadow:0 0 4px var(--accent-amber)}.tank-alert{padding:3px var(--space-sm);border-radius:var(--radius-sm);margin-bottom:2px;font-size:.65rem}.tank-alert--warn{color:var(--accent-amber);background:#ffb3471a}.tank-alert--critical{color:var(--accent-red);background:#ff4d6a1a;animation:.7s infinite blink-alert}@keyframes blink-alert{0%,to{opacity:1}50%{opacity:.5}}.tank-maintenance{padding:3px var(--space-sm);border-radius:var(--radius-sm);color:var(--accent-cyan);background:#4db8ff14;margin-bottom:2px;font-size:.65rem}.tank-maintenance--overdue{color:var(--accent-red);background:#ff4d6a1a}.tank-card-footer{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--border-subtle,#4db8ff14);justify-content:flex-end;display:flex}.tank-last-test{color:var(--color-text-dim);font-size:.6rem}.devices-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.devices-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.devices-subtitle{color:var(--color-text-dim);font-size:.7rem}.devices-controls{gap:var(--space-sm);align-items:center;display:flex}.devices-filter{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;font-family:inherit;font-size:.7rem}.devices-add-btn{background:var(--accent-cyan);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 12px;font-family:inherit;font-size:.7rem;font-weight:700}.devices-add-btn:hover{opacity:.9}.device-section{margin-bottom:var(--space-lg)}.device-section-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-md);font-size:.7rem;font-weight:700}.device-section-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.device-card{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color .25s;position:relative}.device-card:hover{border-color:var(--border-normal,#4db8ff2e)}.device-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:8px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}.device-badge--local{color:var(--accent-green);background:#00d68f1a;border:1px solid #00d68f4d}.device-badge--cloud{color:var(--accent-cyan);background:#4db8ff1a;border:1px solid #4db8ff4d}.device-badge--sim{color:var(--accent-purple);background:#9b5de51a;border:1px solid #9b5de54d}.device-card-header{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.device-card-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.device-card-icon--plug{color:var(--accent-cyan);background:#4db8ff1a}.device-card-icon--plug svg{width:20px;height:20px}.device-card-icon--light{background:#ffb3471a}.device-card-icon--heater{background:#ff4d6a1a}.device-card-icon--pump{background:#00d68f1a}.device-card-icon--wq{background:#9b5de51a}.device-card-info{flex:1;min-width:0}.device-card-name{font-family:var(--font-display);color:var(--color-text);letter-spacing:.03em;font-size:13px;font-weight:700}.device-card-meta{color:var(--color-text-dim);font-size:11px}.device-card-ip{font-family:var(--font-mono);color:var(--color-text-dim);margin-top:2px;font-size:10px}.device-proto-badge{background:var(--bg-elevated);color:var(--color-text-muted);border-radius:3px;padding:1px 4px;font-size:9px}.device-status-row{margin-bottom:var(--space-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-pill{text-align:center;min-width:68px;font-family:var(--font-display);letter-spacing:.06em;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .25s}.device-pill--on{color:var(--accent-green);background:#00d68f2e;border:1px solid #00d68f66;box-shadow:0 0 10px #00d68f40}.device-pill--off{color:var(--accent-red);background:#ff4d6a24;border:1px solid #ff4d6a4d}.device-pill--offline{color:var(--accent-amber);background:#ffb3472e;border:1px solid #ffb3474d}.device-action-btn{cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-display);letter-spacing:.04em;border-radius:6px;padding:3px 10px;transition:all .2s}.device-action-btn--on{color:var(--accent-green);background:0 0;border:1px solid #00d68f66}.device-action-btn--on:hover{background:#00d68f26}.device-action-btn--off{color:var(--accent-red);background:0 0;border:1px solid #ff4d6a4d}.device-action-btn--off:hover{background:#ff4d6a26}.device-mode-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.device-mode-badge--color{color:var(--accent-purple);background:#9b5de526}.device-mode-badge--white{color:var(--accent-cyan);background:#4db8ff26}.device-readings{margin-bottom:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.device-readings--multi{gap:4px}.device-reading{font-family:var(--font-display);border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.device-reading--power{color:var(--accent-amber);background:#ffb3471f}.device-reading--status{color:var(--accent-green);background:#00d68f1f}.device-reading--temp{color:var(--accent-amber);background:#ffb3471f}.device-reading--set{color:var(--accent-cyan);background:#4db8ff1f}.device-reading--mode{color:var(--accent-purple);background:#9b5de51f}.device-reading--ph{color:var(--accent-cyan);background:#4db8ff1f}.device-reading--tds{color:var(--accent-green);background:#00d68f1f}.device-reading--orp{color:var(--accent-red);background:#ff4d6a1f}.device-reading--ec{color:var(--accent-purple);background:#9b5de51f}.device-brightness{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.device-brightness-label{color:var(--color-text-dim);min-width:52px;font-size:10px}.device-brightness-slider{appearance:none;background:var(--bg-hover);border-radius:2px;outline:none;flex:1;height:4px}.device-brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-amber);cursor:pointer;border-radius:50%;width:14px;height:14px}.device-brightness-val{font-family:var(--font-display);color:var(--accent-amber);text-align:right;min-width:28px;font-size:11px;font-weight:700}.device-card-footer{padding-top:var(--space-xs);border-top:1px solid var(--border-subtle,#4db8ff14);justify-content:flex-end;display:flex}.device-alert-toggle{cursor:pointer;align-items:center;gap:6px;display:flex}.device-alert-toggle input{accent-color:var(--accent-cyan);width:12px;height:12px}.device-alert-label{color:var(--accent-green);font-size:10px;font-weight:600}.device-alert-label--off{color:var(--color-text-dim)}.tank-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.demo-tank-card{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;padding:12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.demo-tank-card:hover{border-color:#4db8ff33;box-shadow:0 2px 12px #0000004d}.demo-tank-card--alert{border-color:#ffb34759}.demo-tank-type-stripe{background:linear-gradient(90deg, var(--accent-cyan), transparent);border-radius:var(--radius-md) var(--radius-md) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.demo-tank-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.demo-tank-info{min-width:0}.demo-tank-name{font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}.demo-tank-meta{color:var(--color-text-dim);text-transform:capitalize;margin-top:2px;font-size:.65rem}.demo-tank-header-right{flex-shrink:0;align-items:center;gap:6px;margin-left:8px;display:flex}.demo-tank-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.demo-tank-dot--good{background:var(--accent-green)}.demo-tank-dot--warn{background:var(--accent-amber);box-shadow:0 0 6px var(--accent-amber)}.demo-tank-stats{gap:8px;margin-bottom:10px;display:flex}.demo-tank-stat{border-radius:var(--radius-sm);border:1px solid var(--border-subtle,#4db8ff14);background:#00000026;flex:1;padding:6px 8px}.demo-tank-stat-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.55rem}.demo-tank-stat-value{font-family:var(--font-display);margin-top:2px;font-size:.95rem;font-weight:700}.demo-tank-stat-value--good{color:var(--accent-green)}.demo-tank-stat-value--warn{color:var(--accent-amber)}.demo-tank-alerts{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.demo-tank-alert{border-radius:8px;padding:2px 7px;font-size:.6rem;font-weight:600}.demo-tank-alert--warn{color:var(--accent-amber);background:#ffb3471a;border:1px solid #ffb34740}.demo-tank-alert--critical{color:var(--accent-red);background:#ff4d6a1f;border:1px solid #ff4d6a4d}.demo-tank-inhabitants{border-top:1px solid var(--border-subtle,#4db8ff14);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;padding-top:8px;display:flex}.demo-tank-inhab-icon{color:var(--color-text-dim);margin-right:2px;font-size:.6rem}.demo-tank-inhab-tag{color:var(--color-text-muted);background:var(--bg-elevated,#ffffff0a);white-space:nowrap;border-radius:8px;padding:1px 7px;font-size:.6rem}.demo-tank-footer{border-top:1px solid var(--border-subtle,#4db8ff14);align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.demo-tank-last-test{color:var(--color-text-dim);font-size:.6rem}.btn--cyan{color:var(--accent-cyan);background:#4db8ff1f;border:1px solid #4db8ff40}.btn--sm{border-radius:var(--radius-sm);cursor:pointer;margin-left:auto;padding:2px 10px;font-size:.65rem}.btn--ghost{color:var(--color-text-muted);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 12px;font-size:.75rem}.btn--ghost:hover{color:var(--color-text);background:#ffffff0d}.tank-detail-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.tank-detail-card{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);padding:16px}.tank-detail-card h3{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle,#4db8ff14);margin:0 0 12px;padding-bottom:8px;font-size:.75rem;font-weight:700}.tank-detail-card--alert{border-color:#ffb34759}.tank-detail-params{flex-direction:column;gap:8px;display:flex}.tank-detail-param{border-radius:var(--radius-sm);border:1px solid var(--border-subtle,#4db8ff14);background:#00000026;align-items:center;gap:8px;padding:8px 10px;display:flex}.tank-detail-param-label{color:var(--color-text-dim);min-width:60px;font-size:.7rem}.tank-detail-param-value{font-family:var(--font-display);font-size:1rem;font-weight:700}.tank-detail-param--good .tank-detail-param-value{color:var(--accent-green)}.tank-detail-param--warn .tank-detail-param-value{color:var(--accent-amber)}.tank-detail-param-range{color:var(--color-text-dim);margin-left:auto;font-size:.6rem}.tank-detail-health{flex-direction:column;align-items:center;gap:12px;display:flex}.tank-detail-quality{color:var(--color-text-muted);font-size:.75rem}.tank-detail-devices{flex-direction:column;gap:6px;display:flex}.tank-detail-device{background:var(--bg-elevated,#ffffff08);border-radius:var(--radius-sm);border:1px solid var(--border-subtle,#4db8ff14);align-items:center;gap:8px;padding:6px 10px;display:flex}.tank-detail-device-name{color:var(--color-text);flex:1;font-size:.75rem}.tank-detail-device-status{font-size:.6rem;font-weight:700}.tank-detail-device-status.online{color:var(--accent-green)}.tank-detail-device-status.offline{color:var(--accent-red)}.tank-detail-inhabitants{flex-wrap:wrap;gap:6px;display:flex}.tank-detail-inhab-tag{color:var(--color-text-muted);background:var(--bg-elevated,#ffffff0a);border-radius:8px;padding:4px 10px;font-size:.75rem}.tank-detail-maintenance{flex-direction:column;gap:6px;display:flex}.tank-detail-task{color:var(--color-text-muted);border-radius:var(--radius-sm);background:#4db8ff0f;border:1px solid #4db8ff1f;padding:6px 10px;font-size:.75rem}.tank-detail-task--overdue{color:var(--accent-red);background:#ff4d6a14;border-color:#ff4d6a33}.tank-detail-last-test{color:var(--color-text-dim);margin-top:4px;font-size:.7rem}.tank-detail-alerts{flex-direction:column;gap:6px;display:flex}.tank-detail-alert{border-radius:var(--radius-sm);padding:8px 10px;font-size:.75rem}.tank-detail-alert--warn{color:var(--accent-amber);background:#ffb3471a;border:1px solid #ffb34740}.tank-detail-alert--critical{color:var(--accent-red);background:#ff4d6a1f;border:1px solid #ff4d6a4d}.params-tanks-section{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.params-tank-block{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);padding:16px}.params-tank-header{border-bottom:1px solid var(--border-subtle,#4db8ff14);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.params-tank-name{font-family:var(--font-display);color:var(--color-text);font-size:.8rem;font-weight:700}.params-tank-meta{color:var(--color-text-dim);font-size:.65rem}.params-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.param-card{border-radius:var(--radius-sm);border:1px solid var(--border-subtle,#4db8ff14);background:#00000026;padding:10px}.param-card--warn{border-color:#ffb3474d}.param-card-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.6rem}.param-card-value{font-family:var(--font-display);color:var(--color-text);font-size:1.1rem;font-weight:700}.param-card--good .param-card-value{color:var(--accent-green)}.param-card--warn .param-card-value{color:var(--accent-amber)}.param-card--selected{border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan)}.param-card-unit{color:var(--color-text-dim);margin-left:2px;font-size:.7rem;font-weight:400}.param-card-range{color:var(--color-text-dim);margin-top:4px;font-size:.55rem}.param-card-status{margin-top:6px;font-size:.6rem;font-weight:600}.param-card-status--good{color:var(--accent-green)}.param-card-status--warn{color:var(--accent-amber)}.params-alert-section{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);padding:16px}.params-alert-section h3{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:.8rem;font-weight:700}.params-alert-rules{flex-direction:column;gap:8px;display:flex}.params-alert-rule{border-radius:var(--radius-sm);border:1px solid var(--border-subtle,#4db8ff14);background:#00000026;align-items:center;gap:10px;padding:10px;display:flex}.params-alert-icon{font-size:1rem}.params-alert-info{flex:1}.params-alert-param{font-family:var(--font-display);color:var(--color-text);font-size:.75rem;font-weight:700}.params-alert-condition{color:var(--color-text-dim);margin-left:6px;font-size:.65rem}.params-alert-severity{border-radius:8px;padding:2px 8px;font-size:.6rem;font-weight:700}.params-alert-severity--warn{color:var(--accent-amber);background:#ffb3471f;border:1px solid #ffb3474d}.params-alert-severity--critical{color:var(--accent-red);background:#ff4d6a1f;border:1px solid #ff4d6a4d}.params-alert-tank{color:var(--color-text-dim);font-size:.6rem}.params-header-row{justify-content:space-between;align-items:flex-start;display:flex}.btn--cyan{color:var(--accent-cyan);border-radius:var(--radius-sm);cursor:pointer;background:#00e5cc26;border:1px solid #00e5cc4d;padding:8px 16px;font-size:.8rem;font-weight:600}.btn--cyan:hover{background:#00e5cc40}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card,#0d1b2a);border:1px solid var(--border-subtle,#4db8ff26);border-radius:var(--radius-md);width:100%;max-width:400px;padding:24px}.modal-content h3{font-family:var(--font-display);color:var(--color-text);margin:0 0 16px;font-size:1rem;font-weight:700}.form-group{margin-bottom:12px}.form-group label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-subtle,#4db8ff1f);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#0003;padding:8px 12px;font-size:.85rem}.form-control:focus{border-color:var(--accent-cyan);outline:none}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{background:var(--bg-card);color:var(--color-text)}select option:hover,select option:checked{background:var(--bg-hover);color:var(--color-text)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.params-chart-inline{border-top:1px solid var(--border-subtle,#4db8ff14);margin-top:12px;padding-top:12px}.params-chart-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.params-chart-header h3{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:.7rem;font-weight:700}.params-chart-svg{width:100%;height:auto}.journal-timeline{flex-direction:column;gap:20px;display:flex}.journal-date-group{flex-direction:column;gap:8px;display:flex}.journal-date{font-family:var(--font-display);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle,#4db8ff14);padding-bottom:6px;font-size:.7rem;font-weight:700}.journal-entry{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);border-left:3px solid var(--color-text-dim);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.journal-entry--param{border-left-color:var(--accent-cyan)}.journal-entry--maintenance{border-left-color:var(--accent-green)}.journal-entry--feeding{border-left-color:var(--accent-amber)}.journal-entry--medication{border-left-color:var(--accent-purple,#9b5de5)}.journal-entry--event{border-left-color:var(--color-text-dim)}.journal-icon{flex-shrink:0;margin-top:2px;font-size:1rem}.journal-content{flex:1}.journal-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:2px;font-size:.75rem;font-weight:700}.journal-detail{color:var(--color-text-muted);font-size:.65rem}.journal-time{color:var(--color-text-dim);margin-top:4px;font-size:.55rem}.maintenance-list{gap:var(--space-sm);flex-direction:column;display:flex}.maintenance-item{gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);font-size:.8rem;display:flex}.maintenance-tank{color:var(--accent-cyan);min-width:80px;font-weight:600}.maintenance-task{color:var(--color-text-secondary)}.pricing-grid{gap:var(--space-xl);padding:var(--space-xl) 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.pricing-card{padding:var(--space-2xl);text-align:center;flex-direction:column;transition:all .3s;display:flex}.pricing-card--featured{border:2px solid var(--color-primary);z-index:1;transform:scale(1.05);box-shadow:0 0 30px #0ea5e933}.pricing-card__header{margin-bottom:var(--space-xl)}.pricing-card__plan{margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:800}.pricing-card__amount{color:var(--color-primary);font-size:3rem;font-weight:800}.pricing-card__description{margin-bottom:var(--space-xl);color:var(--color-text-muted)}.pricing-card__features{gap:var(--space-md);margin-bottom:var(--space-2xl);text-align:left;flex-direction:column;list-style:none;display:flex}.pricing-card__features li{align-items:center;gap:var(--space-sm);font-size:.9rem;display:flex}.btn--block{width:100%}.auth-page{min-height:calc(100vh - 70px);padding:var(--space-xl) var(--space-md);background:radial-gradient(circle,#0b1528,#020617);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:440px;padding:var(--space-2xl) var(--space-xl);gap:var(--space-xl);flex-direction:column;display:flex}.auth-header{text-align:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.auth-logo{margin-bottom:var(--space-xs)}.auth-header h2{color:var(--color-text);font-size:1.75rem;font-weight:800}.auth-header p{color:var(--color-text-muted);font-size:.875rem}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-form-group{gap:var(--space-xs);flex-direction:column;display:flex}.auth-form-group label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.auth-form-control{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text);background:#ffffff08;font-size:.95rem;transition:all .2s}.form-control:focus{border-color:var(--color-primary);background:#ffffff0f;outline:none;box-shadow:0 0 10px #0ea5e933}.checkbox-group{align-items:flex-start;gap:var(--space-sm);margin:var(--space-xs) 0;flex-direction:row}.checkbox-group input[type=checkbox]{cursor:pointer;margin-top:3px}.checkbox-group label{text-transform:none;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;font-weight:500;line-height:1.4}.auth-footer{text-align:center;color:var(--color-text-muted);font-size:.875rem}.auth-footer a{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--color-white)}.dashboard-nav-item-btn{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.dashboard-nav-item-btn svg{flex-shrink:0;width:18px;height:18px}.dashboard-nav-item-btn:hover{color:var(--color-text);background:#ffffff0d}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--color-border);background-color:#ffffff1a;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--color-text-muted);width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{border-color:var(--color-primary);background-color:#0ea5e933}input:checked+.slider:before{background-color:var(--color-primary);transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.dashboard-full-view{padding:var(--space-2xl);gap:var(--space-2xl);flex-direction:column;display:flex}.view-header h2{color:var(--color-white);font-size:1.5rem;font-weight:800}.view-header p{color:var(--color-text-muted);margin-top:4px;font-size:.9rem}.device-grid-extended{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.device-extended-card{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.device-card-header{justify-content:space-between;align-items:flex-start;display:flex}.dev-title{color:var(--color-white);font-size:1rem;font-weight:700}.dev-meta{color:var(--color-text-muted);margin-top:2px;font-size:.75rem;display:block}.device-metrics-row{gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);background:#ffffff05;grid-template-columns:repeat(3,1fr);display:grid}.metric-box{flex-direction:column;align-items:center;gap:2px;display:flex}.metric-box-label{text-transform:uppercase;color:var(--color-text-muted);font-size:.65rem;font-weight:600}.metric-box-val{color:var(--color-text);font-size:.8rem;font-weight:700;font-family:var(--font-mono)}.metric-box-val.val--good{color:var(--color-accent-lime)}.automation-list{gap:var(--space-md);flex-direction:column;display:flex}.automation-item{padding:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.auto-type{text-transform:uppercase;color:var(--color-primary);letter-spacing:.05em;font-size:.7rem;font-weight:700}.auto-name{color:var(--color-white);margin:2px 0 4px;font-size:1.1rem;font-weight:700}.auto-trigger{color:var(--color-text-muted);font-size:.85rem}.auto-trigger code{font-family:var(--font-mono);background:#ffffff0d;border-radius:4px;padding:2px 6px}.auto-status-area{align-items:center;gap:var(--space-md);display:flex}.auto-status{text-transform:uppercase;border-radius:var(--radius-full);padding:2px 8px;font-size:.75rem;font-weight:700}.auto-status.status--active{color:var(--color-accent-lime);background:#10b9811a;border:1px solid #10b98133}.ai-report-card{padding:var(--space-xl);gap:var(--space-xl);flex-direction:column;display:flex}.ai-report-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md);justify-content:space-between;display:flex}.ai-badge{color:var(--color-primary);letter-spacing:.05em;font-size:.8rem;font-weight:800}.ai-date{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono)}.ai-health-score{align-items:center;gap:var(--space-xl);display:flex}.score-ring{border:6px solid var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;box-shadow:0 0 20px #0ea5e94d}.score-num{color:var(--color-white);font-size:2rem;font-weight:800;font-family:var(--font-mono)}.score-denom{color:var(--color-text-muted);font-size:.9rem}.score-desc h3{color:var(--color-white);font-size:1.25rem;font-weight:700}.score-desc p{color:var(--color-text-muted);margin-top:4px;font-size:.9rem;line-height:1.5}.ai-recommendations h4{color:var(--color-white);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:700}.ai-recommendations ul{gap:var(--space-md);flex-direction:column;list-style:none;display:flex}.ai-recommendations li{color:var(--color-text-muted);padding-left:var(--space-lg);font-size:.9rem;line-height:1.5;position:relative}.ai-recommendations li:before{content:"⚡";color:var(--color-primary);position:absolute;left:0}.journal-list{gap:var(--space-md);flex-direction:column;display:flex}.journal-card{padding:var(--space-lg)}.journal-card-header{margin-bottom:var(--space-sm);justify-content:space-between;display:flex}.journal-date{font-family:var(--font-mono);color:var(--color-primary);font-size:.8rem}.journal-category{text-transform:uppercase;background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.journal-note{color:var(--color-text);font-size:.9rem;line-height:1.5}.ency-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.ency-header .page-header-block p{margin-top:4px}.ency-tabs{flex-wrap:wrap;gap:8px;display:flex}.ency-tab{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);background:var(--bg-card);border:2px solid var(--border-subtle,#4db8ff1f);padding:6px 16px;font-size:.75rem;transition:all .15s}.ency-tab:hover{border-color:var(--accent-cyan);color:var(--color-text)}.ency-tab--active{font-weight:700}.ency-azbar{background:var(--bg-elevated);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);flex-wrap:wrap;gap:3px;padding:8px 10px;display:flex}.ency-azwrap{display:inline-flex;position:relative}.ency-azletter{cursor:pointer;color:var(--color-text-muted);background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff1f);border-radius:4px;padding:3px 7px;font-size:.7rem;transition:all .12s}.ency-azletter:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.ency-azletter--active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#4db8ff1f;font-weight:700}.ency-azletter--empty{opacity:.35;cursor:default}.ency-azletter--empty:hover{border-color:var(--border-subtle,#4db8ff1f);color:var(--color-text-muted)}.ency-azpopup{z-index:1000;background:var(--bg-card);color:var(--color-text);border:1px solid var(--border-subtle,#4db8ff40);border-top-color:var(--accent-cyan);border-radius:0 0 6px 6px;min-width:160px;max-width:280px;max-height:240px;font-size:.75rem;line-height:1.6;position:absolute;top:100%;left:0;overflow:hidden auto;box-shadow:0 6px 20px #0006}.ency-azpopup__item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:4px 12px;overflow:hidden}.ency-azpopup__item:hover{background:var(--bg-elevated)}.ency-toolbar{flex-wrap:wrap;gap:8px;display:flex}.ency-toolbar__search{flex:1;min-width:200px}.ency-toolbar__select{flex:none;width:auto}.ency-count{color:var(--color-text-muted);font-size:.75rem}.ency-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.ency-card{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff1f);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,transform .15s;overflow:hidden}.ency-card:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.ency-card__media{justify-content:center;align-items:center;height:120px;display:flex;position:relative;overflow:hidden}.ency-card__img{object-fit:cover;width:100%;height:100%;display:block}.ency-card__placeholder{z-index:0;justify-content:center;align-items:center;font-size:42px;display:flex;position:absolute;inset:0}.ency-card__badge{background:var(--bg-card);letter-spacing:.05em;z-index:1;border:1px solid;border-radius:8px;padding:2px 7px;font-size:.56rem;font-weight:700;position:absolute;box-shadow:0 1px 4px #0000004d}.ency-card__badge--type{text-transform:uppercase;top:8px;left:8px}.ency-card__badge--water{text-transform:none;letter-spacing:0;top:30px;left:8px}.ency-card__badge--care{text-transform:capitalize;top:8px;right:8px}.ency-card__body{padding:10px 12px}.ency-card__name{color:var(--color-text);font-size:.875rem;font-weight:700;line-height:1.2}.ency-card__sci{color:var(--color-text-muted);margin-top:2px;font-size:.7rem;font-style:italic}.ency-card__chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.ency-card__chip{color:var(--color-text-muted);font-size:.62rem}.ency-card__temperament{border-top:1px solid var(--border-subtle,#4db8ff14);text-transform:capitalize;padding-top:8px;font-size:.62rem}.ency-empty{text-align:center;color:var(--color-text-muted);padding:40px 0}.ency-empty__icon{font-size:2rem}.ency-empty__title{color:var(--color-text);margin:8px 0 4px;font-size:1rem;font-weight:700}.ency-empty p{font-size:.8rem}.ency-modal__box{background:var(--bg-card);border:1px solid var(--border-subtle,#4db8ff40);border-radius:var(--radius-xl);width:90vw;max-width:920px;max-height:88vh;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0009}.ency-modal__accent{border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px}.ency-modal__header{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 24px 0;display:flex}.ency-modal__title{color:var(--color-text);letter-spacing:-.01em;font-size:1.35rem;font-weight:800;line-height:1.1}.ency-modal__sci{color:var(--color-text-muted);margin-top:3px;font-size:.8rem;font-style:italic}.ency-modal__badges{align-items:center;gap:8px;display:flex}.ency-modal__badge{text-transform:capitalize;background:#ffffff0d;border:1px solid;border-radius:10px;padding:3px 10px;font-size:.68rem;font-weight:700}.ency-modal__hero{grid-template-columns:280px 1fr;gap:20px;padding:16px 24px;display:grid}.ency-modal__hero--nophoto{grid-template-columns:1fr}.ency-modal__photo{border-radius:var(--radius-lg);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.ency-modal__photo img{object-fit:cover;width:100%;height:100%;display:block}.ency-modal__herotext{flex-direction:column;justify-content:center;display:flex}.ency-modal__desc{color:var(--color-text-secondary);margin:0;font-size:.82rem;line-height:1.7}.ency-modal__pills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ency-modal__pill{background:var(--bg-elevated);color:var(--color-text-muted);border-radius:8px;padding:3px 10px;font-size:.68rem}.ency-modal__divider{border-top:1px solid var(--border-subtle,#4db8ff1f);margin:0 24px}.ency-modal__body{grid-template-columns:1fr 1fr;gap:16px;padding:16px 24px;display:grid}.ency-modal__col-title{letter-spacing:.1em;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:10px;font-size:.62rem;font-weight:700}.ency-modal__stats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ency-modal__stat{background:var(--bg-elevated);border-radius:var(--radius-md);padding:7px 10px}.ency-modal__stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:2px;font-size:.56rem}.ency-modal__stat-value{color:var(--color-text);text-transform:capitalize;font-size:.75rem;font-weight:500}.ency-modal__section{background:var(--bg-elevated);border:1px solid var(--border-subtle,#4db8ff14);border-radius:var(--radius-md);padding:10px 12px}.ency-modal__col .ency-modal__section+.ency-modal__section{margin-top:8px}.ency-modal__section--full{margin:0 24px 12px}.ency-modal__section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan);margin-bottom:4px;font-size:.62rem;font-weight:700}.ency-modal__section-body{color:var(--color-text-secondary);white-space:pre-wrap;font-size:.75rem;line-height:1.6}.ency-modal__section-body--muted{color:var(--color-text-dim)}.ency-modal__notes{margin:0 24px 16px}.ency-modal__notes textarea{resize:vertical;min-height:60px}.ency-modal__footer{border-top:1px solid var(--border-subtle,#4db8ff1f);justify-content:flex-end;gap:8px;padding:12px 24px 20px;display:flex}.ency-form{max-width:640px;padding:24px}.ency-form .ency-modal__header{padding:0 0 16px}.ency-form__grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.ency-form textarea{resize:vertical;min-height:70px}@media (width<=640px){.ency-modal__body,.ency-form__grid,.ency-modal__hero{grid-template-columns:1fr}.ency-modal__photo{height:160px}}.download-page{background:var(--color-bg)}.download-hero{padding:var(--space-3xl) 0;text-align:center;background:linear-gradient(180deg, var(--color-bg) 0%, #020617 100%)}.download-hero__content{max-width:800px;margin:0 auto}.download-hero h1{color:var(--color-white);margin-bottom:var(--space-md);font-size:3rem;font-weight:800}.download-hero__description{color:var(--color-text-muted);margin-bottom:var(--space-xl);font-size:1.1rem}.download-hero__actions{gap:var(--space-md);justify-content:center;display:flex}.download-hero__actions .btn{min-width:200px}.download-features__grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.download-features__card{padding:var(--space-lg);transition:all .3s;position:relative;overflow:hidden}.download-features__card:before{content:"";background:linear-gradient(45deg,#0000,#0ea5e90d,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.download-features__card:hover:before{transform:translate(100%)}.download-features__card h3{color:var(--color-white);margin-bottom:var(--space-md);font-size:1.25rem;font-weight:700}.download-features__card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.download-media{padding:var(--space-3xl) 0;background:#020617}.download-media__grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.download-media__item{border-radius:var(--radius-md);height:150px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 20px #0006}.download-media__item:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0ea5e926}.download-media__placeholder{background:linear-gradient(135deg, var(--color-bg-alt) 0%, #0a142f 100%);border:1px solid #0ea5e94d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.download-media__content h4{color:var(--color-white);margin-bottom:var(--space-md);font-size:1.25rem;font-weight:700}.download-media__content p{color:var(--color-text-muted);max-width:120px;margin:0 auto;font-size:.85rem}.download-install{padding:var(--space-3xl) 0}.download-install__content{max-width:600px;padding:var(--space-3xl);margin:0 auto}.download-install__content h2{color:var(--color-white);margin-bottom:var(--space-xl);text-align:center;font-size:2rem;font-weight:800}.install-steps{counter-reset:step;margin-bottom:var(--space-2xl);list-style:none}.install-steps li{padding-left:var(--space-xl);margin-bottom:var(--space-lg);color:var(--color-text-muted);font-size:1rem;line-height:1.6;position:relative}.install-steps li:before{content:counter(step);counter-increment:step;background:var(--color-primary);width:24px;height:24px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.install-footer{border-top:1px solid var(--color-border);padding-top:var(--space-lg);text-align:center}.install-footer p{color:var(--color-primary);font-size:.9rem;font-weight:600}.download-hero__version{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);border-radius:var(--radius-full);background:#00e5cc1a;border:1px solid #00e5cc40;padding:6px 14px;display:inline-flex}.download-hero__version-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);font-size:.7rem;font-weight:700}.download-hero__version-name{color:var(--accent-teal);font-size:.8rem;font-weight:700}.media-item__icon{margin-bottom:var(--space-md);font-size:2.25rem;line-height:1}.download-requirements{padding:var(--space-3xl) 0}.download-requirements__grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.download-requirements__card{padding:var(--space-xl);text-align:center;border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s}.download-requirements__card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0ea5e926}.download-requirements__icon{margin-bottom:var(--space-md);font-size:2rem;line-height:1}.download-requirements__label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:4px;font-size:.7rem;font-weight:700}.download-requirements__value{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}.download-install__changelog{margin-top:var(--space-lg)}.dashboard-preview__tank-card{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;transition:all .3s;display:flex}.dashboard-preview__tank-card:hover{border-color:var(--color-primary);transform:translateY(-3px)}.dashboard-preview__tank-card__header{justify-content:space-between;align-items:flex-start;display:flex}.dashboard-preview__tank-card__name{color:var(--color-white);font-size:1rem;font-weight:700}.dashboard-preview__tank-card__type{color:var(--color-text-muted);font-size:.75rem}.dashboard-preview__tank-card__status{text-transform:uppercase;border-radius:var(--radius-full);padding:2px 8px;font-size:.65rem;font-weight:700}.dashboard-preview__tank-card__status--optimal{color:var(--color-accent-lime);background:#10b9811a;border:1px solid #10b98133}.dashboard-preview__tank-card__status--warning{color:var(--color-accent-amber);background:#f59e0b1a;border:1px solid #f59e0b33}.dashboard-preview__tank-card__params{gap:var(--space-xs);grid-template-columns:repeat(2,1fr);display:grid}.dashboard-preview__tank-card__param{border-radius:var(--radius-sm);background:#ffffff08;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.8rem;display:flex}.dashboard-preview__tank-card__param-label{color:var(--color-text-muted)}.dashboard-preview__tank-card__param-value{font-weight:600;font-family:var(--font-mono)}.dashboard-preview__tank-card__param-indicator{border-radius:50%;width:6px;height:6px}.dashboard-preview__tank-card__param-indicator--good{background:var(--color-accent-lime)}.dashboard-preview__tank-card__param-indicator--warning{background:var(--color-accent-amber)}.dashboard-preview__tank-card__view{color:var(--color-primary);text-align:right;font-size:.8rem;font-weight:600;transition:opacity .2s}.dashboard-preview__tank-card__view:hover{opacity:.8}.dashboard-preview__activity{gap:var(--space-md);flex-direction:column;display:flex}.dashboard-preview__activity-header{justify-content:space-between;align-items:center;display:flex}.dashboard-preview__view-all{color:var(--color-primary);font-size:.8rem;font-weight:600}.activity-item{align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);background:#ffffff05;border:1px solid #0000;transition:all .2s;display:flex}.activity-item:hover{border-color:var(--color-border);background:#ffffff0d}.activity-item__icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-item__icon svg{width:16px;height:16px}.activity-item__content{flex-direction:column;flex:1;display:flex}.activity-item__action{color:var(--color-text);font-size:.875rem;font-weight:600}.activity-item__tank{color:var(--color-text-muted);font-size:.75rem}.activity-item__time{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono)}.dashboard-preview__actions-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.action-btn{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:left;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.action-btn svg{width:16px;height:16px}.action-btn--primary{background:var(--color-primary);color:var(--color-white)}.action-btn--secondary{color:var(--color-text);border:1px solid var(--color-border);background:#ffffff0d}.action-btn:hover{background:#ffffff1a;transform:translate(5px)}.dashboard-preview__upcoming{gap:var(--space-md);flex-direction:column;display:flex}.dashboard-preview__tasks{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.task-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff05;display:flex}.task-item__checkbox{cursor:pointer;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.task-item__checkbox input{opacity:0;cursor:pointer;position:absolute}.task-item__checkmark{border:1px solid var(--color-border);background-color:#ffffff1a;border-radius:4px;width:18px;height:18px;position:absolute}.task-item__checkbox input:checked~.task-item__checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.task-item__content{flex-direction:column;display:flex}.task-item__title{color:var(--color-text);font-size:.85rem;font-weight:600}.task-item__due{color:var(--color-text-muted);font-size:.7rem}@media (width<=1024px){.dashboard-preview__layout{grid-template-columns:1fr}}.tour-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;pointer-events:none;background:#020617d9;width:100%;height:100%;position:fixed;top:0;left:0}.tour-highlight{border:2px solid var(--color-primary);border-radius:var(--radius-md);pointer-events:none;z-index:9999;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:absolute;box-shadow:0 0 0 9999px #020617d9,0 0 20px #0ea5e966,inset 0 0 20px #0ea5e91a}.tour-tooltip{background:var(--color-bg-alt);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg);z-index:10000;pointer-events:auto;max-width:320px;animation:.3s ease-out tourTooltipIn;position:fixed;box-shadow:0 20px 40px #00000080,0 0 30px #0ea5e933}@keyframes tourTooltipIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.tour-tooltip__step{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.tour-tooltip__close{color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s}.tour-tooltip__close:hover{color:var(--color-primary);background:#0ea5e91a}.tour-tooltip__title{color:var(--color-white);margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:800}.tour-tooltip__content{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.9rem;line-height:1.5}.tour-tooltip__progress{height:4px;margin-bottom:var(--space-lg);background:#ffffff1a;border-radius:2px;overflow:hidden}.tour-tooltip__progress-bar{background:var(--color-primary);border-radius:2px;height:100%;transition:width .4s}.tour-tooltip__actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.tour-tooltip__actions .btn{padding:var(--space-xs) var(--space-md);font-size:.8rem}.simulation-toggle{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;background:#0ea5e91a;border:1px solid #0ea5e94d;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.simulation-toggle:hover{background:#0ea5e933}.simulation-toggle.active .simulation-indicator{background:var(--color-accent-lime);box-shadow:0 0 8px var(--color-accent-lime)}.simulation-indicator{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px;transition:all .2s}.simulation-indicator.pulse{animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.dashboard-preview__layout{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:1fr 300px;display:grid}.dashboard-preview__main{gap:var(--space-xl);flex-direction:column;display:flex}.dashboard-preview__tanks{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.dashboard-preview__subsection-title{font-family:var(--font-display);color:var(--color-text);margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;font-weight:700}.dashboard-preview__tanks-grid{gap:var(--space-md);display:grid}.dashboard-preview__tank-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all .2s}.dashboard-preview__tank-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0000004d}.tank-card__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.tank-card__name{font-family:var(--font-display);color:var(--color-text);margin:0 0 var(--space-xs) 0;font-size:.85rem;font-weight:700}.tank-card__type{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.tank-card__status{border-radius:var(--radius-full);white-space:nowrap;padding:4px 10px;font-size:.65rem;font-weight:700}.tank-card__status--optimal{color:var(--color-accent-green);background:#00d68f26;border:1px solid #00d68f4d}.tank-card__status--warning{color:var(--color-accent-amber);background:#ffb34726;border:1px solid #ffb3474d}.tank-card__params{gap:var(--space-xs);flex-direction:column;display:flex}.tank-card__param{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#00000026;display:flex}.tank-card__param--good{border-color:#00d68f4d}.tank-card__param--warning{border-color:#ffb3474d}.tank-card__param-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:45px;font-size:.65rem}.tank-card__param-value{font-family:var(--font-mono);color:var(--color-text);flex:1;font-size:.75rem;font-weight:600}.tank-card__param-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tank-card__param-indicator--good{background:var(--color-accent-green);box-shadow:0 0 6px var(--color-accent-green)}.tank-card__param-indicator--warning{background:var(--color-accent-amber);box-shadow:0 0 6px var(--color-accent-amber)}.tank-card__view{margin-top:var(--space-md);color:var(--color-primary);font-size:.7rem;font-weight:600;text-decoration:none;display:inline-block}.tank-card__view:hover{text-decoration:underline}.dashboard-preview__activity{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.dashboard-preview__activity-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.dashboard-preview__view-all{color:var(--color-primary);font-size:.7rem;font-weight:600;text-decoration:none}.dashboard-preview__view-all:hover{text-decoration:underline}.dashboard-preview__activity-list{gap:var(--space-sm);flex-direction:column;display:flex}.dashboard-preview__activity-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s;display:flex}.dashboard-preview__activity-item:hover{border-color:var(--color-primary)}.activity-item__icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-preview__activity-item--maintenance .activity-item__icon{color:var(--color-accent-green);background:#00d68f26}.dashboard-preview__activity-item--alert .activity-item__icon{color:var(--color-accent-red);background:#ff4d6a26}.dashboard-preview__activity-item--feeding .activity-item__icon{color:var(--color-accent-amber);background:#ffb34726}.dashboard-preview__activity-item--dosing .activity-item__icon{color:var(--color-accent-purple);background:#9b5de526}.dashboard-preview__activity-item--addition .activity-item__icon{color:var(--color-accent-cyan);background:#0ea5e926}.activity-item__content{flex:1;min-width:0}.activity-item__action{color:var(--color-text);margin:0 0 var(--space-xs) 0;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.activity-item__tank{color:var(--color-text-muted);margin:0;font-size:.65rem}.activity-item__time{color:var(--color-text-dim);white-space:nowrap;flex-shrink:0;font-size:.65rem}.dashboard-preview__sidebar{gap:var(--space-xl);flex-direction:column;display:flex}.dashboard-preview__quick-actions{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.dashboard-preview__actions-grid{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.action-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);cursor:pointer;flex-direction:column;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.action-btn svg{stroke:currentColor;width:20px;height:20px}.action-btn span{text-align:center;font-size:.7rem;font-weight:600}.action-btn--primary{color:var(--color-primary);background:linear-gradient(135deg,#0ea5e926,#00e5cc1a);border-color:#0ea5e966}.action-btn--primary svg{stroke:var(--color-primary)}.action-btn--secondary svg{stroke:var(--color-text-muted)}.action-btn--secondary:hover svg{stroke:var(--color-primary)}.dashboard-preview__upcoming{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.dashboard-preview__tasks{gap:var(--space-sm);flex-direction:column;display:flex}.dashboard-preview__task{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.75rem;display:flex}.dashboard-preview__task svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.getting-started__video-container{border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 8px 32px #0006}.getting-started__video{background:#000;width:100%;display:block}.getting-started__note{text-align:center;color:var(--color-text-muted);margin-top:var(--space-md);font-size:.9rem;font-style:italic}.getting-started__topics{max-width:720px;margin:var(--space-3xl) auto 0}.getting-started__topics-title{text-align:center;color:var(--color-white);margin-bottom:var(--space-lg);font-size:1.5rem;font-weight:800}.getting-started__topics-list{gap:var(--space-sm) var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;display:grid}.getting-started__topics-list li{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.95rem;display:flex}.getting-started__topics-list svg{width:18px;height:18px;color:var(--accent-green);flex-shrink:0}.getting-started__steps{gap:var(--space-lg);margin-top:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.getting-started__step{align-items:flex-start;gap:var(--space-sm);padding:var(--space-xl);border-radius:var(--radius-lg);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.getting-started__step:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0ea5e926}.getting-started__step-icon{font-size:2rem;line-height:1}.getting-started__step-title{color:var(--color-white);font-size:1.1rem;font-weight:700}.getting-started__step-text{color:var(--color-text-muted);flex:1;font-size:.9rem;line-height:1.6}.getting-started__step-cta{margin-top:var(--space-sm)}.faq__grid{gap:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;display:grid}.faq__category-title{color:var(--accent-cyan);margin-bottom:var(--space-lg);letter-spacing:.02em;font-size:1.25rem;font-weight:800}.faq__list{gap:var(--space-sm);flex-direction:column;display:flex}.faq__item{border-radius:var(--radius-md);overflow:hidden}.faq__item[open]{border-color:var(--color-border-strong)}.faq__question{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;color:var(--color-text);font-size:.95rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq__question::-webkit-details-marker{display:none}.faq__question:hover{color:var(--color-primary)}.faq__chevron{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.faq__item[open] .faq__chevron{transform:rotate(180deg)}.faq__answer{padding:0 var(--space-lg) var(--space-lg)}.faq__answer p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7}.faq__cta{margin-top:var(--space-3xl);text-align:center;padding:var(--space-3xl);background:linear-gradient(135deg, var(--color-primary) 0%, #0284c7 100%);border-radius:var(--radius-xl);color:var(--color-white)}.faq__cta h2{margin-bottom:var(--space-sm);font-size:1.75rem;font-weight:800}.faq__cta p{opacity:.9;margin-bottom:var(--space-xl);font-size:1rem}.faq__cta-actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.faq__cta-actions .btn--secondary{color:var(--color-white);background:#ffffff1f;border-color:#ffffff4d}.faq__cta-actions .btn--secondary:hover{background:#fff3}@media (width<=768px){.tank-grid,.dash-summary-grid{grid-template-columns:1fr}.app-sidebar{width:60px}.sidebar-logo-text,.sidebar-badges,.nav-group-label,.nav-item-btn span:not(.nav-item-icon),.nav-badge,.sidebar-mobile-btn,.sidebar-version{display:none}.nav-item-btn{padding:var(--space-sm);justify-content:center}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}.sr-only,.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}