:root{color-scheme:light;font-family:var(--font-ui);background:var(--color-warm-canvas);color:var(--color-graphite);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-warm-canvas: #fbfaf9;--color-stone-surface: #f2f0ed;--color-parchment-card: #f8f7f4;--color-card: #fffefe;--color-graphite: #474645;--color-charcoal-primary: #343433;--color-midnight: #121212;--color-ash: #848281;--color-ember-orange: #ff3e00;--color-meadow-green: #00ca48;--color-sky-blue: #0090ff;--color-sunburst-yellow: #ffbb26;--color-coral-red: #ff2b3a;--color-aqua: #22c6bc;--color-spearmint: #00c978;--font-display: "New York", "Iowan Old Style", "Fraunces", Georgia, serif;--font-ui: "Avenir Next", "SF Pro Text", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-subtle: color(display-p3 .94902 .941176 .929412) 0 0 0 1px inset;--shadow-soft: rgba(18, 18, 18, .06) 0 16px 42px;--radius-card: 10px;--radius-panel: 18px;--radius-pill: 32px}*{box-sizing:border-box;letter-spacing:0}body{margin:0;max-width:100%;min-width:320px;min-height:100dvh;overflow-x:clip;background:var(--color-warm-canvas)}#root,.app-shell,.app-frame,.room-view,.focus-grid,.focus-card{min-width:0;max-width:100%}button{font:inherit}button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-sky-blue) 34%,transparent);outline-offset:3px}h1,h2,h3,p{margin:0}.app-shell{position:relative;min-height:100dvh;overflow-x:clip;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 32vh),var(--color-warm-canvas)}.app-shell.view-dashboard:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url(/reef-dashboard-bg.png) center bottom / cover no-repeat;opacity:.76}.app-frame{position:relative;z-index:1;width:min(1280px,100%);min-height:100vh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.auth-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden;background:var(--color-warm-canvas);isolation:isolate}.auth-shell:before{content:"";position:absolute;inset:0;background:url(/reef-dashboard-bg.png) center / cover no-repeat;pointer-events:none;z-index:-1}.auth-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(18,18,18,.22) 0%,rgba(18,18,18,.05) 55%,transparent 80%);pointer-events:none;z-index:-1}.auth-card{position:relative;width:min(420px,100%);display:grid;gap:14px;padding:clamp(22px,3vw,32px);border-radius:var(--radius-panel);background:#fffefcf5;box-shadow:var(--shadow-subtle),#1212122e 0 28px 80px;backdrop-filter:blur(18px)}.auth-card-header{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:2px}.auth-card-header .brand-mark{width:46px;height:46px;border-radius:16px}.auth-card-header .brand-mark svg{width:28px;height:28px}.auth-card-header p{color:var(--color-ember-orange);font-size:12px;font-weight:820;line-height:1.1;text-transform:uppercase}.auth-card-header h1{margin-top:5px;color:var(--color-midnight);font-size:22px;font-weight:820;line-height:1.05}.auth-mode-switch{display:flex;justify-content:center;margin-top:2px}.auth-mode-switch button{border:0;padding:8px 14px;border-radius:var(--radius-pill);color:var(--color-graphite);background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:720}.auth-mode-switch button:hover{color:var(--color-midnight);background:color-mix(in srgb,var(--color-midnight) 6%,transparent)}.code-form{display:grid;gap:14px}.field-label{display:grid;gap:7px;color:var(--color-graphite);font-size:13px;font-weight:760}.field-label input{width:100%;min-height:48px;border:0;border-radius:var(--radius-card);color:var(--color-midnight);background:var(--color-parchment-card);box-shadow:var(--shadow-subtle);font:inherit;font-size:15px;font-weight:620;padding:0 13px}.field-label input::placeholder{color:var(--color-ash)}.field-hint{color:var(--color-ash);font-size:12px;font-style:normal;font-weight:620;line-height:1.35}.password-input{position:relative;display:block}.password-input input{width:100%;padding-right:46px}.password-toggle{position:absolute;top:50%;right:6px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:var(--radius-pill);color:var(--color-graphite);background:transparent;cursor:pointer;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-midnight);background:color-mix(in srgb,var(--color-midnight) 6%,transparent)}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px}.form-error{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border-radius:var(--radius-card);color:#ad202b;background:#fff4f2;box-shadow:var(--shadow-subtle);font-size:13px;font-weight:720}.primary-action,.secondary-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:var(--radius-pill);cursor:pointer;font-weight:800}.primary-action{color:#fff;background:var(--color-midnight)}.secondary-action{color:var(--color-midnight);background:var(--color-parchment-card);box-shadow:var(--shadow-subtle)}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.7}.code-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.created-codes,.license-list{display:grid;gap:8px;margin-top:14px}.created-codes-header{position:relative;padding:8px 36px 8px 4px}.created-codes-header strong{display:block;color:var(--color-midnight);font-size:13px;font-weight:800}.created-codes-header p{margin-top:2px;color:var(--color-graphite);font-size:12px;font-weight:620}.created-codes-dismiss{position:absolute;top:4px;right:0;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:var(--radius-pill);color:var(--color-graphite);background:transparent;cursor:pointer}.created-codes-dismiss:hover{color:var(--color-midnight);background:color-mix(in srgb,var(--color-midnight) 6%,transparent)}.created-codes button.copied{color:#078033;background:#eaf7ed}.created-codes article,.license-list article{min-width:0;display:grid;align-items:center;gap:8px;border-radius:var(--radius-card);background:var(--color-parchment-card);box-shadow:var(--shadow-subtle)}.created-codes article{grid-template-columns:minmax(0,1fr) 38px;padding:9px 9px 9px 12px}.created-codes strong{overflow-wrap:anywhere;color:var(--color-midnight);font-size:15px;font-weight:820}.created-codes button,.license-list button{min-height:34px;border:0;border-radius:var(--radius-pill);color:var(--color-midnight);background:var(--color-card);cursor:pointer;font-weight:760}.license-list article{grid-template-columns:minmax(0,1fr) auto auto;min-height:54px;padding:9px 10px}.license-list strong{display:block;overflow-wrap:anywhere;color:var(--color-midnight);font-size:13px;font-weight:760}.license-list span{color:var(--color-ash);font-size:12px;font-weight:650}.license-list em{min-width:66px;padding:5px 8px;border-radius:var(--radius-pill);color:#9a6100;background:#fff7e4;font-size:11px;font-style:normal;font-weight:820;text-align:center;text-transform:uppercase}.license-list em.active{color:#078033;background:#eaf7ed}.license-list em.revoked{color:#ad202b;background:#fff1ef}.topbar{min-height:64px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(260px,1fr);align-items:center;gap:18px;margin-bottom:clamp(14px,2vh,24px)}.dashboard-topbar{grid-template-columns:minmax(220px,1fr) auto}.brand-lockup,.topbar-actions,.status-pill,.account-pill,.text-button,.focus-card-top,.headline-line,.focus-value,.focus-foot,.room-footer,.footer-stat,.panel-heading,.equipment-chip,.metric-state{display:flex;align-items:center}.brand-lockup{min-width:0;gap:12px}.brand-mark,.icon-button,.metric-symbol,.state-orb,.panel-heading>span,.row-icon,.loading-panel>span{display:grid;place-items:center}.brand-mark{width:50px;height:50px;flex:0 0 auto;border-radius:var(--radius-panel);color:var(--color-ember-orange);background:linear-gradient(180deg,#ff3e001c,#ff2b3a14),var(--color-card);box-shadow:var(--shadow-subtle),color-mix(in srgb,var(--color-ember-orange) 18%,transparent) 0 0 0 2px inset}.brand-mark svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5}.brand-lockup p,.customize-header p,.page-heading p{color:var(--color-ember-orange);font-size:12px;font-weight:800;line-height:1.2;text-transform:uppercase}.brand-lockup h1{margin-top:5px;overflow:hidden;color:var(--color-graphite);font-size:18px;font-weight:720;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.view-tabs{justify-self:center;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-height:44px;padding:4px;border-radius:var(--radius-pill);background:var(--color-parchment-card);box-shadow:var(--shadow-subtle)}.view-tabs button{min-width:92px;border:0;border-radius:var(--radius-pill);color:var(--color-graphite);background:transparent;cursor:pointer;font-size:14px;font-weight:650}.view-tabs button.active{color:#fff;background:var(--color-midnight)}.topbar-actions{justify-content:flex-end;min-width:0;gap:9px}.account-pill{min-width:0;max-width:230px;min-height:44px;gap:8px;padding:0 13px;border-radius:var(--radius-pill);color:var(--color-graphite);background:var(--color-parchment-card);cursor:default;font-size:13px;font-weight:720}.account-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button,.text-button{min-height:44px;border:0;border-radius:var(--radius-pill);color:var(--color-midnight);background:var(--color-card);box-shadow:var(--shadow-subtle);cursor:pointer}.icon-button{width:44px}.text-button{gap:8px;padding:0 16px;font-size:14px;font-weight:720}.status-pill{min-height:44px;gap:8px;padding:0 15px;border-radius:var(--radius-pill);color:var(--color-midnight);background:var(--color-card);box-shadow:var(--shadow-subtle);font-size:14px;font-weight:760}.status-pill span{width:10px;height:10px;border-radius:50%;background:currentColor}.status-pill.refreshing span{animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.status-pill.nominal{color:#078033}.status-pill.watch{color:#9a6100}.status-pill.attention,.error-banner{color:#ad202b}.customize-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px 16px;align-items:stretch;padding:18px;margin-bottom:18px;border-radius:var(--radius-panel);background:var(--color-card);box-shadow:var(--shadow-subtle)}.customize-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.customize-header>div:first-child{min-width:0}.customize-header h2{margin-top:4px;color:var(--color-midnight);font-size:clamp(21px,2.1vw,28px);font-weight:820;line-height:1}.customize-header-actions{display:flex;align-items:center;flex:0 0 auto;gap:8px}.customize-header-actions>button:not(.icon-button){min-height:34px;padding:0 14px;border:0;border-radius:var(--radius-pill);color:var(--color-midnight);background:var(--color-parchment-card);cursor:pointer;font-size:13px;font-weight:720}.customize-header-actions .icon-button{width:36px;min-height:36px}.unit-switch{display:inline-grid;grid-template-columns:48px;grid-template-rows:repeat(2,42px);align-self:stretch;justify-self:start;padding:5px;border-radius:24px;background:var(--color-parchment-card)}.unit-switch button{min-width:0;border:0;border-radius:19px;color:var(--color-ash);background:transparent;cursor:pointer;font-weight:760}.unit-switch button.active{color:var(--color-midnight);background:var(--color-card);box-shadow:var(--shadow-subtle)}.metric-picker{display:flex;gap:10px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.metric-picker button{flex:0 0 clamp(118px,13vw,154px);min-height:88px;display:grid;align-content:center;gap:6px;border:0;border-radius:var(--radius-card);color:var(--color-graphite);background:var(--color-parchment-card);cursor:pointer;text-align:left;padding:10px 12px;scroll-snap-align:start}.metric-picker button.active{color:var(--color-midnight);background:#fff;box-shadow:var(--shadow-subtle),#00ca4833 0 0 0 2px inset}.metric-picker span{font-size:14px;line-height:1.08;font-weight:760}.metric-picker em{color:var(--color-ash);font-size:12px;font-style:normal;font-weight:700}.error-banner{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 10px 10px 14px;margin-bottom:16px;border-radius:var(--radius-card);background:#fff4f2;box-shadow:var(--shadow-subtle);font-weight:760}.error-banner>span{flex:1 1 auto;min-width:0}.error-retry{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:var(--radius-pill);color:#ad202b;background:#ad202b14;cursor:pointer;font:inherit;font-size:12px;font-weight:760}.error-retry:hover{background:#ad202b24}.error-retry:disabled{cursor:wait;opacity:.6}.room-view{position:relative;min-height:calc(100vh - 104px);display:grid;grid-template-rows:auto auto auto;align-content:start;gap:clamp(18px,2.4vh,28px);overflow:visible;isolation:isolate;padding:0 clamp(8px,1.2vw,18px)}.room-headline,.focus-grid,.room-footer{position:relative;z-index:1}.room-headline{display:grid;justify-items:center;width:min(980px,100%);justify-self:center;gap:6px;margin-top:clamp(6px,1.3vh,16px);text-align:center}.room-headline p{color:var(--color-ash);font-size:clamp(13px,1.3vw,17px);font-weight:760;text-transform:uppercase}.room-headline h2{color:var(--color-midnight);font-family:var(--font-display);font-size:clamp(58px,7vw,98px);font-weight:500;line-height:.98}.room-headline span{display:block;max-width:100%;color:var(--color-graphite);font-size:clamp(16px,1.5vw,22px);font-weight:560;overflow-wrap:break-word}.headline-line{justify-content:center;flex-wrap:wrap;gap:clamp(14px,1.8vw,24px)}.headline-line h2{min-width:0;overflow-wrap:break-word}.state-orb{width:clamp(52px,5vw,70px);height:clamp(52px,5vw,70px);border-radius:50%;color:#078033;background:#eaf7ed;box-shadow:#bee5c7 0 0 0 1px inset}.state-orb span{font-size:clamp(15px,1.6vw,22px);font-weight:820;letter-spacing:0}.state-orb.watch{color:#9a6100;background:#fff6df;box-shadow:#f1d48b 0 0 0 1px inset}.state-orb.attention{color:#ad202b;background:#fff0ee;box-shadow:#f0b7b0 0 0 0 1px inset}.focus-grid{width:min(880px,100%);justify-self:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);align-content:start}.focus-card{min-height:clamp(168px,18vh,210px);display:grid;grid-template-rows:auto auto auto;gap:clamp(10px,1.2vw,16px);padding:clamp(16px,1.45vw,21px);border-radius:var(--radius-panel);background:linear-gradient(180deg,#fffffff2,#fffefce6),var(--color-card);box-shadow:var(--shadow-subtle),#12121206 0 16px 34px;overflow:hidden}.focus-card.status-watch{box-shadow:var(--shadow-subtle),var(--color-sunburst-yellow) 0 0 0 3px inset}.focus-card.status-alert{box-shadow:var(--shadow-subtle),var(--color-coral-red) 0 0 0 3px inset}.focus-card.status-stale{box-shadow:var(--shadow-subtle),var(--color-coral-red) 0 0 0 1.5px inset;background:repeating-linear-gradient(135deg,rgba(255,43,58,.04) 0 12px,transparent 12px 24px),linear-gradient(180deg,#fffffff2,#fffefce6),var(--color-card)}.focus-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.metric-symbol{width:clamp(58px,5vw,72px);height:clamp(58px,5vw,72px);flex:0 0 auto;border-radius:50%;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,white);box-shadow:color-mix(in srgb,var(--tone) 22%,transparent) 0 0 0 1px inset;font-size:clamp(12px,1vw,15px);font-weight:860}.focus-card h3{min-width:0;color:var(--color-midnight);font-size:clamp(18px,1.8vw,26px);font-weight:820;line-height:1.08;text-transform:uppercase;overflow-wrap:anywhere}.metric-age{justify-self:end;color:var(--color-ash);font-size:clamp(12px,1vw,14px);font-weight:700;line-height:1.1;white-space:nowrap}.focus-readout{display:grid;grid-template-columns:minmax(138px,.68fr) minmax(190px,1fr);align-items:center;gap:clamp(12px,2vw,26px);min-width:0}.focus-value{min-width:0;gap:clamp(7px,1vw,12px);color:var(--tone);flex-wrap:nowrap}.focus-value strong{display:block;min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-size:clamp(52px,5.8vw,86px);font-weight:500;line-height:.9}.focus-value.compact strong{font-size:clamp(44px,4.9vw,72px)}.focus-value span{align-self:center;padding-top:.8em;color:var(--color-graphite);font-size:clamp(16px,1.7vw,24px);font-weight:760}.focus-trend{min-width:0;min-height:clamp(58px,6vw,78px);display:grid;align-self:center;align-items:center;justify-self:stretch;padding-top:0}.focus-trend .mini-trend{width:100%;height:clamp(52px,5.2vw,68px);flex:1 1 auto;opacity:.9}.focus-trend .mini-trend.empty{height:9px;opacity:.34}.range-rail,.state-rail{position:relative;display:grid;gap:7px;margin-top:0;min-width:0;overflow:visible;padding:0 9px}.range-track{position:relative;height:9px;overflow:visible;border-radius:999px;background:color-mix(in srgb,var(--tone) 10%,var(--color-stone-surface))}.range-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 18%,transparent),color-mix(in srgb,var(--tone) 34%,transparent))}.range-marker{position:absolute;top:50%;left:var(--range-position);width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--tone);box-shadow:#12121224 0 2px 8px;transform:translate(-50%,-50%)}.range-labels{display:flex;justify-content:space-between;color:var(--color-ash);font-size:clamp(10px,.95vw,12px);font-weight:700}.state-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.state-rail span{height:9px;border-radius:999px;background:var(--color-stone-surface)}.state-rail span.active{background:var(--tone)}.focus-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:0}.focus-foot>span{color:var(--color-ash);font-size:clamp(14px,1.25vw,18px);font-weight:650;text-align:right}.metric-state{justify-self:end;align-self:start;gap:6px;color:#097a35;padding:4px 8px;border-radius:var(--radius-pill);background:#00c45414;box-shadow:#00c45429 0 0 0 1px inset;font-size:clamp(11px,.92vw,12px);font-style:normal;font-weight:780;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.metric-state span{width:6px;height:6px;border-radius:50%;background:currentColor}.metric-state.watch{color:#9a6100;background:#fff7e4;box-shadow:#ffbb2647 0 0 0 1px inset}.metric-state.alert{color:#ad202b;background:#fff1ef;box-shadow:#ff2b3a38 0 0 0 1px inset}.metric-state.stale{color:#ad202b;background:transparent;box-shadow:#ff2b3a66 0 0 0 1px inset}.room-footer{width:min(1040px,100%);justify-self:center;gap:0;padding:12px;border-radius:var(--radius-panel);background:#ffffffd4;box-shadow:var(--shadow-subtle);backdrop-filter:blur(10px)}.footer-stat{min-width:0;flex:1 1 0;display:block;padding:12px 22px;border-left:1px solid var(--color-stone-surface)}.footer-actions{min-width:0;flex:1.1 1 0;display:flex;justify-content:flex-end;gap:8px;padding:8px 10px 8px 22px;border-left:1px solid var(--color-stone-surface)}.footer-actions button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 17px;border:0;border-radius:var(--radius-pill);color:var(--color-midnight);background:var(--color-parchment-card);box-shadow:var(--shadow-subtle);cursor:pointer;font-weight:760}.footer-actions button:last-child{background:var(--color-card)}.footer-stat:first-child{border-left:0}.footer-stat p{color:var(--color-ash);font-size:14px;font-weight:680}.footer-stat strong{display:block;margin-top:3px;overflow-wrap:anywhere;color:var(--color-midnight);font-size:clamp(18px,1.8vw,25px);font-weight:820;line-height:1.1}.footer-stat.ok strong{color:#078033}.footer-stat.watch strong{color:#9a6100}.tab-page{display:grid;gap:18px}.page-heading{max-width:720px}.page-heading h2{margin-top:4px;color:var(--color-midnight);font-family:var(--font-display);font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.02}.page-heading span{display:block;margin-top:10px;color:var(--color-graphite);font-size:17px;font-weight:540}.admin-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.admin-shell{background:linear-gradient(180deg,rgba(255,255,255,.68),transparent 36vh),linear-gradient(135deg,rgba(34,198,188,.11),transparent 28%),var(--color-warm-canvas)}.admin-frame{width:min(1180px,100%)}.admin-topbar{grid-template-columns:minmax(220px,1fr) auto}.admin-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:22px;align-items:end;margin-bottom:18px}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-stats article{min-width:0;min-height:92px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:13px;border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-subtle)}.admin-stats article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-card);color:var(--color-aqua);background:color-mix(in srgb,var(--color-aqua) 12%,white)}.admin-stats p{color:var(--color-ash);font-size:12px;font-weight:760}.admin-stats strong{display:block;margin-top:3px;color:var(--color-midnight);font-size:30px;font-weight:820;line-height:1}.admin-console-grid{align-items:start}.account-list{display:grid;gap:9px}.admin-account-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:72px;padding:10px;border-radius:var(--radius-card);background:var(--color-parchment-card);box-shadow:var(--shadow-subtle)}.account-row-main,.account-row-meta,.status-tag,.danger-action{display:flex;align-items:center}.account-row-main{min-width:0;gap:10px}.account-row-main>div{min-width:0}.row-status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--color-meadow-green)}.admin-account-row.revoked .row-status-dot{background:var(--color-coral-red)}.admin-account-row.unused .row-status-dot{background:var(--color-sunburst-yellow)}.account-row-main strong{display:block;overflow:hidden;color:var(--color-midnight);font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.account-row-main p{margin-top:3px;overflow-wrap:anywhere;color:var(--color-ash);font-size:12px;font-weight:650}.account-row-meta{justify-content:flex-end;gap:8px;min-width:176px;color:var(--color-ash);font-size:12px;font-weight:700}.status-tag{gap:5px;min-height:27px;padding:0 9px;border-radius:var(--radius-pill);color:#9a6100;background:#fff7e4;font-size:11px;font-style:normal;font-weight:840;text-transform:uppercase}.status-tag.active{color:#078033;background:#eaf7ed}.status-tag.revoked{color:#ad202b;background:#fff1ef}.danger-action{gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:var(--radius-pill);color:#ad202b;background:#fff1ef;cursor:pointer;font-size:12px;font-weight:820}.danger-action:disabled{cursor:wait;opacity:.72}.muted-action{justify-self:end;color:var(--color-ash);font-size:12px;font-weight:760}.admin-license-list{margin-top:0}.admin-license-list article{grid-template-columns:minmax(0,1fr) auto minmax(78px,auto)}.empty-panel{min-height:118px;display:grid;place-items:center;align-content:center;gap:10px;border-radius:var(--radius-card);color:var(--color-ash);background:var(--color-parchment-card);box-shadow:var(--shadow-subtle);text-align:center}.empty-panel span{width:46px;height:46px;display:grid;place-items:center;border-radius:var(--radius-card);color:var(--color-aqua);background:color-mix(in srgb,var(--color-aqua) 12%,white)}.empty-panel strong{color:var(--color-graphite);font-size:14px;font-weight:780}.panel{min-height:188px;grid-column:span 6;padding:18px;border-radius:var(--radius-panel);background:var(--color-card);box-shadow:var(--shadow-subtle)}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-12{grid-column:span 12}.panel-heading{gap:10px;margin-bottom:14px}.panel-heading>span{width:34px;height:34px;border-radius:var(--radius-card);color:var(--color-aqua);background:color-mix(in srgb,var(--color-aqua) 12%,white)}.panel-heading h3{color:var(--color-midnight);font-size:17px;font-weight:780}.stack-list,.timeline,.fact-list,.device-grid{display:grid;gap:8px}.metric-row,.timeline article,.device-grid article,.fact-list article{display:grid;align-items:center;gap:10px;min-height:58px;padding:9px;border-radius:var(--radius-card);background:var(--color-parchment-card)}.metric-row{grid-template-columns:38px minmax(0,1fr) auto minmax(70px,auto)}.row-icon{width:38px;height:38px;border-radius:var(--radius-card);color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,white)}.row-label,.equipment-chip strong,.device-grid strong,.timeline strong{display:block;overflow-wrap:anywhere;color:var(--color-midnight);font-size:14px;font-weight:760}.row-detail,.equipment-chip p,.device-grid p,.timeline p{margin-top:2px;overflow-wrap:anywhere;color:var(--color-ash);font-size:12px;font-weight:600}.row-value{justify-self:end;text-align:right}.row-value span{display:block;color:var(--color-midnight);font-family:var(--font-display);font-size:25px;font-weight:500;line-height:1}.row-value em{color:var(--color-ash);font-size:12px;font-style:normal;font-weight:700}.mini-trend{width:120px;height:48px;flex:0 0 120px;overflow:visible}.mini-trend.compact{width:88px;height:42px;flex-basis:88px}.mini-trend path{fill:none;stroke:var(--tone);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1;opacity:.78;vector-effect:non-scaling-stroke}.mini-trend circle{fill:var(--tone)}.mini-trend.empty{background:var(--color-stone-surface);border-radius:999px;opacity:.55}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-chip{min-height:76px;gap:10px;padding:12px;border-radius:var(--radius-card);background:var(--color-parchment-card)}.equipment-chip>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-card);color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,white)}.equipment-chip div{min-width:0;flex:1}.equipment-chip em,.timeline em,.device-grid em{color:#078033;font-size:12px;font-style:normal;font-weight:760}.equipment-chip.off em{color:var(--color-ash)}.timeline article{grid-template-columns:10px minmax(0,1fr) auto}.timeline article>span,.device-dot{width:9px;height:9px;border-radius:50%}.timeline article>span{background:var(--color-ember-orange)}.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.device-grid article{grid-template-columns:12px minmax(0,1fr) auto}.device-dot{background:var(--color-coral-red)}.device-dot.online{background:var(--color-meadow-green)}.fact-list article{grid-template-columns:minmax(120px,.45fr) minmax(0,1fr)}.fact-list span{color:var(--color-ash);font-size:13px;font-weight:700}.fact-list strong{min-width:0;overflow-wrap:anywhere;color:var(--color-midnight);font-size:14px;font-weight:720}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list span{min-height:32px;display:inline-flex;align-items:center;padding:0 11px;border-radius:var(--radius-pill);color:var(--color-graphite);background:var(--color-parchment-card);font-size:12px;font-weight:700}.chip-toggle{margin-top:12px;min-height:32px;padding:0 14px;border:0;border-radius:var(--radius-pill);color:var(--color-midnight);background:var(--color-parchment-card);cursor:pointer;font:inherit;font-size:12px;font-weight:760}.chip-toggle:hover{background:color-mix(in srgb,var(--color-midnight) 8%,var(--color-parchment-card))}.empty-inline{margin-top:4px;color:var(--color-ash);font-size:13px;font-weight:620}.focus-empty{width:min(560px,100%);justify-self:center;align-self:center;display:grid;justify-items:center;gap:10px;padding:24px}.focus-empty p{color:var(--color-ash);font-size:14px;font-weight:600;text-align:center}.focus-empty .text-button{margin-top:6px;padding:0 18px}.loading-panel{min-height:520px;display:grid;place-items:center;align-content:center;gap:16px;border-radius:var(--radius-panel);background:var(--color-card);box-shadow:var(--shadow-subtle)}.loading-panel>span{width:88px;height:88px;border-radius:50%;color:var(--color-sky-blue);background:color-mix(in srgb,var(--color-sky-blue) 12%,white)}.loading-panel p{color:var(--color-graphite);font-weight:760}.tone-teal,.focus-card.tone-teal,.row-icon.tone-teal,.mini-trend.tone-teal,.equipment-chip.tone-teal{--tone: var(--color-aqua)}.tone-blue,.focus-card.tone-blue,.row-icon.tone-blue,.mini-trend.tone-blue,.equipment-chip.tone-blue{--tone: var(--color-sky-blue)}.tone-amber,.focus-card.tone-amber,.row-icon.tone-amber,.mini-trend.tone-amber,.equipment-chip.tone-amber{--tone: var(--color-ember-orange)}.tone-rose,.focus-card.tone-rose,.row-icon.tone-rose,.mini-trend.tone-rose,.equipment-chip.tone-rose{--tone: var(--color-coral-red)}.tone-violet,.focus-card.tone-violet,.row-icon.tone-violet,.mini-trend.tone-violet,.equipment-chip.tone-violet{--tone: #9f4fff}.tone-green,.focus-card.tone-green,.row-icon.tone-green,.mini-trend.tone-green,.equipment-chip.tone-green{--tone: var(--color-spearmint)}.tone-ink,.focus-card.tone-ink,.row-icon.tone-ink,.mini-trend.tone-ink,.equipment-chip.tone-ink{--tone: var(--color-graphite)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.topbar,.dashboard-topbar{grid-template-columns:minmax(220px,1fr) auto}.view-tabs{order:3;grid-column:1 / -1;justify-self:stretch}.view-tabs button{flex:1}.customize-panel{grid-template-columns:auto minmax(0,1fr)}.admin-hero{grid-template-columns:1fr}.unit-switch{justify-self:start}.device-grid,.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.auth-shell{padding:16px}.app-shell.view-dashboard:before{background-position:50% 100%;opacity:.34}.app-frame{padding:16px}.topbar,.admin-topbar{grid-template-columns:1fr}.topbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.topbar-actions>.status-pill,.topbar-actions>.account-pill{flex:1 1 180px;justify-content:center}.topbar-actions>.icon-button,.topbar-actions>.text-button{flex:0 0 44px}.customize-panel{grid-template-columns:1fr;padding:14px}.customize-header{align-items:flex-start}.unit-switch{grid-template-columns:46px;justify-self:start}.metric-picker button{flex-basis:clamp(118px,34vw,152px);min-width:0;min-height:82px}.topbar-actions .text-button,.room-footer .text-button{justify-content:center;padding:0}.topbar-actions .text-button span,.room-footer .text-button span{display:none}.room-view{min-height:auto;padding:0}.room-headline{justify-items:center;gap:12px}.room-headline h2{font-size:clamp(42px,12vw,58px)}.room-headline span{font-size:15px;max-width:32ch}.state-orb{width:46px;height:46px}.focus-grid,.admin-grid,.equipment-grid,.device-grid,.admin-stats{grid-template-columns:1fr}.admin-account-row{grid-template-columns:1fr;align-items:start}.account-row-meta{justify-content:flex-start;min-width:0}.danger-action,.muted-action{justify-self:start}.admin-license-list article{grid-template-columns:1fr;align-items:start}.panel,.span-5,.span-7,.span-12{grid-column:auto}.focus-card{min-height:134px;grid-template-rows:auto auto auto;gap:7px;padding:11px 13px}.focus-card-top{gap:11px}.metric-symbol{width:46px;height:46px;font-size:10px}.focus-card h3{font-size:16px}.focus-readout{grid-template-columns:minmax(118px,.58fr) minmax(150px,1fr);align-items:center;gap:9px;margin-top:0}.focus-value strong{font-size:clamp(38px,10.4vw,52px)}.focus-value.compact strong{font-size:clamp(32px,8.8vw,44px)}.focus-value span{padding-top:.3em;padding-bottom:0;font-size:16px}.focus-trend{width:100%;min-height:34px;padding-top:0;padding-bottom:0}.focus-trend .mini-trend{height:32px}.range-track,.state-rail span{height:10px}.room-footer{display:flex;align-items:stretch;padding:6px}.footer-stat{flex:1 1 0;padding:7px 10px;border-left:1px solid var(--color-stone-surface);border-top:0}.footer-stat:first-child{border-left:0}.footer-actions{flex:0 0 auto;justify-content:flex-end;gap:6px;padding:4px 0 4px 8px;border-left:1px solid var(--color-stone-surface);border-top:0}.footer-actions button{width:38px;min-height:38px;flex:0 0 38px;justify-content:center;min-width:0;padding:0}.footer-actions button span{display:none}.footer-stat p{font-size:11px}.footer-stat strong{font-size:15px}.metric-row{grid-template-columns:38px minmax(0,1fr) minmax(70px,auto)}.metric-row .mini-trend{display:none}.fact-list article{grid-template-columns:1fr}}@media(min-width:781px)and (max-height:900px){.view-dashboard .app-frame{padding-top:16px;padding-bottom:14px}.dashboard-topbar{min-height:52px;margin-bottom:8px}.dashboard-topbar .brand-mark{width:46px;height:46px;border-radius:15px}.dashboard-topbar .brand-mark svg{width:28px;height:28px}.dashboard-topbar .brand-lockup h1{font-size:17px}.dashboard-topbar .status-pill{min-height:40px}.room-view{min-height:calc(100vh - 82px);gap:14px}.room-headline{gap:4px;margin-top:0}.room-headline p{display:none}.room-headline h2{font-size:clamp(56px,6vw,78px)}.room-headline span{font-size:16px}.state-orb{width:54px;height:54px}.focus-grid{width:min(850px,100%);gap:14px 20px}.focus-card{min-height:174px;padding:15px 18px 14px}.focus-card h3{font-size:18px}.metric-age{font-size:12px}.focus-readout{grid-template-columns:minmax(0,1fr) minmax(112px,32%);gap:12px}.focus-value strong{font-size:clamp(58px,6vw,78px)}.focus-value.compact strong{font-size:clamp(48px,5.1vw,66px)}.focus-value span{font-size:18px}.focus-trend{min-height:42px;padding-top:7px;padding-bottom:0}.focus-trend .mini-trend{height:30px}.range-rail,.state-rail{gap:5px}.range-track,.state-rail span{height:8px}.range-marker{width:16px;height:16px;border-width:3px}.range-labels{font-size:10px}.focus-foot{padding-top:5px}.metric-state{font-size:11px}.room-footer{width:min(1000px,100%);padding:8px}.footer-stat{padding:8px 16px}.footer-stat p{font-size:12px}.footer-stat strong{font-size:18px}.footer-actions{padding:6px 8px 6px 16px}.footer-actions button{min-height:38px}}@media(max-width:520px){.code-row,.code-actions,.created-codes article,.license-list article{grid-template-columns:1fr}.license-list em{justify-self:start}.account-pill{max-width:calc(100vw - 112px);min-height:40px}.app-shell.view-dashboard:before{background-position:50% 100%;opacity:.38}.app-frame{padding:max(10px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom))}.brand-mark{width:44px;height:44px;border-radius:15px}.brand-lockup h1{font-size:18px}.topbar{gap:12px;margin-bottom:12px}.topbar-actions{gap:7px}.topbar-actions>.status-pill{flex-basis:100%;justify-content:flex-start}.status-pill,.icon-button,.text-button{min-height:44px}.icon-button{width:44px}.view-tabs{width:100%;min-width:0;min-height:42px;overflow:hidden}.view-tabs button{min-width:0;padding:0 4px;font-size:13px}.room-view{gap:12px}.room-headline p{font-size:12px}.room-headline h2{font-size:clamp(38px,14vw,50px)}.state-orb{display:none}.focus-grid{width:100%;gap:10px}.focus-card{min-height:118px;grid-template-rows:auto minmax(50px,1fr) auto;gap:6px;padding:10px 11px}.focus-card-top{gap:8px}.metric-age{font-size:11px}.focus-readout{grid-template-columns:minmax(108px,.56fr) minmax(132px,1fr);align-items:center;gap:7px;margin-top:0}.focus-value{gap:7px}.focus-value strong{font-size:clamp(34px,9.8vw,44px)}.focus-value.compact strong{font-size:clamp(30px,8.4vw,38px)}.focus-value span{font-size:14px}.range-marker{width:18px;height:18px;border-width:3px}.range-labels{font-size:10px}.focus-foot{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;padding-top:0}.focus-foot>span,.metric-state{font-size:11px}.room-footer{padding:5px}.footer-stat{padding:6px 8px}.footer-stat p{font-size:10px}.footer-stat strong{margin-top:1px;font-size:13px}.footer-actions{gap:5px;padding-left:6px}.footer-actions button{width:34px;min-height:34px;flex-basis:34px}}@media(max-width:430px){.customize-header{display:grid;grid-template-columns:minmax(0,1fr) auto}.customize-header-actions{grid-column:1 / -1;justify-content:space-between}.metric-picker button{flex-basis:min(46vw,146px)}.focus-card{min-height:112px}.focus-readout{grid-template-columns:minmax(96px,.54fr) minmax(120px,1fr);align-items:center;gap:7px}.focus-trend{width:100%;min-height:28px;align-self:end}.focus-trend .mini-trend{height:28px}.range-track,.state-rail span{height:8px}.range-marker{width:15px;height:15px}.metric-state{padding:3px 7px}}