:root{color-scheme:light;--navy:#0f4a43;--navy-2:#0b3732;--teal:#2f80c9;--teal-dark:#23679f;--aqua:#dff5f8;--seafoam:#e8f3ed;--canvas:#f5f7f2;--surface:#fff;--surface-2:#eff6f4;--ink:#173632;--muted:#5f736e;--line:#d6e5df;--line-strong:#bdd5ce;--normal:#267a5b;--watch:#a56517;--attention:#a33c35;--offline:#65736f;--shadow-sm:0 1px 2px rgba(15,74,67,.06);--shadow-md:0 12px 30px rgba(15,74,67,.1);--radius-sm:8px;--radius-md:14px;--sidebar:252px;--header:72px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:var(--ink)}
.tank-hero{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:26px;align-items:center;padding:0;overflow:hidden}.tank-hero-photo{height:240px;background:linear-gradient(145deg,#d6eee8,#eef8f4);overflow:hidden}.tank-hero-photo img{width:100%;height:100%;object-fit:cover}.tank-photo-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:76px;color:var(--teal);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.82),transparent 45%)}.tank-hero>div:last-child{padding:28px 28px 28px 0}.tank-hero h2{font-size:clamp(23px,2.2vw,32px);letter-spacing:-.025em;margin:16px 0 8px}.tank-hero p{color:var(--muted);line-height:1.55;margin:0 0 17px}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.workflow-span{grid-column:1/-1}.reading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px}.reading-grid>div{background:var(--surface-2);border-radius:10px;padding:12px;min-width:0}.reading-grid small,.reading-grid strong{display:block}.reading-grid small{color:var(--muted);font-size:11px;margin-bottom:5px}.reading-grid strong{font-size:15px;overflow-wrap:anywhere}.timeline{display:grid}.timeline-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;padding:0 0 19px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:2px;background:var(--line)}.timeline-item:last-child{padding-bottom:0}.timeline-mark{position:relative;z-index:1;width:12px;height:12px;margin-top:4px;border:3px solid #d6eee8;border-radius:50%;background:var(--teal)}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{font-size:14px}.timeline-item small{color:var(--muted);font-size:12px;margin-top:4px}.timeline-item p{color:var(--muted);font-size:13px;line-height:1.5;margin:7px 0 0}.chart-card{overflow:hidden}.range-controls{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.telemetry-chart{overflow-x:auto;overscroll-behavior-inline:contain}.telemetry-chart svg{display:block;width:100%;min-width:620px;height:auto}.telemetry-chart text{font:12px Inter,ui-sans-serif,sans-serif;fill:var(--muted)}.chart-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.legend-line{width:24px;border-top:3px solid var(--teal)}.legend-zero{width:9px;height:9px;border-radius:50%;background:var(--ink);margin-left:8px}.legend-gap{width:24px;border-top:3px dashed var(--line-strong);margin-left:8px}.telemetry-chart details{font-size:13px;color:var(--muted)}.telemetry-chart summary{cursor:pointer;color:var(--teal-dark);font-weight:700}.workflow-form{margin-top:20px}.workflow-form .field{display:block}.workflow-form .field>span{display:block;font-weight:680;font-size:14px;margin-bottom:8px}.workflow-form textarea{min-height:104px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.tank-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 20px;padding:5px;background:var(--surface-2);border-radius:11px}.tank-tabs a{white-space:nowrap;padding:9px 13px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.tank-tabs a.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.test-history{display:grid;gap:18px}.test-history article{border-bottom:1px solid var(--line);padding-bottom:18px}.test-history article:last-child{border:0;padding-bottom:0}.test-history article>div:first-child{margin-bottom:12px}.test-history article small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.test-history article p{font-size:13px;color:var(--muted);line-height:1.5}.custom-reading{border:1px solid var(--line);border-radius:10px;margin:4px 0 18px;padding:12px}.custom-reading summary{cursor:pointer;color:var(--teal-dark);font-weight:700;font-size:14px}.custom-reading[open] summary{margin-bottom:14px}
@media(max-width:820px){.tank-hero{grid-template-columns:minmax(170px,.6fr) minmax(0,1.4fr)}.tank-hero-photo{height:220px}.workflow-grid{grid-template-columns:1fr}.workflow-span{grid-column:auto}.range-controls{justify-content:flex-start}.chart-card .section-header{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.tank-hero{grid-template-columns:1fr}.tank-hero-photo{height:190px}.tank-hero>div:last-child{padding:4px 18px 22px}.form-grid{grid-template-columns:1fr}.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-controls{flex-wrap:nowrap;width:100%;overflow-x:auto;padding:3px 2px 7px}.range-controls .button{flex:0 0 auto}.tank-tabs{margin-left:-4px;margin-right:-4px}}
@media(max-width:420px){.reading-grid{grid-template-columns:1fr 1fr}.telemetry-chart{margin-left:-8px;margin-right:-8px}.tank-hero h2{font-size:23px}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);min-width:320px}body.nav-open{overflow:hidden}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--teal-dark)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}img{max-width:100%}:focus-visible{outline:3px solid #70d6e4;outline-offset:3px}.skip-link{position:fixed;left:16px;top:-80px;background:#fff;padding:12px 16px;z-index:100;color:var(--ink);border-radius:8px}.skip-link:focus{top:16px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:720;letter-spacing:-.4px;text-decoration:none}.brand img{width:34px;height:34px}.brand-light{color:#f5fbf8}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:750;color:var(--teal-dark);margin:0 0 10px}.muted{color:var(--muted)}.button{border:0;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-primary{background:var(--teal);color:#fff}.button-primary:hover{background:var(--teal-dark)}.button-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.button-soft{background:var(--seafoam);color:var(--teal-dark)}.button-text{background:transparent;color:var(--teal-dark)}.button-full{width:100%}.button-small{min-height:36px;padding:7px 11px;font-size:13px}.icon-button,.avatar-button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit}.icon-button:hover,.avatar-button:hover{background:var(--surface-2)}
.auth-view{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.02fr) minmax(420px,.98fr)}.auth-brand-panel{padding:clamp(32px,5vw,72px);background:var(--navy);color:#eef8f4;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand-panel:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(171,224,210,.16);right:-240px;bottom:-190px;box-shadow:0 0 0 70px rgba(171,224,210,.035),0 0 0 140px rgba(171,224,210,.025)}.auth-story{position:relative;z-index:1;max-width:580px}.auth-story .eyebrow{color:#9dd6c8}.auth-story h1{font-size:clamp(40px,5.4vw,70px);line-height:1.02;letter-spacing:-.045em;font-weight:620;margin:0 0 24px}.auth-story>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#c5dad4;max-width:520px}.auth-status-preview{margin-top:42px;border:1px solid rgba(181,224,213,.24);background:rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;gap:13px;align-items:center;max-width:390px}.auth-status-preview strong,.auth-status-preview small{display:block}.auth-status-preview small{color:#b9d3cc;margin-top:3px}.status-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-weight:800}.status-normal{background:#dff3e5;color:var(--normal)}.auth-trust{font-size:12px;color:#9fbab3;position:relative;z-index:1}.auth-form-panel{display:grid;place-items:center;padding:40px;background:var(--surface)}.auth-card{width:min(430px,100%)}.mobile-auth-brand{display:none}.auth-card h2{font-size:32px;line-height:1.15;letter-spacing:-.025em;margin:0 0 10px}.auth-card>p{line-height:1.55}.auth-card form{margin-top:30px}.field{margin-bottom:18px}.field label,.field-label-row{font-weight:680;font-size:14px}.field-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field>label{display:block;margin-bottom:8px}.field-label-row label{margin:0}.field-label-row a{font-weight:600;font-size:13px}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid var(--line-strong);border-radius:10px;padding:11px 13px;color:var(--ink);background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,125,114,.12);outline:0}.field small{display:block;color:var(--muted);margin-top:6px}.check-row{display:flex;gap:9px;align-items:flex-start;font-size:14px;margin:2px 0 18px}.check-row input{width:18px;height:18px}.form-message{min-height:22px;font-size:14px;margin:6px 0 12px}.is-error{color:#9e342f}.auth-legal{font-size:12px;color:var(--muted);text-align:center;margin-top:22px}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.02fr) minmax(420px,.98fr)}.auth-logo{position:relative;z-index:1;display:flex;align-items:center;gap:11px;color:#f5fbf8;font-size:21px;font-weight:720;letter-spacing:-.4px;text-decoration:none}.auth-logo img{display:block;width:34px;height:34px;max-width:34px;flex:0 0 34px}.auth-brand-copy{position:relative;z-index:1;max-width:580px}.auth-brand-copy .eyebrow{color:#9dd6c8}.auth-brand-copy h1{font-size:clamp(40px,5.4vw,70px);line-height:1.02;letter-spacing:-.045em;font-weight:620;margin:0 0 24px}.auth-brand-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#c5dad4;max-width:520px}.auth-footnote{position:relative;z-index:1;color:#9fbab3;font-size:12px}.auth-main{display:grid;place-items:center;padding:40px;background:var(--surface)}.auth-switch{display:block;margin-top:14px;text-align:center;font-weight:700;text-decoration:none}.legal-copy{font-size:12px;color:var(--muted);text-align:center;margin-top:28px}.mobile-auth-brand img{display:block;width:34px;height:34px;max-width:34px;flex:0 0 34px}
.portal{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--navy);color:#e9f4f0;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:30}.sidebar>.brand{padding:0 10px;margin-bottom:25px}.nav-close{display:none;color:#fff;position:absolute;right:12px;top:18px;font-size:25px}.primary-nav{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding-right:2px}.nav-group{padding:9px 0 12px;border-bottom:1px solid rgba(219,238,232,.1);margin-bottom:7px}.nav-group:last-child{border:0}.nav-label{display:block;padding:7px 12px 6px;font-size:10px;letter-spacing:.13em;color:#88aca4;font-weight:750}.nav-link{display:flex;align-items:center;gap:12px;min-height:43px;padding:9px 12px;border-radius:9px;color:#cbe0da;text-decoration:none;font-size:14px;font-weight:570;margin:2px 0}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}.nav-icon{width:20px;height:20px;display:grid;place-items:center;font-size:16px}.nav-badge{margin-left:auto;min-width:21px;text-align:center;background:#e8f4ef;color:var(--teal-dark);border-radius:999px;padding:2px 6px;font-size:11px}.sidebar-account{margin-top:auto;padding-top:13px;border-top:1px solid rgba(219,238,232,.12)}.sidebar-profile{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;padding:9px;border-radius:11px}.sidebar-profile:hover{background:rgba(255,255,255,.07)}.sidebar-profile strong,.sidebar-profile small{display:block;max-width:156px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile strong{font-size:13px}.sidebar-profile small{font-size:11px;color:#a9c3bd;margin-top:3px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--aqua);color:var(--navy);font-size:12px;font-weight:800;flex:0 0 auto}
.portal-workspace{margin-left:var(--sidebar);min-height:100vh}.portal-header{height:var(--header);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,44px);backdrop-filter:saturate(160%) blur(8px)}.header-context span,.header-context strong{display:block}.header-context span{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:700;margin-bottom:3px}.header-context strong{font-size:16px}.header-actions{display:flex;gap:5px;align-items:center}.notification-button{color:var(--muted);font-size:10px}.notification-button span{width:18px;height:18px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;color:var(--teal)}.preview-banner{padding:9px 24px;text-align:center;background:#fff2cf;color:#725016;border-bottom:1px solid #ead59b;font-size:13px}.portal-main{width:min(1500px,100%);padding:clamp(24px,3.5vw,52px);margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.04em;line-height:1.05;margin:0 0 8px}.page-heading p{color:var(--muted);margin:0;line-height:1.5}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.section{margin-top:30px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.section-header h2{font-size:19px;margin:0;letter-spacing:-.015em}.section-header a{font-size:13px;font-weight:700;text-decoration:none}
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px}.stack{display:grid;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);min-width:0}.card-quiet{background:var(--surface-2);box-shadow:none}.card-clickable{transition:transform .15s,border-color .15s,box-shadow .15s}.card-clickable:hover{border-color:#a9c9c1;box-shadow:var(--shadow-md);transform:translateY(-1px)}.overall-card{display:flex;align-items:center;gap:17px;padding:23px}.overall-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.overall-copy{min-width:0}.overall-copy .eyebrow{margin-bottom:5px}.overall-copy h2{font-size:23px;margin:0 0 4px}.overall-copy p{margin:0;color:var(--muted)}.overall-action{margin-left:auto}.overall-normal .overall-icon{background:#e3f3e8;color:var(--normal)}.overall-watch .overall-icon{background:#fff0d7;color:var(--watch)}.overall-attention .overall-icon{background:#f9e2df;color:var(--attention)}
.tank-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tank-card{padding:0;overflow:hidden}.tank-card>a{display:block;color:inherit}.tank-visual{height:122px;background:linear-gradient(135deg,#d5eee8,#eaf5ef);display:flex;align-items:flex-end;padding:15px;position:relative}.tank-visual:after{content:"";position:absolute;inset:auto -15px 20px 40%;height:1px;background:rgba(17,96,87,.24);box-shadow:0 8px rgba(17,96,87,.13),0 16px rgba(17,96,87,.08)}.tank-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tank-type{position:relative;z-index:1;background:rgba(255,255,255,.9);padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize}.tank-body{padding:18px}.tank-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tank-card h3{font-size:19px;margin:0 0 5px}.tank-meta{font-size:12px;color:var(--muted)}.tank-summary{display:flex;gap:16px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.tank-summary strong{color:var(--ink);display:block;font-size:15px;margin-bottom:2px}.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750;white-space:nowrap}.status-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-chip.status-normal{color:var(--normal);background:#e7f3ea}.status-watch{color:var(--watch);background:#fff1d8}.status-attention{color:var(--attention);background:#fae7e4}.status-offline,.status-empty{color:var(--offline);background:#edf0ef}
.list{display:grid}.list-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.list-icon{width:38px;height:38px;border-radius:10px;background:var(--seafoam);display:grid;place-items:center;flex:0 0 auto;color:var(--teal-dark)}.list-copy{min-width:0;flex:1}.list-copy strong,.list-copy small{display:block}.list-copy strong{font-size:14px}.list-copy small{font-size:12px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.list-value{text-align:right;font-size:13px}.list-value strong,.list-value small{display:block}.list-value small{color:var(--muted);margin-top:3px}.empty-state{text-align:center;padding:42px 20px}.empty-state-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:var(--seafoam);color:var(--teal-dark);font-size:22px}.empty-state h2,.empty-state h3{margin:0 0 8px}.empty-state p{color:var(--muted);max-width:480px;margin:0 auto 18px;line-height:1.55}.callout{border-left:4px solid var(--teal);background:var(--surface);padding:17px 18px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.callout h3{margin:0 0 5px;font-size:15px}.callout p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.metric small,.metric strong{display:block}.metric small{color:var(--muted);font-size:11px}.metric strong{font-size:20px;margin-top:7px}.subnav{display:flex;gap:5px;overflow:auto;padding:5px;background:var(--surface-2);border-radius:11px;margin-bottom:20px}.subnav a{white-space:nowrap;text-decoration:none;padding:8px 12px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:650}.subnav a.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);gap:18px}.definition-list{display:grid;grid-template-columns:145px 1fr;gap:14px 20px;margin:18px 0 0}.definition-list dt{color:var(--muted);font-size:13px}.definition-list dd{margin:0;font-weight:600;overflow-wrap:anywhere}.placeholder-card{border-style:dashed;box-shadow:none}.placeholder-card .eyebrow{color:var(--muted)}.tag{display:inline-flex;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.loading-shell{display:grid;gap:18px}.skeleton{background:linear-gradient(90deg,#edf2f0,#f7f9f8,#edf2f0);background-size:220% 100%;animation:shimmer 1.2s infinite;border-radius:12px}.skeleton-title{width:40%;height:42px}.skeleton-card{height:220px}.error-state{border:1px solid #e6c6c3;background:#fff7f6;border-radius:14px;padding:22px}.error-state h2{margin-top:0}.mobile-nav{display:none}.mobile-only{display:none}.nav-scrim{position:fixed;inset:0;background:rgba(7,35,32,.48);z-index:25}
@keyframes shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1100px){:root{--sidebar:222px}.portal-main{padding:32px 28px}.dashboard-layout{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.auth-view,.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel,.auth-main{min-height:100vh;padding:32px 22px}.mobile-auth-brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:19px;margin-bottom:48px}.mobile-auth-brand img{width:34px;height:34px}.sidebar{transform:translateX(-105%);transition:transform .2s ease;width:min(310px,88vw);box-shadow:var(--shadow-md)}body.nav-open .sidebar{transform:translateX(0)}.nav-close{display:grid}.portal-workspace{margin-left:0}.mobile-only{display:grid}.portal-header{padding:0 16px}.portal-main{padding:25px 18px 96px}.mobile-nav{display:grid;position:fixed;z-index:22;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.98);border-top:1px solid var(--line);padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}.mobile-nav a{display:flex;min-height:50px;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:10px;font-weight:650;border-radius:8px}.mobile-nav a.active{color:var(--teal-dark);background:var(--seafoam)}.mobile-nav .nav-icon{height:19px}.page-heading{align-items:flex-start}.profile-grid{grid-template-columns:1fr}}
@media(max-width:640px){.page-heading{flex-direction:column;margin-bottom:22px}.page-heading h1{font-size:32px}.page-actions{width:100%}.page-actions .button{flex:1}.grid-2,.grid-3,.tank-grid{grid-template-columns:1fr}.overall-card{align-items:flex-start}.overall-action{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:18px}.list-row{align-items:flex-start}.list-value{max-width:110px}.subnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.subnav a{padding:8px 5px;text-align:center;white-space:normal}.definition-list{grid-template-columns:1fr;gap:4px}.definition-list dd{margin-bottom:12px}.header-context span{display:none}.portal-header{height:64px}.header-context strong{font-size:15px}}
@media(max-width:420px){.auth-form-panel{padding:24px 18px}.mobile-auth-brand{margin-bottom:38px}.auth-card h2{font-size:28px}.portal-main{padding-left:14px;padding-right:14px}.card{padding:17px}.overall-card{padding:18px}.tank-body{padding:16px}.metric-grid{gap:9px}.metric{padding:13px}.page-actions{display:grid;grid-template-columns:1fr}.mobile-nav a{font-size:9px}}
.identity-page{background:linear-gradient(180deg,#eff7f4 0,#f8faf9 56%)}.identity-main{min-height:100vh;display:grid;place-items:center;padding:28px}.identity-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,44px);box-shadow:var(--shadow-md)}.identity-card .brand{margin-bottom:42px}.identity-card h1{font-size:clamp(30px,6vw,42px);letter-spacing:-.04em;margin:0 0 14px}.identity-card form{margin:28px 0 12px}.identity-return{display:inline-block;margin-top:20px;font-weight:700;text-decoration:none}.identity-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#e3f3e8;color:var(--normal);font-size:24px;margin-bottom:22px}

/* Phase 2.2 advanced tank workflows */
.workflow-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.resident-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.resident-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:15px;align-items:start}.resident-photo{width:86px;height:86px;border-radius:12px;overflow:hidden;background:var(--seafoam)}.resident-photo.large{width:100%;height:auto;min-height:240px;aspect-ratio:4/3}.resident-photo img{width:100%;height:100%;display:block;object-fit:cover}.resident-photo-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--teal-dark);font-size:30px;background:var(--seafoam)}.resident-card h3{margin:2px 0 4px;font-size:17px;overflow-wrap:anywhere}.scientific-name{color:var(--muted);font-size:12px;font-style:italic;overflow-wrap:anywhere}.resident-detail-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start}.care-guide{border-left:3px solid var(--teal);padding:3px 0 3px 15px;margin:15px 0}.care-guide h3{font-size:15px;margin:0 0 7px}.care-guide p{color:var(--muted);line-height:1.55;margin:0}.evidence-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.evidence-list li{border-top:1px solid var(--line);padding-top:10px;font-size:13px;overflow-wrap:anywhere}.assessment-results,.species-results{display:grid;gap:10px;margin-top:14px}.assessment-card,.species-result{border:1px solid var(--line);border-radius:11px;padding:14px;background:var(--surface);min-width:0}.assessment-card h3,.species-result h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.assessment-card p,.species-result p{font-size:13px;color:var(--muted);line-height:1.5;margin:7px 0}.assessment-card .status-chip{margin-bottom:8px}.selection-note{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:12px;margin:12px 0;color:var(--muted);font-size:13px}.feeding-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.check-field{display:flex;gap:9px;align-items:flex-start;min-height:44px;padding:10px 0}.check-field input{width:19px;height:19px;flex:0 0 auto}.tank-profile-photo{display:grid;grid-template-columns:minmax(180px,.62fr) minmax(0,1.38fr);gap:20px;align-items:start}.tank-profile-photo .tank-hero-photo{height:auto;min-height:220px;aspect-ratio:4/3;border-radius:12px}.activity-timeline{display:grid}.activity-timeline .timeline-item p{max-width:74ch}.activity-timeline .status-chip{margin-top:7px}.upload-help{color:var(--muted);font-size:12px;line-height:1.5}.inline-feedback{min-height:20px;margin:10px 0 0;color:var(--muted);font-size:13px}.inline-feedback.is-error{color:var(--attention)}
@media(max-width:820px){.resident-detail-grid,.tank-profile-photo{grid-template-columns:1fr}.resident-photo.large{max-height:420px}.tank-profile-photo .tank-hero-photo{max-height:380px}.resident-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.resident-grid{grid-template-columns:1fr}.resident-card{grid-template-columns:74px minmax(0,1fr);padding:16px}.resident-photo{width:74px;height:74px}.resident-photo.large{min-height:210px}.workflow-links,.feeding-actions{align-items:stretch}.workflow-links .button,.feeding-actions .button{flex:1 1 auto}.assessment-card,.species-result{padding:13px}.tank-profile-photo .tank-hero-photo{min-height:190px}.activity-timeline .timeline-item{grid-template-columns:17px minmax(0,1fr)}}
@media(max-width:420px){.resident-card{grid-template-columns:64px minmax(0,1fr);gap:12px}.resident-photo{width:64px;height:64px}.workflow-links,.feeding-actions{display:grid;grid-template-columns:1fr}.scientific-name{font-size:11px}}
.tank-profile-photo{display:block;height:auto;min-height:220px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--seafoam)}.tank-profile-photo img{width:100%;height:100%;display:block;object-fit:cover}@media(max-width:820px){.tank-profile-photo{display:block;max-height:380px}}@media(max-width:640px){.tank-profile-photo{min-height:190px}}
.care-guide a,.evidence-list a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}

