@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{color:#18231f;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;font-optical-sizing:auto;--ink:#302d3f;--muted:#767383;--line:#e9e6ee;--surface:#fff;--canvas:#f8f7fb;--green:#7464a0;--green-dark:#57477d;--green-soft:#f0ecf8;--lime:#ebe4fa;--amber:#a66a20;--amber-soft:#fff4e4;--red:#a8433c;--red-soft:#fff0ef;--radius:18px;--shadow:0 8px 32px #402f5e09;background:#f5f7f6;font-family:Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0}body,button,input,select,textarea{font-family:Roboto,sans-serif}button,input,select,textarea{font-size:16px}button{color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #24584a47}a{color:inherit}.app-shell{min-height:100vh;padding-bottom:0}.app-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;align-items:center;gap:30px;min-height:72px;padding:0 max(22px,50vw - 600px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;min-width:190px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--green);color:#fff;letter-spacing:-.025em;border-radius:13px;place-items:center;width:38px;height:38px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;display:grid}img.brand-logo{background:0 0;border:0;border-radius:13px;width:38px;height:38px;padding:0;overflow:hidden}.brand-copy{line-height:1.15;display:grid}.brand-copy strong{letter-spacing:-.025em;font:700 15px Roboto,sans-serif}.brand-copy small{color:var(--muted);margin-top:4px;font-size:11px}.desktop-nav{align-items:center;gap:4px;display:flex}.nav-link{color:#617067;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:42px;padding:0 14px;font-size:14px;font-weight:600}.nav-link:hover{color:var(--ink);background:#f2f6f3}.nav-link.active{background:var(--green-soft);color:var(--green-dark)}.header-status{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:inline-flex}.status-dot{background:#48a878;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #e7f5ed}.app-main{width:min(1200px,100%);margin:0 auto;padding:32px 24px 48px}.app-main.business-main{width:min(1360px,100%)}.app-footer{color:#87938d;text-align:center;width:min(1200px,100%);margin:0 auto;padding:0 24px 32px;font-size:12px}.mobile-nav{display:none}.page-heading{margin:0 0 22px}.eyebrow{color:var(--green);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.page-heading h1,.hero-copy h1{letter-spacing:-.025em;margin:8px 0;font:700 clamp(28px,4vw,42px)/1.08 Roboto,sans-serif}.page-heading p,.hero-copy p{max-width:620px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.page-title{letter-spacing:-.025em;margin:8px 0 6px;font:700 clamp(24px,3vw,34px)/1.1 Roboto,sans-serif}.section-title{letter-spacing:-.025em;margin:0 0 14px;font:700 17px Roboto,sans-serif}.section-copy{color:var(--muted);margin:-7px 0 16px;font-size:13px;line-height:1.5}.muted{color:var(--muted);font-size:13px;line-height:1.55}.microcopy{color:var(--muted);font-size:12px;line-height:1.5}.overline{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.card,.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);padding:24px}.card h1,.card h2,.card h3{letter-spacing:-.025em;font-family:Roboto,sans-serif}.surface-card{box-shadow:none}.stack{gap:16px;display:grid}.divider{background:var(--line);border:0;height:1px;margin:20px 0}.field{gap:7px;min-width:0;margin:0 0 15px;display:grid}.field>span,.field-label{color:#3e4c45;font-size:13px;font-weight:600}.field input,.field select,.field textarea,.input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d6e0da;border-radius:11px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:120px}.field input::placeholder,.field textarea::placeholder{color:#a2aca6}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#7ea895;outline:0;box-shadow:0 0 0 4px #24584a14}.field input:disabled,.field select:disabled,.field textarea:disabled{color:#8b9690;background:#f6f8f7}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 17px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{color:#fff;background:var(--green)}.button-primary:hover{background:var(--green-dark)}.button-secondary{color:var(--green-dark);background:var(--green-soft);border-color:#dbe9e1}.button-quiet{color:#56665e;border-color:var(--line);background:#fff}.button-quiet:hover{background:#f7f9f8}.button-danger{color:var(--red);background:var(--red-soft);border-color:#f4d8d5}.button-block{width:100%}.button-small{border-radius:9px;min-height:38px;padding:0 12px;font-size:12px}.link-button{min-height:44px;color:var(--green);cursor:pointer;background:0 0;border:0;padding:0 8px;font-weight:700}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alert{border-radius:12px;align-items:flex-start;gap:10px;margin:14px 0;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.ok{color:#265a41;background:#edf7f0;border:1px solid #d6ebdc}.err{color:#933c36;background:var(--red-soft);border:1px solid #f2d4d1}.note,.box{color:#70501f;background:var(--amber-soft);border:1px solid #f2dfbd;border-radius:12px;padding:13px 15px;font-size:13px;line-height:1.5}.note{align-items:flex-start;gap:10px;display:flex}.note-important{color:#66451c;background:#fff7ea;border-color:#efcf9f #efcf9f #efcf9f #c9822d;border-left-style:solid;border-left-width:4px;margin-top:16px;padding:9px;display:block}.note-warning{color:#80521f;background:#fff;border:1px solid #f0d6b2;border-radius:9px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.note-warning>span{color:#fff;background:#bd7528;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:grid}.pill{border:1px solid var(--line);color:#526259;white-space:nowrap;background:#f8faf9;border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pill.green{color:#2c674d;background:#eef7f0;border-color:#d8eadc}.pill.amber{color:#8b5a1c;background:#fff7e9;border-color:#f2e1c0}.pill.red{color:#973e37;background:#fff2f1;border-color:#f0d6d3}.empty-state{text-align:center;color:var(--muted);background:#f8faf9;border:1px dashed #d8e1dc;border-radius:14px;padding:26px 18px;font-size:13px;line-height:1.55}.loading{color:var(--muted);align-items:center;gap:9px;padding:18px 0;font-size:13px;display:flex}.loading:before{content:"";border:2px solid #d7e4dd;border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:stretch;gap:24px;display:grid}.hero-single{grid-template-columns:minmax(0,1fr)}.hero-copy{color:#fff;background:#1c3e34;border-radius:24px;padding:clamp(28px,5vw,60px);position:relative;overflow:hidden}.hero-copy:after{content:"";border:1px solid #dbefd22e;border-radius:50%;width:290px;height:290px;position:absolute;bottom:-115px;right:-70px;box-shadow:0 0 0 30px #dbefd209,0 0 0 65px #dbefd208}.hero-copy h1{color:#fff;max-width:620px;margin-top:18px}.hero-copy p{color:#c4d6cc;max-width:540px}.hero-copy .eyebrow{color:var(--lime)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-side{gap:14px;display:grid}.hero-stat-card{border:1px solid var(--line);min-height:160px;box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.hero-stat-card strong{letter-spacing:-.025em;margin-top:11px;font:700 26px Roboto,sans-serif;display:block}.hero-stat-card p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.5}.hero-mini-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.auth-single{grid-template-columns:minmax(0,560px);justify-content:center}.auth-aside{color:#fff;background:#1d453a;border-radius:20px;flex-direction:column;justify-content:space-between;padding:26px;display:flex}.auth-aside h2{letter-spacing:-.025em;max-width:330px;margin:16px 0 8px;font:700 28px/1.12 Roboto,sans-serif}.auth-aside p{color:#cadbd2;max-width:330px;margin:0;font-size:14px;line-height:1.6}.auth-aside .overline{color:var(--lime)}.auth-aside-mark{width:64px;height:64px;color:var(--lime);border:1px solid #fff3;border-radius:20px;place-items:center;font:700 24px Roboto,sans-serif;display:grid}.auth-form{padding:30px}.auth-form h1{letter-spacing:-.025em;margin:0 0 7px;font:700 25px Roboto,sans-serif}.auth-form>p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.5}.login-help{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0;padding:14px 0}.login-help .link-button{padding-left:0}.credential-result{color:#265a41;background:#edf7f0;border:1px solid #d6ebdc;border-radius:13px;margin-top:16px;padding:16px;font-size:13px;line-height:1.5}.credential-result>strong{font-size:15px;display:block}.credential-result p{margin:7px 0}.credential-result dl{gap:8px;margin:13px 0;display:grid}.credential-result dl>div{background:#ffffffbf;border:1px solid #d6ebdc;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 11px;display:flex}.credential-result dt{color:#526259;font-size:12px}.credential-result dd{color:#1d483c;text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.booking-page{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}.booking-main{min-width:0}.booking-card{padding:clamp(18px,3vw,30px)}.booking-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.booking-header h1{letter-spacing:-.025em;margin:7px 0 5px;font:700 clamp(24px,3vw,32px)/1.12 Roboto,sans-serif}.booking-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.stepper{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 24px;display:grid}.step{border:1px solid var(--line);color:#86928b;background:#fafbfa;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:11px 12px;font-size:12px;font-weight:700;display:flex}.step-number{background:#edf1ee;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.step.active{color:var(--green-dark);background:var(--green-soft);border-color:#cfe1d5}.step.active .step-number,.step.done .step-number{color:#fff;background:var(--green)}.step.done{color:var(--green)}.business-summary{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px;position:sticky;top:92px}.business-summary h2{letter-spacing:-.025em;margin:0 0 5px;font:700 17px Roboto,sans-serif}.summary-line{color:var(--muted);border-bottom:1px solid #edf1ee;justify-content:space-between;gap:12px;padding:11px 0;font-size:12px;display:flex}.summary-line strong{color:var(--ink);text-align:right;font-size:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.service-option{text-align:left;min-height:94px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;padding:15px;position:relative}.service-option:hover{border-color:#a6c5b4}.service-option.selected{background:#f0f7f2;border-color:#7eaa91;box-shadow:inset 0 0 0 1px #7eaa91}.service-option strong{padding-right:24px;font-size:14px;display:block}.service-option small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.service-check{color:#0000;border:1px solid #d7e0db;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:12px;right:12px}.service-option.selected .service-check{color:#fff;background:var(--green);border-color:var(--green)}.staff-options{flex-wrap:wrap;gap:8px;display:flex}.staff-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600}.staff-option.selected{color:var(--green-dark);background:var(--green-soft);border-color:#bcd4c5}.dates{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:8px;padding:3px 2px 12px;display:flex;overflow-x:auto}.day{border:1px solid var(--line);color:#536158;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;min-width:72px;min-height:70px;padding:7px;display:flex}.day strong{font-size:12px}.day small{color:var(--muted);font-size:11px}.day.on{color:#fff;background:var(--green);border-color:var(--green)}.day.on small{color:#d7e7dd}.slots{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.slot{color:#3c4c43;cursor:pointer;background:#fff;border:1px solid #d9e3dd;border-radius:10px;min-height:46px;font-weight:600}.customer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.customer-fields .field{margin:0}.booking-summary-sticky{position:sticky;top:92px}.confirmation-card{text-align:center;padding:28px}.confirmation-mark{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 14px;font-size:28px;display:grid}.cancel-token{overflow-wrap:anywhere;background:#f8fbf9;border:1px dashed #b8c9be;border-radius:12px;margin:14px 0;padding:15px;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.dashboard-shell{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:22px;display:grid}.dashboard-sidebar{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px;padding:14px;position:sticky;top:92px}.sidebar-caption{color:#9aa59f;letter-spacing:.1em;text-transform:uppercase;padding:10px 10px 9px;font-size:10px;font-weight:700}.dashboard-link{color:#607067;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.dashboard-link:hover{color:var(--ink);background:#f5f8f6}.dashboard-link.active{color:var(--green-dark);background:var(--green-soft)}.dashboard-link-icon{width:24px;height:24px;color:inherit;background:#23584a14;border-radius:7px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.sidebar-bottom{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.dashboard-main{min-width:0}.dashboard-topline{justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.dashboard-topline h1{letter-spacing:-.025em;margin:4px 0 3px;font:700 25px Roboto,sans-serif}.dashboard-topline p{color:var(--muted);margin:0;font-size:13px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:18px}.metric-card-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.metric-icon{width:30px;height:30px;color:var(--green);background:var(--green-soft);border-radius:9px;place-items:center;font-weight:700;display:grid}.metric-value{letter-spacing:-.025em;margin-top:12px;font:700 26px Roboto,sans-serif;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:16px;display:grid}.dashboard-grid-single{grid-template-columns:minmax(0,650px)}.dashboard-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:20px}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-heading h2{letter-spacing:-.025em;margin:0 0 4px;font:700 16px Roboto,sans-serif}.card-heading p{color:var(--muted);margin:0;font-size:12px}.appointment-row{border-top:1px solid #edf1ee;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.appointment-time{color:var(--green);font:700 13px Roboto,sans-serif}.appointment-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.appointment-date{color:var(--muted);margin-top:4px;font-size:11px;display:block}.management-content{border:1px solid var(--line);min-height:300px;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:22px}.content-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.content-heading h2{letter-spacing:-.025em;margin:0 0 5px;font:700 20px Roboto,sans-serif}.content-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.data-list{gap:9px;margin:0 0 18px;display:grid}.data-row{border:1px solid #e8eeea;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.staff-data-row{grid-template-columns:minmax(0,1fr) auto}.staff-row-trailing{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.staff-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.staff-edit-row{background:#faf9fc;border:1px solid #e8eeea;border-radius:12px;gap:12px;padding:14px;display:grid}.staff-edit-row .field{margin:0}.staff-edit-row .button-row{justify-content:flex-end}.data-row-title{font-size:13px;font-weight:700}.data-row-sub{color:var(--muted);margin-top:4px;font-size:11px}.price-value{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:700}.form-card{background:#f8faf9;border:1px solid #e6ede8;border-radius:14px;max-width:650px;padding:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.form-grid .field:last-child:nth-child(odd){grid-column:1/-1}.day-selector-label{color:#526158;margin:0 0 8px;font-size:12px;font-weight:700;display:block}.appointment-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.code-display{background:#faf8fd;border:1px dashed #d8cde5;border-radius:13px;margin-top:16px;padding:17px}.code-share-heading{align-items:center;gap:9px;margin-bottom:15px;display:flex}.code-share-icon{color:#fff;background:var(--green);border-radius:9px;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.code-share-title{color:#514168;font:700 14px/1.4 Roboto,sans-serif}.code-display>.customer-code-value{overflow-wrap:anywhere;color:var(--green-dark);letter-spacing:.04em;font:700 18px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.code-display p{color:var(--muted);font-size:12px;line-height:1.5}.mobile-dashboard-nav{display:none}@media (width<=900px){.app-header{gap:16px;min-height:64px;padding:0 18px}.brand{min-width:auto}.header-status{display:none}.app-main{padding:26px 18px 34px}.booking-page{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.dashboard-shell{grid-template-columns:1fr;gap:14px}.dashboard-sidebar{scrollbar-width:none;gap:5px;padding:8px;display:flex;position:static;overflow-x:auto}.dashboard-sidebar::-webkit-scrollbar{display:none}.sidebar-caption,.sidebar-bottom{display:none}.dashboard-link{width:auto;min-width:max-content;padding:0 12px}.dashboard-link-icon{display:none}}@media (width<=680px){.app-shell{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.app-shell.is-business-view{padding-bottom:env(safe-area-inset-bottom,0px)}.app-header{min-height:60px;padding:0 14px}.brand-mark{border-radius:11px;width:34px;height:34px}.brand-copy small,.desktop-nav{display:none}.mobile-nav{z-index:30;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.is-business-view .mobile-nav{display:none}.mobile-nav-link{color:#78857d;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:72px;padding:9px 2px;font-size:13px;font-weight:700;display:flex}.mobile-nav-link.active{color:var(--green);background:#eef5f0}.mobile-nav-icon{font-size:22px;line-height:1}.app-main{padding:20px 14px 24px}.app-main.business-main{padding:16px 12px 28px}.app-footer{padding:0 14px 20px}.page-heading{margin-bottom:16px}.page-heading h1,.hero-copy h1{font-size:30px}.card,.surface-card{border-radius:16px;padding:18px}.hero-layout,.auth-layout{grid-template-columns:1fr;gap:12px}.hero-copy{border-radius:19px;min-height:310px;padding:27px 22px}.hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stat-card{min-height:136px;padding:16px}.hero-stat-card strong{font-size:22px}.auth-aside{min-height:190px;padding:20px}.auth-aside h2{margin-top:12px;font-size:23px}.auth-aside-mark{border-radius:15px;width:48px;height:48px;font-size:20px}.auth-form{padding:20px}.booking-page{grid-template-columns:1fr;gap:12px}.booking-card{padding:18px 15px}.booking-header{margin-bottom:15px}.stepper{gap:5px;margin:15px 0 19px}.step{flex-direction:column;align-items:flex-start;gap:5px;padding:8px;font-size:10px}.step-number{width:22px;height:22px}.business-summary,.booking-summary-sticky{position:static}.service-grid{grid-template-columns:1fr}.customer-fields{grid-template-columns:1fr;gap:0}.dashboard-topline{align-items:flex-start}.dashboard-topline h1{font-size:21px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metric-card{border-radius:13px;padding:12px 10px}.metric-card-top{font-size:10px}.metric-icon{width:25px;height:25px;font-size:11px}.metric-value{margin-top:8px;font-size:21px}.dashboard-grid{grid-template-columns:1fr}.dashboard-card,.management-content{padding:16px}.content-heading{flex-direction:column}.data-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px}.data-row .price-value{grid-column:1}.data-row>.button,.data-row>.link-button{grid-area:1/2/span 2}.form-grid{grid-template-columns:1fr}.form-grid .field:last-child:nth-child(odd){grid-column:auto}.appointment-row{grid-template-columns:48px minmax(0,1fr);gap:9px}.appointment-row>.pill{grid-column:2;justify-self:start}.appointment-actions{justify-content:flex-start}.mobile-dashboard-nav{z-index:15;border-bottom:1px solid var(--line);scrollbar-width:none;background:#f5f7f6f5;gap:6px;margin:-16px -12px 14px;padding:9px 12px;display:flex;position:sticky;top:60px;overflow-x:auto}.mobile-dashboard-nav::-webkit-scrollbar{display:none}.mobile-dashboard-nav .dashboard-link{min-height:39px;font-size:12px}.mobile-dashboard-nav .dashboard-link,.button-small{min-height:44px}.dashboard-sidebar{display:none}}@media (width<=380px){.app-main{padding-left:11px;padding-right:11px}.hero-side{grid-template-columns:1fr}.hero-stat-card{min-height:112px}.metric-card{padding:10px 8px}.metric-card-top{gap:5px}.metric-icon{width:22px;height:22px}.step{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{color:var(--ink);line-height:1.65}button{-webkit-tap-highlight-color:transparent}.brand{cursor:pointer;text-align:left;background:0 0;border:0;min-height:44px;padding:0}.brand-mark{color:var(--green-dark);background:#ede7f6;border:1px solid #e2d8ef}.brand-copy strong{font-size:18px}.app-header{background:#ffffffeb;gap:20px}.header-status{font-size:10px}.nav-link{padding-inline:12px;font-size:12px}.app-main{padding-top:38px}.page-heading h1,.hero-copy h1{font-weight:700;line-height:1.3}.page-heading p{font-size:13px}.eyebrow,.overline{letter-spacing:.04em;font-size:10px}.hero-copy{color:var(--ink);background:#f1ebf8;padding:48px}.hero-copy h1{color:#44365c;font-size:clamp(29px,3.6vw,44px)}.hero-copy p,.hero-copy .eyebrow{color:#746384}.hero-copy:after{content:none}.hero-copy .button-primary{color:#fff;background:var(--green)}.hero-copy .button-primary:hover{background:var(--green-dark)}.hero-copy .button-secondary{color:var(--green-dark);background:#ffffffa6;border-color:#e4dced}.hero-stat-card{box-shadow:none}.hero-mini-row{flex-wrap:wrap;gap:16px}.hero-side{min-width:0}.hero-stat-card strong{color:#50405f;font-size:24px}.auth-aside{color:#49395e;background:#eee8f5;gap:24px}.auth-aside p,.auth-aside .overline{color:#786987}.auth-aside-mark{color:var(--green);border-color:#d8cde5}.auth-aside h2{line-height:1.4}.auth-form h1{line-height:1.5}.button{border-radius:14px;padding-block:10px;font-size:12px;line-height:1.5}.button-primary{box-shadow:0 4px 10px #7464a015}.button-secondary{border-color:#e1d9ef}.button-secondary:hover{background:#e7dff3}.field input,.field select,.field textarea{background:#fdfcfe;border-color:#e4dfea;border-radius:13px}.field input:focus,.field textarea:focus{border-color:#ab9ac6;box-shadow:0 0 0 4px #a493c310}.booking-page{grid-template-columns:minmax(0,1fr) 290px;gap:26px}.booking-card{border-radius:24px;padding:30px}.booking-main form,.stack,.stack>section,.management-content,.booking-page>*,.calendar{min-width:0;max-width:100%}.stack{grid-template-columns:minmax(0,1fr)}.booking-main .stack{gap:28px}.booking-main .stack>section+section{border-top:1px solid #f0edf4;padding-top:24px}.booking-header h1{font-size:25px;line-height:1.4}.booking-header{flex-wrap:wrap}.section-title{color:#463951;font-size:15px;line-height:1.5}.section-copy{font-size:12px}.stepper{background:#faf8fc;border-radius:16px;gap:5px;padding:6px}.step{background:0 0;border:0;border-radius:12px;padding:10px;font-size:11px}.step.active{background:#fff;box-shadow:0 2px 8px #66517b0a}.step-number{background:#ede8f3}.service-option{border-color:#eae5ef;border-radius:16px;min-height:90px}.service-option.selected{box-shadow:none;background:#f5f1fb;border-color:#b3a2cc}.service-option strong{font-size:13px;line-height:1.6}.service-check{border-color:#ddd5e8}.staff-option{font-size:12px}.staff-option.selected{border-color:#d7cce8}.business-summary{box-shadow:none;background:#faf8fd;border-radius:22px}.business-summary h2{margin-top:8px;line-height:1.5}.summary-line{border-color:#eae5f0;flex-wrap:wrap}.summary-line strong{overflow-wrap:anywhere}.calendar{background:#fcfafd;border:1px solid #eae4f1;border-radius:20px;width:100%;margin-bottom:20px;padding:20px}.calendar-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.calendar-caption{color:#8c8199;font-size:10px;display:block}.calendar-toolbar h3{text-transform:capitalize;color:#544563;margin:2px 0 0;font-size:16px;font-weight:700}.calendar-controls{flex-shrink:0;gap:6px;display:flex}.calendar-controls button{color:#78668e;cursor:pointer;background:#fff;border:1px solid #e8e0f0;border-radius:13px;width:44px;height:44px;font-size:25px}.calendar-controls button:disabled{opacity:.3;cursor:default}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekday{text-align:center;color:#8c8098;padding-bottom:6px;font-size:10px}.calendar-day{color:#635276;cursor:pointer;background:#f1ebf8;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;min-width:0;height:52px;padding:0;font-size:13px;font-weight:600;line-height:1.3;display:flex;position:relative}.calendar-day:disabled{color:#b9b2c1;cursor:default;background:0 0;font-weight:400}.calendar-day:not(:disabled):hover{background:#e7def3}.calendar-day.selected,.calendar-day.selected:hover{color:#fff;background:#7b679e;border-color:#7b679e;box-shadow:0 3px 8px #75608c20}.calendar-day.full:not(.selected){color:#a33d3d;background:#fbeeee;border-color:#eec9c9}.calendar-day.full:not(.selected) .day-occ{color:#c04545}.calendar-day.closed:not(.selected){color:#9a93a6;background:#f4f2f7;border-style:dashed;border-color:#d5cfdd}.day-closed{color:#9a93a6;font-size:10px}.day-num{font-size:14px}.day-occ{color:#6d5a8c;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.calendar-day.selected .day-occ{color:#e4d9f5}.today-dot{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:calc(50% - 2px)}.calendar-footer{color:#867891;border-top:1px solid #ece5f3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-size:10px;display:flex}.calendar-legend{align-items:center;gap:6px;display:inline-flex}.calendar-legend i{background:#c2b2d8;border-radius:50%;width:7px;height:7px}.slots{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.slot{color:#2e6b41;background:#f2fbf4;border-color:#bfe3c9;border-radius:12px;font-size:12px}.slot:hover{border-color:#7cc493}.slot.full{color:#b04a4a;cursor:default;background:#fdeeee;border-color:#f0c6c6}.slot.on{color:#5e487b;background:#ebe2f6;border-color:#bca9d3}.customer-fields{margin-bottom:16px}.dashboard-sidebar,.dashboard-card,.metric-card,.management-content{box-shadow:none;border-radius:20px}.metric-icon,.dashboard-link-icon{color:#806b9c;background:#f1ebf7}.metric-value{color:#544263}.data-row{border-color:#ede8f2;border-radius:14px}.form-card{background:#fbf9fd;border-color:#eee8f4;border-radius:16px}.mobile-nav-link.active{background:#f1ebf8}@media (width<=1050px){.header-status{display:none}}@media (width<=900px){.booking-page{grid-template-columns:minmax(0,1fr)}.business-summary{position:static}}@media (width<=680px){.app-main{padding:24px 16px}.hero-copy{min-height:auto;padding:28px 24px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:13px}.hero-side{grid-template-columns:minmax(0,1fr)}.hero-stat-card{gap:14px;min-height:auto}.hero-actions{flex-direction:column;align-items:stretch}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.booking-card{border-radius:20px;padding:20px 16px}.booking-header h1{font-size:21px}.step{flex-direction:row;align-items:center;gap:5px;padding:8px 5px;font-size:9px}.step-number{width:21px;height:21px}.calendar{border-radius:16px;padding:12px 9px}.calendar-toolbar{padding-inline:3px}.calendar-toolbar h3{font-size:14px}.calendar-grid{gap:3px}.calendar-day{border-radius:10px;font-size:12px}.calendar-footer{font-size:9px}.customer-fields{gap:12px}.mobile-dashboard-nav{background:#f8f7fbf5}.credential-result dl>div{flex-wrap:wrap}}.overview-content{gap:14px;width:min(100%,940px);display:grid}.overview-metrics{grid-template-columns:repeat(2,minmax(150px,190px));gap:10px;display:grid}.overview-metric{border:1px solid var(--line);background:#fff;border-radius:16px;align-content:center;gap:3px;min-width:0;min-height:76px;padding:12px 15px;display:grid}.overview-metric span{color:var(--muted);font-size:11px;font-weight:600}.overview-metric strong{color:#544263;font-variant-numeric:tabular-nums;font-size:23px;line-height:1.2}.overview-business-card{min-width:0;padding:22px 24px}.biz-card{min-width:0;padding:0;overflow:hidden}.biz-hero{color:#fff;background:linear-gradient(120deg,#57477d,#7464a0 60%,#8f7cc0);align-items:center;gap:14px;padding:22px 22px 18px;display:flex}.biz-avatar{color:#57477d;background:#fff;border-radius:50%;flex:0 0 56px;place-items:center;width:56px;height:56px;font-size:26px;font-weight:700;display:grid;box-shadow:0 4px 14px #00000040}.biz-hero-text{flex:1;gap:2px;min-width:0;display:grid}.biz-hero-text .overline{color:#d9d0ef;font-size:9px}.biz-name{overflow-wrap:anywhere;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.25}.biz-loc{color:#e6def8;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.biz-hero .pill{flex-shrink:0}.biz-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.biz-tile-wide{grid-column:1/-1}.biz-tile{border:1px solid var(--line);background:var(--canvas);border-radius:14px;align-content:start;gap:3px;min-width:0;padding:11px 12px;display:grid}.biz-tile span{color:var(--muted);font-size:10px;font-weight:600}.biz-tile strong{overflow-wrap:anywhere;color:var(--ink);font-size:13px;line-height:1.45}.biz-no{letter-spacing:.08em;font-variant-numeric:tabular-nums}@media (width<=420px){.biz-hero{gap:12px;padding:18px 16px 15px}.biz-avatar{flex-basis:48px;width:48px;height:48px;font-size:22px}.biz-name{font-size:19px}.biz-tiles{grid-template-columns:1fr;padding:12px}}.duyuru-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.duyuru-main{gap:0;min-width:0;display:grid}.duyuru-side{min-width:0}.staff-identity{align-items:center;gap:10px;min-width:0;display:flex}.staff-avatar{color:#fff;background:linear-gradient(135deg,#7464a0,#8f7cc0);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:grid}.day-schedule{gap:14px;display:grid}.schedule-staff-card{min-width:0;padding:16px}.schedule-staff-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.schedule-staff-titles{flex:1;gap:1px;min-width:0;display:grid}.schedule-staff-titles strong{font-size:15px}.schedule-staff-titles span{color:var(--muted);font-size:11.5px}.confirm-new{text-align:center}.confirm-tiles{text-align:start;margin-top:14px}.ref-ticket{border:2px dashed var(--green);background:var(--green-soft);border-radius:16px;justify-items:center;gap:6px;margin-top:12px;padding:16px 14px;display:grid}.ref-code{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.ref-full{overflow-wrap:anywhere;font-size:10px}.legend-dot{vertical-align:baseline;border-radius:50%;width:9px;height:9px;margin:0 4px 0 10px;display:inline-block}.legend-dot.free{background:#4da56d;margin-left:0}.legend-dot.full{background:#cf5656}.edit-contact-card{gap:10px;min-width:0;margin-top:12px;display:grid}.edit-contact-card .button-row{gap:8px;display:grid}.announce-banner{border:1px solid #efcf9f;border-left:5px solid var(--amber);background:var(--amber-soft);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 15px;display:flex}.announce-mark{color:#fff;background:var(--amber);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:grid}.announce-banner>div{gap:3px;min-width:0;display:grid}.announce-banner .overline{color:#8a5f1c;font-size:11.5px}.announce-banner p{overflow-wrap:anywhere;color:#5f451a;margin:0;font-size:13.5px;line-height:1.55}.cred-ticket{min-width:0}.cred-pin-row{border:2px solid var(--green);background:#fff}.cred-title{margin-top:4px;font-size:17px;display:block}.credential-result{background:var(--green-soft);border-radius:16px;gap:8px;margin-top:14px;padding:16px 14px;display:grid}.credential-result .cred-row{margin-top:0;padding:10px 12px}.credential-result .cred-text strong{white-space:nowrap;font-size:20px}.cred-copy{flex-shrink:0}.cred-row{border:1px solid var(--line);background:var(--canvas);border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.cred-num{color:#fff;background:var(--green);border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.cred-text{flex:1;gap:2px;min-width:0;display:grid}.cred-text span{color:var(--muted);font-size:10px;font-weight:600}.cred-text strong{overflow-wrap:anywhere;font-size:17px}.cred-join{justify-content:center;margin:2px 0 -8px 26px;display:flex}.cred-join span{border:1px solid var(--line);width:24px;height:24px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}@media (width<=760px){.duyuru-grid{grid-template-columns:1fr}}.overview-card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.overview-card-heading>div{gap:3px;display:grid}.overview-card-heading .overline{color:#8b8098;font-size:9px}.overview-card-heading h2{color:var(--ink);letter-spacing:-.02em;margin:0;font:700 17px/1.4 Roboto,sans-serif}.overview-details{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.overview-detail{border-bottom:1px solid #eeeaf3;align-content:start;gap:4px;min-width:0;padding:11px 0;display:grid}.overview-detail span{color:var(--muted);font-size:10px;font-weight:600}.overview-detail strong{overflow-wrap:anywhere;color:var(--ink);font-size:13px;line-height:1.5}.overview-business-no strong{letter-spacing:.08em;font-variant-numeric:tabular-nums}.overview-actions{border-top:1px solid #eeeaf3;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:14px;display:flex}.selected-day-appointments{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-items:stretch;gap:10px;margin-top:14px;display:grid;overflow:visible}.selected-day-appointment{background:linear-gradient(145deg,#fff,#fcfaff);border:1px solid #ebe5f1;border-radius:14px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:76px;padding:10px;display:grid;box-shadow:0 3px 10px #54426308}.selected-day-time{color:#665182;font-variant-numeric:tabular-nums;letter-spacing:-.03em;background:#f6f2fa;border:1px solid #e9e1f1;border-radius:12px;place-items:center;min-height:48px;font:700 17px/1 Roboto,sans-serif;display:grid}.selected-day-customer{min-width:0}.selected-day-customer .appointment-name{overflow-wrap:anywhere;font-size:13px}.selected-day-customer .appointment-date{overflow-wrap:anywhere;margin-top:3px;font-size:10px;line-height:1.4}.selected-day-cancel{min-width:58px;min-height:36px;padding-inline:9px;font-size:11px}.appointment-filter-row{justify-content:flex-end;margin:12px 0 4px;display:flex}.appointment-filter{width:min(100%,260px);color:var(--muted);gap:4px;font-size:11px;font-weight:600;display:grid}.appointment-filter select{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #e7e1ed;border-radius:10px;padding:8px 11px;font:500 12px Roboto,sans-serif}.booking-setting-note{margin-top:-7px}.slot-mode-fieldset{margin-top:18px}.booking-settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;margin-top:14px;display:grid}.booking-settings-panel{align-content:start;gap:8px;min-width:0;display:grid}.booking-settings-panel>.form-card{width:100%;max-width:none}.service-settings-card{min-width:0;margin-top:0}.service-settings-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.plan-service-list{gap:8px;margin-top:14px;display:grid}.plan-service-row{background:#fff;border:1px solid #eae4f0;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.plan-service-row.is-inactive{opacity:.65}.plan-service-copy{gap:4px;min-width:0;display:grid}.plan-service-copy strong{color:var(--ink);font-size:14px}.plan-service-copy span{color:var(--muted);font-size:12px}.plan-service-edit{background:#fff;border:1px solid #eae4f0;border-radius:13px;gap:12px;margin-bottom:8px;padding:14px;display:grid}.service-config-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.service-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f182b6b;place-items:center;padding:20px;animation:.16s ease-out service-modal-fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.service-modal{overscroll-behavior:contain;background:#fff;border:1px solid #ece6f1;border-radius:20px;width:min(100%,520px);max-height:min(90dvh,680px);padding:22px;animation:.2s ease-out service-modal-rise-in;overflow-y:auto;box-shadow:0 24px 72px #1f182b3d}.service-modal-heading{border-bottom:1px solid #f0ecf3;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:17px;display:flex}.service-modal-heading>div{gap:4px;display:grid}.service-modal-heading .overline{color:#8b8098;letter-spacing:.08em;font-size:9px}.service-modal-heading h3{color:var(--ink);letter-spacing:-.02em;margin:0;font:700 19px/1.35 Roboto,sans-serif}.service-modal-heading p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.5}.service-modal-close{color:#756687;cursor:pointer;background:#faf8fc;border:1px solid #eee8f3;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0 0 3px;font:400 25px/1 Roboto,sans-serif;display:grid}.service-modal-close:hover:not(:disabled){color:#594778;background:#f4eff8;border-color:#d8cce5}.service-modal-close:disabled{opacity:.55;cursor:not-allowed}.service-modal-form{gap:14px;padding-top:18px;display:grid}.service-modal-form .microcopy{margin:-2px 0 0;line-height:1.5}.service-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;padding-top:5px;display:flex}@keyframes service-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes service-modal-rise-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.assignment-fieldset{border:0;min-width:0;margin:18px 0;padding:0}.assignment-fieldset legend{color:#3e4c45;margin-bottom:8px;font-size:13px;font-weight:600}.assignment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.assignment-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e9e4ef;border-radius:13px;align-content:start;gap:7px;min-width:0;min-height:106px;padding:14px;display:grid}.assignment-option strong{color:var(--ink);font-size:13px}.assignment-option span{color:var(--muted);font-size:11px;line-height:1.55}.assignment-option.selected{background:#f7f3fb;border-color:#b9a8d1;box-shadow:inset 0 0 0 1px #b9a8d1}.auto-assignment-note{background:#faf8fc;border:1px solid #e8e1f0;border-radius:13px;align-items:flex-start;gap:11px;padding:13px 14px;display:flex}.auto-assignment-mark{color:#6c588a;background:#eee7f6;border-radius:9px;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.auto-assignment-note strong{color:#514168;font-size:12px}.auto-assignment-note p{color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.5}.working-hours-form{max-width:920px;margin-top:14px}.working-hours-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.working-hours-heading h3{color:var(--ink);margin:0;font-size:16px}.working-hours-heading p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.55}.working-hours-zone{color:#756687;background:#fff;border:1px solid #eee8f4;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:600}.working-hours-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.working-day-card{background:#fff;border:1px solid #eeeaf2;border-radius:12px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;padding:11px 12px;transition:background .16s,border-color .16s;display:grid}.working-day-card.is-closed{background:#fbfafc;border-color:#f0edf3}.working-day-header{justify-content:space-between;align-items:center;gap:10px;min-height:25px;display:flex}.working-day-header h4{color:#514463;margin:0;font-size:12px;font-weight:700}.working-day-toggle,.working-break-toggle{color:#82788b;cursor:pointer;align-items:center;gap:7px;width:fit-content;font-size:10px;font-weight:600;display:inline-flex;position:relative}.working-day-toggle input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.working-day-switch{background:#efedf1;border:1px solid #e5e0e9;border-radius:999px;flex:0 0 29px;width:29px;height:17px;transition:background .16s,border-color .16s;position:relative}.working-day-switch:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #34283b24}.working-day-toggle input:checked+.working-day-switch{background:#9b88b8;border-color:#a897c0}.working-day-toggle input:checked+.working-day-switch:after{transform:translate(12px)}.working-day-toggle input:focus-visible+.working-day-switch{outline-offset:2px;outline:2px solid #a897c0}.working-day-toggle.is-open{color:#6c5b82}.working-day-fields{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;min-width:0;display:grid}.working-day-fields>.working-time-field{grid-column:span 3}.working-time-field{color:#93899b;gap:4px;min-width:0;font-size:9px;font-weight:600;display:grid}.working-time-field input{width:100%;min-width:0;min-height:38px;color:var(--ink);font-variant-numeric:tabular-nums;background:#fcfbfd;border:1px solid #ece7f0;border-radius:9px;padding:6px 9px;font:600 13px Roboto,sans-serif}.working-time-field input:focus{border-color:#b9a9cb;outline:2px solid #b9a9cb33}.working-break-toggle{background:#fbfafc;border:1px solid #f0ecf3;border-radius:9px;grid-column:span 2;align-self:end;min-width:0;min-height:38px;padding:0 7px}.working-break-toggle input{accent-color:#8873a5;width:15px;height:15px;margin:0}.working-day-break-fields{grid-column:span 4;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.working-day-break-fields.is-hidden{visibility:hidden;pointer-events:none}.working-day-break-fields input:disabled{opacity:0}.working-day-closed-note{color:#948b9a;background:#f4f2f6;border-radius:9px;justify-self:start;margin:0;padding:8px 10px;font-size:10px}.working-hours-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.working-hours-actions .microcopy{margin:0}@media (width<=900px){.booking-settings-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=680px){.working-hours-form{padding:15px}.service-settings-actions{justify-content:space-between}.plan-service-row{flex-direction:column;align-items:flex-start}.plan-service-row .button-row{width:100%}.working-hours-heading{gap:8px;display:grid}.working-hours-grid{grid-template-columns:minmax(0,1fr);gap:6px}.working-day-card{grid-template-columns:minmax(0,1fr);gap:7px;padding:9px 10px}.working-day-header{gap:8px}.working-day-header h4{font-size:11px}.working-day-fields{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px 6px}.working-time-field input{min-height:40px;padding:6px 7px;font-size:12px}.working-break-toggle{grid-column:span 2;gap:5px;min-height:40px;padding-inline:5px;font-size:9px}.working-day-break-fields{grid-column:span 4;gap:5px}.working-day-break-fields .working-time-field{font-size:8px}.working-hours-actions{flex-direction:column;align-items:stretch}.working-hours-actions .button{width:100%}.staff-data-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.staff-row-trailing{justify-content:space-between}.staff-row-actions{justify-content:flex-start}}@media (width<=480px){.service-modal-backdrop{padding:12px}.service-modal{border-radius:18px;max-height:92dvh;padding:18px}.service-modal-actions{grid-template-columns:1fr 1fr;display:grid}.service-modal-actions .button{width:100%;min-height:44px}}@media (width<=680px){.overview-content{gap:11px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-metric{min-height:68px;padding:10px 12px}.overview-metric strong{font-size:21px}.overview-business-card{padding:16px}.overview-details{column-gap:16px}.overview-detail{padding:10px 0}.overview-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.overview-actions .button{white-space:normal;min-height:44px;padding-inline:8px;line-height:1.35}.selected-day-appointments{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px}.selected-day-appointment{grid-template-columns:52px minmax(0,1fr) auto;gap:7px;min-height:68px;padding:8px}.selected-day-time{border-radius:11px;min-height:44px;font-size:16px}.selected-day-customer .appointment-name{font-size:12px}.selected-day-customer .appointment-date{font-size:10px}.selected-day-cancel{min-width:54px;min-height:40px;padding-inline:8px}.appointment-filter-row{justify-content:stretch}.appointment-filter{width:100%}.assignment-options{grid-template-columns:1fr}.assignment-option{min-height:0}}@media (width<=380px){.overview-details,.overview-actions{grid-template-columns:1fr}.selected-day-appointments{grid-template-columns:minmax(0,1fr)}.selected-day-appointment{grid-template-columns:50px minmax(0,1fr) auto;gap:6px}.selected-day-time{min-height:42px;font-size:15px}}
