@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.calendar-settings-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:32;border:0;border-radius:0;background:#17121a0b;cursor:default}.calendar-main .calendar-grid{min-height:0}.calendar-settings-dismiss:hover{background:#17121a0b}.calendar-settings-drawer{position:fixed;right:0;top:0;bottom:0;z-index:33;width:520px;max-width:calc(100vw - 74px);background:#fff;box-shadow:-8px 0 30px #0000000a;display:flex;flex-direction:column;outline:0;border-left:1px solid #e7e7e9}.calendar-settings-drawer>header{padding:32px 35px 36px;flex-shrink:0}.calendar-settings-drawer h2{font-size:30px;font-weight:650;letter-spacing:-.8px;line-height:36px;margin:0}.calendar-settings-close{position:absolute;left:-67px;top:8px}.calendar-settings-close .icon-button{width:52px;height:52px;box-shadow:0 2px 10px #0000000a;background:#fff}.calendar-settings-close svg{width:24px;height:24px}.calendar-settings-body{padding:4px 35px 35px;overflow-y:auto;flex:1}.calendar-zoom-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px;min-height:22px;font-size:18px}.calendar-zoom-label label{font-weight:550}.calendar-zoom-label output{font-size:16px;white-space:nowrap}#calendar-zoom{display:block;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0 0 34px;padding:0;border:0;border-radius:0;box-shadow:none;cursor:pointer;background:linear-gradient(to right,#7355ff var(--zoom-progress),#eeeeef var(--zoom-progress));background-size:100% 4px;background-position:center;background-repeat:no-repeat}#calendar-zoom::-webkit-slider-runnable-track{height:4px;background:transparent;border:0;border-radius:2px}#calendar-zoom::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;background:#7355ff;border:0;border-radius:50%;margin-top:-5px}#calendar-zoom::-moz-range-track{height:4px;background:transparent;border:0}#calendar-zoom::-moz-range-thumb{width:14px;height:14px;background:#7355ff;border:0;border-radius:50%}#calendar-zoom:focus-visible{outline:2px solid #b4a1ff;outline-offset:3px;border-radius:4px}.calendar-preference-row{border-top:1px solid #e2e2e5;padding-top:35px;display:flex;align-items:flex-start;gap:20px}.calendar-preference-row>div{flex:1;min-width:0}.calendar-preference-row label{display:block;font-size:16px;line-height:22px;font-weight:450;margin:3px 0 0}.calendar-preference-row p{font-size:14px;color:#858189;line-height:17px;margin:1px 0 0}.calendar-switch{width:54px;min-width:54px;height:28px;padding:0;border:0;background:#dbdbe0;border-radius:20px;position:relative;display:block}.calendar-switch:hover{background:#d0d0d7}.calendar-switch[aria-checked=true],.calendar-switch[aria-checked=true]:hover{background:#7355ff}.calendar-switch>span{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000008;transition:transform .15s}.calendar-switch[aria-checked=true]>span{transform:translate(26px)}.calendar-settings-drawer>footer{padding:18px 35px 9px;border-top:1px solid #e4e4e6;flex-shrink:0}.calendar-settings-drawer>footer button{width:100%;height:52px;font-size:18px;font-weight:550;border-radius:28px}.quick-slot-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;opacity:0;cursor:default}.quick-slot-menu{position:fixed;z-index:26;width:240px;padding:7px;background:#fff;border:1px solid #e6e3ea;box-shadow:0 6px 28px #0002;border-radius:12px}.quick-slot-menu>div{padding:9px 10px 12px;font-size:12px;color:#8b8196;border-bottom:1px solid #edeaf2;margin-bottom:4px}.quick-slot-menu>button{width:100%;justify-content:flex-start;border:0;border-radius:7px;padding:12px 10px}.quick-slot-menu>button>svg{color:#726879}.appointment.compact-appointment{padding:2px 4px;gap:0}.compact-appointment .appointment-time{font-size:9px;line-height:11px}.compact-appointment>strong{font-size:10px;line-height:12px}.compact-appointment .appointment-services,.compact-appointment .appointment-status{display:none}@media(max-width:760px){.calendar-settings-drawer{max-width:calc(100vw - 48px)}.calendar-settings-drawer>header{padding:29px 22px 30px}.calendar-settings-drawer h2{font-size:25px;line-height:31px}.calendar-settings-body{padding:4px 22px 26px}.calendar-settings-close{left:-43px;top:8px}.calendar-settings-close .icon-button{width:36px;height:40px}.calendar-settings-close svg{width:21px;height:21px}.calendar-settings-drawer>footer{padding:16px 22px}.calendar-settings-drawer>footer button{font-size:16px}.calendar-zoom-label{font-size:16px}.calendar-zoom-label output{font-size:13px}.calendar-preference-row{gap:12px}.calendar-preference-row label{font-size:14px}.calendar-preference-row p{font-size:12px;line-height:16px}.calendar-switch{width:46px;min-width:46px;height:26px}.calendar-switch>span{height:20px;width:20px}.calendar-switch[aria-checked=true]>span{transform:translate(20px)}}@media(prefers-reduced-motion:reduce){.calendar-switch>span{transition:none}}:root{font-family:DM Sans Variable,Segoe UI,sans-serif;color:#181818;background:#fff;font-synthesis:none;--purple:#6c4bea;--border:#e6e6e8;--muted:#77777c;--mint:#dff3e6;--lavender:#eae3fb;--peach:#fbe5d8;--blue:#dcecfb}*{box-sizing:border-box}body{margin:0;min-width:360px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#fff;color:inherit;border:1px solid #dcdcdf;border-radius:24px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}button:hover,a.button:hover{background:#f5f4f7}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #b4a1ff;outline-offset:2px}input,select,textarea{color:inherit;background:#fff;border:1px solid #d6d6da;border-radius:9px;padding:12px 13px;max-width:100%;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 2px #6c4bea1a}input:disabled,textarea:disabled{background:#f7f7f8}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin-bottom:12px}h2{font-size:27px;letter-spacing:-.7px;line-height:1.2;margin-bottom:0}h3{font-size:17px;font-weight:650;letter-spacing:-.25px}p{line-height:1.5}small{color:var(--muted)}.primary{background:#141414!important;color:#fff!important;border-color:#141414!important}.primary:hover{background:#343434!important}.primary:disabled{background:#7a7a7a!important}.icon-button{width:38px;height:38px;padding:0;flex-shrink:0}.text-button{border:0;background:transparent!important;color:#6144ca;padding:10px 0;justify-content:flex-start}.small-button{padding:6px 14px;font-size:12px}.full-width{width:100%}.muted{color:var(--muted);font-size:14px}.count{background:#f1eff6;color:#6f638a;border-radius:20px;padding:2px 7px;font-size:12px;margin-left:8px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8d839d;margin-bottom:13px}.loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--purple)}.topbar{height:64px;display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 24px 0 17px;gap:34px;background:#fff;position:relative;z-index:5}.brand{font-size:30px;font-weight:750;letter-spacing:-1.5px;padding:0;border:0;gap:9px;border-radius:0;background:transparent!important}.brand span{font-size:11px;font-weight:500;letter-spacing:.1px;border-left:1px solid #d1d1d1;padding-left:10px;color:#6d6d73}.salon-title{font-size:13px;color:#85858b;border-left:1px solid var(--border);padding-left:25px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:20px}.avatar,.staff-avatar{border:1px solid #ded7ee;border-radius:50%;background:#f4f0fe;font-size:12px;font-weight:650;color:#735b98}.avatar{height:38px;width:38px;padding:0}.demo-badge{font-size:11px;letter-spacing:.3px;color:#855a23;background:#faf1df;border:1px solid #f0dfbc;padding:5px 10px;border-radius:5px}.private-pill{display:flex;align-items:center;gap:6px;font-size:11px;color:#6f6b75}.sidebar{width:72px;position:fixed;left:0;top:64px;bottom:0;background:#141414;display:flex;align-items:center;flex-direction:column;padding:20px 6px;gap:13px;z-index:6}.sidebar button{width:50px;min-height:48px;border:0;background:none;color:#d9d9de;border-radius:10px;padding:9px 0;flex-direction:column;gap:4px}.sidebar button span{font-size:9px;line-height:10px;color:#aaa6b2}.sidebar button:hover{background:#2a272f}.sidebar .active{background:var(--purple);color:#fff}.sidebar .active span{color:#fff}.sidebar .logout{margin-top:auto}.main-content{margin-left:72px;min-height:calc(100vh - 64px);background:#fbfafc}.calendar-main{height:calc(100vh - 64px);display:flex;flex-direction:column;background:#fff;overflow:hidden}.calendar-toolbar{height:70px;min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px;background:#fafafa;border-bottom:1px solid var(--border)}.toolbar-group{display:flex;align-items:center;gap:8px}.date-control{display:flex;align-items:center;border:1px solid #dcdcdf;border-radius:24px;background:#fff}.date-control .icon-button{border:0;width:34px;height:35px;background:transparent}.date-label{font-size:14px;position:relative;min-width:180px;text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:8px 13px;cursor:pointer}.date-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.date-label input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.stylist-filter{display:flex;align-items:center;gap:18px;font-size:13px;border:1px solid var(--border);border-radius:24px;background:#fff;padding:10px 15px;margin-left:5px}.stylist-filter svg{color:#86828d}.pill-select{border-radius:24px;padding:8px 15px;min-width:92px}.pill{min-width:87px}.add-menu-wrap{position:relative}.menu{position:absolute;right:0;top:45px;width:205px;background:#fff;box-shadow:0 8px 35px #0002;border:1px solid var(--border);padding:8px;border-radius:10px;z-index:22}.menu button{width:100%;justify-content:flex-start;border:0;border-radius:6px;padding:12px}.menu svg{width:19px;height:19px}.menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:20;cursor:default}.calendar-day-header{display:grid;grid-template-columns:112px repeat(var(--days),minmax(0,1fr));height:70px;min-height:70px;border-bottom:1px solid var(--border);padding-right:8px}.staff-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#69646f;border-right:1px solid var(--border)}.staff-avatar{display:flex;align-items:center;justify-content:center;height:30px;width:30px}.day-heading{border:0;background:#fff;border-radius:0;font-size:13px;gap:8px;padding:10px 3px;min-width:0}.day-heading>span:first-child{display:flex;align-items:center;justify-content:center;width:31px;height:34px;font-size:16px;font-weight:550;flex-shrink:0}.day-heading.today{color:var(--purple)}.day-heading.today>span:first-child{border-radius:50%;background:var(--purple);color:#fff}.calendar-scroll{overflow-y:scroll;flex:1;min-height:0;scrollbar-width:thin}.calendar-grid{position:relative;display:grid;grid-template-columns:112px repeat(var(--days),minmax(0,1fr));min-height:500px}.time-axis{position:relative;background:#fcfcfd;border-right:1px solid var(--border)}.time-label{position:absolute;right:15px;display:flex;flex-direction:column;font-size:12px;line-height:13px;text-align:right;transform:translateY(-8px);background:#fcfcfd;padding:2px 0}.time-label b{font-weight:550}.time-label span{font-size:10px;color:#777}.time-label:first-child{transform:translateY(3px)}.day-column{position:relative;border-right:1px solid var(--border);cursor:pointer;background:#fff}.time-slot{position:absolute;width:100%;height:24px;left:0;border:0;border-bottom:1px solid #f1f1f3;border-radius:0;padding:0;background:none;z-index:0}.time-slot:nth-child(4n){border-bottom-color:#dedee3}.time-slot:hover{background:#f4f0ff}.appointment{position:absolute;left:2px;width:calc(100% - 4px);z-index:2;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:2px;border:0;border-left:3px solid #8cc9a1;border-radius:4px;text-align:left;padding:6px 7px;overflow:hidden;font-size:12px;line-height:1.3;white-space:normal;min-width:0;cursor:grab;box-shadow:0 1px 1px #00000008}.appointment:hover{filter:brightness(.97);box-shadow:0 2px 6px #0002;z-index:3}.appointment strong{font-size:12px;font-weight:650}.appointment-time{display:flex;justify-content:space-between;width:100%;font-size:10px;white-space:nowrap;flex-shrink:0}.appointment-services{font-size:11px;line-height:1.3}.appointment-status{font-size:10px;color:#6e627d;margin-top:4px}.appointment.mint{background:var(--mint);border-color:#a4d6b6}.appointment.lavender{background:var(--lavender);border-color:#bca0e7}.appointment.peach{background:var(--peach);border-color:#ebbba0}.appointment.blue{background:var(--blue);border-color:#9cbfdf}.appointment.blocked{background:#ececf0;border-color:#c9c8d2;color:#78737f;cursor:pointer}.appointment.completed{background:#e6e8eb!important;border-color:#bdc3cb!important}.appointment.no_show{opacity:.6;text-decoration:line-through}.now-line{position:absolute;height:2px;background:#d84d70;width:100%;left:0;z-index:4;pointer-events:none}.calendar-footer{min-height:31px;height:31px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;color:#8a8790;background:#fff}.calendar-footer>span:first-child{display:flex;align-items:center;gap:7px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px;margin-right:5px;background:#bbb;flex-shrink:0}.legend-dot.mint{background:#9bc8ad}.legend-dot.lavender{background:#b29cda}.legend-dot.peach{background:#e7b598}.legend-dot.blue{background:#99b5dd}.page{padding:36px 42px 60px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.page-title p:not(.eyebrow){font-size:14px;color:#89848f;margin-bottom:0}.search-input{display:flex;align-items:center;border:1px solid #d5d3da;border-radius:9px;padding:0 14px;gap:10px;min-height:46px;background:#fff;max-width:100%}.search-input svg{color:#79737f;flex-shrink:0}.search-input input{border:0;background:transparent;width:100%;padding:13px 0;box-shadow:none!important;font-size:14px}.search-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 2px #6c4bea12}.page>.search-input{max-width:430px;margin-bottom:24px}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto;background:#fff}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#fcfbfd;font-weight:500;color:#8a8491;font-size:11px;padding:15px 21px;border-bottom:1px solid var(--border)}td{padding:17px 21px;border-bottom:1px solid #efedf1;vertical-align:middle}tr:last-child td{border:0}td strong{font-weight:550}.clickable{cursor:pointer}.clickable:hover{background:#fbf8ff}.table-avatar{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;background:#eee8f9;color:#8c75b1;border-radius:50%;margin-right:13px;font-size:13px}.status-tag{font-size:11px;background:#f1eff5;color:#81768c;border-radius:6px;padding:5px 8px;text-transform:capitalize;display:inline-block;white-space:nowrap}.status-tag.low{background:#fff1dd;color:#a06c2c}.stats-row{display:flex;gap:16px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:23px;flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.stat>span{font-size:12px;color:#8b8393}.stat>strong{font-size:28px;font-weight:600;letter-spacing:-.8px}.stat>small{font-size:10px;color:#9a939f}.empty{text-align:center;color:#938a9e;padding:40px 20px}.empty svg{margin-bottom:16px}.empty h3{color:#534c5c;margin-bottom:8px}.empty p{font-size:13px;margin-bottom:0}.client-profile,.settings-card,.report-panel{padding:26px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:22px}.client-profile-head{display:flex;align-items:center;gap:20px;margin-bottom:25px}.client-profile-head p{font-size:13px;color:#8d8595;margin:8px 0 0}.client-profile-head>button{margin-left:auto}.note-box{padding:18px;border-radius:8px;background:#faf8fc;color:#82768f;font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h3{margin:0}.settings-card{max-width:1000px}.settings-card h3{margin-top:8px}.settings-card>h3:not(:first-child){border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.settings-card>.form-grid{max-width:650px}.settings-card .table-wrap{border:0}.settings-card td,.settings-card th{padding-left:5px}.report-filters{display:flex;align-items:center;gap:9px;margin-bottom:25px;flex-wrap:wrap}.report-filters>label{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b8195}.report-filters input{font-size:12px;padding:8px}.report-filters>label:first-of-type{margin-left:auto}.report-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-panel h3{margin-bottom:24px}.report-panel p{font-size:13px}.payment-report{margin-bottom:20px}.payment-report>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.payment-report strong{font-weight:500}.bar-track{height:7px;background:#f1eef7;border-radius:4px;overflow:hidden}.bar-track>div{height:100%;background:#8569da;border-radius:4px}.report-breakdown{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:18px;font-size:12px;color:#8c8297}.report-breakdown b{font-weight:500;margin-left:12px;color:#463c51}.summary-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:12px 0;border-bottom:1px solid #f1eef4;gap:10px}.summary-line>span{text-transform:capitalize}.summary-line small{display:block;font-size:11px;margin-top:3px}.summary-line strong{font-weight:550}.section-title{margin:12px 0 20px}.drawer-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;border-radius:0;background:#17121a0b;cursor:default}.drawer-dismiss:hover{background:#17121a0b}.booking-drawer{position:fixed;right:0;top:0;bottom:0;width:640px;z-index:31;background:#fff;box-shadow:-10px 0 28px #0000000d;display:grid;grid-template-columns:160px 1fr}.drawer-tools{position:absolute;top:12px;left:-59px}.drawer-tools .icon-button{width:46px;height:46px;background:#fff;box-shadow:0 4px 15px #0001}.booking-client{border-right:1px solid var(--border);padding:32px 16px;text-align:center;background:#fff;display:flex;align-items:center;flex-direction:column}.add-client-tile{flex-direction:column;border:0;padding:0;border-radius:0;white-space:normal;gap:10px;width:100%;background:transparent!important}.client-initial{display:flex;align-items:center;justify-content:center;background:#f2edff;color:#9678e7;height:48px;width:48px;border-radius:50%;font-size:20px;margin:0 auto 4px}.add-client-tile strong{font-size:14px;font-weight:650}.add-client-tile>span:last-child{font-size:12px;color:#8a8790;line-height:1.4}.booking-client .text-button{font-size:11px;margin-top:20px}.paid-note{display:flex;gap:7px;align-items:center;margin-top:25px;font-size:12px;color:#4c916b}.booking-content{display:flex;flex-direction:column;min-height:0;min-width:0}.drawer-header{padding:32px 30px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-shrink:0}.drawer-subtitle{display:block;margin-top:7px;color:#9b949f;font-size:12px}.drawer-header .status-tag{margin-top:6px}.drawer-body{padding:0 30px 28px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin}.service-category{margin-top:31px}.service-category h3{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:17px}.service-category h3>span{font-size:11px;color:#8b8691;background:#f3f2f5;padding:2px 6px;border-radius:7px;font-weight:500}.service-choice{display:flex;justify-content:space-between;text-align:left;border:0;border-radius:0;border-left:4px solid #afe0be;padding:9px 0 9px 16px;width:100%;margin:0 0 20px;align-items:flex-start;gap:12px;white-space:normal;background:#fff}.service-choice:hover{background:#faf8fd}.service-choice.lavender{border-color:#cfbbed}.service-choice.peach{border-color:#efc7af}.service-choice.blue{border-color:#b0cbe9}.service-choice strong{font-weight:500;font-size:15px;display:block}.service-choice small{display:block;font-size:13px;margin-top:5px}.service-choice>span:last-child{font-size:15px}.booking-summary .form-grid{margin-bottom:16px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#4d4655;margin-bottom:19px}.field>span{font-size:12px;font-weight:500}.field input,.field select,.field textarea{width:100%;min-width:0}.field small{font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .field{margin:0}.booking-summary>h3{margin-top:28px;margin-bottom:20px}.selected-service{border-left:4px solid #afe0be;padding:10px 0 12px 14px;margin-bottom:15px}.selected-service.lavender{border-color:#cfbbed}.selected-service.peach{border-color:#efc7af}.selected-service.blue{border-color:#b0cbe9}.service-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:7px}.service-line strong{font-weight:500}.selected-service>small{font-size:11px}.service-edit-fields{display:flex;align-items:flex-end;gap:12px;padding-top:12px;opacity:.8}.service-edit-fields label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#9a91a3}.service-edit-fields input{width:90px;padding:6px 8px;font-size:12px;border-radius:6px}.service-edit-fields .icon-button{width:28px;height:30px;border:0;margin-left:auto;color:#9b91a5}.add-service{margin-bottom:25px}.booking-footer{border-top:1px solid var(--border);padding:20px 30px 24px;flex-shrink:0;box-shadow:0 -6px 16px #00000003}.booking-total{display:flex;justify-content:space-between;font-size:17px;margin-bottom:20px}.booking-total strong{font-weight:650}.booking-total small{display:block;font-size:10px;margin-top:5px}.footer-actions{display:flex;gap:14px}.footer-actions button{flex:1;height:48px}.paid-confirmation{display:flex;align-items:center;gap:10px;color:#4d8963;font-size:12px;margin:0}.client-choice{display:flex;align-items:center;justify-content:flex-start;width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:15px 0;text-align:left}.client-choice .table-avatar{flex-shrink:0;margin-right:3px}.client-choice>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.client-choice>svg{margin-left:auto}.client-choice strong{font-size:13px;font-weight:500}.client-choice small{font-size:11px}.entity-form .primary{margin-top:10px}.entity-form .form-grid{margin-bottom:20px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#19121f55;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{width:480px;max-width:100%;max-height:95vh;background:#fff;border-radius:16px;box-shadow:0 20px 80px #0002;overflow:auto;outline:0}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid var(--border)}.modal h2{font-size:22px}.modal-body{padding:25px}.modal-body p{font-size:14px;color:#7b7185;margin-bottom:0}.modal>footer{padding:0 25px 25px;display:flex;justify-content:flex-end;gap:12px}.checkout-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#201b2355;z-index:40;padding:25px;display:flex;align-items:center;justify-content:center}.checkout{background:#fff;border-radius:14px;width:1060px;max-width:100%;height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 60px #0002}.checkout>header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--border);gap:15px}.checkout>header h2{font-size:23px}.checkout>header>span{font-size:13px;color:#8c8196}.checkout-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:0;flex:1}.checkout-items{padding:30px;overflow-y:auto}.checkout-payment{border-left:1px solid var(--border);background:#fdfcfe;padding:30px;overflow-y:auto}.checkout h3{font-size:17px}.checkout-line{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid var(--border);font-size:13px}.checkout-line>svg{color:#8c7d9b;flex-shrink:0}.checkout-line>span{display:flex;flex-direction:column;gap:5px;flex:1}.checkout-line strong{font-size:13px;font-weight:500}.checkout-line b{font-size:13px;font-weight:500;white-space:nowrap}.checkout-line small{font-size:11px}.checkout-line input{width:55px;padding:6px 4px;text-align:center}.checkout-line .icon-button{width:25px;height:25px;border:0}.product-picker{margin-top:35px}.product-picker>.search-input{margin-bottom:15px}.product-choice{display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #eee9f2;border-radius:0;padding:16px 0;width:100%;text-align:left;gap:12px}.product-choice>span:first-child{flex:1}.product-choice strong{font-size:13px;font-weight:500;display:block}.product-choice small{font-size:11px;margin-top:5px;display:block}.product-choice>span:nth-child(2){font-size:13px}.product-choice>svg{color:#8e7ca1}.notice{padding:13px 14px;display:flex;gap:12px;background:#f2eefb;border:1px solid #e9e1f6;border-radius:9px;color:#806b9b;margin-bottom:22px}.notice svg{flex-shrink:0;margin-top:2px}.notice p{font-size:11px;line-height:1.5;margin:0}.payment-choices{display:flex;gap:12px;margin:18px 0}.payment-choices button{flex:1;border-radius:10px;display:flex;flex-direction:column;padding:18px;gap:8px}.payment-choices strong{font-size:12px;font-weight:500}.payment-choices .selected{border:1.5px solid #8d6dd4;background:#f7f2ff;color:#7d58bf}.check-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#8f829b;margin:20px 0}.check-label input{accent-color:var(--purple);width:16px;height:16px}.checkout-payment>.form-grid{margin:22px 0}.total-lines{margin:25px 0 20px;font-size:13px}.total-lines>div{display:flex;justify-content:space-between;margin:12px 0;color:#82748f}.total-lines .total-due{border-top:1px solid var(--border);padding-top:18px;margin-top:18px;font-size:20px;color:#261c31}.total-due strong{font-weight:650}.tax-note{font-size:10px;color:#a58b64;background:#fff8ec;padding:10px;border-radius:6px;line-height:1.4}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#212026;color:#fff;box-shadow:0 4px 20px #0002;border-radius:11px;padding:15px 18px;z-index:100;font-size:13px;max-width:90vw}.toast>svg{color:#a3dbb7;flex-shrink:0}.toast.error>svg{color:#f8c496}.toast>button{border:0;background:transparent;color:#ccc;padding:2px;margin-left:12px}.login-screen{min-height:100vh;background:#f7f4fa;display:flex;align-items:center;justify-content:center;padding:30px}.login-card{background:#fff;border:1px solid #e8e0f0;box-shadow:0 20px 80px #3b174708;border-radius:18px;padding:45px;width:440px}.login-card .brand{margin-bottom:46px}.login-card h1{font-size:31px;line-height:1.2;letter-spacing:-1px;margin-bottom:14px}.login-card>p{font-size:13px;color:#93839f;margin-bottom:32px}.login-card form>.primary{width:100%;justify-content:space-between;padding:14px 20px;margin-top:8px}.login-card>small{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;margin-top:26px;color:#a496ad}.form-error{font-size:12px;color:#b85b47;background:#fff4ef;padding:10px;border-radius:7px}.service-category h3{font-size:19px}.service-choice{min-height:70px}.service-choice strong,.service-choice>span:last-child{font-size:16px}.service-choice small{font-size:14px}@media(min-width:1600px){.appointment strong{font-size:14px}.appointment-time{font-size:11px}.appointment-services{font-size:12px}.day-heading{font-size:14px}}@media(max-width:1100px){.salon-title{display:none}.page{padding:28px}.stylist-filter{display:none}.day-heading{flex-direction:column;gap:1px;font-size:11px}.calendar-grid,.calendar-day-header{grid-template-columns:75px repeat(var(--days),minmax(0,1fr))}.appointment{padding:5px;font-size:10px}.appointment-time{font-size:9px}.appointment strong{font-size:11px}.appointment-services{font-size:10px}.stat{padding:18px}.stat>strong{font-size:23px}}@media(max-width:760px){.topbar{padding:0 15px;gap:10px}.brand{font-size:25px}.brand span{font-size:10px}.topbar-right{gap:10px}.private-pill{display:none}.sidebar{width:58px;padding:14px 4px}.sidebar button{width:44px}.sidebar button span{font-size:8px}.main-content{margin-left:58px}.calendar-toolbar{padding:10px;min-height:112px;height:112px;flex-wrap:wrap;gap:6px}.calendar-toolbar>.toolbar-group{width:100%;justify-content:space-between}.date-label{min-width:158px;font-size:12px}.calendar-toolbar>.toolbar-group:first-child{gap:5px}.calendar-toolbar button{font-size:12px;padding:8px 13px}.calendar-toolbar .icon-button{padding:0;width:30px;height:30px}.calendar-day-header{height:64px;min-height:64px}.calendar-grid,.calendar-day-header{grid-template-columns:51px repeat(var(--days),minmax(0,1fr))}.day-heading{font-size:8px;padding:7px 0;overflow:hidden}.day-heading>span:first-child{font-size:12px;width:25px;height:27px}.day-heading>span:last-child{max-width:100%;text-overflow:clip;overflow:hidden}.staff-heading{font-size:8px}.staff-avatar{height:24px;width:24px;font-size:9px}.time-label{right:5px;font-size:9px}.time-label span{font-size:8px}.appointment{left:1px;width:calc(100% - 2px);padding:4px 2px;border-left-width:2px}.appointment-time{font-size:7px;max-width:100%;overflow:hidden}.appointment strong{font-size:9px;overflow-wrap:anywhere}.appointment-services,.appointment-status{display:none}.calendar-footer{padding:0 7px;font-size:8px}.calendar-footer>span:last-child{display:none}.legend-dot{margin-left:3px;margin-right:2px}.page{padding:25px 18px}.page-title{align-items:flex-start;flex-direction:column;gap:20px}h1{font-size:28px}.stats-row{flex-wrap:wrap;gap:10px}.stat{min-width:40%;padding:15px}.stat>strong{font-size:23px}.report-panels{grid-template-columns:1fr;gap:0}.report-filters>label:first-of-type{margin-left:0}.report-filters>label{width:100%;justify-content:space-between}.booking-drawer{width:calc(100% - 30px);grid-template-columns:100px 1fr;max-width:640px}.booking-client{padding:26px 8px}.add-client-tile strong{font-size:11px}.add-client-tile>span:last-child{font-size:10px}.drawer-header{padding:26px 17px 20px}.drawer-header h2{font-size:23px}.drawer-body{padding:0 17px 24px}.drawer-tools{left:-29px;top:10px}.drawer-tools .icon-button{width:27px;height:33px;border-radius:6px}.drawer-tools svg{width:16px}.service-category h3{font-size:15px}.service-choice{padding-left:10px;gap:6px}.service-choice strong,.service-choice>span:last-child{font-size:12px}.service-choice small{font-size:11px}.booking-summary .form-grid{grid-template-columns:1fr;gap:14px}.booking-footer{padding:15px 17px}.footer-actions{gap:8px}.footer-actions button{padding:10px;font-size:12px}.service-edit-fields input{width:65px}.service-line{font-size:13px}.selected-service>small{font-size:10px}.booking-total{font-size:15px}.field{font-size:12px}.field input,.field select,.field textarea{font-size:12px;padding:10px}.checkout-scrim{padding:10px}.checkout{height:96vh}.checkout>header{padding:14px 16px;flex-wrap:wrap}.checkout>header h2{font-size:19px}.checkout>header>span{display:none}.checkout-layout{display:block;overflow-y:auto}.checkout-items,.checkout-payment{overflow:visible;padding:22px;border:0}.checkout-payment{border-top:1px solid var(--border)}.client-profile{padding:18px}.client-profile-head{flex-wrap:wrap}.client-profile-head h2{font-size:20px}.modal-body,.modal>header{padding:20px}.modal h2{font-size:19px}.login-card{padding:32px}.login-card h1{font-size:29px}td,th{padding:13px 15px;white-space:nowrap}}