/* Phase 4.0 customer order surfaces */
.order-list,.order-items,.catalog-grid{display:grid;gap:10px}.order-row,.order-item,.catalog-item{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:15px;min-width:0}.order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;color:var(--ink);text-decoration:none;min-height:64px}.order-row:hover{border-color:var(--teal)}.order-row span:first-child,.order-item span{display:grid;gap:4px;min-width:0}.order-row small,.order-item small,.catalog-item small{color:var(--muted);overflow-wrap:anywhere}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.order-item{display:flex;justify-content:space-between;gap:14px}.order-totals{display:grid;gap:9px;margin:20px 0 0;padding-top:17px;border-top:1px solid var(--line)}.order-totals>div{display:flex;justify-content:space-between;gap:18px}.order-totals dt,.order-totals dd{margin:0}.order-total{font-size:18px;font-weight:750;padding-top:10px;border-top:1px solid var(--line)}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.catalog-item>div{display:grid;gap:4px}.catalog-item>span{display:block;font-weight:750;margin:12px 0}.catalog-item p,.order-boundary{color:var(--muted);font-size:13px;line-height:1.55}.order-detail-grid address{font-style:normal;line-height:1.65;overflow-wrap:anywhere}.order-detail-grid h3{font-size:15px;margin:22px 0 8px}@media(max-width:820px){.order-detail-grid{grid-template-columns:1fr}}@media(max-width:640px){.order-row{grid-template-columns:minmax(0,1fr) auto}.order-row>.status-chip{grid-row:2;grid-column:1/-1;justify-self:start}.order-item{align-items:flex-start}.order-item>strong{white-space:nowrap}}

