:root{--color-primary:#65ad41;--color-primary-strong:#4f9631;--color-text:#203125;--color-muted:#5b6a60;--color-border:#d8e4d4;--color-surface:#fff;--color-surface-muted:#f8fcf6;--color-code-bg:#edf3ea;--color-status-on-bg:#e7f7e3;--color-status-on-fg:#2f7c22;--color-status-on-border:#c5e8bc;--color-status-on-hover-bg:#d8f0d0;--color-status-off-bg:#faecec;--color-status-off-fg:#a13333;--color-room-locked-border:#e0a0a0;--color-room-locked-accent:#cc4f4f;--color-room-locked-bg:#fff8f8;--color-room-locked-hover-shadow:0 12px 26px #b428281f;--color-danger:#cc4f4f;--color-danger-strong:#b13f3f;--color-error-text:#9f2a2a;--color-error-bg:#fff4f4;--color-error-border:#f3c8c8;--color-error-banner-text:#a03333;--color-error-banner-bg:#fff5f5;--color-error-banner-border:#f0c8c8;--color-danger-outline-border:#f2d3d3;--color-danger-outline-text:#9e3c3c;--color-page-bg-1:#f3f9f1;--color-page-bg-2:#ecf8e8;--color-page-bg-3:#e4f4de;--color-topbar-bg:#ffffffe0;--color-modal-border:#dbead6;--color-modal-backdrop:#141a1266;--color-room-disabled-border:#e3d4d4;--color-room-disabled-bg:#fffdfd;--shadow-login:0 18px 40px #26591f17;--shadow-room-hover:0 12px 26px #2c64241a;--focus-ring:0 0 0 3px #65ad4126;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:18px;--radius-pill:999px;--footer-fixed-height:7.5rem;--layout-admin-view-max:1100px;--layout-dashboard-max:var(--layout-admin-view-max);--layout-login-card-max:460px;--layout-modal-max:840px;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select,textarea,input:not([type=checkbox]):not([type=radio]),input[type=date],input[type=time]{accent-color:var(--color-primary)}select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,input:not([type=checkbox]):not([type=radio]):focus,input:not([type=checkbox]):not([type=radio]):focus-visible{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.topbar[data-v-d83cf105]{z-index:100;border-bottom:1px solid var(--color-border);background:var(--color-topbar-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-left:1rem;padding-right:1rem;position:relative}.topbar-inner[data-v-d83cf105]{max-width:min(var(--layout-admin-view-max), 100%);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1rem;display:flex}.brand[data-v-d83cf105]{align-items:center;gap:.75rem;display:flex}.brand-link[data-v-d83cf105]{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.nav[data-v-d83cf105]{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:.35rem .75rem;display:flex}.nav-link[data-v-d83cf105]{color:var(--color-muted);border-radius:var(--radius-md);padding:.25rem .45rem;font-size:.82rem;font-weight:600;text-decoration:none}.nav-link[data-v-d83cf105]:hover{color:var(--color-primary-strong);background:color-mix(in srgb, var(--color-primary) 12%, transparent)}.nav-link-active[data-v-d83cf105]{color:var(--color-primary-strong);background:color-mix(in srgb, var(--color-primary) 14%, transparent)}.brand-logo[data-v-d83cf105]{width:66px;height:auto}.brand-title[data-v-d83cf105]{color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.brand-subtitle[data-v-d83cf105]{color:var(--color-muted);margin:0;font-size:.8rem}.session[data-v-d83cf105]{align-items:center;gap:.75rem;display:flex}.session-pill[data-v-d83cf105]{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-muted);align-items:center;padding:.4rem .8rem;font-size:.85rem;display:inline-flex}.session-pill-button[data-v-d83cf105]{font:inherit;cursor:pointer;margin:0;font-weight:600}.session-pill-button[data-v-d83cf105]:hover{border-color:var(--color-primary);color:var(--color-text)}.topbar-mobile[data-v-d83cf105]{flex:none;align-items:center;display:none}.mobile-nav-toggle[data-v-d83cf105]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin:0;padding:0;display:inline-flex}.mobile-nav-toggle[data-v-d83cf105]:hover{border-color:var(--color-primary)}.mobile-nav-toggle-bars[data-v-d83cf105]{flex-direction:column;justify-content:center;gap:5px;width:1.25rem;display:flex}.mobile-nav-toggle-bars span[data-v-d83cf105]{background:var(--color-text);border-radius:1px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-nav-toggle-bars.is-open span[data-v-d83cf105]:first-child{transform:translateY(7px)rotate(45deg)}.mobile-nav-toggle-bars.is-open span[data-v-d83cf105]:nth-child(2){opacity:0}.mobile-nav-toggle-bars.is-open span[data-v-d83cf105]:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=767px){.nav--desktop[data-v-d83cf105]{display:none}.topbar-mobile[data-v-d83cf105]{display:flex}.topbar-inner[data-v-d83cf105]{flex-wrap:nowrap}.brand-copy[data-v-d83cf105]{min-width:0}.brand-title[data-v-d83cf105],.brand-subtitle[data-v-d83cf105]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-logout-desktop-only[data-v-d83cf105]{display:none}.session[data-v-d83cf105]{flex:0 auto;min-width:0;max-width:42vw}.session-pill[data-v-d83cf105]{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}.mobile-nav-portal{z-index:1000;pointer-events:none;position:fixed;inset:0}.mobile-nav-backdrop{background:color-mix(in srgb, var(--color-text,#1a1a1a) 35%, transparent);pointer-events:auto;position:absolute;inset:0}.mobile-nav-panel{max-width:min(var(--layout-admin-view-max,1100px), 100%);box-sizing:border-box;border:1px solid var(--color-border,#ddd);border-radius:0 0 var(--radius-md,8px) var(--radius-md,8px);background:var(--color-topbar-bg,#fff);pointer-events:auto;flex-direction:column;gap:0;margin:0 auto;padding:.75rem 1rem 1rem;display:flex;position:fixed;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0000001f}.mobile-nav-links{flex-direction:column;gap:.25rem;display:flex}.mobile-nav-footer{border-top:1px solid var(--color-border,#ddd);margin-top:.75rem;padding-top:.75rem}.mobile-nav-logout{box-sizing:border-box;width:100%;font:inherit;text-align:left;color:var(--color-muted,#555);border:1px solid var(--color-border,#ddd);border-radius:var(--radius-md,8px);background:var(--color-surface,#f5f5f5);cursor:pointer;margin:0;padding:.65rem .75rem;font-size:.95rem;font-weight:600;display:block}.mobile-nav-logout:hover{border-color:var(--color-primary,#2a8);color:var(--color-primary-strong,#0d5c2e);background:color-mix(in srgb, var(--color-primary,#2a8) 10%, transparent)}.mobile-nav-link{color:var(--color-muted,#555);border-radius:var(--radius-md,8px);padding:.65rem .75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:block}.mobile-nav-link:hover{color:var(--color-primary-strong,#0d5c2e);background:color-mix(in srgb, var(--color-primary,#2a8) 12%, transparent)}.mobile-nav-link.router-link-active{color:var(--color-primary-strong,#0d5c2e);background:color-mix(in srgb, var(--color-primary,#2a8) 14%, transparent)}.footer[data-v-9123d0b5]{z-index:20;border-top:1px solid var(--color-border);background:var(--color-topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom,0px));text-align:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #2031250f}.footer-inner[data-v-9123d0b5]{max-width:min(var(--layout-admin-view-max), 100%);box-sizing:border-box;margin:0 auto}.footer-line[data-v-9123d0b5]{color:var(--color-muted);margin:0;font-size:.72rem;line-height:1.45}.footer-line-primary[data-v-9123d0b5]{color:var(--color-text);opacity:.92}.footer-line-secondary[data-v-9123d0b5]{margin-top:.28rem;font-size:.7rem}.app-shell[data-v-77abd4d7]{background:linear-gradient(160deg, var(--color-page-bg-1) 0%, var(--color-page-bg-2) 48%, var(--color-page-bg-3) 100%);min-height:100vh}.app-main[data-v-77abd4d7]{min-height:100vh;padding:2rem 1rem;padding-bottom:calc(2rem + var(--footer-fixed-height));box-sizing:border-box;justify-content:center;align-items:center;display:flex}.app-main-auth[data-v-77abd4d7]{align-items:stretch;min-height:calc(100vh - 78px)}.app-main-public[data-v-77abd4d7]{align-items:stretch}