@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-CqIkmgaP.woff2)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.snackbar[data-v-d2171a4f]{z-index:100;align-items:center;gap:var(--md-sys-space-4);border-radius:var(--md-sys-shape-small);background:var(--md-sys-color-surface-container-highest);max-width:90%;color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-3);padding:.625rem 1rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.snackbar--success[data-v-d2171a4f]{border-left:3px solid var(--md-sys-color-success)}.snackbar--error[data-v-d2171a4f]{border-left:3px solid var(--md-sys-color-error)}.snackbar__message[data-v-d2171a4f]{font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line)}.snackbar__action[data-v-d2171a4f]{font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--md-sys-color-secondary);box-shadow:none;background:0 0;flex-shrink:0;padding:.25rem .5rem}.snackbar-enter-active[data-v-d2171a4f],.snackbar-leave-active[data-v-d2171a4f]{transition:transform .25s,opacity .25s}.snackbar-enter-from[data-v-d2171a4f],.snackbar-leave-to[data-v-d2171a4f]{opacity:0;transform:translate(-50%)translateY(1rem)}.layout[data-v-ca7e6f8e]{height:100%;display:flex}.layout__sidebar[data-v-ca7e6f8e]{background:var(--md-sys-color-surface-container);border-right:1px solid var(--md-sys-color-outline-variant);flex-direction:column;flex-shrink:0;transition:width .25s;display:flex;overflow:hidden}.layout__header[data-v-ca7e6f8e]{justify-content:space-between;align-items:center;gap:var(--md-sys-space-2);padding:var(--md-sys-space-2);display:flex}.layout__header--collapsed[data-v-ca7e6f8e]{justify-content:center}.layout__brand[data-v-ca7e6f8e]{align-items:center;gap:var(--md-sys-space-2);color:var(--md-sys-color-secondary);white-space:nowrap;padding:0;font-weight:700;display:flex}.layout__brand-icon[data-v-ca7e6f8e]{color:var(--md-sys-color-secondary);font-size:1.25rem}.layout__logo[data-v-ca7e6f8e]{font-size:1.2rem}.layout__brand-text[data-v-ca7e6f8e]{font-size:1rem}.layout__nav[data-v-ca7e6f8e]{gap:var(--md-sys-space-1);padding:var(--md-sys-space-2);flex-direction:column;flex:1;display:flex}.layout__nav-item[data-v-ca7e6f8e]{justify-content:flex-start;align-items:center;gap:var(--md-sys-space-3);padding:var(--md-sys-space-3) var(--md-sys-space-3);border-radius:var(--md-sys-shape-small);color:var(--md-sys-color-on-surface-variant);white-space:nowrap;min-height:2.5rem;text-decoration:none;transition:background-color .2s,color .2s,transform 80ms;display:flex;position:relative}.layout__nav-item[data-v-ca7e6f8e]:not(.layout__nav-item--active):hover{background:var(--md-sys-state-hover);color:var(--md-sys-color-on-surface)}.layout__nav-item[data-v-ca7e6f8e]:not(.layout__nav-item--active):active{background:var(--md-sys-state-pressed);color:var(--md-sys-color-on-surface);transform:scale(.97)}.layout__nav-item--active[data-v-ca7e6f8e]{background:var(--gradient-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-2)}.layout__nav-item--active[data-v-ca7e6f8e]:before{content:"";border-radius:var(--md-sys-shape-extra-small);background:var(--md-sys-color-on-primary);width:3px;position:absolute;top:25%;bottom:25%;left:0}.layout__nav-icon[data-v-ca7e6f8e]{text-align:center;flex-shrink:0;width:1.25rem;font-size:1.25rem;line-height:1}.layout__nav-label[data-v-ca7e6f8e]{line-height:1.2}.layout__toggle[data-v-ca7e6f8e]{border-radius:var(--md-sys-shape-small);width:2.5rem;height:2.5rem;color:var(--md-sys-color-on-surface-variant);box-shadow:none;background:0 0;flex-shrink:0;padding:0}.layout__toggle[data-v-ca7e6f8e]:hover{background:var(--md-sys-state-hover);color:var(--md-sys-color-on-surface)}.layout__toggle-icon[data-v-ca7e6f8e]{font-size:1.5rem;line-height:1}.layout__content[data-v-ca7e6f8e]{padding:var(--md-sys-space-4);gap:var(--md-sys-space-4);flex-direction:column;flex:1;display:flex;overflow:auto}.layout__topbar[data-v-ca7e6f8e]{min-height:56px;padding:0 var(--md-sys-space-4);background:var(--md-sys-color-surface-container);border-bottom:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-medium);flex-shrink:0;align-items:center;display:flex}.layout__topbar-title[data-v-ca7e6f8e]{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--md-sys-color-on-surface);margin:0}@media (width<=768px){.layout__sidebar[data-v-ca7e6f8e]{width:64px!important}.layout__brand-text[data-v-ca7e6f8e],.layout__nav-label[data-v-ca7e6f8e],.layout__logo[data-v-ca7e6f8e]{display:none}}.userpage[data-v-ce22afd0]{gap:var(--md-sys-space-6);flex-direction:column;max-width:48rem;margin:0 auto;display:flex}.login[data-v-ce22afd0]{gap:var(--md-sys-space-4);flex-direction:column;width:100%;max-width:22rem;margin:12vh auto 0;display:flex}.login__title[data-v-ce22afd0]{text-align:center;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line);color:var(--md-sys-color-primary);margin:0}.login__error[data-v-ce22afd0]{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-error);margin:0}.login__submit[data-v-ce22afd0]{width:100%}.profile[data-v-ce22afd0]{align-items:center;gap:var(--md-sys-space-4);display:flex}.profile__avatar[data-v-ce22afd0]{color:#fff;background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;font-weight:700;display:flex}.profile__info[data-v-ce22afd0]{flex:1}.profile__name[data-v-ce22afd0]{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line);margin:0}.profile__role[data-v-ce22afd0]{margin:var(--md-sys-space-1) 0 0;color:var(--md-sys-color-on-surface-variant)}.ptz__offline[data-v-d2638f41]{margin:0 0 var(--md-sys-space-3);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-warning)}.ptz__error[data-v-d2638f41]{margin:0 0 var(--md-sys-space-3);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-error)}.ptz__body[data-v-d2638f41]{align-items:flex-start;gap:var(--md-sys-space-4);flex-wrap:wrap;display:flex}.ptz__left[data-v-d2638f41]{gap:var(--md-sys-space-3);flex-direction:column;display:flex}.ptz__right[data-v-d2638f41]{gap:var(--md-sys-space-3);flex-direction:column;min-width:0;display:flex}.ptz-direction[data-v-d2638f41]{gap:var(--md-sys-space-1);grid-template-rows:repeat(3,3rem);grid-template-columns:repeat(3,3rem);grid-template-areas:"ul u ur""l c r""dl d dr";display:grid}.ptz-btn[data-v-d2638f41]{border-radius:var(--md-sys-shape-small);width:3rem;height:3rem;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-1);padding:0}.ptz-btn .material-symbols-outlined[data-v-d2638f41]{font-size:1.5rem}.ptz-zoom[data-v-d2638f41]{gap:var(--md-sys-space-1);display:flex}.ptz-features-grid[data-v-d2638f41]{gap:var(--md-sys-space-1) var(--md-sys-space-4);grid-template-columns:repeat(2,auto);display:grid}.ptz-feature-title[data-v-d2638f41]{margin:0 0 var(--md-sys-space-2);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.ptz-feature[data-v-d2638f41]{align-items:center;gap:var(--md-sys-space-2);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);cursor:default;-webkit-user-select:none;user-select:none;display:flex}.ptz-feature input[type=checkbox][data-v-d2638f41]{appearance:none;background:var(--md-sys-color-outline);cursor:default;border-radius:999px;flex-shrink:0;width:3rem;height:1.5rem;margin:0;transition:background-color .2s,box-shadow .2s,filter .15s;position:relative}.ptz-feature input[type=checkbox][data-v-d2638f41]:before{content:"";background:var(--md-sys-color-surface-container-highest);width:1.25rem;height:1.25rem;box-shadow:var(--md-sys-elevation-1);border-radius:50%;transition:transform .2s,background-color .2s;position:absolute;top:2px;left:2px}.ptz-feature input[type=checkbox][data-v-d2638f41]:checked{background:var(--md-sys-color-primary)}.ptz-feature input[type=checkbox][data-v-d2638f41]:checked:before{background:var(--md-sys-color-on-primary);transform:translate(1.5rem)}.ptz-feature input[type=checkbox][data-v-d2638f41]:hover{box-shadow:0 0 0 4px var(--md-sys-state-hover-primary), inset 0 0 0 1px var(--md-sys-color-secondary)}.ptz-feature input[type=checkbox][data-v-d2638f41]:active{filter:brightness(.85)}.ptz-feature input[type=checkbox][data-v-d2638f41]:disabled{opacity:.5;cursor:not-allowed}.ptz-speed[data-v-d2638f41]{align-items:center;gap:var(--md-sys-space-2);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);display:flex}.ptz-speed input[type=range][data-v-d2638f41]{appearance:none;background:linear-gradient(to right, var(--md-sys-color-primary) var(--fill,0%), var(--md-sys-color-outline) var(--fill,0%));cursor:default;border-radius:999px;outline:none;flex:1;min-width:8rem;height:4px;transition:filter .15s}.ptz-speed input[type=range][data-v-d2638f41]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:4px}.ptz-speed input[type=range][data-v-d2638f41]::-webkit-slider-thumb{appearance:none;background:var(--md-sys-color-secondary);width:1.25rem;height:1.25rem;box-shadow:var(--md-sys-elevation-1);border-radius:50%;margin-top:-.5rem;transition:background-color .2s,box-shadow .2s,transform .15s}.ptz-speed input[type=range][data-v-d2638f41]::-moz-range-track{background:0 0;border-radius:999px;height:4px}.ptz-speed input[type=range][data-v-d2638f41]::-moz-range-thumb{background:var(--md-sys-color-secondary);width:1.25rem;height:1.25rem;box-shadow:var(--md-sys-elevation-1);border:none;border-radius:50%;transition:background-color .2s,box-shadow .2s,transform .15s}.ptz-speed:hover input[type=range][data-v-d2638f41]::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--md-sys-state-hover-primary);background:#fff;transform:scale(1.1)}.ptz-speed:hover input[type=range][data-v-d2638f41]::-moz-range-thumb{box-shadow:0 0 0 6px var(--md-sys-state-hover-primary);background:#fff;transform:scale(1.1)}.ptz-speed input[type=range][data-v-d2638f41]:active{filter:brightness(1.1)}.ptz-speed input[type=range][data-v-d2638f41]:active::-webkit-slider-thumb{transform:scale(1.15)}.ptz-speed input[type=range][data-v-d2638f41]:active::-moz-range-thumb{transform:scale(1.15)}.ptz-speed input[type=range][data-v-d2638f41]:disabled{opacity:.5;cursor:not-allowed}.ptz-speed__value[data-v-d2638f41]{text-align:right;min-width:2.5rem;color:var(--md-sys-color-secondary);font-variant-numeric:tabular-nums}.monitor[data-v-26d4905b]{gap:var(--md-sys-space-4);height:100%;min-height:0;display:flex}.monitor__list[data-v-26d4905b]{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-medium);flex-shrink:0;width:15rem;transition:width .2s;overflow:hidden}.monitor__list--collapsed[data-v-26d4905b]{width:2.5rem}.monitor__list-header[data-v-26d4905b]{padding:var(--md-sys-space-2) var(--md-sys-space-3);color:var(--md-sys-color-primary);white-space:nowrap;justify-content:space-between;align-items:center;font-weight:600;display:flex}.monitor__collapse[data-v-26d4905b]{border-radius:var(--md-sys-shape-extra-small);width:1.5rem;height:1.5rem;box-shadow:none;background:0 0;padding:0}.monitor__devices[data-v-26d4905b]{padding:0 var(--md-sys-space-2) var(--md-sys-space-2);gap:var(--md-sys-space-1);flex-direction:column;margin:0;list-style:none;display:flex}.monitor__device[data-v-26d4905b]{justify-content:space-between;align-items:center;gap:var(--md-sys-space-2);width:100%;padding:var(--md-sys-space-2) var(--md-sys-space-2);border-radius:var(--md-sys-shape-small);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface);box-shadow:none;background:0 0;transition:background-color .2s;display:flex}.monitor__device[data-v-26d4905b]:not(:disabled):not(.monitor__device--active):hover{background:var(--md-sys-state-hover)}.monitor__device[data-v-26d4905b]:disabled{opacity:.45;cursor:not-allowed}.monitor__device--active[data-v-26d4905b]{background:var(--gradient-primary);color:#fff}.monitor__device-name[data-v-26d4905b]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monitor__empty[data-v-26d4905b]{padding:var(--md-sys-space-2);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);margin:0}.monitor__main[data-v-26d4905b]{gap:var(--md-sys-space-4);flex-direction:column;flex:1;min-width:0;display:flex}.monitor__screen[data-v-26d4905b]{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-medium);background:#000;flex:1;min-height:0;position:relative;overflow:hidden}.monitor__video[data-v-26d4905b]{object-fit:contain;width:100%;height:100%}.monitor__placeholder[data-v-26d4905b]{color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.monitor__error[data-v-26d4905b]{padding:var(--md-sys-space-2);text-align:center;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-error);background:#0009;margin:0;position:absolute;bottom:0;left:0;right:0}.monitor__panel[data-v-26d4905b]{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-medium);padding:var(--md-sys-space-4);flex-shrink:0}@media (width<=768px){.monitor[data-v-26d4905b]{flex-direction:column}.monitor__list[data-v-26d4905b],.monitor__list--collapsed[data-v-26d4905b]{width:100%}}.modal-overlay[data-v-6f687694]{z-index:50;padding:var(--md-sys-space-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog[data-v-6f687694]{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-large);width:100%;max-width:26rem;box-shadow:var(--md-sys-elevation-4)}.modal-header[data-v-6f687694]{padding:var(--md-sys-space-4);border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;display:flex}.modal-title[data-v-6f687694]{font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--md-sys-color-on-surface)}.modal-close[data-v-6f687694]{border-radius:var(--md-sys-shape-extra-small);width:2.5rem;height:2.5rem;color:var(--md-sys-color-on-surface-variant);padding:0}.modal-close .material-symbols-outlined[data-v-6f687694]{font-size:1.25rem}.modal-body[data-v-6f687694]{padding:var(--md-sys-space-4)}.devices[data-v-c508bb43]{gap:var(--md-sys-space-4);flex-direction:column;display:flex}.btn__icon[data-v-c508bb43]{font-size:1.25rem;line-height:1}.device-manage[data-v-23e6b991]{gap:var(--md-sys-space-4);flex-direction:column;display:flex}.btn__icon[data-v-23e6b991]{font-size:1.25rem;line-height:1}.user-manage[data-v-5f751a66]{gap:var(--md-sys-space-4);flex-direction:column;display:flex}.chips[data-v-5f751a66]{gap:var(--md-sys-space-1);flex-wrap:wrap;max-width:20rem;display:flex}.chip[data-v-5f751a66]{align-items:center;gap:var(--md-sys-space-1);font-size:var(--md-sys-typescale-label-medium-size);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:999px;padding:.15rem .5rem;display:inline-flex}.chip__remove[data-v-5f751a66]{border-radius:var(--md-sys-shape-extra-small);width:1rem;height:1rem;box-shadow:none;background:0 0;padding:0;font-size:.75rem}.chips__empty[data-v-5f751a66]{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.actions[data-v-5f751a66]{align-items:center;gap:var(--md-sys-space-2);display:flex}.actions__disabled[data-v-5f751a66]{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.btn__icon[data-v-5f751a66]{font-size:1.25rem;line-height:1}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.flex{display:flex}.hidden{display:none}.table{display:table}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--md-sys-color-primary:#1976d2;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#0d47a1;--md-sys-color-on-primary-container:#aed6ff;--md-sys-color-secondary:#42a5f5;--md-sys-color-tertiary:#03a9f4;--md-sys-color-surface:#0b1a2a;--md-sys-color-surface-container-lowest:#06101c;--md-sys-color-surface-container-low:#0e2133;--md-sys-color-surface-container:#12263a;--md-sys-color-surface-container-high:#19334b;--md-sys-color-surface-container-highest:#21405c;--md-sys-color-on-surface:#e8f1f8;--md-sys-color-on-surface-variant:#9fb3c8;--md-sys-color-outline:#ffffff1f;--md-sys-color-outline-variant:#ffffff14;--md-sys-color-error:#ff6b6b;--md-sys-color-on-error:#fff;--md-sys-color-success:#7bed9f;--md-sys-color-warning:#ffa502;--gradient-primary:linear-gradient(135deg, #1565c0 0%, #1976d2 50%, #42a5f5 100%);--md-sys-state-hover:#ffffff14;--md-sys-state-focus:#ffffff1f;--md-sys-state-pressed:#ffffff24;--md-sys-state-hover-primary:#1976d21f;--md-sys-state-focus-primary:#1976d233;--md-sys-elevation-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--md-sys-elevation-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--md-sys-elevation-3:0 1px 3px #0000004d, 0 4px 8px 3px #00000026;--md-sys-elevation-4:0 2px 3px #0000004d, 0 6px 10px 4px #00000026;--md-sys-elevation-5:0 4px 4px #0000004d, 0 8px 12px 6px #00000026;--md-sys-shape-extra-small:4px;--md-sys-shape-small:8px;--md-sys-shape-medium:12px;--md-sys-shape-large:16px;--md-sys-shape-extra-large:28px;--md-sys-space-1:4px;--md-sys-space-2:8px;--md-sys-space-3:12px;--md-sys-space-4:16px;--md-sys-space-6:24px;--md-sys-space-8:32px;--md-sys-space-12:48px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line:40px;--md-sys-typescale-headline-large-weight:400;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-line:28px;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-medium-line:24px;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-large-line:24px;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-line:20px;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-body-small-line:16px;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-large-line:20px;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-line:16px;--md-sys-typescale-label-medium-weight:500;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{cursor:default}html,body{height:100%;color:var(--md-sys-color-on-surface);background:radial-gradient(circle at 20% 0%, #123a5e 0%, transparent 45%), radial-gradient(circle at 90% 100%, #0d2b45 0%, transparent 40%), var(--md-sys-color-surface);margin:0;padding:0;overflow:hidden}#app{height:100%}.m-icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.ripple{pointer-events:none;background:#ffffff4d;border-radius:50%;animation:.5s ease-out ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}button,.btn{border-radius:var(--md-sys-shape-small);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line);color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;transition:background-color .2s,box-shadow .2s,transform .1s;display:inline-flex;position:relative;overflow:hidden}button:after,.btn:after{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .15s;position:absolute;inset:0}button:hover:after,.btn:hover:after{opacity:.08}button:active:after,.btn:active:after{opacity:.14}button:focus-visible,.btn:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:2px}button:disabled,.btn.disabled{opacity:.5;cursor:default;pointer-events:none}.btn--tonal{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container);box-shadow:none}.btn--outlined,.btn--ghost{color:var(--md-sys-color-secondary);border:1px solid var(--md-sys-color-outline);box-shadow:none;background:0 0}.btn--outlined:hover:after,.btn--ghost:hover:after{opacity:.08}.btn--outlined:active:after,.btn--ghost:active:after{opacity:.14}.btn--text{color:var(--md-sys-color-secondary);box-shadow:none;background:0 0;border:none}.btn--elevated{color:var(--md-sys-color-secondary);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-2)}.btn--danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.btn--sm{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line);padding:.375rem .75rem}.card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-medium);box-shadow:var(--md-sys-elevation-1);padding:var(--md-sys-space-4);border:none}.input{border-radius:var(--md-sys-shape-extra-small);border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-lowest);width:100%;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line);outline:none;padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.table{border-collapse:collapse;width:100%;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line)}.table th,.table td{text-align:left;border-bottom:1px solid var(--md-sys-color-outline-variant);padding:.625rem .75rem}.table th{color:var(--md-sys-color-on-surface-variant);font-weight:var(--md-sys-typescale-label-large-weight)}.table tbody tr{transition:background-color .15s}.table tbody tr:hover{background:var(--md-sys-state-hover)}.badge{font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line);font-weight:var(--md-sys-typescale-label-medium-weight);white-space:nowrap;border-radius:999px;padding:.2rem .625rem;display:inline-block}.badge--online{color:var(--md-sys-color-success);background:#2ed57326}.badge--offline{color:var(--md-sys-color-warning);background:#ffa50226}.badge--admin{color:var(--md-sys-color-secondary);background:#1976d233}.badge--user{color:var(--md-sys-color-on-surface);background:#ffffff1a}.badge--manual{color:var(--md-sys-color-secondary);background:#1976d233}.badge--active{color:var(--md-sys-color-success);background:#2ed57326}.page-header{justify-content:space-between;align-items:center;gap:var(--md-sys-space-4);display:flex}.page-title{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface);margin:0}.page-hint{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin:0}.page-empty{margin:var(--md-sys-space-4) 0 0;text-align:center;color:var(--md-sys-color-on-surface-variant)}.form{gap:var(--md-sys-space-4);flex-direction:column;display:flex}.form__error{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-error);margin:0}.form__actions{justify-content:flex-end;gap:var(--md-sys-space-2);display:flex}.field{gap:var(--md-sys-space-2);flex-direction:column;display:flex}.field__label{font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--md-sys-color-on-surface-variant)}@media (width<=768px){:root{font-size:14px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}