:root:has(.lagoon){--background:#f3f6fb;--foreground:#1c304e;--card:#fff;--card-foreground:#1c304e;--popover:#fff;--popover-foreground:#1c304e;--primary:#245da8;--primary-foreground:#fff;--secondary:#e6effc;--secondary-foreground:#24528e;--muted:#eaf0f8;--muted-foreground:#596d88;--accent:#d8e7fa;--accent-foreground:#204a80;--border:#d6e0ee;--input:#b9cae0;--ring:#245da8;--destructive:#ba4031;--chart-1:#245da8;--chart-2:#7462bd;--radius:.85rem;--color-green-50:#edf5ff;--color-green-400:#5794e4;--color-green-500:#3576cb;--color-green-600:#245da8;--color-green-700:#204a80;--color-green-950:#142947;--color-emerald-500:#3576cb}:root.dark:has(.lagoon){--background:#0d1729;--foreground:#e4edf9;--card:#15233b;--card-foreground:#e4edf9;--popover:#15233b;--popover-foreground:#e4edf9;--primary:#8bbcff;--primary-foreground:#0c2242;--secondary:#1d3354;--secondary-foreground:#bad7ff;--muted:#1a2c47;--muted-foreground:#a9bdd8;--accent:#284568;--accent-foreground:#d1e4ff;--border:#344b6b;--input:#496587;--ring:#8bbcff;--destructive:#ffab9d;--chart-1:#8bbcff;--chart-2:#a6aaff;--color-green-50:#edf5ff;--color-green-400:#8bbcff;--color-green-500:#6aa7f5;--color-green-600:#8bbcff;--color-green-700:#bad7ff;--color-green-950:#142947;--color-emerald-500:#6aa7f5}.lagoon{background:var(--background);color:var(--foreground);min-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}.lagoon *{box-sizing:border-box}.lagoon-shell{display:flex}.lagoon a:focus-visible,.lagoon button:focus-visible,.lagoon select:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.lagoon a{text-underline-offset:4px}.lagoon-sidebar{border-right:1px solid var(--border);background:var(--card);flex-direction:column;flex-shrink:0;width:228px;height:100vh;padding:30px 20px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.lagoon-brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.lagoon-brand>span{background:var(--primary);color:var(--primary-foreground);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.lagoon-eyebrow{letter-spacing:1.8px;color:var(--primary);margin-bottom:12px;font-size:12px;font-weight:600}.lagoon-navcaption{color:var(--muted-foreground);margin:42px 10px 16px;font-size:11px}.lagoon-sidebar nav{flex-direction:column;gap:7px;display:flex}.lagoon-navlink{min-height:47px;color:var(--muted-foreground);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px 13px;font-size:14px;font-weight:500;display:flex}.lagoon-navlink:hover{background:var(--muted);color:var(--foreground)}.lagoon-navlink.active{background:var(--secondary);color:var(--secondary-foreground);font-weight:600}.lagoon-navlink svg{flex-shrink:0}.lagoon-count{color:#fff;background:#ae581c;border-radius:6px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.lagoon-navlink>.lagoon-count{margin-left:auto}.lagoon-sidebar-bottom{margin-top:auto;padding-top:35px}.lagoon-tip{background:var(--secondary);border-radius:13px;flex-direction:column;gap:12px;padding:20px;display:flex}.lagoon-tip svg{color:var(--primary)}.lagoon-tip strong{font-size:14px}.lagoon-tip p{color:var(--muted-foreground);font-size:12px;line-height:1.7}.lagoon-profile{overflow-wrap:anywhere;align-items:center;gap:10px;margin-top:24px;font-size:13px;display:flex}.lagoon-profile>span:last-child{min-width:0}.lagoon-profile small{color:var(--muted-foreground);margin-top:3px;font-size:12px;display:block}.lagoon-avatar{background:var(--secondary);color:var(--secondary-foreground);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:12px;display:inline-grid}.lagoon .lagoon-signout{width:100%;color:var(--muted-foreground);justify-content:flex-start;gap:12px;margin-top:16px}.lagoon-workspace{flex:1;min-width:0}.lagoon-topbar{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:18px;height:80px;padding:0 40px;display:flex}.lagoon-breadcrumb{align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.lagoon-breadcrumb a{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.lagoon-breadcrumb strong{font-weight:500}.lagoon-breadcrumb svg{flex-shrink:0}.lagoon-topactions{flex-shrink:0;align-items:center;gap:12px;display:flex}.lagoon-iconlink{min-width:44px;min-height:44px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:5px;display:inline-flex}.lagoon-mobile-brand,.lagoon-mobile-nav,.lagoon-mobile-signout{display:none!important}.lagoon-content>div{min-height:0}.lagoon-content main{min-width:0;max-width:1400px;margin:0 auto;padding:36px 40px}.lagoon-content main.max-w-2xl{max-width:850px;margin-left:0}.lagoon-content main>div:first-child h1,.lagoon-content main>div:first-child h2{letter-spacing:-1px}.lagoon-content h1{overflow-wrap:anywhere;font-size:clamp(1.7rem,2.4vw,2.5rem);font-weight:600;line-height:1.2}.lagoon-content h2{font-weight:600}.lagoon-content h3{line-height:1.4}.lagoon button[data-slot=button]{white-space:normal;height:auto;min-height:44px;padding-top:10px;padding-bottom:10px;font-size:14px}:root:has(.lagoon) [data-slot=dialog-content] button[data-slot=button]{white-space:normal;height:auto;min-height:44px;padding-top:10px;padding-bottom:10px;font-size:14px}.lagoon button[data-size=icon],.lagoon button[aria-label]{flex-shrink:0}.lagoon input:not([type=checkbox]),.lagoon select{background:var(--card);min-height:44px;color:var(--foreground);border-color:var(--input);font-size:14px}:root:has(.lagoon) [data-slot=dialog-content] input{background:var(--card);min-height:44px;color:var(--foreground);border-color:var(--input);font-size:14px}:root:has(.lagoon) [data-slot=dialog-content] select{background:var(--card);min-height:44px;color:var(--foreground);border-color:var(--input);font-size:14px}.lagoon select{border:1px solid var(--input);border-radius:8px;padding:10px 12px}.lagoon label{font-size:14px}.lagoon .shadow-lg,.lagoon .shadow-xl,.lagoon .shadow{box-shadow:none}.lagoon-content .bg-gradient-to-br{background-image:none;background-color:var(--card)}.lagoon-content .border-none.bg-gradient-to-br{border:1px solid var(--border)}.lagoon-content [class*="text-[10px]"],.lagoon-content [class*="text-[11px]"]{font-size:12px}.lagoon-content [class*=shadow-primary]{box-shadow:none}.lagoon-content .from-primary{background:var(--secondary);color:var(--primary);border:0}.lagoon-context{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:18px;padding:16px 40px;display:flex}.lagoon-context label{color:var(--muted-foreground);font-size:12px}.lagoon-context select{min-width:190px;max-width:300px;font-weight:600}.lagoon-context a{min-height:44px;color:var(--muted-foreground);align-items:center;gap:7px;font-size:13px;display:inline-flex}.lagoon-context a[aria-current=page]{color:var(--primary);font-weight:600}.lagoon-context a:last-child{margin-left:auto}.lagoon-footer{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:20px;margin:15px 40px 0;padding:22px 0;font-size:12px;display:flex}.lagoon-footer>span{margin-right:auto}.lagoon-skip{z-index:100;background:var(--primary);color:var(--primary-foreground);border-radius:8px;padding:12px 20px;position:fixed;top:-80px;left:20px}.lagoon-skip:focus{top:15px}.lagoon-content:focus{outline:none}.lagoon-notice{background:var(--secondary);border:1px solid var(--primary);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:24px 40px 0;padding:12px 18px;font-size:14px;display:flex}.lagoon-picker-list{flex-direction:column;gap:8px;max-height:55vh;display:flex;overflow-y:auto}.lagoon-picker-list>a{border:1px solid var(--border);border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.lagoon-picker-list>a>span{overflow-wrap:anywhere;flex:1}.lagoon-picker-list>a:hover{background:var(--secondary)}.lagoon-link-primary{background:var(--primary);color:var(--primary-foreground);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.lagoon-link-secondary{border:1px solid var(--border);background:var(--card);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;display:inline-flex}.lagoon-link-primary:hover,.lagoon-link-secondary:hover{filter:brightness(.95)}.lagoon-dashboard-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.lagoon-dashboard-head p:not(.lagoon-eyebrow){color:var(--muted-foreground);margin-top:12px}.lagoon-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lagoon-attention{color:#8b511b;background:#fff7e9;border:1px solid #ecd5b5;border-radius:12px;align-items:center;gap:14px;margin-bottom:24px;padding:17px 20px;display:flex}.lagoon-attention p{margin-top:4px;font-size:14px}.lagoon-attention a{white-space:nowrap;align-items:center;gap:8px;min-height:44px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.dark .lagoon-attention{color:#f6d49d;background:#382c1d;border-color:#70552c}.lagoon-summary{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px;padding:4px 0 24px;display:grid}.lagoon-summary>div{border-left:1px solid var(--border);padding:10px 25px}.lagoon-summary>div:first-child{border-left:0;padding-left:0}.lagoon-summary dt{color:var(--muted-foreground);font-size:13px}.lagoon-summary dd{letter-spacing:-1px;margin-top:6px;font-size:32px;font-weight:500}.lagoon-summary small{color:var(--muted-foreground);letter-spacing:0;margin-left:12px;font-size:12px;font-weight:400}.lagoon-sectionhead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lagoon-sectionhead h2{letter-spacing:-.5px;font-size:20px}.lagoon-sectionhead span{color:var(--muted-foreground);font-size:12px}.lagoon-tanks{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.lagoon-tank{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-direction:column;min-width:0;padding:23px;display:flex}.lagoon-tank:hover{border-color:var(--primary)}.lagoon-tank-title{align-items:center;gap:12px;display:flex}.lagoon-tank-title h3{overflow-wrap:anywhere;font-size:19px;font-weight:600}.lagoon-tank-title p{color:var(--muted-foreground);margin-top:5px;font-size:12px}.lagoon-tank-icon{background:var(--secondary);width:43px;height:43px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.lagoon-tank-title>a{flex:1;min-width:0}.lagoon-tank-status{background:var(--secondary);color:var(--secondary-foreground);border-radius:6px;align-self:flex-start;align-items:center;gap:6px;margin:20px 0 16px;padding:5px 9px;font-size:12px;display:flex}.lagoon-tank-status.warning,.lagoon-tank-status.critical{color:#905013;background:#fff0d9}.dark .lagoon-tank-status.warning,.dark .lagoon-tank-status.critical{color:#ffdaa3;background:#46341b}.lagoon-tank-status.critical{color:#ac3726;background:#fee9e5}.lagoon-tank-values{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-bottom:15px;padding:17px 0;display:grid}.lagoon-tank-values dt{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:12px}.lagoon-tank-values dd{letter-spacing:-.5px;margin:3px 0;font-size:24px}.lagoon-tank-values small{letter-spacing:0;color:var(--muted-foreground);font-size:12px;font-weight:400}.lagoon-tank-values time{color:var(--muted-foreground);font-size:12px;display:block}.lagoon-tank-empty{color:var(--muted-foreground);padding:5px 0 22px;font-size:14px}.lagoon-tank-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.lagoon-tank-actions a{color:var(--primary);align-items:center;gap:6px;min-height:44px;font-size:13px;display:flex}.lagoon-tank-actions button{color:var(--primary);background:0 0;justify-content:flex-start;gap:7px;padding-left:0;padding-right:0}.lagoon-recent{grid-template-columns:1.4fr 1fr;gap:24px;margin-top:30px;display:grid}.lagoon-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:25px}.lagoon-activity{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:17px 0;display:flex}.lagoon-activity:last-child{border:0;padding-bottom:0}.lagoon-activity svg{color:var(--primary);margin-top:3px}.lagoon-activity strong{font-size:14px;font-weight:500}.lagoon-activity p{color:var(--muted-foreground);margin-top:4px;font-size:13px}.lagoon-getstarted{flex-direction:column;align-items:flex-start;gap:18px;padding:40px;display:flex}.lagoon-getstarted svg{color:var(--primary)}.lagoon-getstarted p{max-width:500px;color:var(--muted-foreground)}:root:has(.lagoon) [data-slot=dialog-content]{border:1px solid var(--border);max-height:90dvh;padding:26px;font-family:Arial,Helvetica,sans-serif;overflow-y:auto}:root:has(.lagoon) [data-slot=dialog-description]{font-size:14px;line-height:1.6}:root:has(.lagoon) [data-slot=dialog-title]{padding-right:24px;font-size:21px;line-height:1.3}:root:has(.lagoon) [data-slot=dialog-content] [data-slot=dialog-close]{min-width:44px;min-height:44px}.lagoon-measurement-dialog{max-width:640px!important}.lagoon-measurement-dialog .lagoon-form-card{box-shadow:none;border:0;border-radius:0}.lagoon-measurement-dialog .lagoon-form-card>div{padding-left:0;padding-right:0}.lagoon-form-field{grid-template-columns:minmax(0,1fr) minmax(85px,130px) 48px;align-items:center;gap:12px;display:grid}.lagoon-form-field label{overflow-wrap:anywhere;min-width:0!important}.lagoon-measurement-form input{min-width:0}.lagoon-measurement-form [role=alert]{color:var(--destructive)}.lagoon-measurement-form [role=status]{background:var(--secondary);color:var(--secondary-foreground);border-radius:8px;padding:12px 14px;font-size:14px}.lagoon-reading-card{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:20px}.lagoon-reading-card dt{color:var(--muted-foreground);font-size:14px}.lagoon-reading-card dd{letter-spacing:-.5px;margin-top:8px;font-size:29px;font-weight:500}.lagoon-reading-card dd small{color:var(--muted-foreground);font-size:13px;font-weight:400}.lagoon-reading-card p,.lagoon-reading-card time{color:var(--muted-foreground);margin-top:8px;font-size:12px;display:block}.lagoon-reading-card .lagoon-range-state{color:var(--primary);font-size:13px}.lagoon-reading-card.warning .lagoon-range-state,.lagoon-reading-card.critical .lagoon-range-state{color:var(--destructive)}.lagoon-measurements-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0;display:flex}.lagoon-measurements-tools button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.lagoon-auth{grid-template-columns:1.1fr 1fr;display:grid}.lagoon-auth-visual{min-height:100vh;position:relative;overflow:hidden}.lagoon-auth-visual img{object-fit:cover}.lagoon-auth-overlay{color:#fff;background:linear-gradient(#0b1c3644,#0b1c36bb);flex-direction:column;justify-content:space-between;padding:55px;display:flex;position:absolute;inset:0}.lagoon-auth-overlay h2{letter-spacing:-2px;max-width:450px;font-size:clamp(35px,4vw,60px);font-weight:500;line-height:1.15}.lagoon-auth-overlay p{color:#d5e4fa;max-width:350px;margin-top:20px;font-size:16px}.lagoon-auth-form{justify-content:center;align-items:center;padding:50px 35px;display:flex}.lagoon-auth-form>div{width:100%;max-width:420px;box-shadow:none;background:0 0;border:0}.lagoon-auth-form h1{letter-spacing:-1px;font-size:34px;font-weight:600}.lagoon-auth-form .text-center{text-align:left}.lagoon-auth-form>div>div{padding-left:0;padding-right:0}.lagoon-auth-form input{min-height:48px;font-size:16px}.lagoon-auth-form button{min-height:48px}.lagoon-auth-form label{font-size:14px}@media (max-width:1200px){.lagoon-sidebar{width:205px;padding:26px 15px}.lagoon-content main{padding:28px}.lagoon-topbar{padding:0 28px}.lagoon-dashboard-head{align-items:flex-start}.lagoon-tanks{grid-template-columns:repeat(2,minmax(0,1fr))}.lagoon-summary small{margin-left:0;display:block}.lagoon-context{padding:12px 28px}.lagoon-breadcrumb{font-size:12px}.lagoon-breadcrumb a{max-width:150px}}@media (max-width:850px){.lagoon-sidebar{display:none}.lagoon-mobile-brand{letter-spacing:-.5px;align-items:center;gap:9px;font-size:20px;font-weight:600;display:flex!important}.lagoon-mobile-brand svg{color:var(--primary)}.lagoon-breadcrumb{display:none}.lagoon-topbar{height:70px;padding:0 24px}.lagoon-mobile-nav{border-bottom:1px solid var(--border);background:var(--card);z-index:30;gap:6px;padding:8px 16px;position:sticky;top:0;overflow-x:auto;display:flex!important}.lagoon-mobile-nav .lagoon-navlink{flex-direction:column;flex:none;justify-content:center;gap:6px;min-width:84px;padding:8px;font-size:12px}.lagoon-mobile-nav .lagoon-count{display:none}.lagoon-mobile-signout{display:inline-flex!important}.lagoon-recent{grid-template-columns:1fr}.lagoon-context select{max-width:250px}.lagoon-auth-overlay{padding:35px}.lagoon-auth-form{padding:40px 25px}}@media (max-width:600px){.lagoon-content main{padding:25px 18px}.lagoon-dashboard-head{flex-direction:column;gap:20px}.lagoon-dashboard-head>.lagoon-actions{width:100%}.lagoon-dashboard-head>.lagoon-actions>*{flex:1}.lagoon-topbar{padding:0 18px}.lagoon-topactions{gap:5px}.lagoon-avatar{width:38px;height:38px}.lagoon-summary>div{padding:5px 12px}.lagoon-summary dd{font-size:27px}.lagoon-summary dt,.lagoon-summary small{font-size:12px}.lagoon-tanks{grid-template-columns:1fr}.lagoon-tank{padding:22px}.lagoon-tank-values{grid-template-columns:repeat(2,minmax(0,1fr))}.lagoon-attention{flex-wrap:wrap;padding:15px}.lagoon-attention>svg{display:none}.lagoon-attention a{margin-left:0}.lagoon-panel{padding:20px}.lagoon-sectionhead>span{display:none}.lagoon-context{gap:6px 15px;padding:14px 18px}.lagoon-context label{width:100%}.lagoon-context select{width:100%;max-width:none}.lagoon-context a:last-child{margin-left:auto}.lagoon-footer{flex-wrap:wrap;gap:12px;margin:15px 18px 0}.lagoon-footer>span{width:100%}.lagoon-notice{align-items:flex-start;margin:18px 18px 0}.lagoon-getstarted{padding:25px}.lagoon-form-field{grid-template-columns:minmax(0,1fr) 85px 40px;gap:8px}.lagoon-form-field label{font-size:13px}.lagoon-content main>div:first-child.flex{flex-wrap:wrap}.lagoon-content main>div:first-child h2{overflow-wrap:anywhere}.lagoon-content .flex.gap-2{flex-wrap:wrap}.lagoon-auth{grid-template-columns:1fr}.lagoon-auth-visual{min-height:260px}.lagoon-auth-overlay{padding:25px}.lagoon-auth-overlay h2{letter-spacing:-1px;margin-top:25px;font-size:35px}.lagoon-auth-overlay p{display:none}.lagoon-auth-form{padding:30px 24px}.lagoon-auth-form h1{font-size:30px}.lagoon-auth-form .mx-auto{margin-left:0}.lagoon-content .min-w-\[140px\],.lagoon-content .min-w-\[80px\]{min-width:0}}@media (prefers-reduced-motion:reduce){.lagoon *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lagoon-content .from-primary .text-primary-foreground{color:var(--primary)}.lagoon-account-flow [class*=max-w-md]{border:1px solid var(--border);box-shadow:none;border-radius:16px}.lagoon-account-flow main{padding-top:35px;padding-bottom:35px}.lagoon-sidebar nav{margin-top:30px}.lagoon-summary-compact{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px 28px;margin:0 0 22px;padding:12px 0;display:flex}.lagoon-summary-compact>div{align-items:baseline;gap:10px;display:flex}.lagoon-summary-compact dt{color:var(--muted-foreground);font-size:13px}.lagoon-summary-compact dd{margin:0;font-size:16px;font-weight:600}.lagoon-summary-compact time{font-size:14px;font-weight:500}@media (max-width:600px){.lagoon-summary-compact{gap:10px 22px;padding:12px 0}.lagoon-summary-compact>div:last-child{flex-basis:100%}}.dark .lagoon-auth-overlay{background:linear-gradient(#0b1c3644,#0b1c36cc)}.dark .lagoon-auth-overlay p{color:#d5e4fa}