:root{font-family:Arial,Helvetica,sans-serif;color:#19382e;background:#f5f6f1;font-synthesis:none;--green:#216e52;--muted:#728078;--line:#e3e8de;--lime:#def39f}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #95c26a;outline-offset:3px}button{border:0}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff}.brand{display:flex;align-items:center;gap:13px}.mark{background:var(--green);color:var(--lime);font-weight:900;font-size:28px;border-radius:14px;width:47px;height:47px;display:grid;place-items:center}.brand strong{font-size:23px;letter-spacing:-.8px}.tagline{font-size:9px;color:var(--muted);letter-spacing:1.6px;margin-top:7px}.header-right{display:flex;align-items:center;gap:22px}.pill{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:10px 16px;background:#fff}.avatar{width:38px;height:38px;border-radius:50%;background:#edf0e5;display:grid;place-items:center;font-size:12px;font-weight:bold}.shell{max-width:1340px;margin:auto;display:grid;grid-template-columns:205px minmax(0,1fr);gap:40px;padding:40px 5%}.sidebar{padding-top:12px;display:flex;flex-direction:column;gap:8px}.nav-button{padding:15px 17px;text-align:left;background:transparent;color:#64736a;border-radius:12px;font-size:13px;display:flex;gap:13px;align-items:center}.nav-button.active{color:var(--green);background:#e6eddc;font-weight:bold}.nav-icon{font-size:20px;width:21px}.side-note{margin-top:60px;padding:20px 16px;border:1px solid var(--line);border-radius:16px;font-size:12px;line-height:1.8;color:var(--muted)}main{min-width:0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:bold}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:30px 0 17px}.section-head h2{font-size:21px;letter-spacing:-.6px;margin:0}.subtle{font-size:12px;color:var(--muted);line-height:1.7}.hero{background:var(--lime);border-radius:25px;min-height:276px;position:relative;overflow:hidden;padding:35px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1{font-size:40px;line-height:1.13;letter-spacing:-1.8px;margin:17px 0}.hero p{font-size:13px;line-height:1.7;margin:0;color:#4f6950}.hero-tag{font-size:11px;display:inline-block;background:#ffffff90;padding:9px 13px;border-radius:99px;margin-top:23px}.building{width:215px;height:216px;position:relative;flex-shrink:0;transform:rotate(-8deg);margin-right:26px}.tower{position:absolute;border:2px solid #557957;background:#eaf6cf;box-shadow:13px 12px 0 #a7c478;border-radius:4px}.tower.main{width:106px;height:175px;left:52px;top:21px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 14px}.window{background:#99bd75;border-radius:2px;height:20px}.tower.small{width:68px;height:112px;left:0;top:94px;background:#bed897;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px 10px}.sun{position:absolute;right:-5px;top:0;width:42px;height:42px;border-radius:50%;border:1px solid #8baa5f;background:#c5e883}.ground{width:210px;height:2px;background:#799955;position:absolute;bottom:7px;left:-9px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{padding:22px 17px;background:#fff;border:1px solid var(--line);border-radius:18px;text-align:left;min-height:165px;color:inherit;transition:transform .15s,border-color .15s}.service-card:hover{transform:translateY(-3px);border-color:#8ba98d}.icon-box{background:#edf3e6;color:var(--green);border-radius:12px;height:43px;width:43px;display:grid;place-items:center;font-size:25px;margin-bottom:22px}.service-card h3{font-size:14px;margin:0 0 9px}.service-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.spaces{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.space{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left;color:inherit;padding:0}.space-art{height:106px;display:flex;align-items:center;justify-content:center;background:#eceade;position:relative}.space:nth-child(2) .space-art{background:#e6e9f2}.space:nth-child(3) .space-art{background:#e1eddf}.art-symbol{font-size:54px;line-height:1;color:#65796a;letter-spacing:8px}.space-info{padding:17px;display:flex;justify-content:space-between;align-items:center}.space h3{font-size:14px;margin:0 0 6px}.space p{margin:0;font-size:10px;color:var(--muted)}.arrow{width:26px;height:26px;background:#f3f5ec;border-radius:50%;display:grid;place-items:center}.footer-note{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin:25px 0}.dot{height:6px;width:6px;border-radius:50%;background:#86a575}.primary,.secondary,.danger{padding:13px 19px;border-radius:11px;background:var(--green);color:#fff;font-weight:bold;font-size:13px}.secondary{background:#eaf0e3;color:var(--green)}.danger{background:#f5e7e1;color:#9c4d35}.form-card,.request,.panel{padding:26px;background:#fff;border:1px solid var(--line);border-radius:20px;margin-bottom:16px}.form-card{max-width:680px}.form-card h1,main>h1{font-size:30px;letter-spacing:-1px}.field{display:block;font-size:12px;font-weight:bold;margin:20px 0;color:#405b4e}.field input,.field textarea,.field select{display:block;width:100%;margin-top:9px;border:1px solid #d9e1d3;background:#fafbf7;border-radius:10px;padding:13px;color:#213d30}.field textarea{min-height:90px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info{padding:17px;border-radius:12px;background:#eef3e7;font-size:12px;line-height:1.8;margin:18px 0}.slots{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.slot{border:1px solid #dce4d5;padding:10px 13px;background:#fff;border-radius:10px;color:#47664f}.slot.selected{background:var(--green);color:#fff;border-color:var(--green)}.request h3{margin:14px 0 8px}.request-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.status{font-size:10px;font-weight:bold;border-radius:99px;padding:8px 12px;background:#edf3e6;color:var(--green)}.request p{font-size:13px;line-height:1.7;color:var(--muted);white-space:pre-wrap}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.request .field-row{max-width:480px}.login{max-width:940px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px}.login .hero{display:block}.login .hero h1{font-size:43px}.login .building{margin:40px auto 0}.login-form{padding:25px 15px}.login-form h2{font-size:28px;letter-spacing:-1px;margin:12px 0}.login-form .primary{width:100%;padding:16px}.demo-label{font-size:11px;color:#795e2f;background:#faf0d7;padding:10px 15px;border-radius:10px;margin-top:20px;line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183d2f;color:white;padding:15px 22px;border-radius:12px;max-width:90vw;font-size:13px;z-index:10;box-shadow:0 4px 24px #0002;display:none}#toast.visible{display:block}.error{color:#9b452a;background:#fff0e9;padding:14px;border-radius:10px;line-height:1.7;font-size:13px;margin:16px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric{background:#eef3e7;border-radius:14px;padding:20px}.metric strong{display:block;font-size:27px;margin-bottom:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.quiet{border:0;background:none;color:var(--muted);font-size:12px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.invitation{word-break:break-all;background:#edf3e6;padding:16px;border-radius:12px;font-family:monospace;user-select:all}.mobile-title{display:none}@media(min-width:1500px){.shell{padding-top:55px}.hero{min-height:300px}}@media(max-width:1050px){.shell{grid-template-columns:155px minmax(0,1fr);gap:25px;padding:30px 4%}.services{grid-template-columns:repeat(2,1fr)}.building{transform:scale(.8) rotate(-8deg);margin-right:-25px}.hero h1{font-size:34px}.hero{padding:27px}.service-card{min-height:145px}.icon-box{margin-bottom:16px}}@media(max-width:700px){header{height:82px;padding:0 20px}.brand strong{font-size:20px}.tagline{font-size:8px}.header-right{gap:9px}.header-right .subtle,.avatar{display:none}.pill{padding:8px 10px;font-size:10px}.shell{display:block;padding:22px 18px 100px}.sidebar{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;flex-direction:row;justify-content:space-around;background:#fff;padding:8px 6px 16px;border-top:1px solid var(--line);gap:1px}.nav-button{font-size:9px;flex-direction:column;gap:4px;padding:7px 10px}.nav-icon{font-size:20px;text-align:center}.side-note{display:none}.hero{padding:27px 23px;min-height:250px}.hero h1{font-size:33px}.hero .building{position:absolute;right:-88px;top:100px;opacity:.3;transform:scale(.75) rotate(-8deg)}.hero>div:first-child{z-index:1}.hero p{font-size:12px}.services{gap:11px}.service-card{padding:19px}.space-art{height:90px}.spaces{grid-template-columns:1fr}.space{display:flex;align-items:stretch}.space-art{width:106px;flex-shrink:0}.space-info{width:100%;padding:17px}.space h3{font-size:15px}.space p{font-size:11px}.art-symbol{font-size:38px}.section-head h2{font-size:19px}.section-head .subtle{font-size:10px}.form-card,.request,.panel{padding:20px}.login{grid-template-columns:1fr;margin:15px auto;padding:20px;gap:15px}.login .hero{padding:26px;min-height:auto}.login .hero h1{font-size:34px}.login .building{display:none}.login-form{padding:5px}.metrics{grid-template-columns:1fr}.field-row{gap:12px}.form-card h1,main>h1{font-size:27px}}
.brand-logo{width:62px;height:62px;object-fit:contain;flex-shrink:0}.brand-address{font-size:10px;color:#66796d;margin-top:7px;line-height:1.4}.water-order{display:flex;gap:20px;align-items:center;background:#f3f6ee;padding:25px;border-radius:16px;margin:20px 0 25px}.water-order strong{font-size:20px}.water-order p{font-size:13px;line-height:1.7;color:#647467;margin-bottom:0}.water-bottle{font-size:36px;color:#216e52}.booking-hours{font-size:12px;color:#66796d;margin:20px 0 15px}.booking-modes{display:flex;gap:5px;background:#e8eee2;padding:5px;border-radius:13px;margin-bottom:20px}.booking-modes button{flex:1;padding:13px;border-radius:10px;color:#45634d;background:transparent;font-size:13px;font-weight:bold}.booking-modes button.selected{background:#216e52;color:white}.time-wheels{display:flex;gap:8px;background:#f9faf6;padding:14px 12px;border-radius:18px;border:1px solid #e4e9de}.wheel-column{flex:1;min-width:0}.wheel-column.date-column{flex:2.6}.wheel-label{font-size:11px;text-align:center;color:#748170;margin-bottom:10px}.wheel-frame{position:relative;height:220px;overflow:hidden}.wheel-selection{pointer-events:none;position:absolute;top:88px;height:44px;left:0;right:0;background:#e8efdf;border-radius:9px}.wheel{height:220px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;padding:88px 0;overscroll-behavior:contain;position:relative}.wheel::-webkit-scrollbar{display:none}.wheel button{height:44px;width:100%;display:block;background:transparent;scroll-snap-align:center;font-size:22px;color:#97a190;white-space:nowrap;font-variant-numeric:tabular-nums}.wheel button[aria-selected=true]{color:#1a3d2b;font-weight:bold}.date-column .wheel button{font-size:17px}.now-panel{background:#edf3e6;padding:25px;border-radius:16px}.now-panel strong{font-size:23px}.now-panel p{font-size:13px;line-height:1.7;color:#647467;margin-bottom:0}.booking-availability{padding:14px;background:#e5f0dc;border-radius:11px;font-size:13px;line-height:1.6;color:#356143}.booking-availability.unavailable{background:#f4efe3;color:#796136}[hidden]{display:none!important}@media(max-width:700px){header{height:106px}.brand-logo{width:56px;height:56px}.brand{gap:10px}.brand-address{max-width:200px;font-size:9px}.brand strong{font-size:19px}.header-right .pill{max-width:70px;text-align:center}.time-wheels{padding:12px 5px;gap:4px}.date-column .wheel button{font-size:14px}.wheel button{font-size:21px}.water-order{padding:20px 15px;gap:12px}.water-order strong{font-size:17px}}

@font-face{font-family:Manrope;src:url('/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,'Avenir Next','Segoe UI',sans-serif;font-size:16px}.logo-home{background:transparent;padding:0;display:flex;align-items:center;border-radius:10px}.logo-home:hover{background:#f3f6ef}.brand-logo{width:72px;height:72px}.brand strong{font-size:27px}.tagline{font-size:14px;letter-spacing:.8px;line-height:1.5;font-weight:700;color:#48604e}.brand-address{font-size:15px;font-weight:500;line-height:1.5;max-width:470px}header{min-height:126px;height:auto;padding-top:16px;padding-bottom:16px}.header-right .subtle{font-size:14px}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{padding:24px;min-height:192px}.service-card h3{font-size:24px;font-weight:800;line-height:1.35;letter-spacing:-.5px}.service-card p{font-size:16px;color:#536951;font-weight:600}.icon-box{width:66px;height:66px;background:#edf5e7;margin-bottom:17px}.icon-box img{width:58px;height:58px}.space h3{font-size:21px;font-weight:800;line-height:1.3}.space p{font-size:14px;line-height:1.5}.space-info{gap:8px}.space-art{height:132px}.space-icon{width:86px;height:86px;filter:drop-shadow(0 8px 5px #25493215)}.section-head h2{font-size:25px}.hero p{font-size:16px}.subtle{font-size:15px}.nav-button{font-size:15px}.pill{font-size:14px}.primary,.secondary,.danger{font-size:16px;min-height:46px}.field{font-size:16px}.info{font-size:16px}.request h3{font-size:24px}.request p{font-size:17px}.request-created{font-size:17px;font-weight:600;line-height:1.6}.request-time{display:inline-block;font-size:20px;font-weight:750;color:#274d36;line-height:1.55;margin-top:10px}.status{font-size:14px}.booking-hours{font-size:17px;font-weight:650;line-height:1.6}.booking-modes button{font-size:16px}.booking-availability{font-size:22px;font-weight:800;padding:20px;line-height:1.5}.booking-availability.unavailable{background:#fff0e3;color:#914720;border:1px solid #ecc6a9}.next-slot{display:block;width:100%;margin-top:14px;text-align:left;background:#216e52;color:#fff;padding:18px 20px;border-radius:13px;font-size:18px;font-weight:750;line-height:1.5}.next-slot-note{font-size:15px;color:#546b58;line-height:1.6}.team-person{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-top:1px solid #e2e9dc}.team-person strong{font-size:18px}.team-person p{font-size:14px;line-height:1.6;margin-bottom:0;color:#687b6a}.invitation{font-size:17px;line-height:1.6}.access-panel h2{font-size:24px}.request-top{flex-wrap:wrap}#occupied-times{font-size:17px;font-weight:650}
@media(max-width:850px){.header-right .subtle{display:none}.spaces{grid-template-columns:1fr}.space{display:flex;align-items:center}.space-art{width:126px;flex-shrink:0}.space-info{flex:1}.brand-address{max-width:360px}.shell{gap:24px}}
@media(max-width:700px){header{min-height:146px;padding:15px}.brand{gap:12px;min-width:0}.brand strong{font-size:23px}.brand-logo{width:65px;height:65px}.tagline{font-size:12px;letter-spacing:.1px}.brand-address{font-size:14px;max-width:240px}.header-right .pill{display:none}.services{gap:12px}.service-card{padding:18px 14px;min-height:194px}.service-card h3{font-size:21px;overflow-wrap:anywhere}.service-card p{font-size:14px;line-height:1.6}.section-head h2{font-size:23px}.section-head{align-items:flex-start;flex-direction:column;gap:6px}.section-head .subtle{font-size:14px}.icon-box{width:58px;height:58px}.icon-box img{width:52px;height:52px}.space h3{font-size:21px}.space p{font-size:14px}.space-art{width:100px}.space-icon{width:74px;height:74px}.nav-button{font-size:12px;padding:8px}.request-time{font-size:18px}.booking-availability{font-size:20px}.next-slot{font-size:17px}.team-person{align-items:flex-start;flex-wrap:wrap}.hero p{font-size:16px}.brand{flex:1}}

.legal-document{max-width:850px;margin:35px auto;padding:30px}.legal-text{white-space:pre-wrap;line-height:1.7;font-size:17px}.consent-check{display:flex;align-items:flex-start;gap:14px;margin:25px 0;font-size:18px;line-height:1.5}.consent-check input{width:24px;height:24px;flex-shrink:0}.legal-document a{color:#1d7256;text-decoration:underline}

.status{font-size:17px;padding:8px 12px;border-radius:12px}.status-in_progress{background:#fff0cb;color:#765300}.status-done{background:#dcf4dd;color:#21643a}.status-cancelled{background:#eee;color:#656565}[hidden]{display:none!important}.header-right{flex-wrap:wrap}.team-person p{overflow-wrap:anywhere}

.release-label{font-size:12px;margin-left:12px;color:#6D7C76}