/* Phase 2.3 account, reporting, and commercial-readiness surfaces */
.unavailable-state{margin-top:18px;padding:16px;border:1px dashed var(--line-strong);border-radius:11px;background:var(--surface-2)}.unavailable-state strong{display:block}.unavailable-state p{margin:6px 0 0;color:var(--muted);line-height:1.55}.session-list .list-row{align-items:flex-start}.session-list .list-copy p{margin:6px 0 0;color:var(--muted);font-size:13px}.placeholder-card>h2{margin:15px 0 8px}.placeholder-card>p{max-width:72ch;line-height:1.65}.workflow-form .check-row{min-height:44px;align-items:center}.workflow-form .check-row input{flex:0 0 auto}@media(max-width:640px){.subnav{grid-template-columns:repeat(2,minmax(0,1fr))}.session-list .list-row{flex-wrap:wrap}.session-list .button{width:100%}}
.activation-card{margin-bottom:18px}.activation-card summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:750;color:var(--teal-dark)}.activation-card[open] summary{margin-bottom:10px}.hardware-unit-card h3{overflow-wrap:anywhere}.hardware-unit-card .definition-list dd{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.activation-card{padding:17px}.hardware-unit-card .page-actions .button{width:100%}}
.hardware-product{display:grid;gap:var(--space-4)}
.hardware-product .compact-list{margin:0;padding-left:1.25rem;color:var(--ink-muted)}
.shipping-policy{display:flex;flex-wrap:wrap;gap:.4rem 1rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--surface-soft)}
.shipping-policy span{color:var(--ink-muted)}
.hardware-checkout-form fieldset{margin:0;padding:0;border:0}
.hardware-checkout-form legend{margin-bottom:var(--space-3);font-weight:700}
.hardware-estimate{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md)}
.hardware-estimate small{color:var(--ink-muted)}
.legend-event{width:9px;height:9px;border-radius:50%;background:#6941c6;margin-left:8px}

/* Aqua Upkeep unified brand shell · brand2 */
.brand img,.auth-logo img,.mobile-auth-brand img{object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,24,41,.18))}
.sidebar{border-right:4px solid var(--teal);background:linear-gradient(180deg,#0f4a43 0%,#0b3732 100%)}
.sidebar>.brand{min-height:68px;padding:10px 12px;margin:0 0 18px;border:1px solid rgba(112,214,228,.22);border-radius:14px;background:linear-gradient(135deg,rgba(112,214,228,.12),rgba(47,128,201,.12));font-size:20px}
.sidebar>.brand img{width:44px;height:44px}.nav-icon{color:var(--sky)}.nav-link.active .nav-icon{color:var(--teal)}
.portal-header{border-top:3px solid var(--teal);box-shadow:0 5px 18px rgba(15,74,67,.035)}
.portal-main>.page-heading{padding:24px 26px;border:1px solid #d4e8e6;border-left:5px solid var(--teal);border-radius:16px;background:linear-gradient(110deg,#eff8f3 0%,#f4fbfc 58%,#e8f5fb 100%);box-shadow:var(--shadow-sm)}
.section-header h2:before{content:"";display:inline-block;width:5px;height:18px;margin-right:9px;border-radius:99px;background:linear-gradient(var(--sky),var(--teal));vertical-align:-3px}
.button-primary{background:linear-gradient(135deg,var(--teal),#23679f);box-shadow:0 7px 16px rgba(47,128,201,.17)}
.auth-brand-panel{background:radial-gradient(circle at 84% 18%,rgba(112,214,228,.19),transparent 27%),linear-gradient(150deg,#0f4a43 0%,#0b3732 63%,#123d65 100%)}
.auth-logo{font-size:23px}.auth-logo img{width:52px;height:52px;max-width:52px;flex-basis:52px}
.identity-card{border-top:5px solid var(--teal)}
@media(max-width:820px){.sidebar>.brand{margin-right:42px}.portal-main>.page-heading{padding:20px}.mobile-auth-brand img{width:46px;height:46px}.mobile-auth-brand{color:var(--navy)}}