:root{--vt-c-white: #ffffff;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-bg-dove: rgba(161, 180, 207, 1);--color-text-active: #00bee6;--vt-c-bg-bblue: #007bff;--vt-c-bg-bblue-shadow: #0069d9;--vt-c-bg-bgrey: #6c757d;--vt-c-bg-bgrey-shadow: #6c757d;--vt-c-bg-bgreen: #28a745;--vt-c-bg-bgreen-shadow: #218838;--vt-c-bg-bred: #dc3545;--vt-c-bg-bred-shadow: #c82333;--vt-c-bg-bred2: #d9534f;--vt-c-bg-bred2-shadow: #b9534f;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121}:root{--color-text-primary: var(--vt-c-white);--color-text-disabled: var(--gray-500);--color-text-header: var(--gray-200);--color-text-nav: var(--vt-c-white);--color-text-nav-active: var(--color-text-active);--color-text-footer: var(--vt-c-white);--color-text-hamburger: var(--gray-800);--color-text-hamburger-icon: var(--gray-200);--color-bg-canvas: var(--gray-50);--color-bg-surface: var(--vt-c-bg-bblue);--color-bg-header: var(--gray-700);--color-bg-nav: var(--gray-600);--color-bg-footer: var(--gray-600);--color-bg-nav-hover: var(--gray-700);--color-bg-table: var(--vt-c-white);--color-bg-table-head: var(--gray-300);--color-bg-table-body: var(--vt-c-white);--color-bg-table-cell-index: var(--gray-200);--color-bg-table-cell-usedby: var(--gray-200);--color-bg-table-details: var(--gray-100);--color-bg-disabled: var(--gray-100);--color-bg-header-section: var(--vt-c-bg-dove);--color-bg-hamburger: var(--gray-300);--color-bg-section-footer: var(--gray-300);--color-border-default: var(--vt-c-divider-light-1);--color-border-divider: var(--gray-300);--color-text-button-primary: var(--vt-c-white);--color-bg-button-primary: var(--vt-c-bg-bblue);--color-bg-button-primary-shadow: var(--vt-c-bg-bblue-shadow);--color-text-button-secondary: var(--vt-c-white);--color-bg-button-secondary: var(--vt-c-bg-bgrey);--color-bg-button-secondary-shadow: var(--vt-c-bg-bgrey-shadow);--color-text-button-success: var(--vt-c-white);--color-bg-button-success: var(--vt-c-bg-bgreen);--color-bg-button-success-shadow: var(--vt-c-bg-bgreen-shadow);--color-text-button-danger: var(--vt-c-white);--color-bg-button-danger: var(--vt-c-bg-bred);--color-bg-button-danger-shadow: var(--vt-c-bg-bred-shadow);--color-text-button-outline: var(--gray-700);--color-bg-button-outline: #rgba(0, 0, 0, 0);--color-bg-button-danger-outline: rgba(0, 0, 0, 0);--color-text-button-reset: var(--vt-c-white);--color-bg-button-reset: var(--vt-c-bg-bred2);--color-bg-button-reset-shadow: var(--vt-c-bg-bred2-shadow)}:root{--color-primary: #030303;--color-primary-light: #334C99;--color-primary-dark: #001655;--color-accent: #0059FF;--color-bg-light: #F8F9FC;--color-surface: #ECEFF5;--color-border: #CCD1E0;--color-text: #22283C;--color-text-muted: #606882;--color-success: #009966;--color-warning: #FFA500;--color-error: #DC3545;--color-text-nav: var(--color-bg-light);--color-text-nav-active: var(--color-text-active);--color-text-header-section: var(--gray-50);--color-bg-canvas: var(--gray-50);--color-bg-canvas2: var(--color-primary-dark);--color-bg-surface: var(--color-text-muted);--color-bg-header: var(--color-primary);--color-bg-nav: var(--color-primary-dark);--color-bg-footer: var(--color-primary-dark);--color-bg-header-section: var(--color-primary-light);--color-bg-nav-hover: var(--color-primary-light);--color-bg-login: var(--color-primary-dark)}.app-header[data-v-b0bd6961]{display:grid;grid-template-areas:"logo systemname action";grid-template-columns:1fr 1fr 1fr;background-color:var(--color-bg-header);color:var(--color-text-header);padding:8px}.header__logo[data-v-b0bd6961]{grid-area:logo;display:flex;align-items:flex-end;height:100%}.header__logo img[data-v-b0bd6961]{filter:brightness(.6);height:32px}.header__action[data-v-b0bd6961]{grid-area:action;display:flex;align-items:flex-end;justify-content:flex-end}.hamburger[data-v-b0bd6961]{background:none;border:none;font-size:24px;color:#fff}.wrapper-settingsmenu[data-v-895afffa]{background:var(--color-warning);padding:12px;border-radius:12px;position:relative;display:flex;flex-direction:column;gap:12px}.wrapper-signalserver[data-v-895afffa]{display:flex;flex-direction:column}.my-select[data-v-895afffa]{border:1px solid var(--color-border-default);border-radius:4px;box-sizing:border-box;padding:8px;width:100%;font-size:16px}.my_label[data-v-895afffa]{display:block;margin-bottom:4px;font-weight:600;color:var(--color-text-muted)}.settings-actions[data-v-895afffa]{display:flex;gap:8px}.settings-actions button[data-v-895afffa]{flex:1;padding:8px}.wrapper-callpanel{background:var(--color-bg-canvas);padding:12px;border-radius:12px;position:relative;display:flex;flex-direction:column}.callpanel__remote-select{border:1px solid var(--color-border-default);border-radius:4px;box-sizing:border-box;padding:8px;width:100%;font-size:20px}.wrapper-remote{margin-bottom:8px}.wrapper-video{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.video-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;max-width:100%;height:100%;opacity:.8;pointer-events:none;background-color:#fff}video{width:100%;height:100%;object-fit:contain;display:block}.wrapper-status{margin-top:8px;font-size:14px;color:var(--color-text-muted, #8a9099);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dot{width:10px;height:10px;border-radius:50%;background:#e53935}.dot.ok{background:#4caf50}.wrapper-controls{position:absolute;bottom:12px;left:0;width:100%;display:flex;justify-content:center;gap:26px;padding:10px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 12px 12px}.icon-button{background:#ccc;border:10px solid var(--color-border-default);border-radius:50%;cursor:pointer;padding:10px;width:100px;height:100px;display:grid;place-items:center;transition:background .15s,border-color .15s,transform .05s}.icon-button:active{transform:scale(.96)}.icon-button img{width:56px;height:56px;display:block;filter:brightness(.9)}.icon-button.active{border-color:#4caf50}.icon-button.call.on{border-color:#e53935}.footer[data-v-07f1702d]{display:flex;justify-content:space-between;padding:5px 10px;color:var(--color-text-footer);background-color:var(--color-bg-footer);font-size:12px}.footer-link[data-v-07f1702d]{color:var(--color-text-footer);text-decoration:underline;font-weight:500}.footer-link[data-v-07f1702d]:hover{color:var(--color-accent-blue, #00b7ff)}.app-shell[data-v-2f301644]{min-height:100dvh;display:flex;flex-direction:column}.content[data-v-2f301644]{flex:1 1 auto;display:flex;min-height:0;padding:12px}.stack[data-v-2f301644]{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.menu-panel[data-v-2f301644]{flex:0 0 auto;margin-bottom:12px}.call-panel[data-v-2f301644]{flex:1 1 auto;min-height:0;display:flex}