:root{--bg: #0c1017;--bg-soft: #131a24;--bg-elevated: #1a2330;--panel: #182230;--panel-border: rgba(148, 163, 184, .14);--text: #f1f5f9;--muted: #8fa3bc;--primary: #2dd4bf;--primary-hover: #14b8a6;--primary-deep: #0f766e;--accent: #7dd3fc;--accent-soft: rgba(125, 211, 252, .15);--sidebar-bg: #0b3d3f;--sidebar-active: rgba(0, 0, 0, .22);--sidebar-accent: #f97316;--sidebar-profile-btn: #148f8c;--header-bg: #0f766e;--table-head: #1e2a3d;--table-filter: #151d2a;--table-row: #121a26;--table-row-alt: #161f2d;--table-row-hover: #1c2838;--danger: #ef4444;--danger-hover: #dc2626;--success: #34d399;--warning: #fbbf24;--radius: 14px;--radius-sm: 10px;--shadow: 0 16px 40px rgba(0, 0, 0, .42);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .25);--glow-primary: 0 0 24px rgba(45, 212, 191, .22);--sidebar-width: 232px;--font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;--line-height: 1.5;--line-height-tight: 1.35;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--table-font-size: var(--text-sm);--table-head-font-size: var(--text-xs);--table-filter-font-size: var(--text-sm);--table-th-pad-y: 12px;--table-th-pad-x: 14px;--table-td-pad-y: 12px;--table-td-pad-x: 14px;--table-filter-pad-y: 8px;--table-filter-pad-x: 10px;--table-head-row-h: 42px}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-family);font-size:var(--text-base);line-height:var(--line-height);color:var(--text);background:radial-gradient(ellipse 80% 50% at 100% -10%,rgba(45,212,191,.08),transparent 55%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(56,189,248,.06),transparent 50%),var(--bg);-webkit-font-smoothing:antialiased}html,body,#root,.app-sidebar,.app-main,.page-body,.users-table-wrap,.bookings-table-body-scroll,.page-view,.booking-page-form,.login-page{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,.app-sidebar::-webkit-scrollbar,.app-main::-webkit-scrollbar,.page-body::-webkit-scrollbar,.users-table-wrap::-webkit-scrollbar,.bookings-table-body-scroll::-webkit-scrollbar,.page-view::-webkit-scrollbar,.booking-page-form::-webkit-scrollbar,.login-page::-webkit-scrollbar{display:none;width:0;height:0}#root{height:100vh;min-height:100vh;overflow:hidden}.app-layout{position:relative;display:flex;height:100vh;min-height:100vh;overflow:hidden}.app-sidebar{position:fixed;top:0;left:0;z-index:200;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;background:var(--sidebar-bg);padding:22px 14px 18px;gap:0;overflow-x:visible;overflow-y:auto;overscroll-behavior:contain;transition:transform .24s ease}.sidebar-profile{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 8px 18px;min-width:0;width:100%}.sidebar-avatar{width:76px;height:76px;border-radius:50%;background:#fff;border:0;display:grid;place-items:center;flex-shrink:0;color:#90a4ae}.sidebar-avatar .sidebar-svg-icon{width:40px;height:40px;stroke-width:1.75}.sidebar-profile-name{display:block;margin-top:12px;font-size:var(--text-md);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sidebar-profile-meta{display:block;margin-top:4px;font-size:var(--text-sm);font-weight:500;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1;padding-top:16px;border-top:1px solid rgba(0,0,0,.18)}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#fff;font-weight:700;font-size:var(--text-base);transition:background .15s ease}.sidebar-nav-item:hover{background:#0000001a}.sidebar-nav-item.is-active{background:var(--sidebar-active);color:#fff}.sidebar-nav-item.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--sidebar-accent)}.sidebar-nav-item.sidebar-nav-sub{margin-left:8px;padding:9px 10px 9px 8px;font-size:var(--text-base)}.sidebar-nav-icon{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--sidebar-bg);display:grid;place-items:center;flex-shrink:0}.sidebar-nav-icon .sidebar-svg-icon{width:20px;height:20px;stroke-width:2}.sidebar-nav-letter{font-size:var(--text-md);font-weight:800;line-height:1}.sidebar-svg-icon{width:20px;height:20px;flex-shrink:0}.sidebar-nav-item.sidebar-nav-sub .sidebar-nav-icon{width:36px;height:36px}.sidebar-nav-item.sidebar-nav-sub .sidebar-nav-letter{font-size:var(--text-base)}.sidebar-nav-badge{margin-left:auto;min-width:20px;padding:2px 7px;border-radius:999px;background:#fbbf24;color:#1e293b;font-size:var(--text-xs);font-weight:800;text-align:center}.sidebar-footer{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px}.btn-sidebar-profile{padding:14px 16px;border:0;border-radius:12px;background:var(--sidebar-profile-btn);color:#fff;font-weight:700;font-size:var(--text-base);text-align:center}.btn-sidebar-profile:hover{background:#359e9b}.btn-sidebar-logout{padding:14px 16px;border:0;border-radius:12px;background:#e53935;color:#fff;font-weight:700;font-size:var(--text-base);text-align:center}.btn-sidebar-logout:hover{background:#c62828}.app-main-panel{position:relative;isolation:isolate;flex:1;min-width:0;margin-left:0;width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--bg);overflow:hidden}.app-main-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--app-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.app-main-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(120deg,#0c1017e6,#0f172ad6 45%,#0c1017eb)}.app-main-panel>.app-main,.app-main-panel>.sidebar-backdrop{position:relative;z-index:1}.app-main{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.page-view{--table-head-row-h: 42px;display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.page-header{position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:var(--header-bg);flex-shrink:0;box-shadow:0 4px 16px #0003}.page-header-text h1{margin:0;font-size:var(--text-2xl);font-weight:700;color:#fff}.page-header-text p{margin:4px 0 0;font-size:var(--text-sm);color:#ffffffe0}.page-header-actions .btn-header{background:#fff;color:var(--header-bg);border:0;padding:10px 20px;border-radius:8px;font-weight:700;font-size:var(--text-base);cursor:pointer;font-family:inherit}.page-header-actions .btn-header:hover{background:#f0fdfa}.page-header-toolbar,.page-header-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-header-tools-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.page-header-tools-group .btn-ghost{flex-shrink:0}.page-header-check{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;white-space:nowrap}.page-header-check input{width:16px;height:16px;accent-color:#fff;cursor:pointer}.page-header-date,.page-header-filter,.page-header-select{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#00000026;color:#fff;font-size:var(--text-base);font-family:inherit}.page-header-filter::placeholder{color:#ffffff8c}.page-header-date{min-width:180px;padding-right:2rem}.page-header-date-wrap{position:relative;display:inline-flex;min-width:180px;flex:0 1 auto}.page-header-date-wrap .page-header-date{width:100%;min-width:0}.page-header-date-wrap .filter-date-ph{left:12px;color:#ffffff8c}.page-header-filter{min-width:120px}.page-header-select{min-width:130px;cursor:pointer}.page-header-select option{color:var(--text);background:var(--bg-soft)}.page-body{flex:1;padding:0;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden}.page-body>.alert,.page-body>.empty{margin:12px 28px 0}.page-body>.users-table-wrap:first-child,.page-body>.bookings-table-panel:first-child{margin-top:0}.page-view--fixed-table .page-body{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.page-view--fixed-table .page-body>.bookings-table-panel,.page-view--fixed-table .page-body>.page-empty-state{flex:1;min-height:0}.bookings-table-panel{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--panel-border);background:var(--table-row)}.bookings-table-body-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.bookings-table-body-scroll::-webkit-scrollbar{display:none;width:0;height:0}.bookings-table-panel .bookings-table-body-scroll .users-table thead th{position:sticky;top:0;z-index:50}.bookings-table-panel .bookings-table-body-scroll .users-table tr.filter-row td,.bookings-table-panel .bookings-table-body-scroll .users-table tr.filter-row th{position:sticky;top:var(--table-head-row-h);z-index:40}.bookings-table-panel .bookings-table-body-scroll .users-table tbody{position:relative;z-index:1}.page-body>.alert+.alert{margin-top:12px}.page-body>.alert+.booking-page-form,.page-body>.booking-page-form:first-child{margin-top:0}.page-body>.page-panel{margin:24px 28px 0}.page-body>.page-panel:first-child{margin-top:28px}.page-body>.users-table-wrap{margin-top:0}.page-body-alerts{padding:12px 28px 0;flex-shrink:0}.page-body-alerts .alert{margin:0 0 10px}.page-body-alerts .alert:last-child{margin-bottom:0}.filter-checkbox-compact{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--text-xs);font-weight:600;color:var(--muted);cursor:pointer}.filter-checkbox-compact input{width:14px;height:14px;accent-color:var(--primary)}.filter-row-actions{display:flex;flex-wrap:wrap;gap:6px}.empty-cell{text-align:center;color:var(--muted)!important;padding:28px 16px!important}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg);color:#e2e8f0;font-weight:600;font-size:var(--text-md)}.loading-screen:before{content:"";width:36px;height:36px;border:3px solid rgba(148,163,184,.25);border-top-color:#2dd4bf;border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.page-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.booking-page-form{padding:32px 28px 40px;max-width:1200px}.login-photo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:#0b1220;background-image:var(--app-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.login-photo-backdrop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#0f172ad1,#1e1b4b8c 42%,#0f172ac7),radial-gradient(ellipse 55% 45% at 78% 22%,rgba(34,211,238,.18),transparent 55%),radial-gradient(ellipse 50% 40% at 12% 88%,rgba(99,102,241,.22),transparent 50%)}.login-photo-backdrop--contained{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.app-layout--booking-photo{--mb-chrome-1: rgba(13, 72, 75, .42);--mb-chrome-2: rgba(11, 61, 63, .44);--mb-chrome-3: rgba(9, 50, 53, .46);--mb-chrome-blur: blur(6px) saturate(1.08);--mb-chrome-line: rgba(255, 255, 255, .18);--mb-page-header-h: 86px;background-color:#0b1220}.app-layout--booking-photo:after{content:"";position:fixed;left:calc(var(--sidebar-width) - 1px);top:0;bottom:0;width:1px;background:var(--mb-chrome-line);z-index:210;pointer-events:none}.app-layout--booking-photo .sound-unlock-banner{position:relative;z-index:1}.app-layout--booking-photo .app-main-panel{background:transparent;isolation:auto}.app-layout--booking-photo .app-main-panel:before,.app-layout--booking-photo .app-main-panel:after{display:none!important}.app-layout--booking-photo .app-main{position:relative;z-index:1}.app-layout--booking-photo .sidebar-edge-toggle{position:fixed;z-index:450}.app-layout--booking-photo .page-booking-photo.page-view{background:transparent}.app-layout--booking-photo:has(.page-booking-photo.page-view--fixed-table){--mb-page-header-h: 104px}.app-layout--booking-photo .page-booking-photo .page-header{position:relative;height:var(--mb-page-header-h);min-height:var(--mb-page-header-h);max-height:var(--mb-page-header-h);padding:14px 28px;box-sizing:border-box;display:flex;align-items:center;background:linear-gradient(90deg,var(--mb-chrome-1) 0%,var(--mb-chrome-2) 55%,var(--mb-chrome-3) 100%);backdrop-filter:var(--mb-chrome-blur);-webkit-backdrop-filter:var(--mb-chrome-blur);border-bottom:1px solid var(--mb-chrome-line);box-shadow:none}.app-layout--booking-photo .page-booking-photo .page-header-text h1,.app-layout--booking-photo .page-booking-photo .page-header-text p{text-shadow:0 1px 4px rgba(0,0,0,.5)}.app-layout--booking-photo .page-booking-photo .page-body{background:transparent}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .page-header{align-items:flex-start;padding-top:16px;padding-bottom:16px}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .bookings-table-panel{background:#0c121c52;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:var(--mb-chrome-line)}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .bookings-table-body-scroll{background:transparent}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .users-table thead th{background:linear-gradient(180deg,#243044b8,#161f2dc7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .users-table tr.filter-row td,.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .users-table tr.filter-row th{background:#121a2694;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .users-table tbody td{background:#0e141e6b}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .users-table tbody tr:nth-child(2n) td{background:#121a267a}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .users-table tbody tr:hover td{background:#1c283894}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .users-table tbody tr.row-mine td{background:#2dd4bf1f}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .users-table tbody tr.row-mine:hover td{background:#2dd4bf33}.page-my-bookings .booking-page-form{width:100%;max-width:none;margin:0;padding:24px 28px 48px;background:transparent}.page-my-bookings .page-body,.page-my-bookings .booking-page-form,.page-my-bookings .time-slot-grid{scrollbar-width:none;-ms-overflow-style:none}.page-my-bookings .page-body::-webkit-scrollbar,.page-my-bookings .booking-page-form::-webkit-scrollbar,.page-my-bookings .time-slot-grid::-webkit-scrollbar{display:none;width:0;height:0}.booking-page-form .room-cards-section>h3{margin:0 0 14px;font-size:var(--text-lg);letter-spacing:-.01em}.booking-page-form>h3{margin:32px 0 14px;font-size:var(--text-lg)}.booking-page-form>.grid-form{margin-bottom:4px}.page-my-bookings .room-cards-section{margin-bottom:28px}.page-my-bookings .booking-page-form>h3{margin-top:36px;margin-bottom:14px}.page-my-bookings .booking-details-grid{grid-template-columns:1fr}@media (min-width: 1025px){.page-my-bookings .booking-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.page-my-bookings .time-slot-picker{width:100%;min-width:0}.page-my-bookings .time-slot-grid{gap:8px;padding:4px 0 6px}@media (max-width: 1024px){.page-my-bookings .time-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:min(320px,42vh);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (min-width: 1025px){.page-my-bookings .time-slot-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:none;overflow-y:visible;overflow-x:hidden}}.page-my-bookings .time-slot-btn{min-height:42px;padding:10px 6px;font-size:var(--text-sm)}.page-my-bookings .items-picker-panel{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(155deg,#6366f124,#0f172a33 42%,#0f172abf),#0f172aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}.page-my-bookings .items-picker-panel .items-picker-grid{display:flex;flex-direction:column;gap:0}.page-my-bookings .items-picker-panel .item-qty-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:10px;align-items:center;border:none;border-radius:0;background:transparent;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 14px}.page-my-bookings .items-picker-panel .item-qty-row label{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-my-bookings .items-picker-panel .item-qty-row input{width:100%;min-width:0;text-align:center}.page-my-bookings .items-picker-panel .items-picker-grid .item-qty-row:last-child{border-bottom:none}@media (min-width: 1025px){.page-my-bookings .items-picker-panel-body{display:flex;flex-direction:column}.page-my-bookings .items-picker-row{display:grid;flex-shrink:0;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.08)}.page-my-bookings .items-picker-row:last-child{border-bottom:none}.page-my-bookings .items-picker-row .item-qty-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:8px;align-items:center;min-width:0;padding:12px 14px;border-bottom:none}.page-my-bookings .items-picker-row .item-qty-row+.item-qty-row{border-left:1px solid rgba(255,255,255,.08)}.page-my-bookings .items-picker-row .item-qty-row label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-my-bookings .items-picker-row .item-qty-row input{width:100%;min-width:0;text-align:center}}.page-my-bookings .room-cards-panel{border-radius:14px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}@media (max-width: 1024px){.page-my-bookings .room-cards-panel{background:linear-gradient(155deg,#6366f124,#0f172a33 42%,#0f172abf),#0f172aa6}.page-my-bookings .room-cards-panel .room-cards-grid{--mb-room-card-slot: 7.5rem;display:flex;flex-direction:column;gap:0;max-height:calc(var(--mb-room-card-slot) * 2);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-snap-type:y mandatory}.page-my-bookings .room-cards-panel .room-card{flex:0 0 var(--mb-room-card-slot);height:var(--mb-room-card-slot);min-height:var(--mb-room-card-slot);max-height:var(--mb-room-card-slot);overflow:hidden;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;background:transparent;border-bottom:1px solid rgba(255,255,255,.08)}.page-my-bookings .room-cards-panel .room-card:last-child{border-bottom:none}.page-my-bookings .room-cards-panel .room-card-selected{background:linear-gradient(90deg,#2dd4bf29,#6366f124 38%,#0f172a33)}.page-my-bookings .room-cards-panel .room-card-selected:before{left:0;right:auto;top:0;bottom:0;width:3px;height:auto;background:linear-gradient(180deg,#2dd4bf,#818cf8)}}@media (min-width: 1025px){.page-my-bookings .room-cards-panel{background:linear-gradient(155deg,#6366f124,#0f172a33 42%,#0f172abf),#0f172aa6}.page-my-bookings .room-cards-panel-body{display:flex;flex-direction:column}.page-my-bookings .room-cards-panel--scroll{--mb-room-desktop-row-height: 8.75rem}.page-my-bookings .room-cards-panel .room-card{position:relative;padding:12px 14px;transition:background .2s ease}.page-my-bookings .room-cards-panel .room-card-title-wrap{--room-card-icon-size: 34px;flex:1 1 auto;min-width:0}.page-my-bookings .room-cards-panel .room-card-hero{margin-bottom:6px}.page-my-bookings .room-cards-panel .room-card-name{font-size:.9rem}.page-my-bookings .room-cards-panel .room-card-chips{gap:4px}.page-my-bookings .room-cards-panel .room-card:hover{background:#ffffff0d}.page-my-bookings .room-cards-panel--scroll .room-cards-panel-body{max-height:var(--mb-room-desktop-row-height);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.55) rgba(15,23,42,.2);scrollbar-gutter:stable}.page-my-bookings .room-cards-panel--scroll .room-cards-row{height:var(--mb-room-desktop-row-height);min-height:var(--mb-room-desktop-row-height);max-height:var(--mb-room-desktop-row-height);overflow:hidden;box-sizing:border-box}.page-my-bookings .room-cards-panel--scroll .room-card{overflow:hidden}.page-my-bookings .room-cards-panel--scroll .room-cards-panel-body::-webkit-scrollbar{display:block;width:8px}.page-my-bookings .room-cards-panel--scroll .room-cards-panel-body::-webkit-scrollbar-track{background:#0f172a33;border-radius:4px}.page-my-bookings .room-cards-panel--scroll .room-cards-panel-body::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}.page-my-bookings .room-cards-panel--scroll .room-cards-panel-body::-webkit-scrollbar-thumb:hover{background:#94a3b8b8}.page-my-bookings .room-cards-row{display:grid;flex-shrink:0;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.08)}.page-my-bookings .room-cards-row:last-child{border-bottom:none}.page-my-bookings .room-cards-row .room-card+.room-card{border-left:1px solid rgba(255,255,255,.08)}}.page-my-bookings .room-cards-panel .room-card{border:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}@media (min-width: 1025px){.page-my-bookings .room-cards-panel .room-card{min-height:0;height:100%;background:transparent}}.page-my-bookings .room-cards-panel .room-card:hover{transform:none;background:#ffffff0a;box-shadow:none}.page-my-bookings .room-cards-panel .room-card-selected{position:relative;box-shadow:none;border-color:transparent}.page-my-bookings .room-cards-panel .room-card-selected:before{content:"";position:absolute;pointer-events:none}@media (min-width: 1025px){.page-my-bookings .room-cards-panel .room-card-selected{background:linear-gradient(165deg,#2dd4bf24,#6366f114 45%,#0f172a1f)}.page-my-bookings .room-cards-panel .room-card-selected:before{left:0;right:0;top:0;bottom:auto;width:auto;height:3px;background:linear-gradient(90deg,#2dd4bf,#818cf8)}}.page-my-bookings .room-cards-panel .room-card-selected .room-card-icon-wrap{color:#99f6e4;background:linear-gradient(135deg,#2dd4bf80,#6366f159);border-color:#2dd4bf73;box-shadow:0 4px 16px #2dd4bf47}.page-my-bookings .room-cards-panel .room-card-selected .room-card-name{color:#f8fafc}.page-my-bookings .room-cards-panel .room-card-selected .room-card-select-label{color:#5eead4;font-weight:700;background:#2dd4bf29;border-color:#2dd4bf66}.page-my-bookings .room-cards-panel .room-card-shine{display:none}.page-my-bookings .room-cards-panel .room-card-header{margin-bottom:0}.room-card-chip--description{max-width:100%;line-height:1.35}.page-my-bookings .room-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-my-bookings .room-card-chip--description{width:100%;margin-top:2px;padding-top:5px;border-top:1px solid rgba(255,255,255,.06)}.page-my-bookings .room-card-chip--description svg{flex-shrink:0;margin-top:1px}.page-my-bookings .room-card-select-label{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.62rem;font-weight:600;line-height:1.2;letter-spacing:.02em;color:#94a3b8;white-space:nowrap;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:color .2s ease,background .2s ease,border-color .2s ease}.page-my-bookings .room-card-select.is-selected .room-card-select-label{color:#5eead4;background:#2dd4bf24;border-color:#2dd4bf59}.panel-title{margin:0 0 14px;font-size:var(--text-md);font-weight:700}.users-table-wrap-inset{border-radius:10px}.glass{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;font-weight:800;font-size:var(--text-md)}.company-logo{display:block;object-fit:contain;flex-shrink:0}.company-logo-sm{width:40px;height:40px}.company-logo-md{width:48px;height:48px}.company-logo-lg{width:56px;height:56px}.company-brand{display:flex;align-items:center;gap:12px}.company-brand-name{margin:0;font-weight:700;font-size:var(--text-md)}.company-brand-sub{margin:2px 0 0;color:var(--muted);font-size:var(--text-sm)}.company-brand-page{color:var(--accent);font-weight:600;letter-spacing:.01em}.toolbar-single{grid-template-columns:minmax(200px,320px);margin-bottom:16px}.app-mobile-bar{display:none;align-items:center;gap:12px;flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--panel-border);background:var(--bg-soft)}.sidebar-backdrop{display:none}.btn-sidebar-profile,.btn-sidebar-logout{display:block;width:100%;font-family:inherit;cursor:pointer}.app-layout.sidebar-hidden .app-sidebar{transform:translate(-100%);pointer-events:none}@media (min-width: 1025px){.app-layout:not(.sidebar-hidden) .app-main-panel{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.app-layout--booking-photo:not(.sidebar-hidden) .app-main-panel{margin-left:calc(var(--sidebar-width) - 1px);width:calc(100% - var(--sidebar-width) + 1px)}.app-layout.sidebar-hidden .app-main-panel{margin-left:0;width:100%}}.app-layout--booking-photo.sidebar-hidden:after{display:none}.sidebar-top-row{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:4px;min-height:140px}.sidebar-edge-toggle{display:inline-flex;position:fixed;top:73px;z-index:400;align-items:center;justify-content:center;width:26px;height:46px;margin:0;padding:0;border:0;border-radius:8px;background:#00000059;color:#fff;box-shadow:0 2px 10px #00000047;cursor:pointer;font-family:inherit;transition:background .15s ease,box-shadow .15s ease}.sidebar-edge-toggle--hide{left:calc(var(--sidebar-width) - 29px)}.sidebar-edge-toggle--show{left:0;border-radius:0 8px 8px 0}.sidebar-edge-toggle:hover{background:#0000007a;box-shadow:0 3px 12px #00000059}.sidebar-edge-toggle:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.icon-chevron-left,.icon-chevron-right{width:18px;height:18px}.sidebar-close{display:none;position:absolute;top:0;right:0;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:8px;background:#0000001f;color:#fff;cursor:pointer;font-family:inherit}.sidebar-close:hover{background:#ffffff38}.icon-close{width:22px;height:22px}.btn-menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(165deg,#252c34,#1a1f24);color:var(--text);cursor:pointer;font-family:inherit;box-shadow:0 2px 8px #00000040;transition:border-color .15s ease,background .15s ease,transform .15s ease}.btn-menu:hover{border-color:#5eead473;background:linear-gradient(165deg,#1a9a9659,#1a1f24);color:#e2e8f0}.btn-menu:active{transform:scale(.96)}.icon-hamburger{width:22px;height:22px}.app-mobile-title{font-size:var(--text-base);font-weight:700;color:var(--text)}.brand h1{margin:0;font-size:var(--text-lg);font-weight:700}.brand p{margin:2px 0 0;font-size:var(--text-sm);color:var(--muted)}.nav-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.user-pill{padding:8px 14px;border-radius:999px;background:#ffffff14;font-size:var(--text-sm);color:var(--muted)}.user-pill strong{color:var(--text)}.btn{border:0;border-radius:10px;padding:10px 16px;font-weight:600;font-size:var(--text-base);cursor:pointer;transition:transform .15s,background .15s;font-family:inherit}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:#ffffff14;color:var(--text);text-decoration:none;display:inline-flex;align-items:center}.btn-ghost:hover,.btn-ghost.active{background:#1a9a9659}.btn-edit{background:var(--primary);color:#fff;border:0;padding:6px 14px;border-radius:8px;font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:inherit}.btn-edit:hover{background:var(--primary-hover)}.btn-delete{background:#5c2e2e;color:#fca5a5;border:0;padding:6px 14px;border-radius:8px;font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:inherit}.btn-delete:hover{background:#6b3535}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:#059669;color:#fff}.btn-sm{padding:7px 12px;font-size:var(--text-sm)}.card{padding:24px;margin-bottom:20px}.card h2{margin:0 0 16px;font-size:var(--text-xl)}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:#080c12b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-dialog{width:100%;max-width:420px;max-height:calc(100vh - 48px);overflow:auto;background:#2a2f36;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-title{margin:0;flex:1;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--text)}.modal-close{flex-shrink:0;width:32px;height:32px;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:var(--text-lg);line-height:1;cursor:pointer}.modal-close:hover{background:#ffffff14;color:var(--text)}.modal-body{padding:16px 20px 20px}.modal-form{display:flex;flex-direction:column;gap:14px}.modal-form-alert{margin:0;padding:10px 12px;font-size:var(--text-sm)}.modal-field label{margin-bottom:6px;font-size:var(--text-sm);font-weight:600;color:#cbd5e1}.modal-field input,.modal-field select{background:#0f141cd9;border-radius:8px;padding:10px 12px;font-size:var(--text-base)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:4px}.modal-actions .btn{min-width:96px}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:#080c12ad;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.confirm-dialog{width:100%;max-width:400px;padding:28px 28px 24px;text-align:center;background:linear-gradient(165deg,#1c2738,#121a26 55%,#0f1520);border:1px solid rgba(148,163,184,.2);border-radius:18px;box-shadow:0 28px 64px #0000008c,0 0 0 1px #ffffff0a inset;animation:confirm-pop .22s ease-out}.confirm-dialog-icon{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-dialog--danger .confirm-dialog-icon{background:#ef444424;color:#f87171;border:1px solid rgba(239,68,68,.28);box-shadow:0 0 24px #ef44441f}.confirm-dialog--info .confirm-dialog-icon{background:#2dd4bf1f;color:var(--primary);border:1px solid rgba(45,212,191,.28);box-shadow:0 0 24px #2dd4bf1a}.confirm-dialog-title{margin:0 0 10px;font-size:var(--text-lg);font-weight:700;color:#fff;letter-spacing:-.01em}.confirm-dialog-message{margin:0 0 26px;color:var(--muted);font-size:var(--text-base);line-height:1.65}.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confirm-btn{min-height:44px;padding:11px 16px;border-radius:11px;font-size:var(--text-base);font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.confirm-btn:active{transform:scale(.98)}.confirm-btn--cancel{background:#ffffff0f;color:var(--text);border:1px solid rgba(148,163,184,.22)}.confirm-btn--cancel:hover{background:#ffffff1a;border-color:#94a3b859}.confirm-btn--danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(248,113,113,.35);box-shadow:0 4px 16px #ef444447}.confirm-btn--danger:hover{background:linear-gradient(180deg,#f87171,#ef4444)}.confirm-btn--primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-deep) 100%);color:#fff;border:1px solid rgba(45,212,191,.35);box-shadow:0 4px 16px #2dd4bf33}.confirm-btn--primary:hover{background:linear-gradient(180deg,#5eead4 0%,var(--primary-hover) 100%)}@keyframes confirm-pop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--muted);margin-bottom:6px}input,select,textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--panel-border);background:#0f172a99;color:var(--text);font-family:inherit;font-size:var(--text-base)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);border-color:transparent}select.time-select{cursor:pointer}.time-field-full{grid-column:1 / -1}.time-slot-hint{margin:8px 0 0;font-size:var(--text-sm)}.time-slot-empty{color:var(--muted);margin:12px 0 4px}.time-slot-picker{margin-top:0}.time-slot-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;max-height:none;overflow-y:visible;padding:4px 2px;scrollbar-width:none;-ms-overflow-style:none}.time-slot-grid::-webkit-scrollbar{display:none;width:0;height:0}.time-slot-btn{padding:8px 4px;font-size:var(--text-xs);border-radius:8px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.time-slot-btn.time-slot-blocked{background:#f43f5e59;border-color:#f87171bf;color:#fecaca;cursor:not-allowed;text-decoration:line-through}.time-slot-btn.time-slot-end-only{background:#f43f5e38;border-color:#f871718c;color:#fecaca;cursor:pointer;text-decoration:none}.time-slot-btn.time-slot-end-only:hover{border-color:var(--accent);background:#22d3ee26}.time-slot-btn.time-slot-valid-end{border-color:#5eead48c;box-shadow:0 0 0 1px #5eead440}.time-slot-btn.time-slot-valid-end:hover{border-color:var(--accent);background:#1a9a9640}.time-slot-hint{margin:0 0 12px;font-size:var(--text-sm);color:var(--muted)}.time-slot-summary{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:var(--text-sm);font-weight:600;line-height:1.45;color:#e2e8f0;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.28)}.time-slot-btn.time-slot-muted{opacity:.42;cursor:default}.time-slot-btn.time-slot-selected{background:var(--primary);border-color:var(--primary-hover);color:#fff;text-decoration:none}.time-slot-btn.time-slot-in-range{background:#6366f147;border-color:#818cf8a6;color:#e0e7ff}.time-range-summary{margin:0 0 10px;font-size:var(--text-base);color:var(--muted)}.sound-unlock-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;max-width:min(420px,calc(100vw - 24px));padding:12px 18px;border:none;border-radius:12px;background:#b45309;color:#fffbeb;font-size:var(--text-sm, 14px);font-weight:600;cursor:pointer;box-shadow:0 8px 24px #0003}.sound-unlock-banner:hover{background:#92400e}.app-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;min-width:min(360px,calc(100vw - 32px));padding:14px 20px;border-radius:12px;font-size:var(--text-base);font-weight:600;text-align:center;box-shadow:0 16px 40px #00000073;animation-name:toast-pop;animation-timing-function:ease;animation-fill-mode:forwards;pointer-events:none}.app-toast-warning{background:#fbbf24f2;color:#422006;border:1px solid #fbbf24}.app-toast-info{background:#6366f1f2;color:#fff;border:1px solid #818cf8}.app-toast-error{background:#ef4444f2;color:#fff;border:1px solid #f87171}.app-toast-success{background:#34d399f2;color:#064e3b;border:1px solid #34d399}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%) translateY(-12px)}8%,75%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.time-slot-legend-range{background:#6366f18c;border:1px solid #818cf8;margin-left:12px}.time-slot-btn:not(.time-slot-blocked):not(.time-slot-selected):hover{border-color:var(--accent);background:#22d3ee1f}.time-slot-legend{margin:8px 0 0;font-size:var(--text-sm);color:var(--muted);display:flex;align-items:center;gap:6px}.time-slot-legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.time-slot-legend-blocked{background:#f43f5e8c;border:1px solid #f87171}@media (max-width: 1024px){.time-slot-picker{width:100%;min-width:0}.time-slot-hint{font-size:var(--text-xs);line-height:1.45}.time-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:min(320px,42vh);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 0 6px}.time-slot-btn{min-height:42px;padding:10px 6px;font-size:var(--text-sm)}}@media (max-width: 480px){.time-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(300px,40vh)}}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;width:1.125rem;height:1.125rem;margin-left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;width:1.125rem;height:1.125rem;margin-left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:.85}input[type=date]::-moz-calendar-picker-indicator,input[type=time]::-moz-calendar-picker-indicator,input[type=datetime-local]::-moz-calendar-picker-indicator{cursor:pointer;filter:brightness(0) invert(1);opacity:1}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:var(--text-base);font-weight:500}.alert-error{background:#f43f5e26;color:#fda4af;border:1px solid rgba(244,63,94,.3)}.alert-success{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.alert-warning{background:#fbbf2426;border:1px solid rgba(251,191,36,.45);color:#fde68a}.alert-info{background:#22d3ee1f;color:#a5f3fc;border:1px solid rgba(34,211,238,.25)}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--panel-border)}table{width:100%;border-collapse:collapse;font-size:var(--text-base)}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--panel-border)}th{background:#0003;color:var(--muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:5px 12px;border-radius:999px;font-size:var(--text-xs);font-weight:700;background:#1a9a9640;color:var(--accent);border:1px solid rgba(94,234,212,.25)}.badge-pending{background:#fbbf2433;color:#fde68a}.badge-approved{background:#34d39933;color:#6ee7b7}.badge-rejected{background:#f43f5e33;color:#fda4af}.badge-cancel_pending{background:#fb923c38;color:#fdba74}.badge-reschedule_pending{background:#38bdf833;color:#7dd3fc;border:1px solid rgba(56,189,248,.35);box-sizing:border-box}.badge-reschedule_draft{background:#a78bfa33;color:#c4b5fd}.badge-cancelled,.badge-cancel_approve{background:#94a3b838;color:#cbd5e1}.badge-role-user{background:#818cf840;color:#c7d2fe}.badge-role-super_user{background:#fbbf2433;color:#fde68a}.badge-role-admin{background:#f43f5e33;color:#fda4af}.badge-active{background:#2dd4a847;color:#a7f3d0;border:1px solid rgba(45,212,168,.45)}.badge-inactive{background:#94a3b838;color:#e2e8f0;border:1px solid rgba(148,163,184,.35)}.status-badge-lg{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font-size:var(--text-sm);font-weight:700;letter-spacing:.03em;border-radius:999px}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #ffffff26}.badge-active .status-dot{background:#34d399;box-shadow:0 0 8px #34d399a6}.badge-inactive .status-dot{background:#94a3b8}.active-status-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:108px;margin:0 auto}.active-status-cell.is-disabled{opacity:.72}.switch-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-toggle input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.switch-track{position:relative;width:46px;height:26px;border-radius:999px;background:#475569;border:1px solid rgba(255,255,255,.12);transition:background .2s ease,border-color .2s ease;flex-shrink:0}.switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f8fafc;box-shadow:0 2px 6px #00000059;transition:transform .2s ease}.switch-toggle input:checked+.switch-track{background:#0d9488;border-color:#5eead480}.switch-toggle input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch-toggle input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.switch-toggle input:disabled+.switch-track{opacity:.55;cursor:not-allowed}.switch-label{font-size:var(--text-sm);font-weight:700;color:var(--muted);min-width:1.5rem}.switch-toggle input:checked~.switch-label{color:#5eead4}.users-table tbody td.col-status{text-align:center;vertical-align:middle}.users-table tbody td.col-status .active-status-cell{justify-content:center;width:100%;margin:0 auto}.pending-users-card h2{margin:0 0 8px;font-size:var(--text-lg)}.pending-users-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.pending-user-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:12px;background:#fbbf2414;border:1px solid rgba(251,191,36,.22)}.pending-user-actions{display:flex;align-items:flex-end;gap:10px;flex-shrink:0}.pending-role-label{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:4px}.pending-user-actions select{min-width:130px}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:#f59e0b;color:#1e293b;font-size:var(--text-xs);font-weight:700;line-height:1}.login-page{position:relative;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:hidden;box-sizing:border-box;background:var(--bg)}.login-page--photo{position:relative;background-color:#0b1220}.login-page--photo .login-photo-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.login-page--photo .login-page-content{position:relative;z-index:1}.login-page-content{position:relative;z-index:1;width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.login-card{width:min(420px,100%);max-height:calc(100dvh - 48px);padding:32px;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;background:#0f172aad;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 28px 64px #00000073,0 0 48px #6366f126}.login-card:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.24),transparent 70%);pointer-events:none}.login-card-header{flex-shrink:0}.login-card-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0 -4px;padding:0 4px 2px;scrollbar-width:none;-ms-overflow-style:none}.login-card-scroll::-webkit-scrollbar{display:none;width:0;height:0}.login-card h1{margin:0 0 8px;font-size:var(--text-2xl)}.login-card .subtitle{color:var(--muted);margin:0 0 20px}.login-footer{margin:20px 0 0;text-align:center;font-size:var(--text-base);color:var(--muted)}.login-footer a{color:var(--accent);text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}.login-brand,.login-card .company-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.login-brand-logo{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-weight:800;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#4f46e5,#06b6d4);box-shadow:0 10px 24px #4f46e559}.login-brand-name{margin:0;font-weight:700;font-size:var(--text-md)}.login-brand-sub{margin:2px 0 0;color:var(--muted);font-size:var(--text-sm)}.toolbar{display:grid;grid-template-columns:1fr repeat(3,minmax(120px,160px));gap:12px;margin-bottom:16px}@media (max-width: 768px){.toolbar{grid-template-columns:1fr 1fr}}.meta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;color:var(--muted);font-size:var(--text-base)}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.checkbox-inline{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--muted)}.checkbox-inline input{width:auto}.empty{text-align:center;padding:32px;color:var(--muted)}.collapsible summary{cursor:pointer;font-weight:600;list-style:none}.collapsible summary::-webkit-details-marker{display:none}.room-info-box{margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid rgba(34,211,238,.25);background:#22d3ee14}.room-info-box strong{display:block;margin-bottom:8px;font-size:var(--text-md)}.room-info-box p{margin:4px 0;color:var(--muted);font-size:var(--text-base)}.room-info-box p span{color:var(--text);font-weight:600}.booking-section-block h3{margin:0 0 8px;font-size:var(--text-lg);font-weight:700}.booking-section-block{margin:0}.room-cards-section{margin-bottom:20px}.booking-divider{height:1px;margin:36px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 20%,rgba(255,255,255,.14) 80%,transparent)}.section-hint{margin:-4px 0 18px;color:var(--muted);font-size:var(--text-base)}.room-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.room-card{position:relative;display:flex;flex-direction:column;width:100%;min-height:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(155deg,#6366f124,#0f172a33 42%,#0f172abf),#0f172aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.room-card-shine{position:absolute;inset:0 auto auto 0;width:90px;height:90px;background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.22),transparent 68%);pointer-events:none}.room-card:hover{transform:translateY(-2px);border-color:#94a3b859;box-shadow:0 12px 28px #0000003d}.room-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.room-card-selected{border-color:#818cf8bf;background:linear-gradient(155deg,#6366f159,#4f46e526 40%,#0f172acc),#1e1b4b8c;box-shadow:0 0 0 1px #818cf880,0 18px 40px #6366f147}.room-card-header{position:relative;z-index:1;margin-bottom:10px}.room-card-icon-wrap{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#c7d2fe;background:linear-gradient(135deg,#6366f173,#22d3ee40);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff26}.room-card-title-wrap{--room-card-icon-size: 36px;display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0}.room-card-hero{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;margin-bottom:8px}.room-card-hero .room-card-icon-wrap{width:var(--room-card-icon-size);height:var(--room-card-icon-size);flex-shrink:0;border-radius:11px;box-shadow:0 4px 14px #6366f138}.room-card-hero .room-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1 1 auto;min-width:0;margin:0;padding:0}.room-card-title-row .room-card-name{flex:1 1 auto;min-width:0;margin-bottom:0}.room-card-title-row .room-card-select{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0}.room-card-name{margin:0 0 6px;font-size:var(--text-base);font-weight:800;line-height:1.25;letter-spacing:-.02em;color:#f1f5f9}.room-card-chips{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;margin-top:4px;padding-top:1px;padding-left:calc(var(--room-card-icon-size) + 10px);box-sizing:border-box}.room-card-chips-meta{display:flex;flex-wrap:nowrap;gap:10px;width:100%;max-width:100%;min-width:0}.room-card-chips-meta .room-card-chip{flex:1 1 0;min-width:0}.room-card-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:0;border-radius:0;font-size:.7rem;font-weight:500;color:#94a3b8;background:transparent;border:none}.room-card-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-chip svg{flex-shrink:0;color:#64748b;opacity:.9}.room-card-chip--description{color:#64748b}.room-card-chip.room-card-chip--description{display:flex;align-items:center;width:100%;overflow:hidden}.room-card-chip.room-card-chip--description .room-card-chip-text{flex:1 1 auto}.room-card-materials{margin-top:16px;padding-top:14px;border-top:1px solid var(--panel-border)}.room-card-materials-label{display:block;margin-bottom:10px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.room-card-materials-empty{margin:0;font-size:var(--text-sm)}.room-material-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.room-material-tags li{padding:5px 10px;border-radius:999px;font-size:var(--text-sm);font-weight:600;color:var(--accent);background:#22d3ee1f;border:1px solid rgba(34,211,238,.25)}.room-card-badge{display:inline-block;margin-top:14px;padding:5px 10px;border-radius:8px;font-size:var(--text-xs);font-weight:700;color:#c7d2fe;background:#6366f133;border:1px solid rgba(99,102,241,.35)}.room-materials-field,.room-description-field{margin-top:16px}.room-description-field label{display:block;margin-bottom:8px}.room-description-field textarea{width:100%;min-height:88px;resize:vertical}.room-materials-field>label{display:block;margin-bottom:10px}.room-materials-picker-empty{margin:0;font-size:var(--text-sm)}.room-materials-editor{display:flex;flex-direction:column;gap:14px}.room-materials-qty-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.room-material-qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--panel-border);background:#0f172a73}.room-material-qty-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-material-add-row{display:flex;flex-direction:column;gap:10px}.room-material-add-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.room-material-add-fields label{display:block;margin-bottom:6px;font-size:var(--text-sm);font-weight:600;color:var(--muted)}.qty-input{width:88px;padding:8px 10px;text-align:center}.qty-input-label{margin:0}.room-material-hint{margin:0;font-size:var(--text-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.room-material-qty-name{font-size:var(--text-base);font-weight:600}.qty-stepper{display:inline-flex;align-items:center;gap:8px}.qty-stepper-btn{min-width:36px;padding:6px 10px;font-size:var(--text-lg);line-height:1}.qty-stepper-value{min-width:28px;text-align:center;font-weight:700;font-size:var(--text-base)}.item-max-hint{color:var(--muted);font-weight:500;font-size:var(--text-sm)}.manage-room-list{display:flex;flex-direction:column;gap:16px}.manage-room-card{padding:18px;border-radius:14px;border:1px solid var(--panel-border);background:#0f172a73}.manage-room-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.manage-room-card-head h3{margin:0;font-size:var(--text-lg)}.manage-room-id{margin:4px 0 0;font-size:var(--text-sm)}.manage-room-fields{margin-bottom:4px}.manage-room-active{display:flex;align-items:end}.manage-room-saved-tags{margin-bottom:10px}.manage-room-saved-tags span{display:inline-block;padding:5px 10px;margin:0 8px 8px 0;border-radius:999px;font-size:var(--text-sm);font-weight:600;color:var(--accent);background:#22d3ee1f;border:1px solid rgba(34,211,238,.25)}.manage-room-actions{margin-top:16px}.items-picker{margin-top:18px}.items-picker h3{margin:0 0 12px;font-size:var(--text-md)}.items-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.item-qty-row{display:grid;grid-template-columns:1fr 90px;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid var(--panel-border);background:#0f172a73}.item-qty-row label{margin:0;color:var(--text);font-size:var(--text-base)}.item-qty-row input{text-align:center}.page-wide{width:100%;max-width:100%;min-width:0}.page-bookings-list{width:100%;max-width:100%;min-width:0;padding-bottom:0;overflow:hidden}.page-bookings-list-head{padding-bottom:4px}.page-bookings-list-head h2{margin-bottom:12px}.page-bookings-list-empty{padding:24px;margin:0}.page-bookings-list .bookings-table-wrap-full{margin:16px -24px 0;width:calc(100% + 48px);max-width:none;border-radius:0;border-left:none;border-right:none;border-bottom:none}.users-table-wrap{overflow-x:auto;border-radius:0;border:1px solid var(--panel-border);background:var(--table-row)}.users-table{width:100%;border-collapse:collapse;font-size:var(--table-font-size)}.users-table.bookings-table{table-layout:auto;width:100%;min-width:max-content}.bookings-table-panel .users-table.bookings-table{min-width:0}.users-table.bookings-table.bookings-table-fixed{table-layout:fixed;width:100%;min-width:0}.users-table.bookings-table-fixed col.col-bk-user{width:9%}.users-table.bookings-table-fixed col.col-bk-room{width:7%}.users-table.bookings-table-fixed col.col-bk-title,.users-table.bookings-table-fixed col.col-bk-attendees{width:11%}.users-table.bookings-table-fixed col.col-bk-foods{width:10%}.users-table.bookings-table-fixed col.col-bk-special{width:13%}.users-table.bookings-table-fixed col.col-bk-date{width:12%}.users-table.bookings-table-fixed col.col-bk-time{width:14%}.users-table.bookings-table-fixed col.col-bk-status{width:92px}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-user{width:8%}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-room{width:7%}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-title,.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-attendees{width:10%}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-foods{width:9%}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-special{width:12%}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-date{width:11%}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-time{width:13%}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-status{width:148px}.users-table.bookings-table-fixed.bookings-table--actions col.col-bk-actions{width:168px}.users-table.bookings-table-fixed tbody td:nth-child(7),.users-table.bookings-table-fixed tbody td:nth-child(8){font-variant-numeric:tabular-nums;white-space:nowrap}.users-table.bookings-table-fixed tbody td{overflow:hidden;text-overflow:ellipsis}.users-table.bookings-table thead th{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;vertical-align:bottom}.users-table.bookings-table tbody td{overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.45;vertical-align:top}.users-table.bookings-table thead th:nth-child(9),.users-table.bookings-table tbody td:nth-child(9){text-align:center}.users-table.bookings-table-fixed.bookings-table--actions thead th:nth-child(9),.users-table.bookings-table-fixed.bookings-table--actions tbody td:nth-child(9){width:148px;min-width:148px;max-width:148px;word-break:normal;overflow-wrap:normal;overflow:hidden;text-overflow:clip;vertical-align:middle}.users-table.bookings-table-fixed.bookings-table--actions thead th:nth-child(10),.users-table.bookings-table-fixed.bookings-table--actions tbody td:nth-child(10){width:168px;min-width:168px;vertical-align:middle;overflow:visible;text-overflow:unset}.users-table.bookings-table-fixed.bookings-table--actions tbody td.col-bk-status-cell{overflow:hidden;text-overflow:clip}.users-table.bookings-table-fixed.bookings-table--actions tbody td.col-bk-action-cell{overflow:visible;text-overflow:unset}.users-table.bookings-table-fixed.bookings-table--actions tbody td:nth-child(9) .badge-bk-status{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;white-space:normal;text-align:center;line-height:1.15;word-break:keep-all;overflow:hidden;padding:4px 8px}.badge-reschedule_pending.badge-bk-status,.badge-cancel_pending.badge-bk-status{font-size:.68rem;padding:3px 7px;letter-spacing:0}.booking-status-cell,.booking-action-cell{display:flex;align-items:center;justify-content:center;min-height:30px}.users-table.bookings-table--actions .booking-action-cell .booking-actions--inline{flex-wrap:nowrap;gap:6px;min-width:0;justify-content:center}.users-table.bookings-table--actions .booking-actions--inline .btn-edit,.users-table.bookings-table--actions .booking-actions--inline .btn-delete{padding:5px 10px;font-size:var(--text-xs);white-space:nowrap}.users-table.bookings-table-fixed.bookings-table--actions tbody td{vertical-align:middle}.users-table.bookings-table-fixed.bookings-table--actions tbody td.col-bk-text{overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word;line-height:1.4}.users-table.bookings-table-fixed.bookings-table--actions tbody td.col-bk-num{text-align:center;white-space:nowrap}.users-table.bookings-table-fixed.bookings-table--actions tbody td[data-label=Room]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-all-bookings .bookings-table-body-scroll{overflow-x:auto}.users-table.bookings-table--all.bookings-table--actions col.col-bk-user{width:10%}.users-table.bookings-table--all.bookings-table--actions col.col-bk-room{width:8%}.users-table.bookings-table--all.bookings-table--actions col.col-bk-title{width:12%}.users-table.bookings-table--all.bookings-table--actions col.col-bk-attendees{width:56px}.users-table.bookings-table--all.bookings-table--actions col.col-bk-foods{width:14%}.users-table.bookings-table--all.bookings-table--actions col.col-bk-special{width:12%}.users-table.bookings-table--all.bookings-table--actions col.col-bk-date,.users-table.bookings-table--all.bookings-table--actions col.col-bk-time{width:10%}.users-table.bookings-table--all.bookings-table--actions col.col-bk-status,.users-table.bookings-table--all.bookings-table--actions col.col-bk-actions{width:148px}.users-table.bookings-table--all .booking-action-cell .booking-actions--stack{min-width:124px;gap:6px}.users-table.bookings-table--all .booking-actions--stack .btn-edit,.users-table.bookings-table--all .booking-actions--stack .btn-delete{padding:5px 8px;font-size:var(--text-xs);line-height:1.25;white-space:normal}.modal-overlay:has(.booking-reschedule-form) .modal-dialog{max-width:640px;scrollbar-width:none;-ms-overflow-style:none}.modal-overlay:has(.booking-reschedule-form) .modal-dialog::-webkit-scrollbar{display:none;width:0;height:0}.modal-overlay:has(.booking-reschedule-form) .modal-body,.modal-overlay:has(.booking-reschedule-form) .booking-reschedule-form,.modal-overlay:has(.booking-reschedule-form) .time-slot-grid{scrollbar-width:none;-ms-overflow-style:none}.modal-overlay:has(.booking-reschedule-form) .modal-body::-webkit-scrollbar,.modal-overlay:has(.booking-reschedule-form) .booking-reschedule-form::-webkit-scrollbar,.modal-overlay:has(.booking-reschedule-form) .time-slot-grid::-webkit-scrollbar{display:none;width:0;height:0}.booking-reschedule-form .booking-reschedule-foods-grid{display:grid;gap:8px}.booking-reschedule-form .booking-reschedule-foods-grid .item-qty-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.booking-reschedule-form .booking-reschedule-foods-grid .item-qty-row input{width:72px;flex-shrink:0}.booking-reschedule-slots-hint{margin:8px 0 0;font-size:var(--text-xs)}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions thead th:nth-child(9),.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions tbody td:nth-child(9){width:148px;min-width:148px;max-width:148px}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions thead th:nth-child(10),.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions tbody td:nth-child(10){width:148px;min-width:148px;max-width:148px}.users-table.bookings-table--all tbody td[data-label=User]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions thead th:nth-child(4),.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions tbody td:nth-child(4),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions thead th:nth-child(4),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions tbody td:nth-child(4){width:56px;min-width:56px;max-width:56px;text-align:center;padding-left:4px;padding-right:4px;vertical-align:middle;overflow:hidden}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions tbody td:nth-child(4),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions tbody td:nth-child(4){white-space:nowrap}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions thead th:nth-child(4),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions thead th:nth-child(4){white-space:nowrap;font-size:var(--text-xs);line-height:1.25}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions thead tr.filter-row td:nth-child(4),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions thead tr.filter-row td:nth-child(4){padding-left:4px;padding-right:4px;overflow:hidden}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions thead tr.filter-row td:nth-child(4) input,.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions thead tr.filter-row td:nth-child(4) input{min-width:0;width:100%;max-width:100%;box-sizing:border-box;text-align:center;padding-left:2px;padding-right:2px}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions thead th:nth-child(5),.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions tbody td:nth-child(5),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions thead th:nth-child(5),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions tbody td:nth-child(5){min-width:130px}.users-table.bookings-table--all.bookings-table-fixed.bookings-table--actions tbody td:nth-child(5),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions tbody td:nth-child(5){overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word;line-height:1.4;vertical-align:middle}@media (min-width: 1025px){.users-table.bookings-table--all.bookings-table-fixed{min-width:1040px}}.users-table.bookings-table-fixed thead tr.filter-row td:nth-child(9) select{min-width:0;white-space:nowrap}.users-table.bookings-table thead th:nth-child(4),.users-table.bookings-table tbody td:nth-child(4){text-align:center}.users-table.bookings-table thead th:nth-child(7),.users-table.bookings-table thead th:nth-child(8),.users-table.bookings-table tbody td:nth-child(7),.users-table.bookings-table tbody td:nth-child(8){text-align:center;font-variant-numeric:tabular-nums}.users-table.bookings-table tr.filter-row td{padding-left:14px;padding-right:14px}.users-table.bookings-table tbody td:last-child .booking-actions{flex-wrap:nowrap;min-width:0}.page-manage-bookings .bookings-table-body-scroll{overflow-x:auto}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-user{width:9%}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-room{width:7%}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-title{width:12%}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-attendees{width:56px}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-foods{width:14%}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-special{width:12%}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-date{width:10%}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-time{width:11%}.users-table.bookings-table--manage.bookings-table--actions col.col-bk-status,.users-table.bookings-table--manage.bookings-table--actions col.col-bk-actions{width:148px}.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions thead th:nth-child(9),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions tbody td:nth-child(9){width:148px;min-width:148px;max-width:148px}.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions thead th:nth-child(10),.users-table.bookings-table--manage.bookings-table-fixed.bookings-table--actions tbody td:nth-child(10){width:148px;min-width:148px}.users-table.bookings-table--manage .booking-action-cell .booking-actions--stack{min-width:124px;gap:6px}@media (min-width: 1025px){.users-table.bookings-table--manage.bookings-table-fixed{min-width:1080px}}.users-table.users-list-table,.users-table.users-pending-table,.users-table.rooms-list-table,.users-table.items-list-table{table-layout:auto;width:100%;min-width:max-content}.users-table.users-admin-table{table-layout:fixed;width:100%}.users-table.users-list-table.users-admin-table{min-width:980px}.users-table.users-pending-table.users-admin-table{min-width:820px}.users-table.users-list-table .col-user-list-user{width:11%}.users-table.users-list-table .col-user-list-name{width:13%}.users-table.users-list-table .col-user-list-dept,.users-table.users-list-table .col-user-list-position{width:11%}.users-table.users-list-table .col-user-list-role{width:100px}.users-table.users-list-table .col-user-list-status{width:88px}.users-table.users-list-table .col-user-list-pw{width:18%}.users-table.users-list-table .col-user-list-action{width:140px}.users-table.users-list-table thead th:nth-child(8),.users-table.users-list-table tbody td:nth-child(8){width:140px;min-width:140px;max-width:148px;padding-left:6px;padding-right:6px}.users-table.users-list-table .booking-actions,.users-table.users-pending-table .booking-actions{flex-wrap:nowrap;min-width:0}.users-table.users-list-table .booking-actions--inline{flex-wrap:nowrap;gap:6px;justify-content:center;min-width:0;width:100%}.users-table.users-list-table .booking-actions--inline .btn-edit,.users-table.users-list-table .booking-actions--inline .btn-delete{white-space:nowrap;padding:5px 8px;font-size:var(--text-xs);flex-shrink:0}.users-table.users-pending-table .col-pending-user{width:14%}.users-table.users-pending-table .col-pending-name{width:16%}.users-table.users-pending-table .col-pending-dept,.users-table.users-pending-table .col-pending-position{width:14%}.users-table.users-pending-table .col-pending-role{width:10%}.users-table.users-pending-table .col-pending-status{width:14%}.users-table.users-pending-table .col-pending-action{width:18%}.bookings-table-panel .users-table.users-list-table,.bookings-table-panel .users-table.users-pending-table,.bookings-table-panel .users-table.rooms-list-table,.bookings-table-panel .users-table.items-list-table{min-width:0}.users-table.rooms-list-table thead th:nth-child(3),.users-table.rooms-list-table thead th:nth-child(4),.users-table.rooms-list-table tbody td:nth-child(3),.users-table.rooms-list-table tbody td:nth-child(4){text-align:center}.users-table.items-list-table{table-layout:fixed;width:100%;min-width:520px}.users-table.items-list-table col.col-item-id{width:72px}.users-table.items-list-table col.col-item-name{width:auto}.users-table.items-list-table col.col-item-status{width:104px}.users-table.items-list-table col.col-item-action{width:148px}.users-table.items-list-table thead th:nth-child(1),.users-table.items-list-table tbody td:nth-child(1){width:72px;min-width:72px;max-width:80px;text-align:center;font-variant-numeric:tabular-nums;padding-left:8px;padding-right:8px}.users-table.items-list-table thead th:nth-child(3),.users-table.items-list-table tbody td:nth-child(3){width:104px;min-width:104px;max-width:112px;text-align:center;padding-left:6px;padding-right:6px}.users-table.items-list-table thead th:nth-child(4),.users-table.items-list-table tbody td:nth-child(4){width:148px;min-width:148px}.users-table.items-list-table tbody td.col-status,.users-table.items-list-table tbody td.col-item-action-cell{vertical-align:middle}.users-table.items-list-table tbody td:nth-child(2) input{width:100%;min-width:0;box-sizing:border-box}.users-table.items-list-table .active-status-cell{min-width:0;gap:6px}.users-table.items-list-table .booking-actions--inline{flex-wrap:nowrap;gap:6px;justify-content:center;min-width:0}.users-table.items-list-table .booking-actions--inline .btn-edit,.users-table.items-list-table .booking-actions--inline .btn-delete{white-space:nowrap;padding:5px 10px;font-size:var(--text-xs);flex-shrink:0}.users-table.items-list-table tr.filter-row td:nth-child(1),.users-table.items-list-table tr.filter-row td:nth-child(4){padding-left:6px;padding-right:6px}.users-table.rooms-list-table tr.filter-row td,.users-table.items-list-table tr.filter-row td{padding-left:14px;padding-right:14px}.users-table.rooms-list-table tbody td input,.users-table.rooms-list-table tbody td textarea,.users-table.items-list-table tbody td input{min-width:120px}.table-cell-meta{margin-top:4px;font-size:var(--text-xs);color:var(--muted)}.users-table.users-list-table thead th,.users-table.users-pending-table thead th,.users-table.rooms-list-table thead th,.users-table.items-list-table thead th{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;vertical-align:bottom}.users-table.users-list-table tbody td,.users-table.users-pending-table tbody td,.users-table.rooms-list-table tbody td,.users-table.items-list-table tbody td{overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.45;vertical-align:top}.users-table.users-list-table thead th:nth-child(5),.users-table.users-list-table tbody td:nth-child(5){width:100px;min-width:100px;max-width:108px;text-align:center;padding-left:6px;padding-right:6px}.users-table.users-list-table thead th:nth-child(6),.users-table.users-list-table tbody td:nth-child(6){width:88px;min-width:88px;max-width:96px;text-align:center;padding-left:4px;padding-right:4px}.users-table.users-list-table tr.filter-row td,.users-table.users-pending-table tr.filter-row td{padding-left:14px;padding-right:14px}.users-table.users-pending-table thead th:nth-child(5),.users-table.users-pending-table thead th:nth-child(6),.users-table.users-pending-table tbody td:nth-child(5),.users-table.users-pending-table tbody td:nth-child(6){text-align:center}.pending-user-meta{margin-top:4px;font-size:var(--text-sm);color:var(--muted)}.users-table.users-list-table tbody td:last-child .booking-actions,.users-table.users-pending-table tbody td:last-child .booking-actions,.users-table.bookings-table tbody td[data-label=Action] .booking-actions{flex-wrap:nowrap;align-items:center}.users-table.users-list-table .user-cell,.users-table.users-pending-table .user-cell,.users-table.users-list-table .col-pw{min-width:0}.users-table.users-list-table .col-role select{min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding-left:6px;padding-right:22px;font-size:var(--text-xs)}.users-table.users-list-table .col-pw input{min-width:160px}.page-body .users-table thead th{top:0;z-index:50}.page-body .users-table tr.filter-row td,.page-body .users-table tr.filter-row th{top:var(--table-head-row-h);z-index:40}.users-table thead th{position:sticky;top:0;z-index:2;background:var(--table-head);padding:var(--table-th-pad-y) var(--table-th-pad-x);font-size:var(--table-head-font-size);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#e2e8f0;border-bottom:1px solid rgba(0,0,0,.2);white-space:normal;vertical-align:bottom}.users-table tr.filter-row td,.users-table tr.filter-row th{background:var(--table-filter);padding:var(--table-filter-pad-y) var(--table-filter-pad-x);position:sticky;top:var(--table-head-row-h);z-index:1}.users-table tr.filter-row input,.users-table tr.filter-row select{width:100%;min-width:0;padding:var(--table-filter-pad-y) var(--table-filter-pad-x);font-size:var(--table-filter-font-size);background:#1a1a22;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text)}.users-table tr.filter-row input::placeholder{color:var(--muted)}.filter-date-wrap{position:relative;width:100%;min-width:148px}.filter-date-wrap .filter-date-input{width:100%;min-width:136px;padding-right:2rem;color-scheme:dark}.filter-cell-date{min-width:148px}.filter-date-wrap .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit,.filter-date-wrap .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-fields-wrapper,.filter-date-wrap .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-text,.filter-date-wrap .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-month-field,.filter-date-wrap .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-day-field,.filter-date-wrap .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-year-field{opacity:0;color:transparent}.filter-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit,.filter-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-fields-wrapper,.filter-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-text,.filter-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-month-field,.filter-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-day-field,.filter-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-year-field,.filter-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit,.filter-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-fields-wrapper,.filter-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-text,.filter-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-month-field,.filter-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-day-field,.filter-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-year-field{opacity:1;color:var(--text)}.page-header-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit,.page-header-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-fields-wrapper,.page-header-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-text,.page-header-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-month-field,.page-header-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-day-field,.page-header-date-wrap:focus-within .filter-date-input:not(.filter-date-input--filled)::-webkit-datetime-edit-year-field,.page-header-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit,.page-header-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-fields-wrapper,.page-header-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-text,.page-header-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-month-field,.page-header-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-day-field,.page-header-date-wrap .filter-date-input.filter-date-input--filled::-webkit-datetime-edit-year-field{opacity:1;color:#fff}.filter-date-ph{position:absolute;left:var(--table-filter-pad-x);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);font-size:var(--table-filter-font-size)}.filter-date-wrap:focus-within .filter-date-ph{display:none}.users-table tbody td{padding:var(--table-td-pad-y) var(--table-td-pad-x);border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top;background:var(--table-row);color:var(--text)}.users-table tbody tr:nth-child(2n) td{background:var(--table-row-alt)}.users-table tbody tr:hover td{background:#252c34}.user-cell{display:flex;align-items:center;gap:12px;min-width:200px}.user-avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:var(--text-base);color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));flex-shrink:0}.user-cell-main strong{display:block;font-size:var(--text-base)}.user-cell-main span{display:block;color:var(--muted);font-size:var(--text-sm);margin-top:2px}.user-cell-id{font-size:var(--text-xs);color:var(--muted);margin-top:4px}.users-table.users-admin-table .col-dept,.users-table.users-admin-table .col-position{font-size:var(--text-sm);line-height:1.45;word-break:break-word;overflow-wrap:anywhere}.users-table.users-admin-table .user-cell--compact{min-width:0}.users-table.users-admin-table .user-cell--compact .user-avatar{width:38px;height:38px;border-radius:10px;font-size:var(--text-sm)}.users-table.users-list-table .active-status-cell{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;min-width:0;width:100%;margin:0 auto}.users-table.users-list-table .switch-label{font-size:var(--text-xs);min-width:1.25rem}.users-table.users-list-table tr.filter-row td:nth-child(5),.users-table.users-list-table tr.filter-row td:nth-child(6){padding-left:6px;padding-right:6px}.users-table.users-list-table .pw-reset-box--user-list{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}.users-table.users-list-table .pw-reset-box--user-list input{flex:1 1 96px;width:auto;max-width:none;min-width:0}.users-table.users-list-table .pw-reset-box--user-list .pw-reset-btn{flex-shrink:0;white-space:nowrap}.users-table.users-list-table .col-status,.users-table.users-list-table .col-pw,.users-table.users-list-table tbody td[data-label=Action],.users-table.users-pending-table tbody td[data-label=Action],.users-table.bookings-table tbody td[data-label=Action]{vertical-align:middle}.col-role select,.col-pw input{min-width:130px;max-width:160px}.col-pw{min-width:200px}.pw-reset-box{display:flex;flex-direction:column;gap:8px}.pw-reset-box input{width:100%;max-width:200px}.action-stack{display:flex;flex-direction:column;gap:8px;min-width:120px}.action-stack .btn{width:100%;justify-content:center}.status-toggle{display:flex;flex-direction:column;align-items:center;gap:8px}.self-account-note{margin:8px 0 0;font-size:var(--text-xs);color:var(--accent)}.toolbar-bookings{grid-template-columns:minmax(180px,1fr) minmax(150px,180px) minmax(140px,180px) minmax(100px,120px)}.toolbar-check-cell{display:flex;align-items:end;min-height:66px}.filter-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--text);margin-top:2px;min-height:42px}.filter-checkbox input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.booking-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:180px}.booking-actions--stack{flex-direction:column;flex-wrap:nowrap;align-items:stretch;min-width:88px;gap:6px}.booking-actions--stack .btn-edit,.booking-actions--stack .btn-delete,.booking-actions--stack .btn-approve,.booking-actions--stack .btn-reject{width:100%;text-align:center}@media (min-width: 1280px) and (max-width: 1440px){:root{--table-font-size: var(--text-sm);--table-head-font-size: var(--text-xs);--table-filter-font-size: var(--text-sm);--table-th-pad-y: 9px;--table-th-pad-x: 10px;--table-td-pad-y: 9px;--table-td-pad-x: 10px;--table-filter-pad-y: 6px;--table-filter-pad-x: 8px;--table-head-row-h: 36px}.page-view{--table-head-row-h: 36px}.page-header{padding:14px 18px}.page-header-text h1{font-size:var(--text-xl)}.page-header-text p{font-size:var(--text-sm)}.page-header-actions .btn-header{font-size:var(--text-sm);padding:8px 14px}.bookings-table-body-scroll,.users-table-wrap{overflow-x:auto}.user-cell{min-width:0;gap:8px}.user-avatar{width:34px;height:34px;font-size:var(--text-xs);border-radius:10px}.user-cell-main strong{font-size:1em}.user-cell-main span{font-size:.92em}.booking-actions{min-width:0;gap:6px}.booking-actions .btn-edit,.booking-actions .btn-delete,.booking-actions .btn-approve,.booking-actions .btn-reject{font-size:var(--text-xs);padding:5px 10px}.status-badge-lg{font-size:var(--text-xs);padding:4px 8px}.active-status-cell{gap:6px}.users-table.users-list-table .col-role select{min-width:0}.users-table.users-list-table .col-pw input{min-width:130px}.col-pw{min-width:140px}}@media (min-width: 769px) and (max-width: 1024px){:root{--table-font-size: var(--text-sm);--table-head-font-size: var(--text-xs);--table-filter-font-size: var(--text-sm);--table-th-pad-y: 9px;--table-th-pad-x: 10px;--table-td-pad-y: 9px;--table-td-pad-x: 10px;--table-filter-pad-y: 6px;--table-filter-pad-x: 8px;--table-head-row-h: 36px}.page-view{--table-head-row-h: 36px}.bookings-table-body-scroll,.users-table-wrap{overflow-x:auto}.user-cell{min-width:0;gap:8px}.user-avatar{width:34px;height:34px;font-size:var(--text-xs);border-radius:10px}.user-cell-main strong{font-size:1em}.user-cell-main span{font-size:.92em}.booking-actions{min-width:0;gap:6px}.booking-actions .btn-edit,.booking-actions .btn-delete,.booking-actions .btn-approve,.booking-actions .btn-reject{font-size:var(--text-xs);padding:5px 10px}.status-badge-lg{font-size:var(--text-xs);padding:4px 8px}}.btn-approve{background:linear-gradient(135deg,#047857,#10b981);color:#fff;box-shadow:0 4px 14px #10b98147}.btn-approve:hover{background:linear-gradient(135deg,#065f46,#059669)}.btn-reject{background:linear-gradient(135deg,#be123c,#f43f5e);color:#fff;box-shadow:0 4px 14px #f43f5e47}.btn-reject:hover{background:linear-gradient(135deg,#9f1239,#e11d48)}.badge-mine{margin-left:8px;background:#6366f140;color:#c7d2fe;font-size:var(--text-xs)}tr.row-mine td{background:#6366f114}.table-scroll-hint{display:none;margin:0;padding:8px 14px;font-size:var(--text-xs);font-weight:600;color:var(--muted);text-align:center;background:var(--table-filter);border-bottom:1px solid var(--panel-border)}.table-panel-responsive .bookings-table-body-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 1024px){.table-scroll-hint{display:block}.table-panel-responsive .table-scroll-hint{display:none}.app-layout,.app-main-panel,#root{height:100dvh;max-height:100dvh}.app-sidebar{z-index:280;box-shadow:12px 0 40px #00000059}.app-layout:not(.sidebar-hidden) .sidebar-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border:0;padding:0;background:#080c128c;cursor:pointer}.page-booking-photo.page-view--fixed-table,.page-booking-photo.page-view--fixed-table .page-body,.page-booking-photo.page-view--fixed-table .bookings-table-panel,.page-booking-photo.page-view--fixed-table .bookings-table-body-scroll{width:100%;min-width:0;max-width:100%}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .page-header{height:auto;min-height:0;max-height:none;padding:12px 16px}.table-panel-responsive .bookings-table-body-scroll{overflow-x:hidden;overflow-y:auto}.table-panel-responsive .users-table,.table-panel-responsive .users-table.bookings-table,.table-panel-responsive .users-table.bookings-table-fixed{display:block;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}.table-panel-responsive .users-table colgroup{display:none}.table-panel-responsive .users-table.users-admin-table{table-layout:auto;min-width:0;width:100%}.table-panel-responsive .users-table.users-list-table tbody td.col-pw{padding-top:12px;margin-top:6px;border-top:1px solid var(--panel-border)}.table-panel-responsive .users-table.users-list-table .pw-reset-box--user-list{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.table-panel-responsive .users-table.users-list-table .pw-reset-box--user-list input{width:100%;min-width:0;max-width:none;flex:none;box-sizing:border-box;padding:10px 12px;font-size:var(--text-base)}.table-panel-responsive .users-table.users-list-table .pw-reset-box--user-list .pw-reset-btn{width:100%;justify-content:center;padding:10px 14px;font-size:var(--text-sm);font-weight:600}.table-panel-responsive .users-table thead,.table-panel-responsive .users-table tbody{display:block;width:100%}.table-panel-responsive .users-table thead tr:first-child{display:none}.table-panel-responsive .users-table thead tr.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;margin:0;background:var(--table-filter);border-bottom:1px solid var(--panel-border)}.table-panel-responsive .users-table thead tr.filter-row td{display:block;position:static;left:auto;padding:4px;box-shadow:none;background:transparent}.table-panel-responsive .users-table thead tr.filter-row td.filter-cell-skip{display:none}.table-panel-responsive .users-table thead tr.filter-row td.filter-cell-wide,.table-panel-responsive .users-table.bookings-table thead tr.filter-row td:not(.filter-cell-skip){grid-column:1 / -1}.table-panel-responsive .users-table tbody tr{display:block;margin:0 10px 10px;padding:12px 14px;border:1px solid var(--panel-border);border-radius:12px;background:var(--table-row)}.table-panel-responsive .users-table tbody tr:nth-child(2n){background:var(--table-row-alt)}.table-panel-responsive .users-table tbody tr:hover{background:#252c34}.table-panel-responsive .users-table tbody tr.row-mine{background:#6366f11a;border-color:#6366f159}.table-panel-responsive .users-table tbody td{display:block;padding:10px 0;border:0;text-align:left!important;position:static;left:auto;box-shadow:none;background:transparent!important;overflow:visible;text-overflow:unset;white-space:normal;word-break:normal;overflow-wrap:normal}.table-panel-responsive .users-table tbody td:before{content:attr(data-label);display:block;margin-bottom:6px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.table-panel-responsive .users-table tbody td.empty-cell{display:block;width:100%;text-align:center;padding:24px 16px;white-space:normal;word-break:normal;overflow-wrap:normal}.table-panel-responsive .users-table tbody td.empty-cell:before{display:none}.table-panel-responsive .users-table tbody tr:has(.empty-cell){margin:12px;padding:0;border:1px solid var(--panel-border);border-radius:12px;background:#0c121c73}.table-panel-responsive .users-table tbody td[data-label=Action]{padding-top:12px;margin-top:6px;border-top:1px solid var(--panel-border)}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .table-panel-responsive .users-table tbody tr{background:#0c121c6b;border-color:var(--mb-chrome-line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .table-panel-responsive .users-table tbody tr.row-mine{background:#2dd4bf1f;border-color:#2dd4bf59}.app-layout--booking-photo .page-booking-photo.page-view--fixed-table .table-panel-responsive .users-table thead tr.filter-row{background:#0c121c80;border-bottom-color:var(--mb-chrome-line)}.page-all-bookings .page-header-tools-group{width:100%}.page-all-bookings .page-header-filter{flex:1 1 96px;min-width:0;max-width:140px}.page-all-bookings .page-header-date-wrap,.page-manage-bookings .page-header-date-wrap{flex:1 1 180px;min-width:180px;max-width:220px}.page-all-bookings .page-header-date,.page-manage-bookings .page-header-date{flex:1 1 auto;min-width:0;max-width:none;width:100%}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;padding:14px 16px;gap:12px}.page-header-text h1{font-size:var(--text-lg)}.page-header-toolbar{width:100%;justify-content:space-between}.page-header-actions,.page-header-tools{width:100%}.page-header-actions .btn-header{width:100%;text-align:center}.page-header-date,.page-header-select{width:100%;min-width:0}.page-header-date-wrap{width:100%;max-width:none;min-width:0}.booking-page-form{padding:20px 16px 28px}.room-cards-section{margin-bottom:28px}.booking-page-form .room-cards-section>h3,.booking-page-form>h3{font-size:var(--text-md)}.booking-page-form>h3{margin-top:36px;margin-bottom:14px}.booking-page-form>.grid-form{margin-bottom:8px}.grid-form{grid-template-columns:1fr}.room-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}:root{--table-font-size: var(--text-sm);--table-head-font-size: var(--text-xs);--table-filter-font-size: var(--text-sm);--table-th-pad-y: 10px;--table-th-pad-x: 10px;--table-td-pad-y: 10px;--table-td-pad-x: 10px;--table-filter-pad-y: 7px;--table-filter-pad-x: 8px;--table-head-row-h: 38px}.page-view{--table-head-row-h: 38px}.booking-actions:not(.booking-actions--stack){min-width:0;flex-direction:column;align-items:stretch}.booking-actions:not(.booking-actions--stack) .btn-edit,.booking-actions:not(.booking-actions--stack) .btn-delete{width:100%;text-align:center}.pw-reset-box{gap:8px}.active-status-cell{min-width:0;gap:8px}.user-cell{gap:8px}.user-avatar{width:36px;height:36px;font-size:var(--text-sm)}.table-panel-responsive .active-status-cell{align-items:center}.table-panel-responsive .filter-row-actions{flex-wrap:wrap;gap:6px}.modal-overlay{padding:12px;align-items:flex-end}.confirm-overlay{padding:16px;align-items:center}.confirm-dialog{max-width:100%;padding:24px 20px 20px;border-radius:16px}.confirm-dialog-actions{grid-template-columns:1fr}.confirm-btn--danger,.confirm-btn--primary{order:-1}.modal-dialog{max-width:100%;max-height:92dvh;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;min-width:0}.page-body-alerts{padding:0 12px}.page-body-alerts .alert{margin-top:12px}.app-toast{left:12px;right:12px;transform:none;min-width:0;width:auto}}@media (max-width: 480px){.room-cards-grid{grid-template-columns:1fr}.login-page{padding:16px 12px}.login-card{max-height:calc(100dvh - 32px);padding:22px 18px}.login-card .subtitle{margin-bottom:16px}.login-card-scroll form>div{margin-bottom:12px!important}.login-card-scroll form>div:last-of-type{margin-bottom:16px!important}.sidebar-nav-item{padding:14px 12px}.status-badge-lg{font-size:var(--text-xs);padding:4px 9px}}.page-view--dashboard{overflow:hidden}.app-layout--booking-photo .page-dashboard.page-view{--mb-page-header-h: 72px}.page-view--dashboard .page-header-text h1{font-size:var(--text-xl)}.page-view--dashboard .page-header-text p{margin-top:2px;font-size:var(--text-xs)}.page-view--dashboard .page-body{overflow:hidden;display:flex;flex-direction:column;padding:10px 16px 12px;min-height:0}.dash-header-actions{display:flex;align-items:center;gap:8px}.dash-review-btn{color:#fff!important;border-color:#fbbf2473!important}.dash-alert{flex-shrink:0;margin:0 0 6px}.dash-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.dash-v2{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.dash-period-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#0f172a9e;border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px #ffffff0a}.dash-period-tab{border:0;background:transparent;color:#ffffffb8;font-size:var(--text-xs);font-weight:700;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.dash-period-tab:hover{color:#fff}.dash-period-tab.is-active{color:#042f2e;background:linear-gradient(135deg,#99f6e4,#2dd4bf);box-shadow:0 4px 14px #2dd4bf59}.dash-stat-grid{flex-shrink:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dash-stat{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(145deg,#1e293beb,#0f172ae0);box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0000002e;overflow:hidden}.dash-stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.dash-stat-icon svg{width:18px;height:18px}.dash-stat--teal .dash-stat-icon{background:#2dd4bf29;color:#5eead4}.dash-stat--green .dash-stat-icon{background:#34d39929;color:#6ee7b7}.dash-stat--amber .dash-stat-icon{background:#fbbf2429;color:#fcd34d}.dash-stat--sky .dash-stat-icon{background:#7dd3fc29;color:#7dd3fc}.dash-stat-body{min-width:0}.dash-stat-label{margin:0;font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dash-stat-value{margin:2px 0 0;font-size:1.4rem;line-height:1;font-weight:900;color:var(--text)}.dash-stat-sub{margin:2px 0 0;font-size:10px;color:var(--muted)}.dash-board{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr) minmax(0,.95fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:10px;overflow:hidden}.dash-card{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(160deg,#1c2636f0,#0f172ae6);padding:10px 12px 12px;box-shadow:inset 0 1px #ffffff0a,0 10px 28px #00000038}.dash-card--trend{grid-column:1;grid-row:1 / span 2}.dash-card--donut{grid-column:2;grid-row:1}.dash-card--rooms{grid-column:3;grid-row:1}.dash-card--recent{grid-column:2 / span 2;grid-row:2}.dash-card-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-shrink:0}.dash-card-head h3{margin:0;flex:1;font-size:var(--text-sm);font-weight:800;color:var(--text);letter-spacing:.01em}.dash-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.dash-card-dot--teal{color:#2dd4bf;background:#2dd4bf}.dash-card-dot--violet{color:#a78bfa;background:#a78bfa}.dash-card-dot--sky{color:#7dd3fc;background:#7dd3fc}.dash-card-dot--amber{color:#fbbf24;background:#fbbf24}.dash-card-link{font-size:10px;font-weight:700;color:var(--primary);text-decoration:none;padding:4px 8px;border-radius:999px;background:#2dd4bf1a}.dash-chart-box{flex:1;min-height:0;width:100%;border-radius:10px;background:radial-gradient(circle at 50% 0%,rgba(45,212,191,.06),transparent 55%),#080c166b;border:1px solid rgba(148,163,184,.08);overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}.dash-chart-box--trend{background:radial-gradient(circle at 50% 0%,rgba(125,211,252,.08),transparent 55%),#080c166b}.dash-chart{display:block;flex:1}.dash-chart-grid{stroke:#94a3b81f;stroke-width:1;stroke-dasharray:4 4}.dash-chart-label{fill:#94a3b8d9;font-size:9px;text-anchor:middle;font-weight:600}.dash-chart-value{fill:#e2e8f0;font-size:9px;text-anchor:middle;font-weight:800}.dash-chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(45,212,191,.25))}.dash-chart-empty{margin:auto;padding:8px;text-align:center;color:var(--muted);font-size:var(--text-xs)}.dash-donut-layout{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 6px;box-sizing:border-box}.dash-donut-track{stroke:#94a3b824}.dash-donut-total{fill:var(--text);font-size:20px;font-weight:900;text-anchor:middle;dominant-baseline:middle}.dash-donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;flex:1}.dash-donut-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:6px;align-items:center;font-size:10px;padding:4px 6px;border-radius:8px;background:#0f172a59}.dash-donut-dot{width:8px;height:8px;border-radius:50%}.dash-donut-legend-label{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-donut-legend li strong{color:var(--primary);font-weight:800}.dash-hbar-list{list-style:none;margin:0;padding:4px 6px;display:flex;flex-direction:column;justify-content:space-evenly;box-sizing:border-box;overflow:hidden}.dash-hbar-row{display:grid;grid-template-columns:minmax(0,68px) minmax(0,1fr) auto;gap:8px;align-items:center}.dash-hbar-label{font-size:10px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-hbar-track{height:8px;border-radius:999px;background:#94a3b81a;overflow:hidden}.dash-hbar-fill{display:block;height:100%;border-radius:inherit;box-shadow:0 0 12px #2dd4bf40}.dash-hbar-value{font-size:10px;color:#5eead4;font-weight:800}.dash-recent-box{flex:1;min-height:0;border-radius:10px;background:#080c166b;border:1px solid rgba(148,163,184,.08);padding:6px;overflow:hidden;display:flex;flex-direction:column}.dash-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-evenly;flex:1;min-height:0;gap:5px;overflow:hidden}.dash-recent-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:#0f172a8c;border:1px solid rgba(148,163,184,.08)}.dash-recent-main{min-width:0}.dash-recent-main strong{display:block;font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-recent-main span{display:block;margin-top:1px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-pill{flex-shrink:0;font-size:9px!important;padding:2px 6px!important}@media (max-width: 1100px){.dash-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,.9fr)}.dash-card--trend{grid-column:1 / span 2;grid-row:1}.dash-card--donut{grid-column:1;grid-row:2}.dash-card--rooms{grid-column:2;grid-row:2}.dash-card--recent{grid-column:1 / span 2;grid-row:3}}@media (max-width: 640px){.page-view--dashboard .page-body{padding:6px 8px 8px}.dash-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-board{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr))}.dash-card--trend,.dash-card--donut,.dash-card--rooms,.dash-card--recent{grid-column:1;grid-row:auto}}.app-sidebar{background:linear-gradient(180deg,#0e4f52,#0b3d3f 38%,#082f31);border-right:1px solid rgba(255,255,255,.08);box-shadow:4px 0 28px #00000047;padding:20px 12px 16px}.app-layout--booking-photo .app-sidebar{background:linear-gradient(180deg,var(--mb-chrome-1) 0%,var(--mb-chrome-2) 55%,var(--mb-chrome-3) 100%);backdrop-filter:var(--mb-chrome-blur);-webkit-backdrop-filter:var(--mb-chrome-blur);border-right:none;box-shadow:none}.app-layout--booking-photo .sidebar-nav{border-top-color:var(--mb-chrome-line)}.app-layout--booking-photo .sidebar-nav-item:hover{background:#ffffff24;border-color:#ffffff1f}.app-layout--booking-photo .sidebar-nav-item.is-active{background:#0003;border-color:var(--mb-chrome-line)}.app-layout--booking-photo .btn-sidebar-profile{background:linear-gradient(135deg,#148f8cd1,#0f766ee0)}.app-layout--booking-photo .btn-sidebar-logout{background:linear-gradient(135deg,#ef4444e0,#dc2626eb)}.sidebar-nav{border-top-color:#ffffff1f}.sidebar-nav-item{border-radius:var(--radius-sm);border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .15s ease}.sidebar-nav-item:hover{background:#ffffff1a;border-color:#ffffff14}.sidebar-nav-item.is-active{background:#00000047;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}.sidebar-nav-icon{box-shadow:0 2px 8px #0003}.sidebar-nav-badge{background:linear-gradient(135deg,#fde047,#fbbf24);color:#422006;box-shadow:0 2px 8px #fbbf2459}.btn-sidebar-profile{background:linear-gradient(135deg,#148f8c,#0f766e);box-shadow:0 4px 14px #0003}.btn-sidebar-logout{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444440}.page-body>.empty{color:var(--muted);font-weight:600}.page-body-alerts{padding:14px 24px 0}.page-header{background:linear-gradient(105deg,#0f766e,#115e59 42%,#134e4a);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #00000038,inset 0 1px #ffffff1f;padding:20px 28px}.page-header-text h1{font-weight:800;letter-spacing:-.03em;text-shadow:0 1px 2px rgba(0,0,0,.15)}.page-header-text p{color:#ffffffd1;font-weight:500}.app-layout--booking-photo .page-header{box-shadow:none}.page-header-tools-group .btn-ghost{background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-header-tools-group .btn-ghost:hover{background:#ffffff3d;border-color:#ffffff59;color:#fff}.page-header-tools-group .btn-ghost.active{background:#fff;border-color:#fff;color:var(--primary-deep);font-weight:700;box-shadow:0 4px 14px #00000026}.page-header-tools-group .btn-ghost.active:hover{background:#f0fdfa;color:var(--primary-deep)}.mine-filter-btn{display:inline-flex;align-items:center;gap:8px}.mine-filter-switch{position:relative;flex-shrink:0;width:32px;height:18px;border-radius:999px;background:#ffffff40;transition:background .2s ease}.mine-filter-btn.active .mine-filter-switch{background:var(--primary)}.mine-filter-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.mine-filter-switch.is-on .mine-filter-switch-knob{transform:translate(14px)}.page-header-actions .btn-header{border-radius:var(--radius-sm);box-shadow:0 4px 14px #00000026}.glass,.page-panel{background:linear-gradient(165deg,#182230f2,#121a26fa);border-color:var(--panel-border);box-shadow:var(--shadow-soft)}.booking-page-form{padding:28px 28px 36px}.page-view--fixed-table .page-body{padding:0}.page-view--fixed-table .page-body-alerts{padding:12px 20px 0;flex-shrink:0}.page-view--fixed-table .page-body>.empty{margin:16px 20px}.bookings-table-panel{margin:0;width:100%;max-width:100%;flex:1;min-height:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;border-top:1px solid var(--panel-border);box-shadow:none;overflow:hidden}.bookings-table-panel .bookings-table-body-scroll{width:100%}@media (min-width: 1025px){.bookings-table-panel .users-table{width:100%;min-width:0!important;table-layout:fixed}.bookings-table-panel .users-table.bookings-table:not(.bookings-table-fixed){table-layout:fixed}}@media (min-width: 1025px){.bookings-table-panel .users-list-table th:nth-child(1),.bookings-table-panel .users-list-table td:nth-child(1){width:11%}.bookings-table-panel .users-list-table th:nth-child(2),.bookings-table-panel .users-list-table td:nth-child(2){width:13%}.bookings-table-panel .users-list-table th:nth-child(3),.bookings-table-panel .users-list-table td:nth-child(3){width:11%}.bookings-table-panel .users-list-table th:nth-child(4),.bookings-table-panel .users-list-table td:nth-child(4){width:11%}.bookings-table-panel .users-list-table th:nth-child(5),.bookings-table-panel .users-list-table td:nth-child(5){width:9%}.bookings-table-panel .users-list-table th:nth-child(6),.bookings-table-panel .users-list-table td:nth-child(6){width:12%}.bookings-table-panel .users-list-table th:nth-child(7),.bookings-table-panel .users-list-table td:nth-child(7){width:21%}.bookings-table-panel .users-list-table th:nth-child(8),.bookings-table-panel .users-list-table td:nth-child(8){width:12%}.bookings-table-panel .users-pending-table th:nth-child(1),.bookings-table-panel .users-pending-table td:nth-child(1){width:14%}.bookings-table-panel .users-pending-table th:nth-child(2),.bookings-table-panel .users-pending-table td:nth-child(2){width:16%}.bookings-table-panel .users-pending-table th:nth-child(3),.bookings-table-panel .users-pending-table td:nth-child(3){width:14%}.bookings-table-panel .users-pending-table th:nth-child(4),.bookings-table-panel .users-pending-table td:nth-child(4){width:14%}.bookings-table-panel .users-pending-table th:nth-child(5),.bookings-table-panel .users-pending-table td:nth-child(5){width:10%}.bookings-table-panel .users-pending-table th:nth-child(6),.bookings-table-panel .users-pending-table td:nth-child(6){width:14%}.bookings-table-panel .users-pending-table th:nth-child(7),.bookings-table-panel .users-pending-table td:nth-child(7){width:18%}.bookings-table-panel .rooms-list-table th:nth-child(1),.bookings-table-panel .rooms-list-table td:nth-child(1){width:16%}.bookings-table-panel .rooms-list-table th:nth-child(2),.bookings-table-panel .rooms-list-table td:nth-child(2){width:10%}.bookings-table-panel .rooms-list-table th:nth-child(3),.bookings-table-panel .rooms-list-table td:nth-child(3){width:10%}.bookings-table-panel .rooms-list-table th:nth-child(4),.bookings-table-panel .rooms-list-table td:nth-child(4){width:12%}.bookings-table-panel .rooms-list-table th:nth-child(5),.bookings-table-panel .rooms-list-table td:nth-child(5){width:38%}.bookings-table-panel .rooms-list-table th:nth-child(6),.bookings-table-panel .rooms-list-table td:nth-child(6){width:14%}.bookings-table-panel .items-list-table th:nth-child(1),.bookings-table-panel .items-list-table td:nth-child(1){width:72px}.bookings-table-panel .items-list-table th:nth-child(2),.bookings-table-panel .items-list-table td:nth-child(2){width:auto}.bookings-table-panel .items-list-table th:nth-child(3),.bookings-table-panel .items-list-table td:nth-child(3){width:104px}.bookings-table-panel .items-list-table th:nth-child(4),.bookings-table-panel .items-list-table td:nth-child(4){width:148px}}.bookings-table-panel .users-table tbody td{word-break:break-word;overflow-wrap:anywhere}.bookings-table-panel .users-table tbody td .booking-actions,.bookings-table-panel .users-table tbody td input,.bookings-table-panel .users-table tbody td select,.bookings-table-panel .users-table tbody td textarea{max-width:100%}.users-table thead th{background:linear-gradient(180deg,#243044 0%,var(--table-head) 100%);color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.08)}.users-table tr.filter-row td,.users-table tr.filter-row th{background:var(--table-filter);border-bottom:1px solid rgba(255,255,255,.06)}.users-table tr.filter-row input,.users-table tr.filter-row select{background:#080c14a6;border-color:#94a3b833;transition:border-color .15s ease,box-shadow .15s ease}.users-table tr.filter-row input:focus,.users-table tr.filter-row select:focus{border-color:#2dd4bf80;box-shadow:0 0 0 3px #2dd4bf26;outline:none}.users-table tbody tr{transition:background .12s ease}.users-table tbody tr:hover td{background:var(--table-row-hover)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);box-shadow:0 4px 16px var(--glow-primary)}.btn-primary:hover{background:linear-gradient(135deg,#5eead4 0%,var(--primary) 100%);box-shadow:0 6px 20px #2dd4bf59}.btn-ghost:not(.page-header-tools-group .btn-ghost){border:1px solid var(--panel-border)}.btn-edit{background:linear-gradient(135deg,var(--primary-hover),var(--primary-deep));box-shadow:0 2px 10px #14b8a640}input,select,textarea{background:#0a101abf;border-color:var(--panel-border);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #2dd4bf2e}.badge{letter-spacing:.02em;box-shadow:inset 0 1px #ffffff14}.badge-pending{border:1px solid rgba(251,191,36,.35)}.badge-approved{border:1px solid rgba(52,211,153,.35)}.badge-rejected{border:1px solid rgba(248,113,113,.35)}.badge-cancel_pending{border:1px solid rgba(251,146,60,.35)}.badge-reschedule_pending{border:1px solid rgba(56,189,248,.35)}.badge-reschedule_draft{border:1px solid rgba(167,139,250,.35)}.badge-cancelled,.badge-cancel_approve{border:1px solid rgba(148,163,184,.35)}.alert{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.page-body-alerts .alert{border-radius:var(--radius-sm)}.modal-dialog{background:linear-gradient(165deg,#1e2a3a,#151d2a);border-color:var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow)}.modal-header{border-bottom-color:var(--panel-border)}.room-card{border-radius:var(--radius);border-color:#94a3b82e}.room-card-icon-wrap{background:linear-gradient(135deg,#2dd4bf59,#38bdf833)}.login-page:not(.login-page--photo){background:radial-gradient(ellipse 70% 55% at 20% 10%,rgba(45,212,191,.12),transparent 50%),radial-gradient(ellipse 60% 50% at 90% 80%,rgba(56,189,248,.1),transparent 45%),var(--bg)}.login-card.glass,.login-card{border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow),0 0 60px #2dd4bf14}.login-card h1{font-weight:800;letter-spacing:-.03em}.app-toast{border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sound-unlock-banner{border-radius:var(--radius);background:linear-gradient(135deg,#d97706,#b45309);box-shadow:var(--shadow-soft)}.app-mobile-bar{background:#0c1017eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--panel-border)}.btn-menu{border-color:var(--panel-border);background:var(--bg-elevated)}.btn-menu:hover{border-color:#2dd4bf73;background:#2dd4bf1f;color:var(--primary)}.time-slot-btn.time-slot-selected{background:linear-gradient(135deg,var(--primary-hover),var(--primary-deep));box-shadow:0 2px 10px #2dd4bf4d}.table-scroll-hint{color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;opacity:.85}