@layer tokens,owner,components,page;@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url("./fonts/open-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url("./fonts/open-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{color-scheme:light;--accent: #1c77cb;--on-accent: #ffffff;--accent-hover: color-mix(in srgb, var(--accent) 85%, #000);--accent-active: color-mix(in srgb, var(--accent) 72%, #000);--accent-subtle: color-mix(in srgb, var(--accent) 12%, var(--surface));--page-fade: #dbe0e4;--page: #f4f6f8;--surface: #ffffff;--surface-raised: #ffffff;--text: #1a1d21;--text-muted: #2e343b;--border: #9aa6b3;--border-strong: #e5e8eb;--shell-pattern-ink: color-mix(in srgb, color-mix(in oklab, var(--accent) 55%, var(--text)) 26%, transparent);--text-soft: color-mix(in srgb, var(--text) 85%, var(--surface));--rule: color-mix(in srgb, var(--border-strong) 55%, var(--surface));--row-hover: color-mix(in srgb, var(--accent) 6%, var(--surface));--head: color-mix(in srgb, var(--page) 70%, var(--surface));--danger: #b42318;--danger-subtle: #fdecea;--on-danger-subtle: #7a1810;--status-alarm: #d92d20;--status-warning: #dc9a0e;--status-ok: #12a05c;--status-offline: #8b93a1;--status-none: var(--border-strong);--font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-xxl: 2.2rem;--font-weight-regular: 400;--font-weight-bold: 600;--line-height: 1.5;--line-height-tight: 1.25;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-4x: 1.25rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--border-width: 1px;--disabled-opacity: .8;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 20px;--shadow-1: 0 1px 2px rgb(16 24 40 / .08);--shadow-2: 0 4px 12px rgb(16 24 40 / .12);--shadow-3: 0 24px 64px rgb(16 24 40 / .35);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring: color-mix(in srgb, var(--accent) 70%, var(--text));--duration-fast: .18s;--ease-out: cubic-bezier(.2, .7, .2, 1);--control-height: 2.75rem;--control-height-float: 3.25rem;--field-icon-size: 1.125rem;--field-label-float-top: .875rem;--field-label-float-scale: .78;--field-focus-bar-width: 3px;--field-focus-halo: color-mix(in srgb, var(--accent) 18%, transparent);--auth-panel-width: 26rem;--auth-frame-inset: 4.5rem;--auth-gradient: linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 45%, #000));--page-width: 72rem;--reading-width: 44rem;--contents-width: 15rem;--shell-side-width: 16rem;--shell-side-collapsed: 4.75rem;--shell-top-height: 4.75rem;--shell-top-height-narrow: 4rem;--shell-search-width: 22.5rem;--shell-avatar: 2.125rem;--shell-icon: 1.125rem;--shell-ink: color-mix(in srgb, var(--accent) 30%, #060a14);--on-shell-ink: #cdd6e6;--on-shell-ink-muted: #aeb8cb;--on-shell-ink-strong: #ffffff;--shell-ink-rule: rgb(255 255 255 / .09);--shell-ink-hover: rgb(255 255 255 / .07);--shell-ink-chip: rgb(255 255 255 / .05);--shell-ink-raised: rgb(255 255 255 / .13);--shell-ink-well: rgb(0 0 0 / .25);--shell-rail: color-mix(in srgb, var(--accent) 70%, #fff);--shell-rail-width: 3px;--shell-wash: linear-gradient(90deg, color-mix(in srgb, var(--accent) 34%, transparent), transparent);--shell-dot: #7cc4ff;--shell-dot-size: .4375rem;--shell-dot-glow: 0 0 0 3px color-mix(in srgb, var(--shell-dot) 22%, transparent), 0 0 10px var(--shell-dot);--shell-chip: 2rem;--page-icon: 2.625rem;--shell-edge-width: .875rem;--shell-edge-height: 3.5rem;--shell-edge-curve: .625rem;--table-row-height: 2.125rem;--table-head-height: 2.25rem;--table-head-rule: 2px;--table-state-bar: 3px;--table-search-height: 1.9rem;--table-search-width: 45rem;--table-mono-size: .78rem;--table-sort-width: .6rem;--table-sort-height: .9rem;--table-sort-arrow: .3rem;--table-chrome-height: 18.5rem;--table-fill-min: 24rem;--state-dot: .55rem;--caps-spacing: .06em;--filter-tile-min-width: 10rem;--pulse-dot: .5rem;--pulse-duration: 2s;--pulse-low: .35;--dialog-width: 28rem;--dialog-scrim: rgb(0 0 0 / .35);--logo-height: 3rem;--logo-backdrop: transparent;--logo-backdrop-padding: 0;--brand-ground: #ffffff;--brand-picture: none;--login-picture: none;--login-owner-picture: none;--login-scrim-wash: rgb(0 0 0 / .15);--on-scrim: #ffffff;--on-scrim-muted: rgb(255 255 255 / .82);--band: rgb(8 12 16 / .55);--band-border: rgb(255 255 255 / .16);--band-blur: 14px;--band-bar: color-mix(in srgb, var(--accent) 80%, #fff);--band-bar-width: 4px;--live: #7fd34a;--live-dot: .55rem;--glass: rgb(255 255 255 / .7);--glass-solid: rgb(255 255 255 / .92);--glass-border: rgb(255 255 255 / .5);--on-glass: var(--text);--on-glass-muted: var(--text-muted);--glass-blur: 18px}:root[data-theme=dark]{color-scheme:dark;--page: #16191d;--page-fade: #0a0c0e;--surface: #1f2328;--surface-raised: #272c32;--text: #f4f6f8;--text-muted: #9aa4ae;--border: #3a414a;--border-strong: #5b6570;--shell-pattern-ink: color-mix(in srgb, color-mix(in oklab, var(--accent) 55%, var(--text)) 28%, transparent);--rule: color-mix(in srgb, var(--border) 80%, var(--surface));--row-hover: color-mix(in srgb, var(--accent) 10%, var(--surface));--head: color-mix(in srgb, var(--page) 45%, var(--surface));--danger: #ff8a80;--danger-subtle: #3a1714;--on-danger-subtle: #ffd5d0;--status-alarm: #f97066;--status-warning: #fdb022;--status-ok: #32d583;--status-offline: #98a2b3;--focus-ring: color-mix(in srgb, var(--accent) 60%, var(--text));--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 4px 12px rgb(0 0 0 / .5);--shadow-3: 0 8px 15px rgb(0 0 0 / .6);--band: rgb(0 0 0 / .6);--login-scrim-wash: rgb(0 0 0 / .3);--dialog-scrim: rgb(0 0 0 / .6);--glass: rgb(10 12 16 / .45);--glass-solid: rgb(10 12 16 / .9);--glass-border: rgb(255 255 255 / .18);--logo-backdrop: #f4f6f8;--logo-backdrop-padding: var(--space-2) var(--space-3);--shell-ink: color-mix(in srgb, var(--accent) 18%, #04060c)}}@layer components{.app-loader{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:var(--page)}.spinner{width:var(--space-6);height:var(--space-6);border:var(--focus-ring-width) solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface-raised);color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text)}.field-input{box-sizing:border-box;width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-size-md);color:var(--text);background:var(--surface);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md)}.field-input:hover{border-color:var(--text-muted)}.field-control{position:relative}.field-input-reveal{padding-right:var(--control-height)}.field-reveal{position:absolute;inset-block:0;right:0;display:grid;place-items:center;width:var(--control-height);padding:0;color:var(--text-muted);background:none;border:0;border-radius:var(--radius-md);cursor:pointer}.field-reveal[hidden]{display:none}.field-reveal:hover{color:var(--text)}.field-reveal svg{width:var(--space-4x);height:var(--space-4x);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.field-reveal[aria-pressed=true] .field-reveal-hidden,.field-reveal[aria-pressed=false] .field-reveal-shown{display:none}.field-float .field-input{min-height:var(--control-height-float);padding:var(--space-4x) var(--space-3) var(--space-1) calc(2 * var(--space-3) + var(--field-icon-size));transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.field-float .field-input-reveal{padding-right:var(--control-height)}.field-float .field-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset var(--field-focus-bar-width) 0 0 var(--accent),0 0 0 var(--focus-ring-width) var(--field-focus-halo)}.field-icon{position:absolute;top:50%;left:var(--space-3);width:var(--field-icon-size);height:var(--field-icon-size);transform:translateY(-50%);fill:none;stroke:var(--text-muted);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke var(--duration-fast) var(--ease-out)}.field-control:focus-within .field-icon{stroke:var(--accent)}.field-float .field-label{position:absolute;top:50%;left:calc(2 * var(--space-3) + var(--field-icon-size));font-size:var(--font-size-md);color:var(--text-muted);transform:translateY(-50%);transform-origin:left center;pointer-events:none;transition:top var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.field-float .field-input:focus+.field-label,.field-float .field-input:valid+.field-label,.field-float.is-invalid .field-label{top:var(--field-label-float-top);transform:translateY(-50%) scale(var(--field-label-float-scale));color:var(--text)}.field-float .field-input:-webkit-autofill+.field-label{top:var(--field-label-float-top);transform:translateY(-50%) scale(var(--field-label-float-scale))}.field-float .field-input:focus+.field-label{color:var(--accent-active)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;min-height:var(--control-height);padding:var(--space-2) var(--space-5);font:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--on-accent);background:var(--accent);border:var(--border-width) solid transparent;border-radius:var(--radius-md);cursor:pointer}.button:hover{background:var(--accent-hover)}.button:active{background:var(--accent-active)}.button:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.button-secondary{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.button-secondary:hover{background:var(--accent-subtle)}.button-secondary:active{background:var(--accent-subtle);border-color:var(--accent)}.button-block{display:flex;width:100%}.button-arrow{display:inline-block;width:0;margin-inline-start:calc(-1 * var(--space-2));opacity:0;transform:translate(calc(-1 * var(--space-2)));transition:width var(--duration-fast) var(--ease-out),margin var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.button:hover .button-arrow,.button:focus-visible .button-arrow{width:1em;margin-inline-start:0;opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.field-float .field-input,.field-float .field-label,.field-icon,.button-arrow{transition:none}}.field-input:focus-visible,.button:focus-visible,.picker-button:focus-visible,.filter-tile:focus-visible,.field-reveal:focus-visible,a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.alert{padding:var(--space-3) var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert[hidden]{display:none}.alert>:first-child{margin-top:0}.alert>:last-child{margin-bottom:0}.alert-error{color:var(--on-danger-subtle);background:var(--danger-subtle);border-color:var(--danger)}m-filter-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--filter-tile-min-width),1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.filter-tile{position:relative;display:grid;gap:var(--space-1);overflow:hidden;padding:var(--space-3) var(--space-4);font:inherit;text-align:left;color:var(--text);background:var(--surface);border:var(--border-width) solid var(--rule);border-radius:var(--radius-lg);cursor:pointer}.filter-tile:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--space-1);background:var(--tile-colour, var(--accent))}.filter-tile:hover{border-color:var(--border-strong)}.filter-tile[aria-pressed=true]{border-color:var(--tile-colour, var(--accent));box-shadow:0 0 0 var(--border-width) var(--tile-colour, var(--accent))}.filter-tile-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-soft);text-transform:uppercase;letter-spacing:var(--caps-spacing)}.filter-tile-count{font-size:var(--font-size-xl);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}m-picker{display:inline-block;max-width:100%}.picker-button{display:inline-flex;align-items:center;gap:var(--space-2);box-sizing:border-box;max-width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--on-accent);background:var(--accent);border:var(--border-width) solid transparent;border-radius:var(--radius-md);cursor:pointer}.picker-button:hover{background:var(--accent-hover)}.picker-button:active{background:var(--accent-active)}.picker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-button svg,.picker-head svg{width:var(--field-icon-size);height:var(--field-icon-size);flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.picker-dialog{box-sizing:border-box;width:min(var(--dialog-width),calc(100vw - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-4));padding:0;color:var(--text);background:var(--surface-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}.picker-dialog::backdrop{background:var(--dialog-scrim)}.picker-form{display:flex;flex-direction:column;gap:var(--space-4);max-height:inherit;box-sizing:border-box;padding:var(--space-5)}.picker-head{display:flex;align-items:center;gap:var(--space-2);color:var(--accent)}.picker-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text)}.picker-field{margin-bottom:0}.picker-list{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0;padding:var(--space-1);list-style:none;border:var(--border-width) solid var(--border);border-radius:var(--radius-md)}.picker-list:empty{display:none}.picker-option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.picker-option:hover{background:var(--accent-subtle)}.picker-option[data-current]{font-weight:var(--font-weight-bold)}.picker-option[aria-selected=true]{color:var(--on-accent);background:var(--accent)}.picker-message{margin:0}.picker-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}}@layer components{html{background:var(--page)}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--text);background:var(--page)}a{color:var(--text);text-decoration-color:var(--accent);text-underline-offset:.2em}.visually-hidden{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@layer page{.auth{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--auth-panel-width));align-content:center;align-items:center;gap:var(--space-6);box-sizing:border-box;min-height:100vh;min-height:100dvh;padding:var(--auth-frame-inset);background-color:var(--accent);background-image:var(--auth-gradient);color:var(--on-scrim)}.auth:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--accent);background-image:var(--login-picture),var(--login-owner-picture),var(--auth-gradient);background-size:cover;background-position:center}.auth-feature{position:absolute;inset-inline:0;bottom:0;min-width:0;padding:var(--space-5) calc(var(--auth-panel-width) + var(--auth-frame-inset)) var(--space-5) var(--auth-frame-inset);background:var(--band);border-top:var(--border-width) solid var(--band-border);-webkit-backdrop-filter:blur(var(--band-blur)) saturate(130%);backdrop-filter:blur(var(--band-blur)) saturate(130%)}.auth-caption{padding-inline-start:var(--space-5);border-inline-start:var(--band-bar-width) solid var(--band-bar)}.auth-eyebrow{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--on-scrim-muted)}.auth-title{margin:var(--space-1) 0 var(--space-2);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.auth-subtitle{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-tight);color:var(--on-scrim-muted)}.auth-subtitle:before{content:"";flex:none;width:var(--live-dot);height:var(--live-dot);border-radius:50%;background:var(--live);animation:auth-live 2.4s ease-out infinite}.auth-subtitle:empty{display:none}@keyframes auth-live{0%{box-shadow:0 0 color-mix(in srgb,var(--live) 60%,transparent)}70%,to{box-shadow:0 0 0 var(--space-2) transparent}}@media(prefers-reduced-motion:reduce){.auth-subtitle:before{animation:none}}.auth-panel{grid-column:2;z-index:1;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;padding:var(--space-6);color:var(--on-glass);background:var(--glass);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%)}.auth-brand{align-self:center;max-width:100%;box-sizing:border-box;margin-top:var(--space-3);margin-bottom:var(--space-6)}.auth-logo{display:block;max-width:100%;height:var(--logo-height);object-fit:contain;object-position:left center}.auth-heading{margin:0 0 var(--space-5);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.auth-form{margin-bottom:var(--space-6)}.auth-form .field.is-invalid .field-input{border-color:var(--danger);background:color-mix(in srgb,var(--danger-subtle) 55%,var(--surface))}.auth-form .field.is-invalid .field-control{animation:auth-nudge .32s ease-in-out}.auth-form .field.is-invalid .field-input:focus-visible{box-shadow:inset var(--field-focus-bar-width) 0 0 var(--danger),0 0 0 var(--focus-ring-width) color-mix(in srgb,var(--danger) 18%,transparent)}.auth-form .field.is-invalid .field-label{color:var(--danger)}.auth-form .field.is-invalid .field-icon{stroke:var(--danger)}.auth-form .field.is-invalid .field-input::placeholder{color:var(--danger);opacity:1;font-weight:var(--font-weight-bold)}@keyframes auth-nudge{0%,to{transform:none}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@media(prefers-reduced-motion:reduce){.auth-form .field.is-invalid .field-control{animation:none}}.auth-error{margin-top:var(--space-4)}.auth-rule{width:100%;margin:var(--space-4) 0;border:0;border-top:var(--border-width) solid var(--border)}.auth-note,.auth-footer{margin:0;font-size:var(--font-size-sm);color:var(--on-glass-muted);text-align:center}.auth-footer{margin-top:var(--space-5)}.auth-footer a{color:var(--on-glass)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.auth-panel{background:var(--glass-solid)}}@media(prefers-reduced-transparency:reduce){.auth-panel{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:48rem){.auth{grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-5);padding:var(--space-6) var(--space-4)}.auth:before{display:none}.auth-feature{position:static;padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--band-border);border-radius:var(--radius-lg)}.auth-caption{padding-inline-start:var(--space-4)}.auth-title{font-size:var(--font-size-xl)}.auth-subtitle{font-size:var(--font-size-sm)}.auth-panel{grid-column:1;padding:var(--space-5) var(--space-4)}}}
/*# sourceMappingURL=notfound.css.map */