.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.sidebar__brand{min-height:var(--header-h);display:flex;align-items:center;padding:0 18px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);flex:none}.sidebar__mark{font-weight:700;font-size:var(--fs-md);letter-spacing:.14em;color:var(--accent)}.sidebar__nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-base)}.sidebar__link:hover{background:var(--surface-raised);color:var(--text-primary)}.sidebar__link--active{background:var(--surface-raised);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent)}.sidebar__count{font-size:var(--fs-xs);font-family:var(--mono);color:var(--text-faint);background:var(--bg);border-radius:99px;padding:1px 7px}@media(min-width:768px){.sidebar__link{min-height:0;padding:9px 11px;gap:10px}}.setrow{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.setrow:last-child{border-bottom:0;padding-bottom:0}.setrow:first-child{padding-top:0}.setrow__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.setrow__label{font-size:var(--fs-sm);color:var(--text-muted)}.setrow__value{font-size:var(--fs-base);overflow-wrap:anywhere}.setrow__value--muted{color:var(--text-faint)}.setrow__actions{margin-top:4px}.setrow--editing{background:var(--surface-raised);border-radius:var(--radius-sm);padding:12px;margin:4px -12px;border-bottom:0}.statusdot{display:inline-flex;align-items:center;gap:7px}.statusdot__dot{width:8px;height:8px;border-radius:50%;flex:none}.statusdot__dot--online{background:var(--success);box-shadow:0 0 0 3px #3ecf8e26}.statusdot__dot--stale{background:var(--warn);box-shadow:0 0 0 3px #f5a52426}.statusdot__dot--offline{background:var(--text-faint)}.statusdot__text{font-size:var(--fs-md);color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.header{min-height:var(--header-h);flex:none;display:flex;align-items:center;gap:10px;padding:0 12px;padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--border)}.header__nav{flex:none;padding:0;width:44px;min-height:44px;border-color:transparent}.header__status{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.header__device{font-family:var(--mono);font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__live{flex:none;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);border-radius:99px;padding:1px 8px;white-space:nowrap}.header__live--on{color:var(--success);border-color:#3ecf8e55}@media(max-width:480px){.header__live{display:none}}.header__account{display:flex;align-items:center;gap:10px;flex:none}.header__email{display:none}.header__signout{padding:0;width:44px;min-height:44px;justify-content:center}.header__signout-text{display:none}@media(min-width:768px){.header{padding:0 20px}.header__nav{display:none}.header__email{display:inline;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__signout{width:auto;min-height:0;padding:7px 12px;font-size:var(--fs-md);font-weight:500}.header__signout-text{display:inline}}.alarms{flex:none;display:flex;flex-direction:column;gap:8px;padding:10px 16px;border-bottom:1px solid var(--danger);background:var(--bg);max-height:45dvh;overflow-y:auto}@media(min-width:768px){.alarms{padding:12px 24px}}.alarms__bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.alarms__toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:var(--text-muted);font:inherit;cursor:pointer}.alarms__toggle:hover{color:var(--text-primary)}.alarms__count{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--danger);border:1px solid var(--danger);border-radius:99px;padding:2px 10px}.alarms__item{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--warn);background:var(--surface-raised)}.alarms__item--critical{border-color:var(--danger)}.alarms__item--critical .alarms__icon{color:var(--danger)}.alarms__icon{color:var(--warn);margin-top:2px}.alarms__body{min-width:0;display:flex;flex-direction:column;gap:3px}.alarms__title{font-weight:600;overflow-wrap:anywhere}.alarms__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.alarms__link{font-size:var(--fs-sm)}.alarms__note{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--fs-sm);color:var(--text-muted)}.alarms__note--bad{color:var(--danger)}.alarms__close{border-color:transparent;align-self:start}.alarms__more{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer}.alarms__more:hover{color:var(--text-primary);border-color:var(--border-strong)}.shell{display:flex;flex-direction:column;height:100%;min-height:0}.shell__main{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1}.shell__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.shell .sidebar{position:fixed;inset:0 auto 0 0;width:min(82vw,var(--sidebar-w));z-index:40;transform:translate(-100%);transition:transform .2s ease;padding-bottom:env(safe-area-inset-bottom)}.shell--nav-open .sidebar{transform:none}.shell__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:30}.shell--nav-open .shell__scrim{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.shell .sidebar,.shell__scrim{transition:none}}@media(min-width:768px){.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr}.shell .sidebar{position:static;width:auto;transform:none;transition:none}.shell__scrim{display:none}.shell__content{padding:24px}}.auth{width:100%;max-width:380px}@media(max-width:420px){.auth.card{border:0;background:transparent;padding:0}}.auth__brand{font-weight:700;font-size:var(--fs-sm);letter-spacing:.16em;color:var(--accent);margin-bottom:20px}.auth__title{margin-bottom:20px}.auth__sep{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-faint);font-size:var(--fs-sm)}.auth__sep:before,.auth__sep:after{content:"";flex:1;height:1px;background:var(--border)}.auth__foot{margin:18px 0 0;text-align:center}.auth__oauth{display:flex;flex-direction:column;gap:10px}.auth__aside{margin:-8px 0 0;text-align:right;font-size:var(--fs-sm)}.dashcust{align-items:flex-start}.dashcust__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;width:100%}.dashcust__list{display:grid;grid-template-columns:1fr;gap:2px}@media(min-width:560px){.dashcust__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}}.dash__group{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.dash__pick{width:auto;max-width:190px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:grid;gap:5px;min-width:0}.tile--suspect{border-color:var(--warn)}.tile__head{display:flex;align-items:center;gap:7px;min-width:0}.tile__icon{color:var(--accent)}.tile__label{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__value{font-family:var(--mono);font-size:var(--fs-readout);font-weight:600;line-height:1.1;display:flex;align-items:baseline;gap:4px;min-width:0;overflow-wrap:anywhere}.tile__unit{font-size:var(--fs-sm);font-weight:400;color:var(--text-muted);flex:none}.tile__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile__flag{font-size:var(--fs-xs);color:var(--warn);border:1px solid var(--warn);border-radius:99px;padding:0 7px;flex:none}@media(min-width:768px){.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.tile{padding:14px 16px;gap:6px}}.claim{max-width:460px}.claim__code{font-family:var(--mono);font-size:var(--fs-xl);letter-spacing:.12em;text-align:center;text-transform:uppercase}@media(min-width:420px){.claim__code{font-size:var(--fs-2xl);letter-spacing:.14em}}.claim__done{text-align:center;display:grid;gap:10px;justify-items:center}.claim__tick{color:var(--success)}.account{max-width:620px}.account__section{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.plan__name{font-size:var(--fs-lg);font-weight:600}.plan__badge{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink);background:var(--accent);border-radius:99px;padding:3px 10px;text-transform:uppercase;letter-spacing:.06em}.trig{display:flex;align-items:center;gap:12px}.trig__name{font-weight:600}.trig__flags{display:flex;align-items:center;gap:6px}.trig__hub{width:auto;max-width:190px}.trig__row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.trig__num{width:110px}.trig__head{font-size:var(--fs-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 -6px}.trigchart{margin:0}.trigchart svg{width:100%;height:auto;display:block}.trigchart__on{fill:var(--danger);opacity:.16}.trigchart__step{fill:none;stroke:var(--accent);stroke-width:2}.trigchart__edge{stroke:var(--border-strong);stroke-width:1}.trigchart__edge--on{stroke:var(--danger)}.trigchart__tick{fill:var(--text-faint);font-size:10px}.tevents{list-style:none;margin:0;padding:0;display:grid;gap:1px}.tevents__row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border)}.tevents__row:first-child{border-radius:var(--radius) var(--radius) 0 0}.tevents__row:last-child{border-radius:0 0 var(--radius) var(--radius)}.tevents__what{font-weight:600}.devlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.devlist__row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon  title  chev" "icon  status chev";align-items:center;column-gap:12px;row-gap:4px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary)}.devlist__row:hover{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text-primary)}.devlist__icon{grid-area:icon;color:var(--accent)}.devlist__chev{grid-area:chev;color:var(--text-faint)}.devlist__title{font-weight:600}.devlist__row>.grow{grid-area:title;min-width:0}.devlist__status{grid-area:status;display:flex;align-items:center;gap:8px}@media(min-width:640px){.devlist__row{grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon title status chev";row-gap:0}}.spec{margin:0;display:grid;gap:10px}.spec__row{display:grid;gap:2px}.spec__k{color:var(--text-muted);font-size:var(--fs-sm)}.spec__v{margin:0;word-break:break-word}@media(min-width:480px){.spec__row{grid-template-columns:130px 1fr;gap:16px;align-items:baseline}}.devlist__head{font-size:var(--fs-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 -6px}.devlist__row--static{cursor:default}.devlist__row--static:hover{background:var(--surface);border-color:var(--border)}.panel__sync{margin:0}.panel__form{display:grid;gap:12px}.panel__volts{width:100%}.panel__live{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.panel__livev{font-size:var(--fs-lg);color:var(--accent)}@media(min-width:640px){.panel__form{grid-template-columns:auto 1fr auto;align-items:end}.panel__volts{width:130px}}.chlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.chlist__row{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"ch   name  edit del" "ch   meta  edit del";align-items:center;column-gap:10px;row-gap:4px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.chlist__ch{grid-area:ch;align-self:center;min-width:40px;color:var(--text-muted);font-size:var(--fs-sm)}.chlist__row>.grow{grid-area:name;min-width:0}.chlist__name{font-weight:600}.chlist__off{margin-left:8px;font-size:var(--fs-xs);color:var(--text-faint);border:1px solid var(--border-strong);border-radius:99px;padding:0 7px}.chlist__live{grid-area:meta;font-size:var(--fs-sm);color:var(--text-muted)}.chlist__trip{grid-area:meta;justify-self:end;display:inline-flex;align-items:center;gap:5px;color:var(--accent)}.chlist__trip.mono{font-size:var(--fs-md)}.chlist__row>.btn:nth-of-type(1){grid-area:edit}.chlist__row>.btn:nth-of-type(2){grid-area:del}@media(min-width:700px){.chlist__row{grid-template-columns:auto 1fr auto auto auto auto;grid-template-areas:"ch name live trip edit del";row-gap:0;column-gap:12px;padding:11px 14px}.chlist__row .chlist__live{grid-area:live}.chlist__row .chlist__trip{grid-area:trip;justify-self:auto}}.dac__warn{display:flex;align-items:flex-start;gap:9px;margin:0}.dac__warn svg{margin-top:2px}.dac__row{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"ch icon pick" "ch icon meta";align-items:center;column-gap:10px;row-gap:6px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.dac__icon{grid-area:icon;color:var(--accent)}.dac__icon--off{color:var(--text-faint)}.dac__pick{grid-area:pick;min-width:0}@media(min-width:640px){.dac__row{grid-template-columns:auto auto 1fr auto;grid-template-areas:"ch icon pick meta";row-gap:0}.dac__pick{max-width:260px}}.panel__switches{display:flex;flex-wrap:wrap;gap:10px 24px}.panel__switches .checkbox{min-height:0;align-items:center}.panel__switches .checkbox input{margin-top:0}.panel__switches .checkbox>span{display:inline-flex;align-items:center;gap:6px}.chlist__off{display:inline-flex;align-items:center;gap:4px}.chlist__off--warn{color:var(--warn);border-color:var(--warn)}.trips__month{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.triplist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.triplist__row{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon title stats chev";align-items:center;column-gap:12px;row-gap:4px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary)}.triplist__row:hover{background:var(--surface-raised);border-color:var(--border-strong);color:var(--text-primary)}.triplist__icon{grid-area:icon;color:var(--accent)}.triplist__chev{grid-area:chev;color:var(--text-faint)}.triplist__row>.grow{grid-area:title;min-width:0}.triplist__title{font-weight:600}.triplist__stats{grid-area:stats;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.triplist__live{margin-left:8px;font-size:var(--fs-xs);font-family:var(--mono);color:var(--ink);background:var(--success);border-radius:99px;padding:1px 8px;white-space:nowrap}@media(max-width:560px){.triplist__row{grid-template-columns:auto 1fr auto;grid-template-areas:"icon title chev" "icon stats chev"}.triplist__stats{align-items:flex-start;text-align:left;flex-direction:row;gap:10px}}.trackmap{height:320px;border:1px solid var(--border);border-radius:var(--radius);z-index:0;background:var(--surface)}@media(min-width:768px){.trackmap{height:460px}}.trackmap .leaflet-tile-pane{filter:brightness(.72) saturate(.85) contrast(1.05)}.trackmap .leaflet-container{background:var(--surface)}.trackmap .leaflet-control-attribution{background:#101216cc;color:var(--text-faint);font-size:10px}.trackmap .leaflet-control-attribution a{color:var(--text-muted)}.plots{display:grid;gap:10px}@media(min-width:900px){.plots{grid-template-columns:1fr 1fr}}.plot{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}.plot__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.plot__label{font-size:var(--fs-sm);color:var(--text-muted)}.plot__read{color:var(--accent);font-variant-numeric:tabular-nums}.plot__svg{width:100%;height:110px;display:block;touch-action:pan-y}:root{color-scheme:dark;--bg: #07080a;--surface: #101216;--surface-raised: #171a20;--border: #262a32;--border-strong: #5a6273;--text-primary: #f2f4f7;--text-muted: #9aa3af;--text-faint: #7c8593;--accent: #ffb020;--accent-hover: #ffc24d;--accent-dim: #8a5a00;--ink: #0a0b0d;--success: #3ecf8e;--warn: #f5a524;--danger: #ff5c5c;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 15px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-readout: 26px;--radius: 10px;--radius-sm: 6px;--sidebar-w: 244px;--header-h: 60px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}.centered{min-height:100%;display:grid;place-items:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}svg{flex:none}.row--wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card__title{margin-bottom:4px}.card__hint{color:var(--text-muted);font-size:var(--fs-md)}.panel-title{margin-bottom:12px}.subtle{color:var(--text-muted);font-size:var(--fs-md)}.faint{color:var(--text-faint);font-size:var(--fs-sm)}.mono{font-family:var(--mono);font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-md);color:var(--text-muted)}.input,.select{width:100%;font-size:var(--fs-base);min-height:44px;padding:10px 12px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit}.input::placeholder{color:var(--text-faint)}.input:disabled,.select:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-base);font-weight:600;cursor:pointer;touch-action:manipulation}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--ink)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.btn--ghost:hover:not(:disabled){background:var(--surface-raised)}.btn__warn{color:var(--warn)}.btn--block{width:100%}.btn--icon{padding:0;width:44px;min-height:44px}.btn--sm{min-height:38px;padding:8px 12px;font-size:var(--fs-md)}.alert{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid;font-size:var(--fs-md)}.alert--error{color:var(--danger);border-color:var(--danger);background:#ff5c5c14}.alert--ok{color:var(--success);border-color:var(--success);background:#3ecf8e14}.alert--warn{color:var(--warn);border-color:var(--warn);background:#f5a52414}.divider{height:1px;background:var(--border);border:0;margin:4px 0}.empty{padding:28px 16px;text-align:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius)}@media(min-width:768px){.card{padding:20px}.stack{gap:16px}.btn{min-height:0;padding:9px 16px}.btn--icon{width:auto;min-height:0;padding:7px}.input,.select{min-height:0;padding:9px 11px}.empty{padding:40px 20px}}.alert--with-icon{display:flex;align-items:flex-start;gap:9px}.alert--with-icon>svg{margin-top:2px}.checkbox{min-height:44px;align-items:flex-start;gap:10px;cursor:pointer}.checkbox input{flex:none;width:18px;height:18px;margin-top:3px;accent-color:var(--accent)}@media(min-width:768px){.checkbox{min-height:0;align-items:center}.checkbox input{margin-top:0}}