:root{--ink:#252723;--muted:#898b85;--paper:#f8f7f4;--white:#fff;--line:#ebeae5;--green:#138459;--soft-green:#e7f4eb;--purple:#7970df;--shadow:0 18px 55px #35382d0c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}.topbar{height:76px;border-bottom:1px solid #eae9e4;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1260px)/2),5.5vw);background:#fbfaf8}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:800 23px Manrope,sans-serif;letter-spacing:-1.2px}.brand-mark{width:31px;height:31px;border-radius:11px;background:#8177e6;color:#fff;display:grid;place-items:center;font:800 22px Manrope;transform:rotate(-7deg)}.brand-dot{color:#8075e2}.top-links{display:flex;align-items:center;gap:20px;color:#7c7f79;font-size:12px}.top-divider{height:24px;width:1px;background:var(--line)}#account-area{display:flex;align-items:center;gap:11px}button{font:inherit;cursor:pointer}.login-link,.logout-link{border:0;background:transparent;color:var(--ink);font-weight:700;padding:8px}.account-name{font-size:12px;font-weight:700}.avatar{width:32px;height:32px;border-radius:50%;background:#f2d9ca;color:#a85f41;display:grid;place-items:center;font-weight:700}.page-shell{max-width:1240px;margin:0 auto;padding:54px 28px 26px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.eyebrow{letter-spacing:1.45px;font-size:9px;font-weight:700;color:#7970df}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56bd87;margin-right:8px;box-shadow:0 0 0 4px #56bd871c}.intro h1{font:700 clamp(39px,5vw,59px)/1.05 Manrope,sans-serif;letter-spacing:-3px;margin:14px 0 12px}.intro h1 span{color:#8075e2}.intro p{color:#878983;margin:0;font-size:14px}.intro-note{display:flex;align-items:center;gap:12px;color:#878983;font-size:11px;line-height:1.5;margin:0 5px 4px}.note-icon{width:34px;height:34px;border-radius:12px;background:#eeeafd;color:#7d71dc;display:grid;place-items:center;font-size:19px}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(335px,.8fr);gap:23px;align-items:start}.rooms-panel,.booking-panel{background:#fff;border:1px solid #eeede8;border-radius:19px;box-shadow:var(--shadow)}.rooms-panel{padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.muted{color:#999b95}.section-heading h2,.booking-panel h2{font:700 21px Manrope,sans-serif;letter-spacing:-.7px;margin:6px 0 0}.count-pill,.small-count{border-radius:999px;background:#f3f2ef;color:#7d7f79;padding:6px 11px;font-size:10px;font-weight:700}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.room-card{border:1px solid #eeede8;border-radius:14px;padding:10px;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .2s;min-width:0;animation:rise .45s both}.room-card:hover{transform:translateY(-5px);box-shadow:0 14px 22px #34382d12}.room-card.selected{border-color:#9289ee;box-shadow:0 0 0 2px #9289ee24}.room-art{height:121px;background:#f4f1fc;border-radius:10px;position:relative;overflow:hidden;perspective:400px;--accent:#7970df}.room-card:nth-child(3n+2) .room-art{background:#eff7f3}.room-card:nth-child(3n) .room-art{background:#fbf2e9}.room-art .floor{position:absolute;width:142px;height:76px;left:50%;bottom:2px;background:#dfddeb;transform:translateX(-50%) rotateX(57deg) rotateZ(-29deg);border:1px solid #d3d1dd;border-radius:3px;box-shadow:7px 8px 0 #d0ced9}.room-art .wall{position:absolute;bottom:28px;left:50%;width:94px;height:63px;background:linear-gradient(90deg,#a9a2ef 0 48%,#e4e0fb 48%);transform:translateX(-50%) rotateX(0deg) skewY(-30deg);clip-path:polygon(0 28%,50% 0,100% 29%,100% 100%,0 100%);opacity:.92}.room-art:after{content:'';position:absolute;width:64px;height:40px;border:2px solid #fff;background:#dcecf0;right:18px;top:29px;transform:skewY(29deg);opacity:.85}.room-art .table{position:absolute;z-index:1;width:68px;height:30px;background:var(--accent);border-radius:8px;left:50%;top:59px;transform:translateX(-50%) rotate(-26deg) skewX(15deg);box-shadow:0 7px 0 color-mix(in srgb,var(--accent),#4b3e34 18%);transition:transform .35s}.room-card:hover .table{transform:translateX(-50%) translateY(-5px) rotate(-26deg) skewX(15deg)}.room-art .screen{position:absolute;z-index:2;width:26px;height:32px;background:#fff;border:3px solid #dedaf6;left:29px;top:39px;transform:skewY(-29deg);box-shadow:2px 3px 0 #c7c1eb}.room-art .seat{position:absolute;z-index:1;width:11px;height:9px;border-radius:3px;background:#82848e;top:72px;left:calc(50% - 48px);box-shadow:54px -13px 0 #82848e,54px 17px 0 #82848e,-2px 10px 0 #82848e}.room-art .availability{position:absolute;z-index:3;right:8px;top:8px;background:#fff;color:#18885a;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:700;box-shadow:0 2px 7px #29271e10}.availability.busy{color:#d17b48}.room-info{padding:11px 3px 3px}.room-title{font:700 13px Manrope,sans-serif;margin-bottom:5px}.room-meta{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:#8d8e89}.facility{margin-top:9px;font-size:8px;color:#777970;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-card{margin-top:24px;padding-top:21px;border-top:1px solid #f0efeb}.schedule-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.schedule-head h3,.upcoming h3{font:700 15px Manrope,sans-serif;margin:5px 0 0}.schedule-head input{font:11px 'DM Sans';border:1px solid #ebeae5;color:#6e706a;border-radius:8px;padding:7px 9px;background:#fff}.timeline{display:grid;gap:0}.time-row{display:grid;grid-template-columns:68px 1fr;min-height:42px}.time-label{font-size:9px;color:#9a9b96;border-top:1px solid #efeee9;padding-top:5px}.slot-cell{position:relative;border-top:1px solid #efeee9;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 0}.slot{min-width:0;border-radius:5px;background:#f4f6f2;color:#91938d;text-align:center;font-size:8px;padding:7px 2px;transition:background .18s,color .18s}.slot.open{background:#e6f4eb;color:#178658;cursor:pointer}.slot.open:hover{background:#caead7}.slot.occupied{background:#f1f0ee;color:#aaa}.slot.chosen{background:#8177e6;color:#fff}.schedule-legend{display:flex;gap:15px;align-items:center;margin:12px 0 0 68px;color:#8f908b;font-size:9px}.schedule-legend span{display:flex;align-items:center;gap:5px}.schedule-legend i{width:7px;height:7px;border-radius:2px}.legend-free{background:#72c89b}.legend-busy{background:#d4d2cd}.schedule-legend .timezone{margin-left:auto}.booking-panel{padding:25px 24px}.form-top{display:flex;gap:12px;align-items:center;margin-bottom:21px}.form-top h2{font-size:18px}.form-icon{width:38px;height:38px;border-radius:13px;background:#efedfd;color:#7d71dc;display:grid;place-items:center;font-size:19px}form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;color:#777971;margin:0 0 13px}form input,form select{width:100%;border:1px solid #e9e8e2;border-radius:8px;background:#fff;padding:10px 11px;font:11px 'DM Sans',sans-serif;color:#292b27;outline:none;transition:border .18s,box-shadow .18s}form input:focus,form select:focus{border-color:#9086e8;box-shadow:0 0 0 3px #9086e81c}form input::placeholder{color:#b0b1aa}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selected-summary{font-size:9px;color:#858780;min-height:16px;margin:-3px 0 11px}.primary-btn{width:100%;border:0;border-radius:9px;background:#8075df;color:#fff;padding:12px 14px;font:700 11px 'DM Sans';box-shadow:0 6px 12px #8075df27;transition:transform .18s,background .18s}.primary-btn:hover{background:#7166d3;transform:translateY(-1px)}.primary-btn span{float:right;font-size:15px;line-height:10px}.form-footnote{text-align:center;color:#a3a49d;font-size:9px;margin:9px 0 20px}.upcoming{border-top:1px solid #efeee9;padding-top:17px}.upcoming-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.upcoming h3{font-size:12px}.small-count{padding:4px 8px}.booking-list{display:grid;gap:8px;max-height:210px;overflow:auto}.booking-item{display:grid;grid-template-columns:4px 1fr auto;gap:10px;align-items:center;background:#faf9f7;border-radius:8px;padding:9px}.booking-color{height:31px;background:#7d71dc;border-radius:4px}.booking-title{font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-meta{font-size:8px;color:#92938d;margin-top:4px}.cancel-booking{border:0;background:transparent;color:#a5a69e;font-size:9px;padding:5px}.empty-state{text-align:center;color:#a2a39d;font-size:10px;padding:15px 0}footer{display:flex;justify-content:space-between;color:#a2a39d;font-size:9px;letter-spacing:.2px;padding:23px 4px 0}footer span:first-child{letter-spacing:1.2px;font-weight:700}footer b{color:#887ce3}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#282a26;color:#fff;border-radius:10px;padding:12px 17px;font-size:12px;box-shadow:0 12px 35px #0002;transition:.25s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:#25272360;display:grid;place-items:center;padding:20px;z-index:10;opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(4px)}.modal.open{opacity:1;visibility:visible}.modal-card{position:relative;width:min(100%,390px);background:#fff;border-radius:18px;padding:30px;box-shadow:0 30px 80px #2223;transform:translateY(10px);transition:.25s}.modal.open .modal-card{transform:none}.modal-close{position:absolute;right:15px;top:12px;border:0;background:#f4f3f0;width:28px;height:28px;border-radius:50%;font-size:20px;color:#777}.modal-card h2{font:700 25px Manrope;margin:9px 0}.modal-card>p{font-size:12px;color:#888;margin:0 0 20px}.demo-note{margin-top:13px;text-align:center;color:#969790;font-size:9px}.demo-note b{color:#5d5f59}.admin-tools{display:flex;gap:6px}.admin-tools button{border:0;background:#f3f2ef;border-radius:7px;padding:7px;font-size:9px;color:#65665f}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.page-shell{padding-top:40px}.workspace{grid-template-columns:1fr}.rooms-panel{order:1}.booking-panel{order:2}.room-art{height:140px}}@media(max-width:560px){.topbar{height:64px;padding:0 17px}.top-links{gap:10px}.today-label{font-size:10px}.page-shell{padding:32px 14px 20px}.intro{align-items:flex-start;margin-bottom:24px}.intro h1{font-size:43px;letter-spacing:-2.5px}.intro p{max-width:250px;font-size:12px;line-height:1.5}.intro-note{display:none}.workspace{gap:14px}.rooms-panel{padding:16px 13px;border-radius:15px}.section-heading h2{font-size:18px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.room-art{height:116px}.room-meta{font-size:8px}.schedule-card{margin-top:19px;padding-top:17px}.time-row{grid-template-columns:52px 1fr}.slot{font-size:7px}.schedule-legend{margin-left:52px;gap:8px;font-size:8px}.schedule-legend .timezone{display:none}.schedule-head input{max-width:125px}.booking-panel{padding:20px 17px}footer{font-size:8px;gap:12px}footer span:last-child{text-align:right}.account-name{display:none}}
/* Ambient motion keeps the room illustration alive without distracting from the schedule. */
@keyframes table-bob{0%,100%{margin-top:0}50%{margin-top:-3px}}@keyframes screen-shine{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}@keyframes window-glow{0%,100%{opacity:.78}50%{opacity:1;box-shadow:0 0 15px #d9d0ff60}}.room-art .table{animation:table-bob 4s ease-in-out infinite}.room-art .screen{animation:screen-shine 5s ease-in-out infinite}.room-art:after{animation:window-glow 4s ease-in-out infinite}.room-card:hover .table{animation-play-state:paused}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.page-shell{padding-top:30px}.slot-cell{grid-template-columns:repeat(2,minmax(0,1fr))}.slot.open{touch-action:none;cursor:crosshair}.slot.in-range,.slot.chosen{background:#8277e5;color:#fff;box-shadow:none}.slot.expired{background:#f2efed;color:#aaa49f;cursor:not-allowed}.slot.live{background:#f9eadc;color:#ad6c35;cursor:not-allowed}.booking-status{font-size:8px;font-weight:700;margin-top:5px;color:#8b8c86}.status-live{color:#bd793f}.status-expired{color:#ab7770}.status-upcoming{color:#4d9b75}.booking-expired{opacity:.74}.selection-hint{font-size:9px;color:#9a9b95;margin:-5px 0 12px}.account-inline{display:flex;align-items:center;gap:8px;min-height:28px;margin:-9px 0 16px}.account-inline .avatar{width:25px;height:25px;font-size:9px}.account-inline .account-name{font-size:9px;color:#73756f}.account-inline .login-link,.account-inline .logout-link{border:0;background:#f4f2fc;color:#776dd2;border-radius:7px;padding:6px 9px;text-decoration:none;font-size:9px;font-weight:700;margin-left:auto}.account-inline .logout-link{background:transparent;color:#8a8b85;padding-right:0}.account-inline .login-link{margin-left:0}button.slot{border:0;-webkit-appearance:none;appearance:none;font-family:inherit;font-weight:600}