:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#152033;background:#f6f8fb;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,#e6ebf2 25%,#f0f3f7,#e6ebf2 75%);background-size:800px 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-card,.skeleton-hall-card,.skeleton-form{background:#fff;border:1px solid #e6ebf2;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,#edf7f1 0,transparent 30%),#f6f8fb}#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:#fffffff5;border:1px solid #e6ebf2;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,#2563eb,#20a36b);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:#637083;line-height:1.5}form{display:grid;gap:14px}label{display:grid;gap:7px;color:#4b5870;font-size:14px;font-weight:700}input,select,textarea{width:100%;min-height:48px;border:1px solid #dbe2ec;border-radius:15px;background:#fbfcfe;color:#152033;padding:12px 14px;outline:none}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2563eb;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:#2563eb;box-shadow:0 12px 24px #2563eb38}.secondary,.small-button{color:#22324d;background:#eef3f8}.danger{color:#a23838;background:#fff0f0}.icon-button.danger:hover{background:#fde8e8;color:#dc2626}.primary.danger{color:#fff;background:#dc2626;box-shadow:0 12px 24px #dc262659}.icon-button{width:46px;color:#22324d;background:#eef3f8}.error{padding:12px 14px;border-radius:14px;color:#982f2f;background:#fff0f0;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:#175137;background:#e8f8ef;border:1px solid #bae8cc}.notice.error{color:#982f2f;background:#fff0f0;border:1px solid #fccccc}.notice.info{color:#1a497a;background:#e3efff;border:1px solid #b8d4fc}@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:#2563eb;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:10px;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%}@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:#fff;border:1px solid #e6ebf2;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:#2563eb;box-shadow:0 4px 12px #2563eb4d;min-height:38px;font-size:13px}.datebar-arrows .today:hover{background:#1d4ed8}.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:#eaf0f6}.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:#59667a;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:#152033;background:#fff;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 white;border-radius:999px;box-shadow:0 0 0 1px #d7e0eb}@media(min-width:500px){.color-swatches button{width:34px;height:34px}}.color-swatches .selected{box-shadow:0 0 0 3px #152033}.hall-color-picker{display:grid;gap:10px;color:#4b5870;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 #fff,0 0 0 3px #d7e0eb}.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:#445066;background:#eef2f6}@media(min-width:500px){.badge{min-height:28px;padding:5px 10px;font-size:12px}}.badge.new{color:#fff;background:#2563eb;margin-bottom:4px;align-self:flex-start}.badge.free{color:#17613e;background:#dff7e9}.badge.busy{color:#8f2727;background:#ffe9e9}.badge.approved{color:#17613e;background:#dff7e9}.badge.pending{color:#805218;background:#fff2cf}.badge.rejected,.badge.cancelled{color:#5b6572;background:#eef2f6}.free-line{margin:10px 0;color:#17613e;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:#f7f9fc;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:#647084;font-size:12px;font-weight:800}@media(min-width:500px){.slot span{font-size:13px}}.dot{width:10px;height:10px;border-radius:50%;background:#94a3b8}.dot.approved{background:#e25757}.dot.pending{background:#f1a932}.slot.past{opacity:.45;pointer-events:none}.slot.ongoing{background:#e8f4fd;border:1px solid #2563eb;box-shadow:0 0 0 2px #2563eb26}.booking-block.past{opacity:.35}.booking-block.ongoing{box-shadow:0 0 0 2px #2563eb,0 6px 14px #1f2d3d1a}.week-booking-item.past{opacity:.4}.week-booking-item.ongoing{background:#e8f4fd;border-color:#2563eb}.range-booking.past{opacity:.35}.range-booking.ongoing{box-shadow:0 0 0 1.5px #2563eb}.day-booking-item.past{opacity:.45}.day-booking-item.ongoing{background:#e8f4fd;border-color:#2563eb}.today-grid{display:flex;flex-direction:column;gap:12px;width:min(1080px,100%)}.today-hero{background:linear-gradient(135deg,#2563eb,#20a36b);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:#f6f8fb;color:#41506a;text-align:left;cursor:default}.today-stat svg{flex-shrink:0;color:#2563eb}.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:#728096;text-transform:uppercase}.today-stat-free svg{color:#20a36b}.today-stat-pending{border:none;font:inherit;cursor:pointer;transition:background .15s;grid-column:span 2}.today-stat-pending:hover{background:#fff2cf}.today-stat-pending svg{color:#f59e0b}.today-section-title{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:14px}.today-section-title svg{color:#2563eb}.today-booking-list{display:grid;gap:10px}.today-booking-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#f6f8fb;border:1px solid #e6ebf2;text-align:left;cursor:pointer;transition:background .15s;width:100%;font:inherit;color:inherit}.today-booking-item:hover{background:#edf4ff}.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:#eef2f6;font-size:10px;font-weight:900;text-align:center;color:#445066;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:#728096;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-booking-item.ongoing{background:#e8f4fd;border-color:#2563eb}.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:#8b95a5;text-align:center}.today-empty-small svg{color:#c5cdd9}.today-empty-small p{font-size:14px;margin:0;color:#8b95a5}.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:#647084;text-transform:uppercase;letter-spacing:.04em;margin:8px 0 2px;padding:4px 0;border-bottom:1px solid #eef2f7}.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 #e3eaf3;border-radius:14px;background:#f8fbfe}@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 #e3eaf3;border-bottom:1px solid #e3eaf3;border-radius:18px 0 0;color:#647084;background:#f3f7fb;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 #e3eaf3;border-bottom:1px solid #e3eaf3;color:#152033;background:#fff;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:#728096;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 #e3eaf3;border-radius:0 0 0 18px;background:#f3f7fb}.time-row{min-height:var(--row-height);padding:8px 7px 0;border-bottom:1px solid #e3eaf3;color:#647084;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 #e3eaf3;background:#fff}.hour-cell{min-height:var(--row-height);border-bottom:1px solid #eef2f7;background:transparent}.hour-cell:hover{background:#f5f8fc}.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:#22324d;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:#152033;background:color-mix(in srgb,var(--booking-color) 24%,white);border:1px solid color-mix(in srgb,var(--booking-color) 62%,white)}.booking-block.pending{color:#152033;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--booking-color) 18%,white),color-mix(in srgb,var(--booking-color) 18%,white) 8px,color-mix(in srgb,var(--booking-color) 30%,white) 8px,color-mix(in srgb,var(--booking-color) 30%,white) 16px);border:1px solid color-mix(in srgb,var(--booking-color) 62%,white)}.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 #e3eaf3;border-radius:12px;background:#fbfcfe}.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:#f0f4fa}.week-day-add{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px dashed #c5cdd9;border-radius:8px;background:transparent;color:#8b95a5;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.week-day-add:hover{border-color:#2563eb;color:#2563eb;background:#f0f6ff}.week-day-name{font-size:11px;font-weight:700;color:#647084;text-transform:lowercase}.week-day-date{font-size:18px;font-weight:900;color:#152033;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 #e6ebf2;border-radius:8px;background:#f6f8fb;font-size:12px;text-align:left;cursor:pointer;transition:background .15s}.week-booking-item:hover{background:#edf4ff}.week-booking-time{font-weight:700;color:#2563eb}.week-booking-title{color:#152033;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:#728096;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 #e3eaf3;border-radius:8px;overflow:hidden;color:#152033;background:#fbfcfe;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:#8a97aa;font-size:12px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.range-day small{color:#647084;font-weight:900}.range-booking{min-width:0;padding:3px 5px;border-radius:6px;overflow:hidden;color:#152033;background:color-mix(in srgb,var(--booking-color) 22%,white);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:#fff;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:#f6f8fb;border:1px solid #e6ebf2;text-align:left;cursor:pointer;transition:background .15s}.day-booking-item:hover{background:#edf4ff}.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:#2563eb}.day-booking-item strong{font-size:15px;color:#152033}.day-booking-item-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:#637083}.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:#2563eb;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:#41506a;background:#f4f7fa;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:#647084}.card.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center;color:#8b95a5;font-size:15px;background:#ffffffb3;border:2px dashed #dde3ec;border-radius:20px;box-shadow:none}.bottom-nav{flex-shrink:0;z-index:20;display:grid;grid-auto-flow:column;gap:1px;max-width:720px;width:min(980px,100%);margin:0 auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border:1px solid #e4eaf2;border-bottom:0;border-radius:20px 20px 0 0;background:#fffffff5;box-shadow:0 -12px 34px #1f2d3d1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media(min-width:500px){.bottom-nav{gap:2px;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:#667386;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:#2563eb;background:#edf4ff}.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:#d0d7e2;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:#fff;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:#d0d7e2;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:#f2f5f9;border:none;cursor:pointer;color:#5b6572;transition:background .15s;z-index:1}.modal-close:hover{background:#e6ebf2}.modal-body{padding:40px 20px 24px;display:grid;gap:16px}.modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title-row h2{margin:0;font-size:18px;line-height:1.3;word-break:break-word}.modal-meta{display:grid;gap:10px}.modal-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#41506a}.modal-meta-item svg{flex-shrink:0;color:#8895a7}.modal-field{display:grid;gap:4px}.modal-field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8895a7}.modal-field p,.modal-field span{margin:0;font-size:14px;line-height:1.5;color:#152033}.range-booking{display:block;width:100%;text-align:left;background:var(--booking-color, #2563eb);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(1400px,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}.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;max-width:1024px;width:1024px;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:#d0d7e2;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}}