@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#223b31;background:#f2f5f1;font-synthesis:none;--ink:#223b31;--green:#345a43;--lime:#daedb0;--line:#e2e8df;--muted:#89968d;--white:#fff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px;transition:background .15s}button:hover{background:#f0f4eb}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9fbb73;outline-offset:2px}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}input,select{display:block;width:100%;min-width:0;border:1px solid #dce5da;background:white;border-radius:9px;padding:11px 12px;color:var(--ink);font-size:12px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--green);padding:0}.site-header{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 4%}.logo{font-size:23px;letter-spacing:-1px;font-weight:800;display:flex;align-items:center}.logo i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ink);color:var(--lime);font-size:25px;font-style:normal;margin-right:10px}.logo>span{color:#8ba779}.site-tools{display:flex;align-items:center;gap:22px}.demo-label{font-size:11px;color:#73866f;display:flex;gap:7px;align-items:center}.demo-label i{width:6px;height:6px;background:#809b5c;border-radius:50%}.subtle{background:transparent;border-color:transparent;font-size:12px}.demo-layout{max-width:1390px;margin:0 auto;padding:35px 40px;display:grid;grid-template-columns:350px 1fr;gap:55px;align-items:start}.demo-intro{padding-top:65px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8a9b7d;font-weight:800;margin-bottom:13px}h1{font-size:46px;font-weight:800;line-height:1.16;letter-spacing:-2.3px;margin:0 0 20px}.demo-intro>p{font-size:13px;line-height:1.9;color:#819184}.roles-map{margin:34px 0 26px;padding-left:0}.map-row{display:flex;gap:14px;align-items:center;opacity:.55;transition:opacity .2s}.map-row.current{opacity:1}.map-row>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid #dce5d7;font-size:23px;background:#fff}.map-row.current>span{background:var(--green);color:var(--lime);border-color:var(--green)}.map-row b{display:block;font-size:12px}.map-row small{display:block;font-size:10px;color:#83917c;margin-top:4px}.map-line{height:17px;border-left:1px dashed #c5d3bf;margin-left:20px}.demo-info{display:flex;gap:13px;align-items:center;border-top:1px solid #dfe7d9;padding-top:20px}.demo-info>span{font-size:23px;color:#7d9960}.demo-info p{font-size:11px;line-height:1.8;color:#7b8f72}.simulation-note{font-size:10px;line-height:1.9;color:#9aa593;margin-top:22px}.demo-stage{min-width:0;display:flex;flex-direction:column;align-items:center}.stage-toolbar{display:flex;gap:14px;align-items:center;justify-content:center;margin-bottom:22px;width:100%}.role-tabs{display:flex;padding:4px;border:1px solid #dde5d7;border-radius:12px;background:#e9eee5}.role-tabs button{border:0;border-radius:8px;background:transparent;font-size:11px;padding:10px 14px;color:#7f8b77;white-space:nowrap}.role-tabs button span{margin-right:7px}.role-tabs [aria-selected=true]{background:white;color:#29472f;box-shadow:0 2px 5px #263e3610}.device-switch{display:flex;border:1px solid #dde5d7;border-radius:10px;padding:3px;gap:3px}.device-switch button{padding:7px 10px;border:0;background:transparent;border-radius:6px;font-size:16px;color:#8c9983;display:flex;align-items:center;gap:6px}.device-switch button span{font-size:10px}.device-switch .active{background:#dfe9d4;color:#385635}.device-frame{background:#fff;overflow:hidden;position:relative;width:390px;flex-shrink:0;border:7px solid #273d35;border-radius:43px;box-shadow:0 24px 60px #24433312,0 3px 5px #2443330b}.status-bar{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:10px;font-weight:800;position:relative}.island{width:85px;height:22px;border-radius:20px;background:#263b33;position:absolute;top:7px;left:calc(50% - 42px)}.telegram-bar{height:51px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #edf0e9;font-size:12px}.tg-close{font-size:10px;color:#6285a0;width:57px}.telegram-bar>div{text-align:center;min-width:0}.telegram-bar strong{display:block;font-size:11px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telegram-bar small{font-size:8px;color:#98a39a;margin-top:3px;display:block}.telegram-bar>span:last-child{font-size:14px;width:57px;text-align:right;color:#718477}.app-scroll{height:550px;overflow-y:auto;overflow-x:hidden;padding:20px 18px 25px;scrollbar-width:thin;scrollbar-color:#d7e2cd transparent;scroll-behavior:smooth;background:#fcfdfb}.bottom-nav{height:64px;display:flex;align-items:stretch;border-top:1px solid #e9eee4;background:#fff;padding:4px 8px 8px}.bottom-nav button{flex:1;font-size:8px;padding:5px 0;border:0;background:transparent;color:#9aa492;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.bottom-nav button>span{font-size:20px;font-weight:500;line-height:1.2}.bottom-nav .active{color:#35593a}.bottom-nav .active>span{background:#edf3e3;border-radius:9px;padding:0 14px}.stage-caption{display:flex;justify-content:space-between;width:390px;font-size:9px;margin-top:17px;color:#9ba692}.stage-caption span:first-child{color:#739056}.app-sidebar,.desktop-chrome{display:none}.demo-identity{width:390px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;padding:8px 10px;background:#e8eee2;border-radius:10px}.demo-identity>span{font-size:9px;color:#819174}.demo-identity select{width:160px;font-size:10px;padding:7px}.app-heading{margin-bottom:20px}.app-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:9px}h2{font-size:24px;line-height:1.25;letter-spacing:-1px;margin:0 0 8px;font-weight:800}.app-heading p{font-size:11px;color:#8e9a85;line-height:1.8;margin:0}h3{font-size:12px;margin:0;line-height:1.5}.business-cover{background:#edf3e2;padding:20px;border-radius:16px;margin-bottom:20px;position:relative}.business-symbol{width:42px;height:42px;background:#dce9c3;border-radius:13px;display:grid;place-items:center;font-size:25px;margin-bottom:17px}.business-cover>span{font-size:8px;color:#84956c;letter-spacing:.4px}.business-cover h2{font-size:27px;margin:6px 0 7px}.business-cover p{font-size:10px;line-height:1.7;color:#859574;max-width:230px;margin-bottom:17px}.business-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.business-meta>span{font-size:9px;color:#748764}.language-chips{display:flex;gap:3px}.language-chips button{padding:4px 5px;font-size:8px;background:transparent;border-color:transparent;border-radius:5px;color:#90a37b}.language-chips .active{background:#fff;color:#496932}.booking-progress{display:flex;gap:4px;align-items:center;margin-bottom:18px}.booking-progress>span{height:3px;background:#e7edde;flex:1;border-radius:2px}.booking-progress .active{background:#8da664}.booking-progress small{font-size:8px;color:#a5af99;margin-left:5px}.flow-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}.flow-heading h3{font-size:14px}.flow-heading button{border:0;background:#edf2e6;padding:4px 9px}.service-grid,.staff-grid{display:grid;gap:10px}.service-option,.staff-option{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 12px;background:white;min-width:0;border-color:#e3eada}.service-option>div,.staff-option>div{flex:1;min-width:0}.service-option b,.staff-option b{display:block;font-size:11px}.service-option small,.staff-option small{display:block;font-size:9px;color:#9aa68e;margin-top:5px}.service-option>span:last-child,.staff-option>span:last-child{color:#9bb783;font-size:16px}.service-symbol{background:#f1f5eb;border-radius:10px;width:33px;height:37px;display:grid;place-items:center;font-size:19px}.quiet-note{font-size:9px;color:#99a48f;line-height:1.8;margin:14px 0 5px}.person-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e4edda;color:#628249;font-size:15px;font-weight:700;flex-shrink:0}.tone-1{background:#eee6d9;color:#9b7e4d}.tone-2{background:#e0e9ef;color:#5d7d91}.selected-service{font-size:10px;padding:12px;background:#f0f4e9;border-radius:10px;margin-bottom:15px;display:flex;justify-content:space-between;gap:8px;line-height:1.7}.date-shortcuts{display:flex;gap:6px;margin-bottom:10px}.date-shortcuts button{flex:1;min-width:0;padding:9px 2px;background:#f2f6ec;border-color:transparent;border-radius:10px}.date-shortcuts small{display:block;font-size:8px;color:#9aa68c}.date-shortcuts b{display:block;font-size:16px;margin-top:4px}.date-shortcuts .active{background:#365b42;color:white}.date-shortcuts .active small{color:#bdcfb0}.date-shortcuts i{display:block;width:3px;height:3px;border-radius:50%;background:transparent;margin:4px auto 0}.date-shortcuts .has-records{background:#afc588}.field{display:block;font-size:10px;color:#7c8e71;font-weight:600;margin:14px 0}.field input,.field select{margin-top:7px}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.slot-grid button{padding:10px 2px;font-size:10px;color:#55774a}.primary{background:#31583e;color:white;border-color:#31583e;font-size:11px;font-weight:700}.primary:hover{background:#426b4e}.full{width:100%;margin-top:12px}.secondary{font-size:10px;background:#f2f6ed;color:#6c8659;border-color:#e4ecda}.review-card{background:#edf3e4;border-radius:13px;padding:18px;line-height:1.8}.review-card>span{font-size:11px;color:#7f976a}.review-card h3{font-size:19px;letter-spacing:-.5px;margin:8px 0}.review-card p{font-size:10px;color:#8b9a7c}.review-card>strong{font-size:23px}.success-mark{border-radius:50%;width:62px;height:62px;background:#e3efce;color:#709244;display:grid;place-items:center;font-size:28px;margin:25px auto 10px}.success-copy{text-align:center;font-size:11px;color:#8a9a79;margin-bottom:25px}.booking-list{display:grid;gap:12px}.booking-card{border:1px solid #e2e9dc;background:white;border-radius:13px;padding:15px;min-width:0}.booking-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.time-label{font-size:19px;letter-spacing:-.8px;font-weight:800}.pill{font-size:8px;padding:5px 7px;border-radius:6px;white-space:nowrap;background:#edf4df;color:#819855;display:inline-flex;align-items:center;gap:4px}.pill i{width:4px;height:4px;background:currentColor;border-radius:50%}.pill.pending{background:#fff3da;color:#b48a35}.pill.cancelled{background:#f8eae6;color:#b48478}.booking-card h3{font-size:13px;margin-top:12px}.booking-card p{font-size:9px;line-height:1.7;color:#92a084;margin:5px 0}.booking-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:12px;color:#92a084}.booking-meta b{color:#6a8656}.booking-actions{display:flex;gap:7px;margin-top:14px;border-top:1px solid #edf1e6;padding-top:12px}.booking-actions button{flex:1;font-size:9px;padding:9px 5px}.danger-quiet{background:#fff;color:#b8877a;font-size:9px;border-color:#efe4de}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.content-card{padding:16px;background:white;border:1px solid #e1e9da;border-radius:13px;margin-bottom:13px}.content-card>h3{margin-bottom:8px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 13px}.section-line>span{font-size:9px;color:#99a68c}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-grid button{text-align:left;font-size:9px;padding:10px 7px}.preset-grid button>span{font-size:15px;margin-right:5px}.preset-grid .active{background:#edf4df;border-color:#afc388;color:#6b854f}.tiny-badge{font-size:8px!important;background:#edf3e3;color:#8da172!important;padding:5px 7px;border-radius:5px;white-space:nowrap}.language-select{display:flex;gap:6px;margin-top:15px}.language-select button{flex:1;padding:9px 2px;font-size:9px}.language-select .active{background:#355c41;color:white;border-color:#355c41}.owner-next>span{font-size:25px;color:#99b17e}.owner-next h3{margin-top:10px}.owner-next>p{font-size:10px;color:#94a087;line-height:1.8}.owner-next>button{font-size:10px;padding:8px 10px}.stats-row{display:grid;grid-template-columns:1fr 1fr;border-radius:13px;padding:17px;background:#edf3e2;margin-bottom:20px}.stats-row>div+div{border-left:1px solid #dce7cc;padding-left:20px}.stats-row b{display:block;font-size:27px;letter-spacing:-1px;line-height:1.1}.stats-row span{display:block;font-size:9px;color:#93a17e;margin-top:8px}.schedule-controls{margin-bottom:18px}.schedule-controls .field{margin:5px 0}.permission-list{display:flex;flex-direction:column;gap:13px;margin:20px 0 5px;font-size:10px;color:#78915e}.muted{color:#a7afa0}.owner-access{display:flex;align-items:center;gap:11px;padding:13px;background:#edf3e2;border-radius:12px;margin-bottom:20px}.owner-access>span:first-child{font-size:25px;color:#829c60}.owner-access>div{flex:1}.owner-access b{font-size:11px}.owner-access p{font-size:8px;color:#99a782;margin:5px 0 0}.member-heading{display:flex;align-items:center;gap:10px}.member-heading>div{flex:1}.member-heading h3{font-size:12px}.member-heading small{font-size:9px;color:#9aaa8b}.toggle{display:inline-flex;cursor:pointer}.toggle input{position:absolute;opacity:0;width:35px;height:20px}.toggle>span{width:34px;height:20px;border-radius:20px;background:#dfe5d9;padding:3px;display:block}.toggle>span:before{content:'';display:block;width:14px;height:14px;background:white;border-radius:50%;transition:transform .15s}.toggle input:checked+span{background:#7fa45a}.toggle input:checked+span:before{transform:translateX(14px)}.toggle input:focus-visible+span{outline:3px solid #afc68a}.assignment-list{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;margin-top:10px}.assignment-list label{display:flex;gap:6px;align-items:center;background:#f6f8f1;padding:7px 10px;border-radius:7px}.warning-text{font-size:9px;line-height:1.8;color:#b3914d}.empty{text-align:center;padding:30px 12px;background:#f5f8f0;border:1px dashed #dee8d3;border-radius:14px}.empty>span{font-size:29px;color:#a6bb8c}.empty h3{font-size:13px;margin:12px 0 5px}.empty p{font-size:10px;color:#96a587;line-height:1.8}.toast,.error{display:flex;align-items:center;gap:8px;border-radius:9px;padding:10px 12px;margin-bottom:14px;font-size:10px;line-height:1.6;background:#e9f1dc;color:#789154}.toast>span{font-size:16px}.toast button,.error button{padding:2px 5px;border:0;background:transparent;margin-left:auto}.error{background:#f8eae5;color:#af7e71}.modal-backdrop{position:fixed;inset:0;background:#18372866;backdrop-filter:blur(6px);z-index:10;display:grid;place-items:center;padding:20px}.invite-modal{position:relative;width:410px;max-width:100%;border-radius:24px;background:#fff;padding:30px;box-shadow:0 20px 60px #122a2920}.invite-modal h2{font-size:25px}.invite-modal>p{font-size:12px;line-height:1.8;color:#8f9b84}.modal-close{position:absolute;top:13px;right:13px;background:transparent;border:0;font-size:20px;color:#a3ad9a}.invite-icon{font-size:36px;color:#7fa05e;margin:23px 0 17px}.invite-scope{background:#f1f5e9;border-radius:12px;padding:15px;margin-top:20px;font-size:11px}.invite-scope p{font-size:11px;color:#8ca075;margin-bottom:0}.site-footer{max-width:1390px;margin:0 auto;padding:0 40px 25px;font-size:9px;color:#a4ad9a;display:flex;justify-content:space-between}.demo-layout:has(.desktop){grid-template-columns:1fr;gap:0;max-width:1480px}.demo-layout:has(.desktop) .demo-intro{display:none}.desktop .stage-toolbar{justify-content:space-between}.desktop .device-frame{width:100%;border:1px solid #dbe4d5;border-radius:16px;box-shadow:0 15px 40px #29472e08}.desktop .status-bar,.desktop .telegram-bar,.desktop .bottom-nav{display:none}.desktop .desktop-chrome{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fafcf7;border-bottom:1px solid #e4eadd;font-size:10px;color:#99a58e}.window-dots{color:#cad6bc;letter-spacing:3px}.desktop .app-layout{display:grid;grid-template-columns:215px 1fr;min-height:650px}.desktop .app-sidebar{display:flex;flex-direction:column;border-right:1px solid #e5ebdf;padding:26px 20px;background:white}.sidebar-brand{display:flex;gap:10px;align-items:center}.sidebar-brand>span{font-size:25px;color:#96af75}.sidebar-brand>b{font-size:14px;overflow-wrap:anywhere}.app-sidebar>p{font-size:9px;color:#a3af96;margin:12px 0 30px}.app-sidebar nav{display:grid;gap:7px}.app-sidebar nav button{border:0;background:transparent;text-align:left;font-size:11px;color:#97a58b;padding:12px}.app-sidebar nav button>span{font-size:18px;margin-right:12px;vertical-align:middle}.app-sidebar nav .active{background:#edf4e2;color:#597b42}.sidebar-bottom{margin-top:auto;padding-top:50px;color:#8ea578;font-size:9px;line-height:2.2}.sidebar-bottom small{font-size:8px;color:#b0b9a5}.desktop .app-main{min-width:0}.desktop .app-scroll{height:650px;padding:35px 40px}.desktop .app-heading{margin-bottom:27px}.desktop .app-heading h2{font-size:31px}.desktop .app-heading p{font-size:12px}.desktop .owner-grid,.desktop .services-editor,.desktop .team-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.desktop .content-card{padding:23px;margin:0 0 16px}.desktop .content-card h3{font-size:15px}.desktop .field{font-size:11px}.desktop .quiet-note{font-size:10px}.desktop .business-cover{padding:30px;max-width:none;position:relative}.desktop .business-cover h2{font-size:36px}.desktop .business-symbol{position:absolute;right:35px;top:32px;width:85px;height:85px;font-size:48px}.desktop .business-cover p{font-size:12px;max-width:500px}.desktop .business-meta{max-width:400px}.desktop .booking-progress{max-width:400px;margin:25px 0}.desktop .service-grid,.desktop .staff-grid{grid-template-columns:1fr 1fr}.desktop .service-option{padding:23px}.desktop .service-option b{font-size:13px}.desktop .flow-heading h3{font-size:18px}.desktop .stats-row{max-width:500px}.desktop .schedule-controls{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.desktop .booking-list{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop .date-shortcuts{max-width:500px}.desktop .slot-grid{grid-template-columns:repeat(6,1fr)}.desktop .stage-caption{width:100%}.desktop .demo-identity{align-self:flex-end;width:400px}.desktop #add-member{margin-top:20px}.desktop .review-card{max-width:550px}.desktop #submit-booking,.desktop #new-booking{max-width:350px}.desktop .success-mark{margin-left:0}.desktop .success-copy{text-align:left}.desktop .content-card>.person-avatar{margin-bottom:15px}.desktop .slot-grid button{padding:15px}.desktop .selected-service{font-size:12px}.desktop .business-meta>span{font-size:11px}.desktop .language-chips button{font-size:10px}.desktop .service-edit .field{margin:12px 0}
@media(min-width:1500px){.demo-layout{gap:90px;grid-template-columns:400px 1fr}.demo-intro{padding-top:85px}h1{font-size:54px}.app-scroll{height:590px}.desktop .app-scroll{height:680px}}
@media(max-width:1100px){.demo-layout{grid-template-columns:260px 1fr;gap:20px;padding:25px}.demo-intro{padding-top:70px}h1{font-size:36px}.demo-intro>p{font-size:11px}.stage-toolbar{gap:8px}.role-tabs button{padding:10px 11px}.device-switch button span{display:none}.desktop .app-scroll{padding:25px}.desktop .app-layout{grid-template-columns:175px 1fr}.desktop .app-sidebar{padding:25px 12px}.desktop .schedule-controls{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{height:65px;padding:0 18px}.logo{font-size:20px}.logo i{width:30px;height:30px;font-size:20px}.demo-label{font-size:8px}.site-tools{gap:8px}.subtle{font-size:15px;padding:7px}.subtle span{display:none}.demo-layout{display:block;padding:20px 12px}.demo-intro{padding:0 10px 20px}.demo-intro .eyebrow{font-size:8px;margin-bottom:9px}.demo-intro h1{font-size:27px;letter-spacing:-1px;margin-bottom:9px}.demo-intro h1 br{display:none}.demo-intro>p{font-size:10px;margin:0;line-height:1.7}.demo-intro>p br{display:none}.roles-map,.demo-info,.simulation-note{display:none}.stage-toolbar{justify-content:space-between;gap:6px;margin-bottom:16px}.role-tabs{padding:3px}.role-tabs button{font-size:10px;padding:10px 11px}.role-tabs button span{margin-right:5px}.device-switch button{padding:7px 8px}.device-frame{width:min(390px,100%);border-width:5px;border-radius:33px}.app-scroll{height:530px;padding:18px 15px}.stage-caption,.demo-identity{width:min(390px,100%)}.site-footer{padding:0 15px 20px;font-size:7px;gap:15px}.desktop .app-sidebar{display:none}.desktop .app-layout{display:block}.desktop .app-scroll{padding:20px 15px;height:600px}.desktop .bottom-nav{display:flex}.desktop .owner-grid,.desktop .services-editor,.desktop .team-list,.desktop .booking-list,.desktop .service-grid,.desktop .staff-grid{grid-template-columns:1fr}.desktop .desktop-chrome{font-size:8px;padding:12px 10px}.desktop .desktop-chrome .demo-label{display:none}.desktop .app-heading h2{font-size:25px}.desktop .business-cover{padding:18px}.desktop .business-symbol{position:static;width:40px;height:40px;font-size:24px}.desktop .business-cover h2{font-size:26px}.desktop .business-cover p{font-size:10px}.desktop .business-meta{gap:8px}.desktop .business-meta>span{font-size:9px}.desktop .content-card{padding:16px}.desktop .demo-identity{width:100%}.demo-identity>span{font-size:8px}.desktop .app-layout{min-height:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.phone .app-scroll{height:clamp(320px,calc(100dvh - 470px),530px)}}
/* Owner-led customization and real local demo metrics. */
.device-frame .primary{background:var(--brand);border-color:var(--brand)}.device-frame .primary:hover{filter:brightness(1.1)}.device-frame .business-cover,.device-frame .review-card,.device-frame .stats-row{background:var(--brand-soft)}.device-frame .business-symbol{background:var(--brand);color:white}.device-frame .business-cover>span,.device-frame .business-cover p,.device-frame .business-meta>span{color:var(--brand-muted)}.device-frame .bottom-nav .active,.device-frame .app-sidebar nav .active{color:var(--brand)}.device-frame .bottom-nav .active>span,.device-frame .app-sidebar nav .active{background:var(--brand-soft)}.device-frame .date-shortcuts .active,.device-frame .language-select .active{background:var(--brand);border-color:var(--brand)}.device-frame .booking-progress .active{background:var(--brand)}.theme-options{display:flex;gap:7px}.theme-options button{flex:1;padding:8px 5px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px}.theme-options button.active{border-color:var(--brand);background:var(--brand-soft)}.theme-options i{height:12px;width:12px;border-radius:50%;display:block}.module-toggle{display:flex;align-items:center;justify-content:space-between;padding-top:15px;margin-top:18px;border-top:1px solid var(--line);gap:10px;font-size:11px}.module-toggle small{display:block;font-size:8px;font-weight:400;color:#98a58d;margin-top:6px;line-height:1.7}.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.feature-tags span{padding:6px 9px;background:#f1f5eb;font-size:8px;border-radius:20px;color:#8da078}.extension-card h3{margin-top:14px}.extension-card>p{font-size:10px;line-height:1.8;color:#98a58a}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.metric-tile{padding:14px 12px;border:1px solid #e0e8d9;border-radius:12px;background:white;min-width:0}.metric-tile:first-child{background:var(--brand-soft);border-color:var(--brand-soft)}.metric-tile small{display:block;font-size:8px;color:#8e9f7e;line-height:1.6;min-height:27px}.metric-tile>b{display:block;font-size:21px;letter-spacing:-.8px;line-height:1.4;margin:7px 0;color:var(--brand);overflow-wrap:anywhere}.metric-tile>span{font-size:8px;color:#a0ab94;line-height:1.6;display:block}.hour-chart{display:grid;gap:11px;margin-top:20px}.hour-row{display:grid;grid-template-columns:35px 1fr 30px;align-items:center;gap:10px;font-size:8px;color:#96a58a}.hour-row>div{height:9px;border-radius:4px;background:var(--brand-soft);overflow:hidden}.hour-row i{display:block;height:100%;background:var(--brand);border-radius:4px;min-width:0}.hour-row b{text-align:right;font-size:8px;font-weight:500}.report-summary{margin-top:23px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:12px}.report-summary span{display:flex;justify-content:space-between;font-size:9px;color:#98a58c}.report-summary b{color:var(--brand)}.desktop .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.desktop .metric-tile{padding:20px}.desktop .metric-tile small{font-size:10px}.desktop .metric-tile>b{font-size:26px}.desktop .metric-tile>span{font-size:9px}.desktop .metrics-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.desktop .hour-row{font-size:10px;grid-template-columns:45px 1fr 35px}.desktop .hour-row b{font-size:10px}.desktop .module-toggle small{font-size:10px}.desktop .theme-options button{font-size:11px}.desktop .feature-tags span{font-size:10px}.desktop .extension-card>p{font-size:12px}@media(max-width:760px){.desktop .metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.desktop .metrics-layout{grid-template-columns:1fr}.desktop .metric-tile{padding:14px 12px}.desktop .metric-tile>b{font-size:21px}}