@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f5ef;--ink:#232b29;--muted:#738078;--line:#dedfd6;--teal:#153d38;--teal2:#285e57;--mint:#d8e9dc;--lime:#d2e661;--white:#fffefa;--rose:#eeb8aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none;color:inherit}.shell{max-width:1480px;margin:auto;padding:0 5.7%}.topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.logo{display:flex;align-items:center;gap:10px;font:800 21px Manrope,Arial,sans-serif;letter-spacing:-.07em;white-space:nowrap}.logo-icon{width:32px;height:32px;display:grid;place-items:center;background:var(--teal);color:var(--lime);border-radius:7px;font-size:25px;line-height:1}.logo-light{font-weight:500}.logo-period{color:#8faf64}.topbar nav{display:flex;gap:34px}.topbar nav a{font-size:11px;font-weight:700;color:#67756b}.topbar nav a:hover{color:var(--teal)}.top-note{font-size:10px;color:#93a096;font-weight:600}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:515px;border-bottom:1px solid var(--line)}.hero-main{padding:82px 30px 45px 0;display:flex;flex-direction:column;align-items:start}.eyebrow,.section-tag{color:var(--teal2);font:800 10px Manrope,sans-serif;letter-spacing:.17em}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#8bb67d}.hero h1,.section-top h2,.manage-section h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.075em}.hero h1{font-size:clamp(53px,5vw,77px);line-height:1.04;margin:31px 0 20px}.hero h1 em{font-style:normal;color:var(--teal2);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:9px;text-underline-offset:6px}.hero-main>p{max-width:430px;font-size:14px;line-height:1.8;color:#6c7970;margin:0 0 25px}.hero-cta,.dark-button{background:var(--teal);color:white;border:0;border-radius:3px;font-size:11px;font-weight:800;padding:14px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:46px}.hero-cta:hover,.dark-button:hover{background:#27645b}.hero-small{margin-top:auto;color:#9aa59a;font:800 9px Manrope,sans-serif;letter-spacing:.16em}.hero-graphic{position:relative;min-height:475px;background:#cedfce;margin:29px 0;overflow:hidden}.graphic-top,.graphic-bottom{position:absolute;z-index:3;color:#295a4c;font:800 9px Manrope,sans-serif;letter-spacing:.16em}.graphic-top{top:25px;left:29px}.graphic-bottom{bottom:22px;right:25px;color:#edf3d8}.window{position:absolute;bottom:0;border-radius:150px 150px 0 0;border:22px solid #9fc3a9;background:#e8e7bd}.window-a{height:77%;width:42%;left:9%}.window-b{height:96%;width:46%;right:9%;border-color:#7fa78f;background:#b9d5b3}.window-c{height:55%;width:24%;right:20%;border:13px solid #6d987b;background:#e8e0ae}.graphic-chair{position:absolute;z-index:2;background:#2e6756;border-radius:14px 14px 0 0;bottom:0}.chair-a{height:94px;width:128px;left:12%;box-shadow:0 -16px 0 -7px #2e6756}.chair-b{height:137px;width:165px;right:11%;background:#42765e;box-shadow:0 -16px 0 -7px #42765e}.graphic-text{position:absolute;z-index:4;top:23%;right:14%;font:800 32px/1.12 Manrope,sans-serif;color:#214d3e;letter-spacing:-.06em}.graphic-text span{display:block;color:#fbf5c1;font-size:47px;margin-top:4px}.rooms-section,.bookings-section{padding:76px 0 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.section-top h2{font-size:36px;margin:9px 0 0;line-height:1.15}.section-top p{max-width:300px;font-size:11px;color:#8a968b;line-height:1.6;margin:0 0 5px}.search-panel{background:var(--white);border:1px solid var(--line);padding:14px;display:grid;grid-template-columns:1.3fr .8fr .8fr .9fr auto;gap:0;align-items:stretch}.search-field{padding:6px 18px;border-right:1px solid var(--line);min-width:0}.search-field label{display:block;color:#8a958a;font:800 9px Manrope,sans-serif;letter-spacing:.13em;margin-bottom:5px}.search-field input,.search-field select{border:0;outline:0;background:transparent;width:100%;font-weight:700;font-size:12px;color:var(--ink);min-height:24px}.search-panel .dark-button{margin-left:12px;white-space:nowrap}.result-bar{display:flex;align-items:center;justify-content:space-between;margin:34px 0 15px;gap:15px}.result-bar>span,.bookings-toolbar>span{font-size:11px;font-weight:800;color:var(--teal)}.filter-group,.tab-group{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:20px;padding:8px 12px;font-size:10px;font-weight:700;color:#77837a}.filter.active{background:var(--teal);color:white;border-color:var(--teal)}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;min-height:180px}.room-card{background:var(--white);border:1px solid var(--line);min-width:0}.room-visual{height:146px;position:relative;overflow:hidden;background:#dce8d8}.room-visual.tone-1{background:#e9e3d8}.room-visual.tone-2{background:#dce7e5}.room-visual.tone-3{background:#e5e9d6}.room-visual:before{content:'';position:absolute;left:16%;bottom:-36%;width:67%;height:132%;border:15px solid rgba(255,255,255,.8);border-radius:50% 50% 0 0;background:rgba(105,152,122,.38)}.room-visual:after{content:'';position:absolute;left:29%;bottom:-28%;width:43%;height:90%;border-radius:50% 50% 0 0;background:rgba(56,109,79,.45)}.tone-1:after{background:rgba(178,123,89,.48)}.tone-2:after{background:rgba(67,124,124,.48)}.tone-3:after{background:rgba(104,133,71,.5)}.room-visual .room-number{position:absolute;z-index:2;top:16px;left:17px;font:800 10px Manrope,sans-serif;letter-spacing:.1em;color:#37634d}.room-visual .room-symbol{position:absolute;z-index:2;right:19px;bottom:13px;color:white;font-size:27px}.room-body{padding:19px}.room-status{display:inline-flex;align-items:center;gap:6px;color:#45775d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.room-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#78ae76}.room-status.busy{color:#b16d4e}.room-status.busy:before{background:#d79a6b}.room-body h3{font:800 18px Manrope,sans-serif;letter-spacing:-.05em;margin:9px 0 4px}.room-location{color:#8a958a;font-size:10px;margin:0}.room-features{display:flex;gap:6px;flex-wrap:wrap;margin:19px 0;min-height:24px}.room-features span{font-size:9px;padding:6px 8px;background:#f0f3eb;color:#6d806b;border-radius:2px;font-weight:700}.room-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;gap:10px}.room-footer .capacity{font-size:10px;color:#758275;font-weight:700}.room-footer button{border:0;background:transparent;color:var(--teal);font-size:10px;font-weight:800;padding:8px 0}.room-footer button:hover{text-decoration:underline}.room-footer button:disabled{color:#aab2a9}.empty-state{grid-column:1/-1;border:1px dashed #cbd3c9;padding:35px;color:#7f8b80;font-size:12px;background:#fbfaf5}.bookings-section{padding-bottom:78px}.bookings-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;color:#8e998e;font-size:11px;font-weight:800;padding:13px 0;margin-right:23px}.tab.active{color:var(--teal);box-shadow:inset 0 -2px var(--teal)}.booking-list{min-height:100px}.booking-row{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:17px 5px;border-bottom:1px solid var(--line)}.booking-datebox{width:61px;height:58px;background:var(--mint);color:var(--teal);display:flex;flex-direction:column;align-items:center;justify-content:center}.booking-datebox strong{font:800 22px Manrope,sans-serif;line-height:1}.booking-datebox span{font-size:9px;font-weight:800;text-transform:uppercase}.booking-row h3{font:800 13px Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 4px}.booking-row p{font-size:10px;color:#889588;margin:0}.booking-actions{display:flex;gap:6px}.booking-actions button,.room-admin button{border:0;background:transparent;color:var(--teal);font-size:10px;font-weight:800;padding:8px}.booking-actions button:hover,.room-admin button:hover{text-decoration:underline}.manage-section{background:var(--teal);color:white;display:flex;align-items:center;justify-content:space-between;padding:40px 45px;gap:25px}.manage-section .section-tag{color:var(--lime)}.manage-section h2{font-size:34px;margin:8px 0}.manage-section p{font-size:11px;line-height:1.6;max-width:480px;color:#b8d2c3;margin:0}.manage-action{text-align:right;display:flex;flex-direction:column;align-items:end;gap:16px}.manage-action span{font:800 9px Manrope,sans-serif;letter-spacing:.15em;color:#b9d0bf}.light-button{border:0;background:var(--lime);color:var(--teal);padding:13px 17px;font-size:11px;font-weight:800;white-space:nowrap}.light-button:hover{background:#e4f492}.room-admin{display:flex;gap:3px;margin-top:8px;border-top:1px solid var(--line);padding-top:7px}.room-admin button:first-child{padding-left:0}footer{height:86px;display:flex;align-items:center;justify-content:space-between;color:#9ba59b;font-size:10px}.footer-brand{font:800 13px Manrope,sans-serif;color:var(--teal);letter-spacing:-.05em}dialog{border:0;border-radius:5px;padding:0;width:min(470px,calc(100% - 26px));box-shadow:0 28px 90px #152c2860;background:var(--white);max-height:min(95vh,800px)}dialog::backdrop{background:#162b29a1}dialog form{max-height:95vh;overflow:auto}.dialog-head{padding:26px 28px 16px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{font:800 27px Manrope,sans-serif;letter-spacing:-.06em;margin:7px 0 0}.dialog-close{border:0;background:transparent;font-size:27px;color:#819086;line-height:1}.dialog-body{padding:18px 28px}.dialog-body label{display:block;font-size:10px;font-weight:800;margin:13px 0 6px}.dialog-body input:not([type=checkbox]),.dialog-body select{width:100%;height:40px;border:1px solid var(--line);background:white;padding:8px 10px;border-radius:2px;font-size:12px;color:var(--ink)}.dialog-body input:focus,.dialog-body select:focus{outline:2px solid #8bb6a1;outline-offset:1px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-hint{font-size:10px;color:#9aa499;line-height:1.5;margin:12px 0 0}.form-error{background:#f9e8e3;color:#9b4234;padding:9px;font-size:11px;margin:12px 0 0}.dialog-footer{padding:17px 28px 24px;display:flex;align-items:center;justify-content:flex-end;gap:19px}.plain-button{border:0;background:transparent;color:#66766c;font-size:11px;font-weight:800}.checkbox-row{display:flex;gap:13px;flex-wrap:wrap}.checkbox-row label{font-size:10px;display:flex;align-items:center;gap:4px;margin:4px 0}.toast{position:fixed;bottom:20px;left:50%;background:var(--teal);color:white;padding:12px 17px;border-radius:3px;font-size:11px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{transform:translate(-50%,0);opacity:1}:focus-visible{outline:2px solid #6f9b80;outline-offset:3px}
@media(max-width:980px){.top-note{display:none}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:56px}.search-panel{grid-template-columns:repeat(4,1fr)}.search-panel .dark-button{grid-column:1/-1;margin:12px 0 0}.room-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{padding:0 5%}.topbar{min-height:70px}.topbar nav{gap:14px}.topbar nav a{font-size:9px}.topbar nav a:last-child{display:none}.hero{grid-template-columns:1fr}.hero-main{padding:52px 0 25px}.hero-small{margin-top:33px}.hero-graphic{min-height:250px;margin:0 0 25px}.hero-graphic .graphic-text{font-size:27px;top:18%}.hero-graphic .window{height:145%;bottom:-75%}.hero-graphic .window-c{height:85%;bottom:-46%}.rooms-section,.bookings-section{padding-top:55px}.section-top{display:block}.section-top h2{font-size:30px}.section-top p{margin-top:10px}.search-panel{grid-template-columns:1fr 1fr}.search-field:nth-child(2){border-right:0}.search-field:nth-child(3),.search-field:nth-child(4){border-top:1px solid var(--line);padding-top:14px}.search-field:nth-child(4){border-right:0}.result-bar{align-items:start;flex-direction:column}.manage-section{padding:30px;align-items:start;flex-direction:column}.manage-action{align-items:start;text-align:left}}
@media(max-width:480px){.logo{font-size:18px}.topbar nav a:nth-child(2){display:none}.hero h1{font-size:52px}.hero-graphic{min-height:215px}.room-grid{grid-template-columns:1fr}.room-visual{height:135px}.booking-row{grid-template-columns:55px 1fr;gap:13px}.booking-datebox{width:50px;height:53px}.booking-actions{grid-column:2}.filter-group{gap:4px}.filter{font-size:9px;padding:7px 9px}.section-top h2{font-size:29px}footer span:last-child{display:none}}
@media(max-width:480px){.hero-graphic .graphic-top{display:none}.hero-graphic .graphic-text{top:7%;right:8%;font-size:23px}.hero-graphic .graphic-text span{font-size:34px;margin-top:0}}