:root{--bg: #f6f8fb;--surface: #ffffff;--surface-soft: #f2f5f9;--surface-soft-2: #eef2f7;--border: #e6ebf2;--border-strong: #d0d7e2;--text: #152033;--text-2: #41506a;--muted: #647084;--mix-base: white;--item-bg: #f6f8fb;--primary: #2563eb;--primary-strong: #1d4ed8;--primary-tint: #edf4ff;--primary-tint-2: #e8f4fd;--primary-border: #b8d4fc;--primary-text: #1a497a;--success: #20a36b;--success-tint: #dff7e9;--success-border: #bae8cc;--success-text: #17613e;--danger: #dc2626;--danger-soft: #e25757;--danger-tint: #fff0f0;--danger-tint-2: #fde8e8;--danger-border: #fccccc;--danger-text: #982f2f;--warning: #f59e0b;--warning-tint: #fff2cf;--warning-text: #805218}a,a:visited{color:var(--primary)}a:hover{color:var(--primary-strong)}[data-theme=dark]{color-scheme:dark;--bg: #0f1420;--surface: #171d2b;--surface-soft: #1e2534;--surface-soft-2: #232b3c;--border: #2b3446;--border-strong: #3b4762;--text: #e7ecf5;--text-2: #c3cddc;--muted: #94a1b6;--mix-base: #171d2b;--item-bg: #242d40;--primary: #4d8dff;--primary-strong: #7aabff;--primary-tint: #16233c;--primary-tint-2: #142740;--primary-border: #2c4a7a;--primary-text: #a9c9ff;--success: #34c98a;--success-tint: #12301f;--success-border: #205c3e;--success-text: #7fe0b0;--danger: #f26464;--danger-soft: #e97070;--danger-tint: #2e1616;--danger-tint-2: #351a1a;--danger-border: #5c2626;--danger-text: #ffb3b3;--warning: #f5b942;--warning-tint: #3a2c10;--warning-text: #f2cf8a}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface-soft) 50%,var(--border) 75%);background-size:800px 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-card,.skeleton-hall-card,.skeleton-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;gap:12px}.skeleton-form{gap:16px}.skeleton-hall-card{padding:16px}.skeleton-hall-header{display:flex;align-items:center;gap:10px}.skeleton-bookings{display:grid;gap:8px}.skeleton-schedule,.skeleton-list{display:grid;gap:12px;padding:12px}@media(min-width:500px){.skeleton-schedule{grid-template-columns:1fr 1fr}}*{box-sizing:border-box}body{margin:0;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at top left,var(--success-tint) 0,transparent 30%),var(--bg)}#root{width:100%;height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.center-screen,.login{min-height:100dvh;display:grid;place-items:center;padding:20px}@media(min-width:500px){.center-screen,.login{padding:24px}}.login-card,.card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 44px #1f2d3d17}.card{border-radius:0}.login-card{max-width:430px;padding:22px}@media(min-width:500px){.login-card{padding:28px}}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--success));margin-bottom:18px}h1,h2,p{margin-top:0}h1{margin-bottom:4px;font-size:clamp(26px,6vw,38px);letter-spacing:0}h2{margin-bottom:6px;font-size:17px;letter-spacing:0}@media(min-width:500px){h2{font-size:20px}}p{color:var(--muted);line-height:1.5}form{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--text-2);font-size:14px;font-weight:700}input,select,textarea{width:100%;min-height:48px;border:1px solid var(--border);border-radius:15px;background:var(--surface-soft);color:var(--text);padding:12px 14px;outline:none}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.primary,.secondary,.small-button,.icon-button{min-height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.primary{width:100%;color:#fff;background:var(--primary);box-shadow:0 12px 24px #2563eb38}.secondary,.small-button{color:var(--text-2);background:var(--surface-soft-2)}.danger{color:var(--danger-text);background:var(--danger-tint)}.icon-button.danger:hover{background:var(--danger-tint-2);color:var(--danger)}.primary.danger{color:#fff;background:var(--danger);box-shadow:0 12px 24px #dc262659}.icon-button{width:46px;color:var(--text-2);background:var(--surface-soft-2)}.error{padding:12px 14px;border-radius:14px;color:var(--danger-text);background:var(--danger-tint);font-weight:700}@keyframes noticeSlideIn{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes noticeFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-120%)}}.notice-overlay{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;padding:12px 16px 0;pointer-events:none}.notice{pointer-events:auto;padding:11px 18px;border-radius:14px;font-weight:800;font-size:13px;box-shadow:0 8px 24px #0000001a;animation:noticeSlideIn .3s ease-out;max-width:480px;text-align:center;transition:opacity .3s,transform .3s}.notice.success{color:var(--success-text);background:var(--success-tint);border:1px solid var(--success-border)}.notice.error{color:var(--danger-text);background:var(--danger-tint);border:1px solid var(--danger-border)}.notice.info{color:var(--primary-text);background:var(--primary-tint);border:1px solid var(--primary-border)}@media(min-width:500px){.notice{padding:13px 22px;border-radius:16px;font-size:inherit}}.app-shell{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar,.content{width:min(1140px,100%);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 12px 8px}@media(min-width:500px){.topbar{padding:max(18px,env(safe-area-inset-top)) 18px 10px}}.eyebrow{margin-bottom:2px;color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase}@media(min-width:500px){.eyebrow{font-size:12px}}.topbar h1{font-size:clamp(18px,4vw,38px)}@media(min-width:500px){.topbar h1{font-size:clamp(26px,6vw,38px)}}.container{display:flex;gap:14px;flex-direction:column;align-items:center;width:100%}.content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 4px 20px}.content>*{min-width:0;max-width:100%;width:100%}@media(min-width:500px){.content{gap:14px;padding:8px 18px calc(22px + env(safe-area-inset-bottom))}}.swipe-area{touch-action:pan-y;user-select:none;-webkit-user-select:none}.schedule-layout{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:100%;min-width:0}.schedule-controls{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:800px}.schedule-viewport{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:800px;min-width:0}.schedule-viewport>.container:has(.hall-card){width:100%}.datebar{display:grid;grid-template-columns:40px 1fr 40px;gap:6px;align-items:stretch;min-width:0;width:100%}@media(min-width:400px){.datebar{grid-template-columns:44px 1fr 44px}}@media(min-width:500px){.datebar{grid-template-columns:1fr 1.2fr 1fr;gap:8px}}.datebar>div{grid-column:2;display:grid;gap:4px;place-items:center;padding:8px;border-radius:16px;background:var(--surface);border:1px solid var(--border);min-width:0;overflow:hidden}@media(min-width:500px){.datebar>div{grid-row:span 2;grid-column:auto;gap:6px;padding:10px;border-radius:18px}}.datebar input{min-height:34px;min-width:0;width:100%;padding:6px;font-size:13px}@media(min-width:500px){.datebar input{min-height:38px;padding:8px;font-size:inherit}}.datebar .arrow-button{min-height:40px;min-width:40px;padding:0}@media(min-width:500px){.datebar .arrow-button{min-height:46px;min-width:46px}}.datebar-arrows .today{color:#fff;background:var(--primary);box-shadow:0 4px 12px #2563eb4d;min-height:38px;font-size:13px}.datebar-arrows .today:hover{background:var(--primary-strong)}.datebar-arrows{display:flex;justify-content:center;gap:12px;padding:8px 0;margin-top:4px}@media(min-width:500px){.datebar-arrows .today{min-height:46px;font-size:inherit}}.segmented{display:flex;gap:6px;justify-content:baseline;width:auto;padding:0 auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:15px;align-items:center;text-align:center;background:var(--surface-soft-2)}.schedule-controls .segmented,.admin-bookings-layout .segmented{margin-bottom:0}.admin-bookings-layout{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:800px;margin:0 auto}.admin-bookings-layout .segmented{width:fit-content}.admin-bookings-layout>.card{width:100%}.admin-bookings-layout>.card.empty{width:100%}.segmented button{min-height:38px;min-width:max-content;padding:0 10px;border-radius:12px;color:var(--muted);background:transparent;font-weight:800;font-size:13px}@media(min-width:500px){.segmented{gap:7px;padding:5px;border-radius:17px}.segmented button{max-height:42px;padding:0 12px;border-radius:13px;font-size:inherit}}.segmented .active{color:var(--text);background:var(--surface);box-shadow:0 8px 20px #1f2d3d14}.calendar-filter{display:grid;gap:10px;padding:12px}.color-swatches{display:flex;flex-wrap:wrap;gap:9px}.color-swatches button{width:32px;height:32px;border:3px solid var(--surface);border-radius:999px;box-shadow:0 0 0 1px var(--border-strong)}@media(min-width:500px){.color-swatches button{width:34px;height:34px}}.color-swatches .selected{box-shadow:0 0 0 3px var(--text)}.hall-color-picker{display:grid;gap:10px;color:var(--text-2);font-size:14px;font-weight:800}.hall-dot{width:12px;height:12px;display:inline-block;flex:0 0 auto;margin-right:7px;border-radius:999px;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--border-strong)}.card{padding:20px;border-radius:20px}@media(min-width:500px){.card{padding:20px}}.hall-card{padding:14px;border-radius:22px}@media(min-width:500px){.hall-card{padding:18px}}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}@media(min-width:500px){.card-head{gap:12px}}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;border-radius:999px;white-space:nowrap;font-size:11px;font-weight:900;color:var(--text-2);background:var(--surface-soft-2)}@media(min-width:500px){.badge{min-height:28px;padding:5px 10px;font-size:12px}}.badge.new{color:#fff;background:var(--primary);margin-bottom:4px;align-self:flex-start}.badge.free{color:var(--success-text);background:var(--success-tint)}.badge.busy{color:var(--danger-text);background:var(--danger-tint)}.badge.approved{color:var(--success-text);background:var(--success-tint)}.badge.pending{color:var(--warning-text);background:var(--warning-tint)}.badge.rejected,.badge.cancelled{color:var(--muted);background:var(--surface-soft-2)}.free-line{margin:10px 0;color:var(--success-text);font-weight:900;font-size:13px}@media(min-width:500px){.free-line{margin:12px 0;font-size:inherit}}.slots{display:grid;gap:6px;margin-bottom:14px}@media(min-width:500px){.slots{gap:8px;margin-bottom:16px}}.slot{font:inherit;display:grid;grid-template-columns:75px 1fr 10px;gap:6px;align-items:center;min-height:36px;padding:7px 8px;border-radius:12px;background:var(--surface-soft);font-size:13px;border:none;width:100%;text-align:left;color:inherit;cursor:pointer}.slot:hover{opacity:.7}@media(min-width:500px){.slot{grid-template-columns:88px 1fr 12px;gap:8px;min-height:40px;padding:9px 10px;border-radius:14px}}.slot span{color:var(--muted);font-size:12px;font-weight:800}@media(min-width:500px){.slot span{font-size:13px}}.dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.dot.approved{background:var(--danger-soft)}.dot.pending{background:var(--warning)}.slot.past{opacity:.45;pointer-events:none}.slot.ongoing{background:var(--primary-tint-2);border:1px solid var(--primary);box-shadow:0 0 0 2px #2563eb26}.booking-block.past{opacity:.35}.booking-block.ongoing{box-shadow:0 0 0 2px var(--primary),0 6px 14px #1f2d3d1a}.week-booking-item.past{opacity:.4}.week-booking-item.ongoing{background:var(--primary-tint-2);border-color:var(--primary)}.range-booking.past{opacity:.35}.range-booking.ongoing{box-shadow:0 0 0 1.5px var(--primary)}.day-booking-item.past{opacity:.45}.day-booking-item.ongoing{background:var(--primary-tint-2);border-color:var(--primary)}.today-grid{display:flex;flex-direction:column;gap:12px;width:min(1080px,100%)}.today-hero{background:linear-gradient(135deg,var(--primary),var(--success));color:#fff;text-align:center;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:4px}.today-hero h2{color:#fff;font-size:28px;margin-bottom:2px}.today-hero p{color:#fffc}.today-greeting{font-size:16px;font-weight:800;margin-bottom:4px;color:#fffffff2}.today-dayname{font-size:14px;font-weight:700;text-transform:capitalize}.today-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.today-stat{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--bg);color:var(--text-2);text-align:left;cursor:default}.today-stat svg{flex-shrink:0;color:var(--primary)}.today-stat div{display:grid;gap:2px;overflow:hidden}.today-stat strong{font-size:24px;line-height:1}.today-stat span{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase}.today-stat-free svg{color:var(--success)}.today-stat-pending{border:none;font:inherit;cursor:pointer;transition:background .15s;grid-column:span 2}.today-stat-pending:hover{background:var(--warning-tint)}.today-stat-pending svg{color:var(--warning)}.today-section-title{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:14px}.today-section-title svg{color:var(--primary)}.today-booking-list{display:grid;gap:10px}.today-booking-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--item-bg);border:1px solid var(--border);text-align:left;cursor:pointer;transition:background .15s;width:100%;font:inherit;color:inherit}.today-booking-item:hover{background:var(--primary-tint)}.today-booking-item .hall-dot{width:10px;height:10px;flex-shrink:0}.today-booking-time-badge{flex-shrink:0;min-width:52px;padding:3px 6px;border-radius:6px;background:var(--surface-soft-2);font-size:10px;font-weight:900;text-align:center;color:var(--text-2);line-height:1.2}.today-booking-item div{display:grid;gap:2px;min-width:0;overflow:hidden}.today-booking-item strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-booking-meta{font-size:13px;color:var(--muted);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-booking-item.ongoing{background:var(--primary-tint-2);border-color:var(--primary)}.today-empty{text-align:center;padding:32px 20px;display:grid;gap:14px}.today-empty p{font-size:15px}.today-empty-small{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;color:var(--muted);text-align:center}.today-empty-small svg{color:var(--border-strong)}.today-empty-small p{font-size:14px;margin:0;color:var(--muted)}.today-hero-text{display:flex;flex-direction:column;align-items:center;gap:2px}.today-pending-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border-radius:12px;background:#fff3;color:#fff;font-weight:800;font-size:13px;cursor:pointer;border:none;transition:background .15s}.today-pending-badge:hover{background:#ffffff4d}.today-date-group{display:flex;flex-direction:column;gap:6px}.today-date-heading{font-size:13px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 2px;padding:4px 0;border-bottom:1px solid var(--surface-soft-2)}.agenda{display:grid;gap:12px}.calendar-card{display:grid;gap:14px;overflow:hidden}.calendar-title{display:grid;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.calendar-title .badge{justify-self:start}@media(min-width:500px){.calendar-title{display:flex;gap:12px}}.calendar-title p{margin-bottom:0}.calendar-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;overscroll-behavior-x:contain}.schedule-viewport .calendar-scroll{max-width:800px}.calendar-grid{--time-width: 52px;--hall-width: 136px;--row-height: 54px;position:relative;display:grid;grid-template-columns:var(--time-width) repeat(var(--hall-count),var(--hall-width));grid-template-rows:58px auto;min-width:calc(var(--time-width) + (var(--hall-count) * var(--hall-width)));border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}@media(min-width:500px){.calendar-grid{--time-width: 64px;--hall-width: 156px;--row-height: 62px;grid-template-rows:66px auto;border-radius:18px}}.calendar-corner,.calendar-hall,.time-column{position:sticky;z-index:3}.calendar-corner{left:0;top:0;display:grid;place-items:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:18px 0 0;color:var(--muted);background:var(--surface-soft);font-size:13px;font-weight:900}.calendar-hall{top:0;display:grid;align-content:center;gap:4px;min-width:0;padding:10px 12px;border-left:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);background:var(--surface);text-align:left}.calendar-hall strong,.calendar-hall span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-hall strong{display:flex;align-items:center;min-width:0}.calendar-hall span{color:var(--muted);font-size:12px;font-weight:700}.time-column{left:0;grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(15,var(--row-height));border-right:1px solid var(--border);border-radius:0 0 0 18px;background:var(--surface-soft)}.time-row{min-height:var(--row-height);padding:8px 7px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:900}.hall-column{position:relative;grid-row:2;display:grid;grid-template-rows:repeat(14,var(--row-height));min-height:calc(14 * var(--row-height));border-left:1px solid var(--border);background:var(--surface)}.hour-cell{min-height:var(--row-height);border-bottom:1px solid var(--surface-soft-2);background:transparent}.hour-cell:hover{background:var(--surface-soft)}.booking-block{position:absolute;left:4px;right:4px;z-index:2;display:grid;align-content:start;gap:2px;min-height:38px;padding:6px 7px;border-radius:10px;overflow:hidden;color:var(--text-2);text-align:left;box-shadow:0 6px 14px #1f2d3d1a}@media(min-width:500px){.booking-block{left:8px;right:8px;gap:3px;min-height:44px;padding:8px 9px;border-radius:14px;box-shadow:0 10px 20px #1f2d3d1f}}.booking-block strong,.booking-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-block strong{font-size:11px}.booking-block span{font-size:11px;font-weight:800}@media(min-width:500px){.booking-block strong,.booking-block span{font-size:12px}}.booking-block.approved{color:var(--text);background:color-mix(in srgb,var(--booking-color) 24%,var(--mix-base));border:1px solid color-mix(in srgb,var(--booking-color) 62%,var(--mix-base))}.booking-block.pending{color:var(--text);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--booking-color) 18%,var(--mix-base)),color-mix(in srgb,var(--booking-color) 18%,var(--mix-base)) 8px,color-mix(in srgb,var(--booking-color) 30%,var(--mix-base)) 8px,color-mix(in srgb,var(--booking-color) 30%,var(--mix-base)) 16px);border:1px solid color-mix(in srgb,var(--booking-color) 62%,var(--mix-base))}.range-calendar{display:grid;width:100%;max-width:800px;gap:10px}.range-grid{display:grid;gap:4px;min-width:0}.week-grid{display:grid;gap:8px}.week-day-row{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:start;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.week-day-label{display:grid;gap:2px;text-align:center;border:none;background:none;cursor:pointer;padding:4px;border-radius:8px}.week-day-label:hover{background:var(--surface-soft)}.week-day-add{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px dashed var(--border-strong);border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.week-day-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}.week-day-name{font-size:11px;font-weight:700;color:var(--muted);text-transform:lowercase}.week-day-date{font-size:18px;font-weight:900;color:var(--text);line-height:1}.week-day-bookings{display:flex;flex-wrap:wrap;gap:4px;min-height:38px;align-items:center}.week-booking-item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:12px;text-align:left;cursor:pointer;transition:background .15s}.week-booking-item:hover{background:var(--primary-tint)}.week-booking-time{font-weight:700;color:var(--primary)}.week-booking-title{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.week-booking-item .hall-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.week-booking-item .badge{font-size:10px;padding:1px 5px}.month-calendar .range-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}@media(min-width:500px){.month-calendar .range-grid{gap:4px}}.range-weekday{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:900;text-align:center}.range-day{width:100%;min-width:0;min-height:80px;display:grid;align-content:start;gap:3px;padding:4px;border:1px solid var(--border);border-radius:8px;overflow:hidden;color:var(--text);background:var(--surface-soft);text-align:left}.range-day.blank{min-height:1px;visibility:hidden}.range-day strong{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.range-day em{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.range-day small{color:var(--muted);font-weight:900}.range-booking{min-width:0;padding:3px 5px;border-radius:6px;overflow:hidden;color:var(--text);background:color-mix(in srgb,var(--booking-color) 22%,var(--mix-base));border-left:2px solid var(--booking-color);font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.day-bookings-modal{position:relative;width:100%;max-width:500px;max-height:75dvh;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #1f2d3d1f;animation:slideUp .25s ease-out;overflow:hidden;display:flex;flex-direction:column}.day-bookings-modal .modal-body{overflow-y:auto;flex:1;padding-top:16px}.day-bookings-modal .modal-body h2{margin-bottom:2px}.day-bookings-list{display:grid;gap:8px;padding-top:8px}.day-booking-item{display:grid;gap:4px;padding:12px;border-radius:14px;background:var(--bg);border:1px solid var(--border);text-align:left;cursor:pointer;transition:background .15s}.day-booking-item:hover{background:var(--primary-tint)}.day-booking-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.day-booking-time{font-size:13px;font-weight:700;color:var(--primary)}.day-booking-item strong{font-size:15px;color:var(--text)}.day-booking-item-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.day-booking-item .hall-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agenda-item{display:grid;grid-template-columns:95px 1fr;gap:12px;align-items:center}.agenda-item time{color:var(--primary);font-weight:900}.agenda-item div{display:grid;gap:8px}.form-card{display:flex;flex-direction:column;width:100%;justify-content:center;gap:12px;padding:20px;border-radius:22px}@media(min-width:500px){.form-card{gap:14px;padding:10px}}.compact{margin-bottom:8px}.two-cols{display:flex;align-items:center;padding:0 auto;justify-content:space-between;gap:8px}.input{width:100px}@media(min-width:1080px){.input{width:200px}}@media(max-width:360px){.two-cols{gap:10px}}.booking-card{display:grid;border-radius:20px;padding:16px;gap:8px;margin-bottom:8px}@media(min-width:500px){.booking-card{gap:10px;margin-bottom:10px}}.soft-box{margin:0;padding:10px;border-radius:12px;color:var(--text-2);background:var(--surface-soft);font-size:13px}@media(min-width:500px){.soft-box{padding:12px;border-radius:14px;font-size:inherit}}.admin-actions{display:flex;flex-direction:column;gap:8px}@media(min-width:500px){.admin-actions{gap:10px}}.row-card{display:grid;gap:10px;padding:14px;border-radius:22px}@media(min-width:500px){.row-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}}.row-card .secondary{width:100%}@media(min-width:500px){.row-card .secondary{width:auto;padding:0 14px}}.empty,.muted{color:var(--muted)}.card.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center;color:var(--muted);font-size:15px;background:var(--surface);border:2px dashed var(--border);border-radius:20px;box-shadow:none}.bottom-nav{flex-shrink:0;z-index:20;display:grid;grid-auto-flow:column;gap:6px;max-width:720px;width:min(980px,100%);margin:0 auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border:1px solid var(--surface-soft-2);border-bottom:0;border-radius:20px 20px 0 0;background:var(--surface);box-shadow:0 -12px 34px #1f2d3d1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media(min-width:500px){.bottom-nav{gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}}.bottom-nav button{min-width:0;min-height:52px;display:grid;place-items:center;gap:2px;border-radius:14px;color:var(--muted);background:transparent;font-size:10px;font-weight:850;padding:4px 2px}@media(min-width:500px){.bottom-nav button{min-height:58px;gap:4px;border-radius:17px;font-size:12px;padding:0}}.bottom-nav .active{color:var(--primary);background:var(--primary-tint)}.bottom-nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{position:absolute;top:-2px;right:-6px;background:#e11d48;color:#fff;font-size:10px;font-weight:900;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1}.bottom-nav button{position:relative}@media(min-width:500px){.week-grid{gap:10px}.week-day-row{grid-template-columns:68px 1fr;gap:12px;padding:10px 12px}.week-day-date{font-size:22px}.week-day-bookings{gap:6px}.week-booking-item{padding:5px 10px;font-size:13px}.range-day{min-height:100px;padding:6px}}.datebar-arrows{display:none}@media(min-width:720px){.datebar-arrows{display:flex}.datebar{grid-template-columns:120px 1fr 120px 120px}.datebar>div{grid-row:auto}.today{grid-column:auto}}html{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.bottom-nav button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s,color .15s}.bottom-nav button:active{transform:scale(.95)}.login{min-height:100svh;display:grid;place-items:center;padding:20px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}@media(max-width:360px){.login-card{padding:18px}.login-card h1{font-size:22px}.bottom-nav button{min-height:46px;font-size:9px}.bottom-nav button svg{width:18px;height:18px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.booking-modal{position:relative;width:100%;max-width:500px;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #1f2d3d1f;animation:slideUp .25s ease-out;overflow:hidden}.modal-handle{width:36px;height:4px;border-radius:2px;background:var(--border-strong);margin:8px auto 0}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);border:none;cursor:pointer;color:var(--muted);transition:background .15s;z-index:1}.modal-close:hover{background:var(--border)}.modal-body{padding:0 20px 24px;display:grid;gap:16px}.modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:28px;min-height:32px}.modal-title-row h2{margin:0;font-size:18px;line-height:1.3;word-break:break-word}.modal-meta{display:flex;flex-wrap:wrap;gap:8px}.modal-meta-item{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--border-strong);font-size:14px;color:var(--text-2)}.modal-meta-item svg{flex-shrink:0;color:var(--muted)}.modal-field{display:grid;gap:4px}.modal-field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.modal-field p,.modal-field span{margin:0;font-size:14px;line-height:1.5;color:var(--text)}.range-booking{display:block;width:100%;text-align:left;background:var(--booking-color, var(--primary));color:#fff;border:none;border-radius:4px;padding:1px 4px;font-size:10px;line-height:1.3;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-booking:hover{filter:brightness(1.1)}@media(display-mode:standalone){.topbar{padding-top:max(20px,env(safe-area-inset-top))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;width:100dvw}}@media(min-width:1024px){.topbar,.content{width:min(1200px,100%)}.bottom-nav{max-width:min(820px,100%)}.content{padding:10px 18px 24px}.modal-overlay{align-items:center;padding:20px}.booking-modal,.day-bookings-modal{max-width:560px;border-radius:20px;box-shadow:0 24px 64px #1f2d3d33}.day-bookings-modal{max-height:80dvh}.modal-handle{display:none}.modal-body{padding-top:12px}.calendar-grid{--time-width: 76px;--hall-width: 200px;--row-height: 58px;grid-template-rows:72px auto;border-radius:18px}.booking-block{min-height:46px;padding:8px 10px;border-radius:12px}.booking-block strong{font-size:13px}.booking-block span{font-size:12px}.week-day-row{grid-template-columns:80px 1fr;gap:14px;padding:12px 16px;border-radius:14px}.week-day-date{font-size:24px}.week-booking-title{max-width:240px}.range-day{min-height:110px;padding:6px 7px;border-radius:10px}.range-day strong{font-size:14px}.range-booking{padding:4px 6px;font-size:11px;border-radius:5px}.segmented{border-radius:17px}.segmented button{max-height:42px;padding:0 16px;font-size:14px}.hall-card{padding:20px;border-radius:24px}.primary,.secondary,.small-button{min-height:48px;font-size:15px}.two-cols{gap:12px}.form-card{display:flex;flex-direction:column;width:100%;padding:32px;gap:18px;font-size:16px}.form-card label{font-size:15px}.form-card input,.form-card select,.form-card textarea{min-height:52px;font-size:16px;padding:14px 16px}.datebar{grid-template-columns:140px 1fr 140px;gap:10px}.datebar>div{padding:12px 14px;border-radius:18px}.datebar input{min-height:40px;font-size:15px}.admin-actions{display:flex;flex-direction:row;gap:10px;align-items:flex-start}.admin-actions label{flex:1}.admin-actions .two-cols{width:auto;flex-shrink:0}.row-card{padding:20px;gap:16px}.login-card{padding:36px;max-width:460px;border-radius:28px}.login{padding:32px}.content>.segmented{width:fit-content}.segmented button{min-width:100px}.schedule-viewport{max-width:900px}.schedule-viewport .hall-card{width:100%}.schedule-viewport>.container:has(.hall-card){width:100%;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.week-calendar .week-grid{gap:12px}.hall-card{break-inside:avoid}.container:has(.hall-card){display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px}.today-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 0}.today-grid>.card{margin:0}.today-hero{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:20px 28px;border-radius:18px}.today-hero h2{font-size:22px;margin:0}.today-greeting{margin:0;font-size:13px}.today-dayname{font-size:12px}.today-stats{grid-column:1 / -1;grid-template-columns:repeat(4,1fr);padding:12px;gap:12px}.today-stat-pending{grid-column:auto}.today-section-ongoing,.today-section-upcoming{align-self:start}.today-section-ongoing{grid-column:1}.today-section-upcoming{grid-column:2}.today-booking-list{max-height:400px;overflow-y:auto}}@media(min-width:1400px){.calendar-grid{--hall-width: 240px;--row-height: 60px}}.nav-label-full{display:none}.nav-label-short{display:inline}@media(min-width:560px){.nav-label-full{display:inline}.nav-label-short{display:none}}.app-version{margin-top:auto;align-self:flex-start;padding:14px 2px 2px;font-size:11px;line-height:1;letter-spacing:.02em;color:var(--muted);opacity:.65;-webkit-user-select:none;user-select:none}@media(min-width:1024px){.app-version{position:fixed;left:10px;bottom:6px;z-index:25;margin-top:0;padding:0;pointer-events:none}}.theme-toggle-floating{position:fixed;top:14px;right:14px;z-index:30}