.demo-app{color:#20231e;background:#f5f4ef;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.demo-app *{box-sizing:border-box}.demo-app button,.demo-app input,.demo-app select{font:inherit}.demo-switcher{color:#fff;z-index:50;background:#131713;border-bottom:1px solid #343831;align-items:center;gap:28px;height:76px;padding:10px 28px;display:flex;position:sticky;top:0}.demo-brand{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.demo-brand>span{color:#161912;background:#cda768;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.demo-brand b{letter-spacing:.08em}.demo-brand small{color:#cda768;border:1px solid #6e6044;border-radius:20px;padding:4px 8px}.demo-switcher nav{background:#262a25;border-radius:14px;margin:auto;padding:4px;display:flex}.demo-switcher nav button{color:#bfc3bb;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 28px;font-weight:700}.demo-switcher nav button.active{color:#171a16;background:#f4f1e9}.demo-reset{color:#ddd;cursor:pointer;background:0 0;border:1px solid #4a4e47;border-radius:11px;padding:11px 15px}.demo-notice{color:#5e491d;letter-spacing:.03em;background:#ead8ae;justify-content:center;align-items:center;gap:10px;min-height:34px;padding:7px 16px;font-size:12px;display:flex}.demo-notice span{letter-spacing:.12em;font-weight:900}.eyebrow{color:#a77a37;letter-spacing:.18em;font-size:12px;font-weight:900}.demo-public{color:#f5f3ec;background:#0d100e}.public-hero{grid-template-columns:1fr 1fr;min-height:620px;display:grid;overflow:hidden}.public-hero>div{align-self:center;padding:100px max(50px,8vw)}.public-hero h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(50px,6vw,92px);line-height:.92}.public-hero p{color:#aeb0aa;max-width:600px;font-size:20px;line-height:1.6}.public-hero img{object-fit:cover;opacity:.76;width:100%;height:100%}.gold-button,.dark-button,.green-button,.secondary-button,.date-button{cursor:pointer;border:0;border-radius:12px;padding:15px 22px;font-weight:800}.gold-button{color:#171912;background:#cfaa6a}.gold-button b{margin-left:30px}.public-section{border-top:1px solid #292c28;padding:80px max(28px,6vw)}.section-heading span{color:#cda768;letter-spacing:.18em;font-size:12px;font-weight:900}.section-heading h2{margin:8px 0 32px;font-size:48px}.public-master-grid{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.public-master-grid article{background:#181c19;overflow:hidden}.public-master-grid img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.8);width:100%}.public-master-grid article>div{padding:22px}.public-master-grid h3{margin:5px 0 18px;font-size:27px}.public-master-grid small{color:#989d96}.public-master-grid button{color:#cda768;cursor:pointer;background:0 0;border:0;padding:0}.services-preview{grid-template-columns:1.2fr 1fr 1fr;display:grid}.services-preview .section-heading{grid-row:span 2}.services-preview>div:not(.section-heading){border-bottom:1px solid #343731;grid-template-columns:1fr auto;gap:8px;padding:20px;display:grid}.services-preview span{color:#989c96}.services-preview strong{color:#cda768;grid-row:span 2;align-self:center}.demo-public-proof{color:#171912;background:#cda768;justify-content:center;align-items:baseline;gap:16px;padding:30px;display:flex}.demo-public-proof b{font-size:38px}.public-booking{color:#f4f2ec;background:#0d100e;min-height:calc(100vh - 110px);padding:42px max(24px,8vw)}.back-link{color:#cda768;cursor:pointer;background:0 0;border:0}.booking-title h1{margin:14px 0 5px;font-size:62px}.booking-title p{color:#a6aaa4}.public-booking form{max-width:1200px}.public-booking section{border-top:1px solid #30332f;padding:30px 0}.public-booking h2{align-items:center;gap:12px;display:flex}.public-booking h2 i{color:#cda768;border:1px solid #8a6d3b;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-style:normal;display:grid}.choice-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.choice-grid button,.master-choices button,.slot-row button{color:#f4f2ec;text-align:left;cursor:pointer;background:#181c19;border:1px solid #343934;border-radius:14px;padding:20px}.choice-grid button{justify-content:space-between;display:flex}.choice-grid span{color:#aaa}.choice-grid button.selected,.master-choices button.selected,.slot-row button.selected{background:#302c23;border-color:#d0aa68}.master-choices{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.master-choices button{align-items:center;gap:12px;display:flex}.master-choices img{object-fit:cover;border-radius:50%;width:58px;height:58px}.master-choices span{flex-direction:column;gap:4px;display:flex}.master-choices small{color:#999}.slot-row{gap:10px;margin-bottom:18px;display:flex}.slot-row button{padding:14px 28px}.contact-row{grid-template-columns:1fr 1fr auto;gap:12px;display:grid}.contact-row input,.form-grid input,.form-grid select,.expense-modal input{background:#fff;border:1px solid #d5d7d0;border-radius:12px;padding:16px}.contact-row input{color:#fff;background:#1a1e1b;border-color:#363a35}.workspace{padding:30px max(18px,3vw) 70px}.workspace-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.workspace-head h1{letter-spacing:-.04em;margin:8px 0 2px;font-size:48px}.workspace-head p{color:#7a7f77;margin:0}.head-actions{gap:8px;display:flex}.date-button{background:#fff;border:1px solid #c9ccc5;padding:14px 18px}.date-button.wide{min-width:130px}.dark-button{color:#fff;background:#20251f}.workspace-tabs{border-bottom:1px solid #d6d8d2;gap:8px;margin:28px 0 18px;display:flex}.workspace-tabs button{color:#6a7068;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:15px 18px;font-weight:700}.workspace-tabs button.active{color:#1e231e;border-color:#bd914e}.calendar-wrap{background:#fff;border:1px solid #d9dbd5;border-radius:18px;overflow:auto}.calendar-grid{min-width:930px;display:grid}.calendar-corner,.calendar-master{z-index:2;background:#f7f7f3;border-bottom:1px solid #d6d9d2;position:sticky;top:110px}.calendar-corner{padding:24px 12px;font-weight:800}.calendar-master{border-left:1px solid #e0e2dd;align-items:center;gap:10px;padding:12px;display:flex}.calendar-master img{object-fit:cover;border-radius:50%;width:42px;height:42px}.calendar-master span{flex-direction:column;display:flex}.calendar-master small{color:#898e86}.time-cell,.slot-cell{border-bottom:1px solid #e1e3de;min-height:78px}.time-cell{color:#555b53;padding:12px;font-weight:800}.slot-cell{border-left:1px solid #e1e3de;padding:5px}.slot-plus{color:#d1d4ce;cursor:pointer;background:0 0;border:0;width:100%;height:100%;font-size:23px}.booking-block{text-align:left;cursor:pointer;background:#e7f0f8;border:0;border-left:4px solid #5e8fb8;border-radius:10px;flex-direction:column;width:100%;height:100%;padding:8px 10px;display:flex;overflow:hidden}.booking-block span{white-space:nowrap;text-overflow:ellipsis;color:#5d686f;overflow:hidden}.booking-block i{color:#567895;margin-top:auto;font-size:10px;font-style:normal}.booking-block.pending{background:#fff2d6;border-color:#c58a2d}.booking-block.completed{background:#e7f3e9;border-color:#488a59}.content-card{background:#fff;border:1px solid #d9dbd5;border-radius:18px;padding:24px}.card-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title h2{margin:0 0 5px}.card-title p{color:#858a82;margin:0}.count-chip{color:#815c20;background:#f0e3c9;border-radius:20px;padding:9px 14px;font-weight:900}.request-row{border-top:1px solid #e2e3df;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding:18px 4px;display:grid}.request-row>div{flex-direction:column;gap:4px;display:flex}.request-row>div:last-child{flex-direction:row}.request-row small,.request-row span{color:#747970}.green-button{color:#fff;background:#33834d}.secondary-button{color:#535852;background:#fff;border:1px solid #c9ccc5}.empty-state{text-align:center;color:#7b8079;padding:70px}.search{border:1px solid #d4d7d0;border-radius:10px;padding:12px}.simple-table,.expense-table{border:1px solid #e0e2dd;border-radius:12px;overflow:hidden}.table-head,.table-row{grid-template-columns:1.2fr 1fr .5fr .7fr;align-items:center;gap:12px;padding:14px 18px;display:grid}.table-head{color:#777c74;text-transform:uppercase;letter-spacing:.1em;background:#f2f2ee;font-size:11px;font-weight:900}.table-row{border-top:1px solid #e1e3dd}.table-row span:first-child{flex-direction:column;display:flex}.table-row small{color:#898e86}.expense-table .table-head{grid-template-columns:1fr 2fr .7fr 50px}.expense-row{border-top:1px solid #e1e3dd;grid-template-columns:1fr 2fr .7fr 50px;align-items:center;gap:12px;padding:15px 18px;display:grid}.expense-row>span:first-child{align-items:center;gap:10px;display:flex}.expense-row img{object-fit:cover;border-radius:50%;width:42px;height:42px}.expense-row>span:nth-child(2){flex-wrap:wrap;gap:8px;display:flex}.expense-row small{color:#676c65;background:#f2f2ee;border-radius:8px;padding:7px 10px}.expense-row button{color:#a06e25;cursor:pointer;background:#fff8ea;border:1px dashed #a97c39;border-radius:10px;width:38px;height:38px;font-size:20px}.report-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.report-summary>div{color:#fff;background:#20251f;border-radius:16px;flex-direction:column;gap:8px;padding:22px;display:flex}.report-summary small{color:#aeb3ab}.report-summary strong{font-size:28px}.report-cards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.report-cards article{background:#fff;border:1px solid #d9dbd5;border-radius:16px;padding:20px}.report-cards article>div{align-items:center;gap:12px;display:flex}.report-cards img{object-fit:cover;border-radius:50%;width:54px;height:54px}.report-cards article span{flex-direction:column;display:flex}.report-cards small{color:#858a82}.report-cards dl{border-top:1px solid #e1e3de;grid-template-columns:repeat(3,1fr);margin:20px 0 0;padding-top:14px;display:grid}.report-cards dl div{flex-direction:column;display:flex}.report-cards dt{color:#8a8f87;font-size:12px}.report-cards dd{margin:5px 0;font-weight:900}.master-workspace{padding:35px max(20px,5vw)}.master-workspace>header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.master-profile{align-items:center;gap:18px;display:flex}.master-profile img{object-fit:cover;border-radius:50%;width:78px;height:78px}.master-profile h1{margin:5px 0 0;font-size:40px}.master-profile p{color:#777c75;margin:4px 0}.master-workspace header nav{background:#e8e8e3;border-radius:12px;padding:4px}.master-workspace header nav button{cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px 18px;font-weight:800}.master-workspace header nav button.active{background:#fff}.master-day{grid-template-columns:280px 1fr;gap:18px;display:grid}.master-next{color:#fff;background:#20251f;border-radius:18px;min-height:230px;padding:26px}.master-next span{letter-spacing:.12em;color:#cda768;font-size:11px}.master-next b{margin:30px 0 5px;font-size:64px;display:block}.master-list{background:#fff;border:1px solid #d9dbd5;border-radius:18px;overflow:hidden}.master-list article{border-top:1px solid #e1e3de;grid-template-columns:100px 1fr auto;align-items:center;gap:15px;padding:20px;display:grid}.master-list article:first-child{border:0}.master-list time{color:#9a7138;font-size:28px;font-weight:900}.master-list article>div{flex-direction:column;gap:4px;display:flex}.master-list article>div:last-child{flex-direction:row}.master-list span,.master-list small{color:#7b8078}.master-report{grid-template-columns:repeat(3,1fr)}.demo-modal-backdrop{z-index:100;background:#0a0c0a9e;place-items:start center;padding:96px 20px 30px;display:grid;position:fixed;inset:0;overflow:auto}.demo-modal{background:#fff;border-radius:22px;width:min(840px,100%);padding:34px;position:relative;box-shadow:0 25px 70px #0005}.demo-modal h2{margin:7px 0 25px;font-size:38px}.modal-close{cursor:pointer;background:#fff;border:1px solid #d3d6cf;border-radius:13px;width:46px;height:46px;font-size:28px;position:absolute;top:18px;right:20px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid label,.expense-modal label{flex-direction:column;gap:8px;font-weight:800;display:flex}.span-two{grid-column:span 2}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.detail-heading{align-items:center;gap:20px;display:flex}.detail-heading time{color:#98703a;border-right:1px solid #d8dad4;padding-right:20px;font-size:44px;font-weight:900}.detail-heading h2{margin:5px 0 15px}.detail-heading span{color:#4f7caa;font-weight:800}.call-button{text-align:center;color:#fff;background:#20251f;border-radius:12px;padding:16px;font-weight:900;text-decoration:none;display:block}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.detail-grid>div{border:1px solid #dedfd9;border-radius:12px;flex-direction:column;gap:7px;padding:16px;display:flex}.detail-grid small{color:#7c8179;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900}.status-actions{justify-content:flex-start}.expense-modal{max-width:600px}.expense-modal>label{margin-top:14px}.demo-toast{color:#fff;z-index:200;background:#20251f;border-radius:12px;padding:15px 22px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 35px #0003}.empty-state{font-size:18px}@media (width<=800px){.demo-switcher{flex-wrap:wrap;gap:8px;height:auto;padding:9px 12px}.demo-brand b,.demo-brand small,.demo-reset span{display:none}.demo-switcher nav{order:3;width:100%}.demo-switcher nav button{flex:1;padding:10px}.demo-notice{font-size:10px}.public-hero{grid-template-columns:1fr;min-height:auto}.public-hero>div{padding:70px 24px}.public-hero h1{font-size:52px}.public-hero img{height:320px}.public-master-grid{grid-template-columns:1fr 1fr}.public-section{padding:55px 20px}.services-preview{display:block}.services-preview .section-heading{margin-bottom:25px}.booking-title h1{font-size:44px}.choice-grid,.master-choices,.contact-row{grid-template-columns:1fr}.workspace{padding:22px 12px 50px}.workspace-head{flex-direction:column;align-items:flex-start}.workspace-head h1{font-size:38px}.head-actions{flex-wrap:wrap;width:100%}.date-button.wide{flex:1}.dark-button{width:100%}.workspace-tabs{margin-top:18px;overflow:auto}.workspace-tabs button{white-space:nowrap;padding:12px}.content-card{padding:14px}.request-row{grid-template-columns:1fr;gap:12px}.simple-table{overflow:auto}.simple-table .table-head,.simple-table .table-row{min-width:650px}.expense-table .table-head{display:none}.expense-row{grid-template-columns:1fr auto 42px}.expense-row>span:nth-child(2){grid-area:2/1/auto/-1}.report-summary{grid-template-columns:1fr 1fr}.report-summary strong{font-size:20px}.report-cards{grid-template-columns:1fr}.master-workspace{padding:22px 12px}.master-workspace>header{flex-direction:column;align-items:flex-start;gap:16px}.master-profile img{width:60px;height:60px}.master-profile h1{font-size:32px}.master-workspace header nav{width:100%;display:flex}.master-workspace header nav button{flex:1}.master-day{grid-template-columns:1fr}.master-next{min-height:auto}.master-next b{margin:18px 0 3px;font-size:48px}.master-list article{grid-template-columns:72px 1fr}.master-list article>div:last-child{flex-direction:row;grid-column:1/-1}.demo-modal-backdrop{padding:78px 10px 20px}.demo-modal{padding:24px 18px}.demo-modal h2{font-size:30px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.detail-grid{grid-template-columns:1fr}.detail-heading time{font-size:34px}.status-actions{flex-wrap:wrap}.public-booking{padding:30px 18px}.slot-row{overflow:auto}.choice-grid button{flex-direction:column;gap:7px}}
