@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");:root{--kvm-petroleum:#202a3f;--kvm-navy:#2a3a70;--kvm-royal:#364b94;--kvm-primary:var(--kvm-navy);--kvm-primary-dark:var(--kvm-petroleum);--kvm-primary-light:var(--kvm-royal);--kvm-gradient:linear-gradient(155deg,#202a3f,#2a3a70 55%,#364b94);--kvm-text:#1e2433;--kvm-text-muted:#64748b;--kvm-bg-light:#f4f7fa;--kvm-white:#fff;--kvm-border:#e2e8f0;--kvm-surface:#f8fafc;--kvm-error:#d32f2f;--kvm-success:#2e7d32;--admin-header-height:70px;--admin-sidebar-width:250px;--kvm-blue:#2d3a72;--kvm-blue-dark:#1f2a5c;--kvm-blue-soft:#eef2ff;--page-bg:#eef2f7;--surface:#fff;--surface-border:#d7deea;--text-main:#172033;--text-muted:#718096;--success:#22a447;--success-soft:#ecfff2;--dash-content-max-width:1400px;--dash-content-padding-x:12px}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Montserrat,sans-serif;background-color:var(--kvm-bg-light);color:var(--kvm-text);line-height:1.6}.container-fullscreen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.kvm-card{background:var(--kvm-white);padding:2rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);width:100%;max-width:400px}.kvm-button{background:var(--kvm-gradient);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;transition:opacity .2s,box-shadow .2s;width:100%;letter-spacing:.02em}.kvm-button:hover:not(:disabled){opacity:.92;box-shadow:0 4px 14px rgba(42,58,112,.35)}.kvm-button:disabled{opacity:.6;cursor:not-allowed}.kvm-input{width:100%;padding:12px 14px;margin:8px 0 16px;border:1.5px solid var(--kvm-border);border-radius:7px;font-family:Montserrat,sans-serif;font-size:14px;color:var(--kvm-text);background:var(--kvm-white);transition:border-color .15s,box-shadow .15s;outline:none}.kvm-input:focus{border-color:var(--kvm-royal);box-shadow:0 0 0 3px rgba(54,75,148,.12)}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-sidebar{width:var(--admin-sidebar-width);color:var(--kvm-white);display:flex;flex-direction:column;transition:transform .3s ease;z-index:50;flex-shrink:0}.admin-sidebar-header{height:var(--admin-header-height);display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem;background-color:#202a3f}.admin-sidebar-nav{flex:1 1;padding:.75rem 0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;background:var(--kvm-gradient)}.admin-sidebar-link{color:hsla(0,0%,100%,.82);text-decoration:none;padding:.7rem 1.5rem;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:.01em;transition:background-color .15s,color .15s;border-left:3px solid transparent}.admin-sidebar-link:hover{color:#fff;background-color:hsla(0,0%,100%,.1)}.admin-sidebar-link:active{background-color:hsla(0,0%,100%,.2);transition:background-color 0s}.admin-sidebar-link.active{color:#fff;background-color:hsla(0,0%,100%,.14);border-left-color:hsla(0,0%,100%,.7);font-weight:600}.admin-sidebar-link.is-pending{color:#fff;background-color:hsla(0,0%,100%,.1)}.admin-sidebar-link-spinner{width:13px;height:13px;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;animation:admin-sidebar-link-spin .6s linear infinite;flex-shrink:0}@keyframes admin-sidebar-link-spin{to{transform:rotate(1turn)}}@keyframes kvm-concierge-breathe{0%,to{color:#94a3b8}50%{color:#a78bfa}}.concierge-breathe{animation:kvm-concierge-breathe .6s ease-in-out 2}@keyframes kvm-concierge-badge-pulse{0%,to{box-shadow:0 0 0 0 rgba(124,58,237,.45)}50%{box-shadow:0 0 0 5px rgba(124,58,237,0)}}@keyframes kvm-concierge-toolbar-pulse{0%,to{box-shadow:0 0 0 0 rgba(124,58,237,.35)}50%{box-shadow:0 0 0 6px rgba(124,58,237,0)}}@keyframes kvm-concierge-alert-slide-in{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}.admin-content-wrapper{flex:1 1;display:flex;flex-direction:column;min-width:0;background-color:var(--kvm-bg-light)}.admin-header{height:var(--admin-header-height);background-color:#202a3f;border-bottom:1px solid rgba(0,0,0,.25);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:0 2px 8px rgba(32,42,63,.06);z-index:40}.admin-header-userinfo{display:flex;align-items:center;gap:1rem;font-weight:600;color:#fff}.admin-main{flex:1 1;padding:2rem;overflow-y:auto;position:relative}@media (max-width:768px){.admin-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translateX(-100%)}.admin-sidebar.mobile-open{transform:translateX(0)}}.kvm-btn-outline{background:transparent;color:var(--kvm-navy);border:1.5px solid var(--kvm-navy);padding:6px 14px;border-radius:6px;font-family:Montserrat,sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;letter-spacing:.01em}.kvm-btn-outline:hover{background:var(--kvm-navy);color:var(--kvm-white)}.kvm-btn-on-blue{background:var(--surface,#fff);color:var(--kvm-blue,#2d3a72);border:1px solid hsla(0,0%,100%,.4);padding:6px 14px;border-radius:6px;font-family:Montserrat,sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;letter-spacing:.01em;white-space:nowrap}.kvm-btn-on-blue:hover{background:var(--kvm-blue-soft,#eef2ff)}.dash-header-title{font-family:Montserrat,sans-serif;font-size:19px;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-header-divider{width:1px;height:26px;flex-shrink:0;border-left:1px solid hsla(0,0%,100%,.32)}@media (max-width:640px){.dash-header-title{font-size:14px}.dash-header-divider,.header-clock-date{display:none}}.hamburger-btn{display:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#fff}@media (max-width:768px){.hamburger-btn{display:block}.admin-header{padding:0 1rem}}.kiosk-mode{-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-user-drag:none}.room-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--kvm-bg-light);overflow:hidden}.room-header{background-color:var(--kvm-primary);height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;box-shadow:0 4px 10px rgba(0,0,0,.18)}.room-identity-text{font-size:1.25rem;font-weight:700;color:#fff}.room-header--centered{justify-content:center}.room-main{flex:1 1;padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.75);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--kvm-primary);z-index:100}.touch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,180px));grid-gap:1rem;gap:1rem;padding:.75rem 0}.touch-card{background:var(--kvm-white);border:2px solid transparent;border-radius:10px;padding:1.1rem .75rem;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.07);cursor:pointer;transition:transform .1s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px}.touch-card:active{transform:scale(.96);border-color:var(--kvm-royal)}.touch-card-title{color:var(--kvm-primary);font-weight:700;font-size:.95rem;line-height:1.3}.kiosk-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(32,42,63,.65);z-index:200;display:flex;align-items:center;justify-content:center}.kiosk-modal{background:var(--kvm-white);border-radius:16px;padding:2.5rem;width:90%;max-width:400px;text-align:center;box-shadow:0 12px 40px rgba(32,42,63,.22);max-height:90vh;max-height:90dvh;overflow-y:auto;box-sizing:border-box}.kiosk-notes-field{text-align:left;margin-top:1.25rem}.kiosk-notes-label{display:block;font-size:.85rem;font-weight:600;color:var(--kvm-text);margin-bottom:.4rem}.kiosk-notes-textarea{width:100%;box-sizing:border-box;border:1.5px solid var(--kvm-border);border-radius:10px;padding:.65rem .75rem;font-size:.95rem;font-family:inherit;color:var(--kvm-text);resize:none;background:var(--kvm-bg-light)}.kiosk-notes-textarea:focus{outline:none;border-color:var(--kvm-royal);background:var(--kvm-white)}.room-active-bar{position:fixed;bottom:0;left:0;right:0;background-color:var(--kvm-white);border-top:2px solid var(--kvm-primary);padding:.85rem 2rem 1rem;box-shadow:0 -4px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.6rem;z-index:50}.room-active-bar__label{text-align:center;font-weight:700;color:var(--kvm-primary);white-space:nowrap}.room-active-bar__list{display:flex;gap:1rem;overflow-x:auto;justify-content:safe center}@media (max-width:600px){.room-header{padding:0 1.25rem}.room-identity-text{font-size:1rem;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-main{padding:1.25rem 1rem}.touch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.touch-card{padding:.85rem .6rem;min-height:56px}.touch-card-title{font-size:.85rem}.kiosk-modal{padding:1.75rem 1.25rem;width:92%}.room-active-bar{padding:.75rem 1rem;gap:.75rem}}.qty-selector{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0;background:var(--kvm-bg-light);border-radius:50px;padding:.5rem}.qty-btn{width:50px;height:50px;border-radius:50%;border:none;background:var(--kvm-white);color:var(--kvm-primary);font-size:1.5rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:background .15s}.qty-btn:active{background:var(--kvm-bg-light)}.qty-display{font-size:2rem;font-weight:700;color:var(--kvm-text)}.display-shell{position:fixed;inset:0;height:100vh;height:100dvh;width:100vw;overflow:hidden;background-color:#111827}.display-grid{display:grid;width:100%;height:100%;box-sizing:border-box}.display-widget-cell{position:relative;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0}.display-state,.display-widget-cell{display:flex;align-items:center;justify-content:center}.display-state{width:100%;height:100%;flex-direction:column;gap:.75rem;color:#fff;background-color:#111827;text-align:center;padding:2rem}.display-state--loading{font-size:clamp(1.5rem,4vw,3rem);font-weight:600;letter-spacing:.05em;color:#94a3b8}.display-state__title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.display-state__code{font-size:clamp(.9rem,2vw,1.25rem);color:#94a3b8}.occupancy-widget{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.occupancy-widget,.occupancy-widget--multi{width:100%;height:100%;box-sizing:border-box;overflow:hidden}.occupancy-widget--multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));grid-gap:1rem;gap:1rem;padding:1rem}.occupancy-cell{position:relative}.occupancy-cell,.occupancy-cell__content{box-sizing:border-box;width:100%;height:100%;overflow:hidden;min-width:0;min-height:0}.occupancy-cell__content{display:flex;flex-direction:column;text-align:center}.occupancy-cell__room{font-weight:600;line-height:1.25;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.occupancy-cell__status-frame{display:flex;align-items:center;justify-content:center;max-width:100%;min-width:0;min-height:0;overflow:hidden}.occupancy-cell__status-scale{display:inline-flex;transform-origin:center}.occupancy-cell__state{line-height:1;letter-spacing:.02em;white-space:nowrap}.occupancy-cell__state--pill{display:inline-block;padding:.15em .6em}.occupancy-cell__people{line-height:1.2;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.occupancy-cell__updated{font-size:clamp(.75rem,1.5vw,1rem);color:#94a3b8}.custom-template-renderer{display:block;width:100%;height:100%;box-sizing:border-box;border:none;overflow:hidden}.custom-template-renderer--fallback{box-sizing:border-box;color:#94a3b8;font-size:.9rem}.custom-template-renderer--fallback,.text-widget{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.text-widget{padding:1rem;word-break:break-word}.image-widget,.logo-widget{max-width:100%;max-height:100%;object-fit:contain}.image-widget--placeholder,.logo-widget--placeholder{width:60%;height:60%;border:2px dashed rgba(148,163,184,.4);border-radius:.5rem}.display-diagnostics{position:fixed;bottom:.75rem;left:.75rem;background:rgba(0,0,0,.75);color:#e2e8f0;font-size:.75rem;line-height:1.4;padding:.5rem .75rem;border-radius:.375rem;z-index:9999;pointer-events:none}.widget-html-css-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;height:100%}.workspace-mobile-tabs{display:none}@media (max-width:900px){.widget-html-css-workspace{grid-template-columns:1fr}.workspace-pane{display:none}.workspace-pane[data-mobile-active=true]{display:flex;flex-direction:column}.workspace-mobile-tabs{display:flex}}.widget-html-css-workspace-shell{color:#e2e8f0}.widget-html-css-workspace-shell .kvm-btn-outline{color:#e2e8f0;border-color:rgba(226,232,240,.5)}.widget-html-css-workspace-shell .kvm-btn-outline:hover{background:rgba(226,232,240,.14);color:#fff;border-color:#e2e8f0}.widget-html-css-workspace-shell [role=option]:focus-visible,.widget-html-css-workspace-shell button:focus-visible,.widget-html-css-workspace-shell input:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}