:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#333;margin:0}.caption-bar-actions{display:flex;align-items:center;margin-left:auto;padding:0 24px 0 0}.login-title{margin-bottom:10px;font-size:18px;font-weight:700;color:#555;text-align:center}.login-title2{margin-bottom:0;font-size:20px;font-weight:700;color:#333;text-align:center}.login-intro{margin-bottom:24px;font-size:18px;color:#555;text-align:center}.login-info{margin-bottom:24px;margin-top:0;font-size:16px;color:#555;text-align:center}.info-title{font-size:24px;font-weight:700;color:#333;text-align:left;margin-bottom:16px}.booking-code-input{height:32px;width:200px;padding:0 10px;border:1px solid #ccc;border-radius:4px;font-size:16px;margin-right:16px;margin-bottom:16px;text-align:center}.login-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .2s;margin:0 16px 0 0}.login-button:disabled,.confirm-assignments-btn:disabled{background:#ccc!important;color:#888!important;border-color:#bbb!important;cursor:not-allowed}.logout-button{position:static;padding:8px 18px;background:#e74c3c;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;z-index:1000;transition:background .2s;margin-left:16px}.logout-button:hover{background:#c0392b}.apptitle-box{margin-left:24px;line-height:1.2}.app-title{font-size:36px;font-weight:700;color:#333;text-align:left}.app-subtitle{font-size:24px;color:#555;text-align:left}.app-spinner{display:inline-block;width:1em;height:1em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:app-spin .6s linear infinite;vertical-align:-.15em}@keyframes app-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.app-spinner{animation-duration:1.5s}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (pointer: coarse){button,.logout-button{min-width:44px;min-height:44px}}.ws-status-indicator{display:inline-flex;align-items:center;font-weight:600;margin-right:.75em}.session-expiry-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f59e0b;color:#1c1917;display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.6em 1.2em;font-size:.95rem;font-weight:500;box-shadow:0 2px 8px #0000002e}.session-expiry-banner.urgent{background:#ef4444;color:#fff}.session-expiry-banner button{background:#00000026;border:none;border-radius:4px;padding:.25em .8em;cursor:pointer;font-size:.9rem;color:inherit;white-space:nowrap}.session-expiry-banner button:hover{background:#00000040}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}html[translate=no],body[translate=no],[translate=no]{translate:no}.main-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.caption-bar{display:flex;align-items:stretch;justify-content:space-between;padding:0;background-color:#fff;color:#333;border-bottom:grey solid 1px;font-size:1.5rem;flex-shrink:0}.caption-bar-logo{display:flex;align-items:stretch;padding:10px;height:80px}.caption-bar-logo img{height:100%;margin-right:0}.footer-logo{height:100%;margin-right:0;padding:0 10px 0 0}.main-content{display:flex;flex:1;overflow:hidden}.seatmap-container{flex:75% 0px 0px;overflow:hidden}.login-container,.info-page{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;width:100vw;background-color:#f8f9fa}.guest-list-area{flex:100px;overflow-y:auto;border-left:1px solid #ddd;padding:10px;background-color:#f9f9f9}.guest-list-container{flex:100px;overflow-y:auto;padding:10px;background-color:#f9f9f9}.footer{text-align:center;padding:0;background-color:#f1f1f1;border-top:1px solid #ddd;border-bottom:2px solid navy flex-shrink: 0}.language-selector{font-size:1rem;padding:4px 8px;border-radius:4px;border:1px solid #bbb;background:#fff;margin-right:8px;cursor:pointer}.language-switcher{display:flex;align-items:center;gap:8px;margin-right:12px}.lang-btn{background:#f7f7f7;border:1px solid #bbb;border-radius:4px;padding:4px 10px 4px 8px;font-size:1rem;color:#222;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .2s,border .2s}.lang-btn .flag-icon{font-size:1.2em;margin-right:4px}.lang-btn .flag-icon-img{width:22px;height:16px;object-fit:contain;margin-right:6px;border-radius:2px;box-shadow:0 1px 2px #00000014}.lang-btn.active{background:#2196f3;color:#fff;border-color:#1976d2}.lang-btn:focus{outline:2px solid #2196f3}.ws-status-indicator{color:red;font-weight:700;margin-right:16px;font-size:1.1rem;display:flex;align-items:center;gap:4px}.seatmap-container{width:100%;height:100%;overflow:hidden;position:relative}.seat-conflict{stroke:var(--seat-conflict-stroke, #d32f2f);stroke-width:3;fill:var(--seat-conflict-fill, #ffebee)}.seat-confirmed{stroke:var(--seat-confirmed-stroke, #1f7a8c);stroke-width:3;fill:var(--seat-confirmed-fill, #e6f4f7)}.room-svg{width:100%;height:99%;transform-origin:0 0;cursor:grab}.room-svg.panning{cursor:grabbing}:root{--seat-selected: #2196f3;--seat-occupied: #bdbdbd;--seat-available: #ffffff;--seat-confirmed-fill: #2196f3;--seat-confirmed-stroke: #2196f3;--seat-conflict-fill: #ffebee;--seat-conflict-stroke: #d32f2f;--table-occupied: #bdbdbd}.cb-mode{--seat-selected: #0072B2;--seat-occupied: #999999;--seat-available: #ffffff;--seat-confirmed-fill: #D9F0FF;--seat-confirmed-stroke: #0072B2;--seat-conflict-fill: #F0E442;--seat-conflict-stroke: #D55E00;--table-occupied: #999999}.seat-selected{fill:var(--seat-selected)}.seat-occupied{fill:var(--seat-occupied)}.seat-available{fill:var(--seat-available)}.table-unavailable{opacity:.5}.table-occupied{fill:var(--table-occupied)}.cb-pattern .seat-occupied{fill:url(#pattern-occupied)}.cb-pattern .seat-selected{fill:url(#pattern-selected)}.guest-list-table td{vertical-align:middle}.guest-code-input{height:24px;vertical-align:middle}.guest-code-input.invalid{border:2px solid #e74c3c;background:#fff0f0}.guest-code-error{margin-top:4px;color:#c0392b;font-size:.8em;text-align:left;max-width:240px}.guest-code-locked{display:block;text-align:left}.seat-conflict{color:#e74c3c;font-weight:700}.seat-confirmed{color:#1f7a8c;font-weight:600}.status-icon{vertical-align:middle}.guestlist-instructions{font-size:.9em;color:#555;margin-bottom:10px;margin-block-start:0em;margin-block-end:0em;padding-inline-start:20px}.guestlist-header{display:block;font-size:1.5em;margin-block-start:0em;margin-block-end:.2em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}.guestlist-tableheader .guestlist-count{font-size:.8em;color:#888}.guest-list-table td{vertical-align:middle;text-align:center}.guest-list-table th{text-align:center;font-weight:700;font-size:.9em}