.product-create-dialog{width:min(860px,100vw - 28px);max-height:calc(100dvh - 28px);padding:0;overflow:hidden}.product-create-dialog[open]{flex-direction:column;display:flex}.product-create-dialog.mutation-dialog-wide{width:min(1060px,100vw - 28px)}.product-create-dialog .dialog-header{border-bottom:1px solid #e8eef4;flex:none;align-items:center;margin:0;padding:20px 26px 12px}.product-create-dialog .dialog-header h2{margin:4px 0 0;font-size:22px}.product-create-dialog form{overscroll-behavior:contain;scrollbar-width:thin;gap:14px;min-height:0;padding:18px 26px 0;overflow-y:auto}.product-create-dialog form>label,.product-create-dialog .form-grid label{color:#3c5269;font-size:12px}.product-create-dialog form :is(input,select){min-height:42px;font-size:13px}.product-create-dialog .product-out-of-stock-option{margin:0}.product-create-dialog .product-out-of-stock-option input{width:16px;height:16px;min-height:16px;max-height:16px}.product-create-dialog .product-mode-switch{padding:4px}.product-create-dialog>form>.product-mode-switch button{min-height:49px;padding:8px 12px}.product-create-dialog .dialog-description{color:#64798e;margin:-4px 0 0;font-size:12px;line-height:1.45}.product-create-dialog .product-more-toggle{color:#254a68;text-align:left;cursor:pointer;background:#f7fbfe;border:1px solid #dbe8f3;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:54px;padding:10px 14px;display:flex}.product-create-dialog .product-more-toggle:hover{background:#eef8ff;border-color:#9ac7e5}.product-create-dialog .product-more-toggle:focus-visible{outline-offset:2px;outline:3px solid #73b6e9}.product-create-dialog .product-more-toggle:disabled{cursor:default;opacity:1}.product-create-dialog .product-more-toggle span:first-child{gap:3px;display:grid}.product-create-dialog .product-more-toggle strong{font-size:13px}.product-create-dialog .product-more-toggle small{color:#698198;font-size:11px;font-weight:400;line-height:1.3}.product-create-dialog .product-more-toggle span:last-child{font-size:21px;font-weight:400}.product-create-dialog .product-more-fields{background:#fbfdff;border:1px solid #e1eaf2;border-radius:10px;gap:14px;padding:16px;display:grid}.product-create-dialog .product-more-fields[hidden]{display:none}.product-create-dialog .product-more-fields .product-recipe-option{margin:0}.product-create-dialog .dialog-footer{z-index:2;background:#fff;flex:none;margin:0 -26px;padding:12px 26px;position:sticky;bottom:0;box-shadow:0 -5px 20px #183f6710}@media (max-width:640px){.product-create-dialog,.product-create-dialog.mutation-dialog-wide{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.product-create-dialog .dialog-header{padding:16px 18px 12px}.product-create-dialog form{gap:10px;padding:12px 18px 0}.product-create-dialog>form>.product-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.product-create-dialog>form>.product-mode-switch button{min-height:42px;padding:7px 9px}.product-create-dialog>form>.product-mode-switch button span{display:none}.product-create-dialog form :is(input,select){min-height:40px}.product-create-dialog .dialog-footer{padding:12px 18px max(12px, env(safe-area-inset-bottom));margin:0 -18px}}
.app-shell-owner:not(.app-shell-focused) .main-content{padding-top:80px}.floating-branch{z-index:25;position:absolute;top:16px;right:24px}.floating-branch .branch-switcher{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;min-height:44px;padding:0 12px;box-shadow:0 2px 8px #182b4510}.floating-branch select{max-width:180px;min-height:42px;font-size:12px}.app-shell.app-shell-focused{height:100dvh;min-height:0;overflow:hidden}.app-shell-focused>.workspace{height:100%;min-height:0;margin:0;overflow:hidden}.app-shell-focused .main-content{max-width:none;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}body:has(.app-shell-focused){overflow:hidden}.touch-pagination{flex-shrink:0;align-items:center;gap:10px;display:flex}.touch-pagination button{color:#33455c;touch-action:manipulation;background:#fff;border:1px solid #dde3eb;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.touch-pagination button:disabled{opacity:.3;cursor:default}.touch-pagination>span{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:12px}.touch-pagination>span>span{color:#a0aab8;margin:0 3px}.launchpad{background:#f5f7fb;flex-direction:column;max-width:1600px;height:100%;margin:auto;padding:0 clamp(18px,4vw,64px);display:flex}.launchpad-heading{flex:0 0 100px;align-items:center;gap:14px;height:100px;padding-right:240px;display:flex}.launchpad-heading h1{letter-spacing:-.8px;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(20px,2.2vw,30px);font-weight:650;overflow:hidden}.launchpad-brand{color:#2562bb;background:#e5edfa;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.launchpad-grid{flex:1;gap:12px;min-height:0;display:grid}.launchpad-grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),240px));grid-auto-rows:min(210px,26dvh);place-content:center}.launchpad-tile{color:#1f2e43;text-align:center;background:#fff;border:1px solid #e1e6ee;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.6vh,16px);min-height:0;padding:clamp(16px,2vw,28px);display:flex;position:relative;overflow:hidden}.launchpad-icon{flex-shrink:0;place-items:center;width:clamp(48px,5.2vw,72px);height:clamp(48px,5.2vw,72px);display:grid;position:relative}.launchpad-icon img{object-fit:contain}.launchpad-tile strong{font-size:clamp(14px,1.3vw,19px);font-weight:600;line-height:1.3}.launchpad-footer{color:#758197;flex:0 0 76px;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.launchpad-footer form{align-items:center;gap:12px;display:flex}.launchpad-footer form button{color:#526680;background:#fff;border:1px solid #e0e6ee;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.launchpad-demo-switch{color:#41648d;background:#fff;border:1px solid #dce5ef;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}@media (max-width:760px){.launchpad-demo-switch{flex:0 0 44px;width:44px;padding:0}.launchpad-demo-switch span{display:none}}@media (max-width:500px){.launchpad-grid.compact{grid-auto-rows:min(180px,33.3333dvh - 70px)}.launchpad-grid.compact-1,.launchpad-grid.compact-2{grid-auto-rows:min(180px,50dvh - 105px)}}.service-screen{--service-blue:#165b9e;--service-ink:#1d2c40;height:100%;min-height:0;color:var(--service-ink);background:#f4f6fa;display:flex}.service-screen button,.service-dialog-body button{font:inherit;touch-action:manipulation}.service-screen button:disabled,.service-dialog-body button:disabled{cursor:default}.service-screen button:not(:disabled):active,.launchpad-tile:active,.service-dialog-body button:not(:disabled):active{transform:scale(.98)}.service-screen button:focus-visible,.service-screen a:focus-visible,.launchpad a:focus-visible,.service-dialog-body button:focus-visible{outline-offset:2px;outline:3px solid #69a7ec}.service-rail{background:#fff;border-right:1px solid #e4e8f0;flex-direction:column;flex:0 0 100px;align-items:center;gap:12px;width:100px;padding:16px 10px;display:flex}.service-home{color:#165b9e;background:#ecf3fb;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:20px;display:grid}.service-home img,.service-register-link img,.service-table-top img{object-fit:contain;flex-shrink:0}.service-channel-nav{flex-direction:column;gap:10px;width:100%;display:flex}.service-channel-nav button{color:#748196;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:80px;padding:10px 4px;font-size:11px;font-weight:600;display:flex;position:relative}.service-channel-nav button.active{color:#165b9e;background:#eaf2fd;border-color:#d3e4f9}.service-channel-icon{flex-shrink:0;width:30px;height:30px;display:block;position:relative}.service-channel-icon img{object-fit:contain}.service-channel-icon-pickme{width:50px;height:34px}.service-channel-nav button b{text-align:center;color:#fff;background:#3974ad;border-radius:5px;min-width:17px;font-size:10px;line-height:17px;position:absolute;top:4px;right:5px}.service-register-link{color:#748196;flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding:14px 4px;font-size:11px;display:flex}.service-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.service-shortcuts{color:#53657a;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5eaf0;flex-wrap:wrap;flex:none;align-items:center;gap:4px 10px;padding:4px 20px;font-size:11px;display:flex}.service-shortcuts>button{min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;display:inline-flex}.service-shortcuts>button:hover:not(:disabled){color:#165b9e;background:#e8f1fb}.service-shortcuts>button:disabled{opacity:.45;cursor:default}.service-shortcuts kbd,.service-screen .service-button kbd{font:inherit;border:1px solid;border-radius:4px;margin-left:3px;padding:1px 4px;font-weight:700;display:inline-block}.service-dialog-shortcuts{background:0 0;border-bottom:0;flex-wrap:wrap;margin:-8px 0 0;padding:0}.service-dialog-body button kbd{border:1px solid;border-radius:4px;margin-left:3px;padding:1px 4px;font-size:10px;font-weight:700;display:inline-block}.service-header{flex:0 0 80px;align-items:center;gap:12px;height:80px;padding:0 26px;display:flex}.app-shell-owner .service-header{padding-right:264px}.service-header h1{letter-spacing:-.65px;text-overflow:ellipsis;white-space:nowrap;font-size:23px;font-weight:650;line-height:1.25;overflow:hidden}.service-header>div{min-width:0}.service-header-statuses{align-items:center;gap:10px;margin-left:auto;display:flex}.service-header-statuses .service-stock-alert,.service-header-statuses .service-ticket-pill{margin-left:0}.service-stock-alert.has-conflicts{color:#a5383e;background:#fff1f1;border-color:#edc0c3}.service-header>div>span{color:#8792a1;margin-top:4px;font-size:11px;display:block}.service-stock-alert{color:#956316;white-space:nowrap;cursor:pointer;background:#fff8e9;border:1px solid #f2d8a1;border-radius:10px;align-items:center;gap:7px;max-width:270px;min-height:44px;margin-left:auto;padding:8px 11px;font-size:11px;display:flex}.service-header .service-stock-alert>span{color:inherit;text-overflow:ellipsis;margin-top:0;display:block;overflow:hidden}.service-stock-alert strong{flex:none}.service-stock-alert-count{display:none}.service-stock-list{gap:8px;display:grid}.service-stock-list>p{color:#617187;margin:0 0 4px;font-size:13px}.service-stock-list>div{background:#fffaf0;border:1px solid #eadbb9;border-radius:10px;justify-content:space-between;gap:14px;padding:10px 12px;display:flex}.service-stock-list>div>span{gap:3px;min-width:0;display:grid}.service-stock-list>div>span:last-child{text-align:right}.service-stock-list small{color:#90794e;font-size:11px}.service-ticket-pill{color:#53677d;white-space:nowrap;background:#f7f9fc;border:1px solid #dce5ef;border-radius:10px;align-items:center;gap:7px;min-height:38px;margin-left:auto;padding:0 11px;font-size:11px;font-weight:650;display:inline-flex}.service-ticket-pill.printed{color:#357657;background:#f1faf5;border-color:#c9e3d6}.service-ticket-pill.failed,.service-ticket-pill.cancelled,.service-ticket-pill.not_routed{color:#9e5b23;background:#fff7ef;border-color:#f0d5be}.service-icon-button{color:#53647b;background:#fff;border:1px solid #dfe5ed;border-radius:11px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.service-order-more{margin-left:4px}.service-floor{flex-direction:column;flex:1;min-height:0;padding:0 26px;display:flex}.service-floor-toolbar{flex:0 0 48px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.service-floor-toolbar h2{font-size:15px;font-weight:600}.service-filter{gap:5px;display:flex}.service-filter button{color:#758197;background:0 0;border-radius:10px;min-height:44px;padding:0 13px;font-size:12px;font-weight:600}.service-filter button b{background:#e8ecf2;border-radius:5px;margin-left:6px;padding:3px 6px;font-size:10px;font-weight:600}.service-filter button.active{color:#235b92;background:#e7eef8}.service-filter button.active b{background:#d7e5f6}.service-toolbar-actions{align-items:center;gap:8px;display:flex}.service-button{color:#364a63;background:#fff;border:1px solid #dbe2ec;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 16px;font-size:13px;display:flex;font-weight:600!important}.service-button.primary{color:#fff;background:#165b9e;border-color:#165b9e}.service-button.quiet{background:0 0}.service-button.danger{color:#b63b42;background:#fff0f0;border-color:#f2d4d6}.service-button:disabled{opacity:.45}.service-floor-grid{flex:1;gap:12px;min-height:0;display:grid;position:relative}.service-table{text-align:left;color:#304258;background:#fff;border:1px solid #dfe5ed;border-radius:16px;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;min-height:0;padding:18px;display:flex;overflow:hidden}.service-table.occupied{background:#f1f6fd;border-color:#bbd3ee}.service-table-top,.service-table-bottom{justify-content:space-between;align-items:center;gap:6px;display:flex}.service-table-brand{flex-shrink:0;width:26px;height:26px;display:block;position:relative}.service-table-brand.pickme{width:54px;height:30px}.service-table-brand img{object-fit:contain}.service-table>strong{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(17px,1.6vw,24px);font-weight:600;overflow:hidden}.service-table-bottom{color:#8c98a8;font-size:11px}.service-table-bottom b{color:#385b80;font-variant-numeric:tabular-nums;font-size:13px}.service-status{color:#7b899b;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.service-status:before{content:"";background:#bcc7d4;border-radius:50%;width:6px;height:6px}.service-status.sent{color:#34856b}.service-status.sent:before{background:#41a17e}.service-status.unsent{color:#b57528}.service-status.unsent:before{background:#d79a42}.service-floor-footer{color:#8792a4;flex:0 0 70px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.service-floor-footer>span{align-items:center;gap:8px;display:flex}.service-floor-footer i{background:#3c8b73;border-radius:50%;width:6px;height:6px}.service-empty{text-align:center;color:#a1aebf;flex-direction:column;grid-area:1/1/-1/-1;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.service-empty h2,.service-empty h3{color:#64748b;font-size:17px;font-weight:500}.service-empty p{color:#8592a5;font-size:12px;line-height:1.5}.service-order-layout{flex:1;grid-template-columns:minmax(0,1fr) clamp(354px,27vw,430px);gap:14px;min-height:0;padding:0 20px 12px;display:grid}.service-menu{background:#fff;border:1px solid #e0e6ee;border-radius:16px;flex-direction:column;min-width:0;min-height:0;padding:14px 14px 0;display:flex}.service-menu-tools{flex:0 0 46px;align-items:center;gap:10px;margin-bottom:10px;display:flex}.service-search{color:#97a3b4;background:#fff;border:1px solid #dfe5ed;border-radius:11px;flex:1;align-items:center;gap:9px;min-width:0;height:46px;padding:0 12px;display:flex}.service-search input{color:#304258;background:0 0;border:0;outline:none;width:100%;min-width:0;height:42px;padding:0;font-size:12px}.service-search button{color:#8995a6;background:0 0;place-items:center;min-width:30px;height:42px;display:grid}.service-search kbd{font:inherit;color:#607994;border:1px solid #dfe5ed;border-radius:4px;flex:none;padding:1px 5px;font-size:11px}.service-menu-categories{scrollbar-width:thin;flex:none;gap:8px;padding:2px 2px 12px;display:flex;overflow-x:auto}.service-menu-categories button{color:#506780;white-space:nowrap;background:#f4f7fb;border:1px solid #e1e7f0;border-radius:10px;flex:none;min-height:42px;padding:0 16px;font-size:12px;font-weight:600}.service-menu-categories button.active{color:#fff;border-color:var(--service-blue);background:var(--service-blue)}.service-product-grid{flex:1;gap:12px;min-height:0;display:grid;position:relative}.service-product{text-align:left;color:#34465e;background:#fbfcfe;border:1px solid #e0e6ee;border-radius:14px;flex-direction:column;gap:5px;min-width:0;min-height:0;padding:12px 14px;display:flex;overflow:hidden}.service-product:disabled{opacity:.5}.service-menu-status{color:#53677e;white-space:nowrap;background:#fff;border:1px solid #dfe5ed;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:46px;padding:0 12px;font-size:11px;font-weight:650;display:inline-flex}.service-menu-status:hover{background:#f9fbff;border-color:#a7c3e2}.service-availability{color:#5d7c68}.service-availability.sold-out{color:#a85d52}.service-product-category{color:#687e96;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-height:14px;font-size:10px;line-height:1.4;overflow:hidden}.service-product>strong,.service-product>div,.service-product>small{flex-shrink:0}.service-product>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.service-product>div{color:var(--service-blue);justify-content:space-between;align-items:center;gap:6px;margin-top:auto;font-size:13px;display:flex}.service-product-add{color:var(--service-blue);background:#ecf3fb;border-radius:8px;place-items:center;min-width:36px;height:36px;font-size:11px;display:grid}.service-product small{color:#667d92;font-size:10px}.service-product .sold-out{color:#b55e62}.service-product>div small{color:inherit;font-size:9px}.service-menu-footer{color:#95a0b0;justify-content:space-between;align-items:center;gap:8px;min-height:58px;padding-top:10px;font-size:11px;display:flex}.service-bill{background:#fff;border:1px solid #e0e6ee;border-radius:16px;flex-direction:column;min-width:0;min-height:0;padding:0 18px;display:flex}.service-bill-heading{border-bottom:1px solid #edf0f5;flex:0 0 62px;justify-content:space-between;align-items:center;gap:9px;height:62px;display:flex}.service-bill-heading h2{font-size:15px;font-weight:600}.service-bill-heading h2 span{color:#65809d;background:#edf2f8;border-radius:5px;margin-left:6px;padding:3px 6px;font-size:10px}.service-bill-currency{color:#a1acbb;font-size:10px}.service-bill-lines{flex:1;gap:0;min-height:0;display:grid}.service-conflict-banner{color:#975a2b;text-align:left;background:#fff8f1;border:1px solid #efcfb4;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px 11px;display:flex}.service-conflict-banner>span{flex:1;gap:2px;min-width:0;display:grid}.service-conflict-banner strong{font-size:11px}.service-conflict-banner small{font-size:10px;line-height:1.35}.service-bill-line.conflict{background:#fffbf6}.service-bill-line.resolved{opacity:.66}.service-bill-line.resolved .service-line-name strong,.service-bill-line.resolved .service-line-price{text-decoration:line-through}.service-takeaway-orders{flex:1;gap:8px;min-height:0;padding-top:12px;display:grid;position:relative}.service-takeaway-order{color:#34465e;text-align:left;touch-action:manipulation;background:#f7faff;border:1px solid #dfe5ed;border-radius:12px;flex-direction:column;justify-content:space-between;gap:7px;min-width:0;min-height:0;padding:12px;display:flex}.service-takeaway-order strong,.service-takeaway-order b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-takeaway-order strong{font-size:14px}.service-takeaway-order>span:not(.service-status){color:#8c98a8;font-size:11px}.service-takeaway-order b{color:#385b80;font-size:12px}.service-takeaway-order:disabled{opacity:.5}.service-bill-line{color:#364c65;text-align:left;background:#fff;border-bottom:1px solid #edf0f5;grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr) auto;align-content:start;align-items:center;gap:6px 10px;width:100%;min-width:0;min-height:0;padding:10px 0;display:grid}.service-line-number{color:#4c79a5;background:#edf3fa;border-radius:8px;flex-shrink:0;grid-row:1/3;align-self:start;place-items:center;width:29px;height:31px;font-size:12px;font-weight:600;display:grid}.service-line-name{flex:1;min-width:0}.service-line-name strong{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.service-line-name small{text-overflow:ellipsis;white-space:nowrap;color:#788a9e;margin-top:4px;font-size:11px;display:block;overflow:hidden}.service-line-price{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;font-size:13px}.service-line-state{color:#b38439;background:#fff8ec;border-radius:7px;justify-content:flex-end;align-self:center;align-items:center;gap:3px;padding:5px 7px;font-size:10px;display:flex}.service-bill-line.sent .service-line-state{color:#599886;background:#f1faf5}.service-line-controls{align-items:center;gap:6px;min-width:0;display:flex}.service-line-controls button{color:#356b9d;background:#f7faff;border:1px solid #e0e8f1;border-radius:7px;flex:none;place-items:center;width:44px;height:44px;display:grid}.service-line-controls button:disabled{opacity:.35}.service-line-controls .service-line-remove{color:#b63b42;background:#fff7f7;border-color:#f1dfe1}.service-line-stepper{border:1px solid #e0e8f1;border-radius:7px;align-items:center;display:flex;overflow:hidden}.service-line-stepper button{border:0;border-radius:0}.service-line-stepper span{text-align:center;color:#2b4967;font-variant-numeric:tabular-nums;min-width:30px;font-size:12px;font-weight:700}.service-line-stepper input{color:#2b4967;text-align:center;width:42px;min-width:0;min-height:30px;font:inherit;font-variant-numeric:tabular-nums;background:#fff;border:0;border-radius:0;padding:4px 2px;font-size:13px;font-weight:700}.service-line-stepper input:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #0089fd}.service-line-stepper input[aria-invalid=true]{color:#b91c1c;background:#fff1f2}.service-line-stepper input:disabled{background:#f5f8fc}.service-charge-warning{color:#a5383e;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:5px;font-size:11px;display:flex}.service-bill-pages{color:#8c99aa;flex:0 0 52px;justify-content:space-between;align-items:center;height:52px;font-size:10px;display:flex}.service-bill-pages .touch-pagination{gap:4px}.service-bill-pages .touch-pagination button{border:0;width:40px;height:40px}.service-bill-footer{border-top:1px solid #e7ecf3;flex-direction:column;gap:9px;padding:14px 0 16px;display:flex}.service-total{justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;display:flex}.service-total>span{color:#7d8a9c;font-size:12px}.service-total strong{letter-spacing:-.5px;font-size:23px}.service-total small{color:#94a0b0;letter-spacing:0;font-size:10px;font-weight:500}.service-send,.service-pay{width:100%;min-height:50px}.service-pay{color:#296397;background:#f6f9fd;border-color:#d6e2f0}.pos-bill-panel-card.service-register-bill{justify-content:flex-start;padding:14px 16px}.service-register-bill .pos-bill-header,.service-register-bill .pos-cart-customer-bar{flex:none;margin-bottom:12px}.service-register-bill .service-bill-lines{scrollbar-width:thin;border-block:1px solid #e7ecf3;flex:1 1 0;margin-inline:-16px;display:block;overflow:auto}.service-register-bill .service-bill-line{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px}.service-register-bill .service-line-number{display:none}.service-register-bill .service-line-name{min-height:44px}.service-register-bill .service-line-name strong{-webkit-line-clamp:2}.service-register-bill .service-line-price{grid-area:1/2;align-self:start}.service-register-bill .service-line-state{grid-area:1/2;place-self:end}.service-register-bill .service-line-controls{grid-area:2/1/auto/-1;gap:4px}.service-register-bill .service-line-stepper{flex:none}.service-register-bill .service-line-stepper input{flex:none;width:36px}.service-register-bill .service-bill-pages{flex-basis:26px;height:26px}.service-register-bill .service-bill-footer{border-top:0;flex:none;gap:8px;padding:0}.service-register-bill .pos-bill-breakdown{border-top:0;margin:0;padding-top:0}.service-register-bill .pos-quick-tender-deck{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin-bottom:0}.service-register-bill .service-send{min-height:44px}.service-register-bill .pos-main-charge-btn{margin-top:0}.service-bill-back{display:none}dialog.service-parked-dialog{width:min(640px,100vw - 24px);height:min(640px,100dvh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}.service-parked-dialog[open]{flex-direction:column;display:flex}.service-parked-dialog .dialog-header{flex:none}.service-parked-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex}.service-parked-dialog .service-search{flex:none;align-items:center;gap:8px;height:46px;display:flex}.service-parked-dialog .service-search input{width:auto;min-width:0;box-shadow:none;border:0;flex:1;margin:0;padding:0}.service-parked-list{flex:1;gap:8px;min-height:0;display:grid}.service-parked-bill{color:#34465e;text-align:left;background:#f8fbff;border:1px solid #dfe5ed;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.service-parked-bill>span{gap:5px;min-width:0;display:grid}.service-parked-bill>span:first-child{flex:1}.service-parked-bill strong,.service-parked-bill small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-parked-bill small{color:#64748b;font-size:11px}.service-parked-bill>svg{flex:none}.service-parked-footer{color:#64748b;flex:none;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.service-mobile-bill,.service-mobile-back{display:none}.service-feedback{color:#33745d;background:#e8f4ef;border:1px solid #cde6da;border-radius:11px;align-items:center;gap:12px;margin:0 26px 12px;padding:10px 14px;font-size:12px;display:flex}.service-feedback.error{color:#a9444d;background:#fff0f0;border-color:#f0c8cb}.service-feedback>span{flex:1}.service-feedback button{min-width:36px;min-height:36px;color:inherit;background:0 0;place-items:center;display:grid}.service-inline-warning{color:#ab742b;font-size:11px;line-height:1.5}.service-inline-warning a{text-decoration:underline}.mutation-dialog:has(.service-dialog-body){border-radius:20px;width:min(500px,100vw - 28px);max-height:calc(100dvh - 28px);padding:24px}.mutation-dialog:has(.service-dialog-body) .dialog-header{margin-bottom:20px}.mutation-dialog:has(.service-dialog-body) .dialog-header h2{font-size:20px;font-weight:600}.mutation-dialog:has(.service-dialog-body) .dialog-header .icon-button{width:44px;height:44px}.service-dialog-body,.service-dialog-body form{flex-direction:column;gap:18px;display:flex}.service-dialog-body .service-feedback{margin:0}.service-dialog-body p{color:#7d8ba0;font-size:13px;line-height:1.6}.service-dialog-body label{color:#65758a;flex-direction:column;gap:8px;font-size:12px;display:flex}.service-dialog-body input,.service-dialog-body select{color:#34465e;background:#fff;border:1px solid #d9e2ed;border-radius:10px;min-width:0;min-height:48px;padding:10px 13px;font-size:16px}.service-dialog-body .service-button{min-height:50px}.service-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.service-quantity{align-items:center;gap:12px;display:flex}.service-quantity>span{color:#7d8ba0;margin-right:auto;font-size:13px}.service-quantity>button{color:#4274a7;background:#f5f8fc;border:1px solid #dbe4ee;border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.service-quantity>strong{text-align:center;min-width:30px;font-size:20px}.service-dialog-body .service-quantity>input{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;flex:none;width:64px;min-width:0;font-size:20px;font-weight:700}.service-quantity>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.service-quantity>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.service-option-list{flex-direction:column;gap:8px;display:flex}.service-option-list button{color:#46617e;background:#f4f7fb;border-radius:10px;justify-content:space-between;align-items:center;min-height:54px;padding:12px 15px;font-size:13px;display:flex}.service-option-list button.danger{color:#b85159;background:#fff3f3}.service-resolution-item{color:#30445b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;justify-content:space-between;gap:12px;padding:13px 14px;font-size:13px;display:flex}.service-resolution-item strong{white-space:nowrap;font-variant-numeric:tabular-nums}.service-resolution-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;display:grid}.service-resolution-options button{color:#364e68;text-align:left;background:#fff;border:1px solid #dce4ed;border-radius:11px;gap:6px;min-height:88px;padding:12px;display:grid}.service-resolution-options button.active{background:#f1f7fd;border-color:#4d84b7;box-shadow:0 0 0 2px #dcebf9}.service-resolution-options strong{font-size:13px}.service-resolution-options small{color:#73869b;font-size:11px;line-height:1.45}.service-dialog-body .service-resolution-note{color:#6d7e90;font-size:11px}.service-ticket-detail{gap:14px;display:grid}.service-availability-panel{gap:15px;min-height:0;display:grid}.service-availability-list{gap:7px;max-height:min(45vh,420px);padding:2px;display:grid;overflow-y:auto}.service-availability-list>div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.service-availability-list>div>span{gap:4px;min-width:0;display:grid}.service-availability-list strong{font-size:12px;line-height:1.3}.service-availability-list small{color:#8290a0;font-size:10px}.service-availability-list button{color:#985929;background:#fff8f2;border:1px solid #e8d0bd;border-radius:8px;flex:none;min-height:38px;padding:0 11px;font-size:11px;font-weight:650}.service-availability-list button.paused{color:#357153;background:#f2faf5;border-color:#cbded3}.service-availability-list>p{text-align:center;padding:20px 0}.service-ticket-state{color:#526b83;background:#f8fafc;border:1px solid #dce5ee;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.service-ticket-state.printed{color:#337a55;background:#f2faf5;border-color:#cce7d8}.service-ticket-state.failed,.service-ticket-state.cancelled,.service-ticket-state.not_routed{color:#9b612e;background:#fff8f0;border-color:#efd7be}.service-ticket-state span{gap:4px;display:grid}.service-ticket-state strong{font-size:14px}.service-ticket-state small{font-size:11px;line-height:1.45}.service-payment-total{text-align:center;padding:4px 0 12px}.service-payment-total>span{color:#8a98ab;margin-bottom:8px;font-size:12px;display:block}.service-payment-total>strong{letter-spacing:-1px;color:#253d58;font-size:36px}.service-payment-total small{color:#8a98ab;letter-spacing:0;font-size:14px;font-weight:500}.service-payment-tabs{background:#f0f4f8;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.service-payment-tabs button{color:#8795a6;background:0 0;border-radius:8px;min-height:40px;font-size:12px}.service-payment-tabs button.active{color:#346b9d;background:#fff;box-shadow:0 2px 5px #284f7510}.service-payment-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.service-payment-methods button{color:#657e99;background:#fff;border:1px solid #dce4ee;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:54px;padding:8px;font-size:12px;display:flex}.service-payment-methods button.active{color:#266398;background:#eef5fd;border-color:#5b94ca}.service-change{text-align:right;color:#628b76;font-size:12px}.service-split{grid-template-columns:minmax(0,1fr) 130px;align-items:end;gap:14px;display:grid}.service-split>div{flex-direction:column;gap:8px;padding-bottom:10px;display:flex}.service-split>div small{color:#8a98ab;font-size:11px}.service-split>div strong{color:#3e5c7e;font-size:20px}@media (hover:hover) and (pointer:fine){.launchpad-tile:hover,.service-product:not(:disabled):hover{background:#f9fbff;border-color:#a7c3e2}.service-table:not(:disabled):hover{border-color:#72a2d2}.service-button.primary:not(:disabled):hover{background:#134e87}}@media (max-width:1100px){.service-order-layout{grid-template-columns:minmax(0,1fr) 354px;gap:14px;padding-left:18px;padding-right:16px}.service-rail{flex-basis:84px;width:84px;padding-left:6px;padding-right:6px}.service-product{padding:13px}.service-header{padding-left:18px}.service-floor{padding:0 18px}.service-table{padding:15px}.service-bill{padding:0 14px}.service-line-controls button{width:36px}.service-menu-tools{gap:7px}.service-menu-status{width:46px;padding:0}.service-menu-status span{display:none}}@media (max-width:760px){.service-register-bill .service-bill-back{flex:none;margin-bottom:10px;display:block}.service-shortcuts{gap:0 2px;padding-inline:8px}.service-rail{flex-basis:74px;width:74px}.service-order-layout{gap:0;padding:0 12px 12px;display:flex}.service-menu,.service-bill{width:100%}.service-order-layout.show-menu .service-bill,.service-order-layout.show-bill .service-menu{display:none}.service-mobile-bill{flex:0 0 50px;width:100%;margin-top:6px;font-size:12px;display:flex}.service-mobile-bill strong{margin-left:auto}.service-mobile-back{display:grid}.service-bill-heading h2{margin-right:auto}.service-bill-line .service-line-name strong{font-size:14px}.service-menu-footer>span{display:none}.service-menu-footer{justify-content:flex-end}.service-floor-toolbar{flex-wrap:wrap;flex-basis:auto;margin-bottom:12px}.service-toolbar-actions{flex-wrap:wrap;gap:6px;width:100%;min-width:0;margin-left:auto}.service-toolbar-actions .service-button{gap:6px;min-height:44px;padding:8px 10px}.service-filter button{padding:0 9px;font-size:11px}.service-filter button b{margin-left:3px}.service-header{flex-basis:88px;height:88px;padding-left:12px}.app-shell-owner .service-header{padding-top:35px;padding-right:12px}.service-header h1{font-size:20px}.service-stock-alert{max-width:54px;padding:8px}.service-header .service-stock-alert>span,.service-stock-alert strong{display:none}.service-stock-alert-count{display:block}.app-shell-owner .service-header>div>span{display:none}.floating-branch{top:8px;right:12px}.floating-branch .branch-switcher{min-height:38px;padding:0 8px}.floating-branch select{max-width:155px;min-height:36px;font-size:11px}.service-floor{padding:0 12px}.service-floor-footer{flex-basis:62px}.service-floor-footer>span{font-size:10px}.service-table{padding:12px}.service-feedback{margin:0 12px 8px;padding:6px 10px;font-size:11px}.service-channel-nav button{min-height:73px;font-size:10px}.service-menu-tools{flex-wrap:wrap;flex-basis:auto;margin-bottom:12px}.service-ticket-pill{justify-content:center;width:40px;min-width:40px;padding:0}.service-ticket-pill span{display:none}.service-search{flex-basis:0}.launchpad-heading{flex-basis:100px;height:100px;padding:28px 0 0}.launchpad-heading h1{font-size:21px}.launchpad-brand{width:40px;height:40px}.launchpad-tile{border-radius:14px;gap:12px;padding:16px}.launchpad-icon{width:48px;height:48px}.launchpad-footer{flex-basis:64px}.launchpad-footer form>span{text-overflow:ellipsis;white-space:nowrap;max-width:125px;overflow:hidden}}@media (max-height:650px) and (min-width:761px){.service-header{flex-basis:65px;height:65px}.service-home{margin-bottom:0}.service-channel-nav{gap:5px}.service-channel-nav button{min-height:66px}.service-bill-heading{flex-basis:48px;height:48px}.service-bill-footer{gap:7px;padding:10px 0}.service-total strong{font-size:20px}.service-bill-pages{flex-basis:44px;height:44px}.launchpad-heading{flex-basis:78px;height:78px}.launchpad-footer{flex-basis:62px}}@media print{.floating-branch,.service-rail{display:none!important}}.service-search{flex-direction:row}.service-bill-line:disabled{opacity:1}.workstation-binding{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.workstation-binding>div{grid-template-columns:24px 1fr;align-items:center;gap:9px;display:grid}.workstation-binding h2{font-size:17px}.workstation-binding p{color:var(--text-secondary);grid-column:1/-1;font-size:12px}.workstation-binding form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workstation-binding select{border:1px solid var(--border);border-radius:9px;max-width:100%;min-height:44px;padding:8px 12px}.workstation-binding>.banner{flex-basis:100%}.service-bill-customer{border-bottom:1px solid var(--border,#e4e7ec);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.service-customer-select{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:10px;padding:2px;display:flex}.service-customer-select:disabled{cursor:default;opacity:.65}.service-customer-avatar{color:#087be6;background:#edf5ff;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.service-customer-select>span:nth-child(2){gap:3px;min-width:0;display:grid}.service-customer-select small{color:var(--text-muted,#667085);font-size:10px}.service-customer-select strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.service-customer-change{color:#087be6;flex-shrink:0;margin-left:auto;font-size:11px;font-weight:600}.service-customer-select:focus-visible{outline-offset:3px;outline:2px solid #0089fd}
.salon-eyebrow{color:var(--primary-700,#005ead);letter-spacing:.14em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.salon-manager,.salon-appointments{--salon-ink:#010f2b;--salon-muted:#64748b;--salon-line:#dce8f3;color:var(--salon-ink)}.salon-manager .button,.salon-appointments .button,.salon-register-catalog .button,.salon-dialog .button{touch-action:manipulation;min-height:44px}.salon-manager{border:1px solid var(--salon-line);background:linear-gradient(135deg,#fff,#f5faff);border-radius:24px;padding:28px;box-shadow:0 18px 55px #0048850e}.salon-manager-head,.salon-service-panel-head,.salon-appointments-hero,.salon-agenda-toolbar,.salon-dialog-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.salon-manager-head h2,.salon-appointments-hero h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(25px,3vw,37px);line-height:1.1}.salon-manager-head p,.salon-service-panel-head p,.salon-appointments-hero p{color:var(--salon-muted);margin:0;line-height:1.5}.salon-manager-layout{grid-template-columns:250px minmax(0,1fr);gap:20px;margin-top:28px;display:grid}.salon-group-list{align-content:start;gap:7px;display:grid}.salon-group-mini{text-align:left;width:100%;min-height:70px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:12px;padding:8px;display:flex}.salon-group-mini.selected{border-color:var(--primary-200,#a3d5ff);background:#fff;box-shadow:0 5px 18px #0059ad1a}.salon-group-mini-art{border-radius:11px;flex:none;width:51px;height:51px;overflow:hidden}.salon-group-mini-art img,.salon-image-mini img,.salon-register-tile img{object-fit:cover;width:100%;height:100%;display:block}.salon-group-mini strong,.salon-group-mini small{display:block}.salon-group-mini strong{font-size:14px}.salon-group-mini small{color:var(--salon-muted);margin-top:3px;font-size:12px}.salon-service-panel{border:1px solid var(--salon-line);background:#fff;border-radius:19px;min-height:360px;overflow:hidden}.salon-service-panel-head{border-bottom:1px solid var(--salon-line);padding:25px 26px}.salon-service-panel-head h3{letter-spacing:-.03em;margin:5px 0;font-size:23px}.salon-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.salon-service-list{padding:6px 16px}.salon-service-row{border-bottom:1px solid #e9f1f8;align-items:center;gap:18px;min-height:72px;padding:8px;display:flex}.salon-service-row:last-child{border:0}.salon-service-row>div:first-child{flex:1;min-width:0}.salon-service-row strong,.salon-service-row span{display:block}.salon-service-row span{color:var(--salon-muted);align-items:center;gap:5px;margin-top:5px;font-size:12px;display:flex}.salon-service-row>b{white-space:nowrap;font-size:15px}.salon-service-row.inactive{opacity:.56}.salon-service-empty{text-align:center;color:var(--salon-muted);padding:55px 20px}.salon-icon-button{border:1px solid var(--salon-line);width:44px;height:44px;color:var(--primary-700,#005ead);cursor:pointer;background:#fff;border-radius:10px;flex:none;place-items:center;display:inline-grid}.salon-icon-button:hover{background:var(--primary-50,#ebf6ff)}.salon-feedback{color:var(--primary-800,#004885);background:var(--primary-50,#ebf6ff);border:1px solid var(--primary-200,#a3d5ff);border-radius:10px;margin:14px 0;padding:11px 14px}.salon-product-tabs{margin-bottom:18px;overflow:auto}.salon-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e181f8c;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.salon-crop-layer{z-index:1001}.salon-dialog{background:#fff;border-radius:21px;width:min(100%,760px);max-height:min(90vh,850px);padding:26px;overflow:auto;box-shadow:0 30px 100px #160b1440}.salon-dialog-head{align-items:center;margin-bottom:23px}.salon-dialog-head h2{letter-spacing:-.035em;margin:4px 0;font-size:25px}.salon-dialog label:not(.salon-check):not(.salon-service-pick){gap:7px;margin-bottom:17px;font-size:13px;font-weight:700;display:grid}.salon-dialog input:not([type=checkbox]):not([type=file]),.salon-dialog select,.salon-dialog textarea,.salon-agenda-filters select,.salon-agenda-filters input{color:#010f2b;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd9e7;border-radius:10px;padding:10px 12px}.salon-dialog input:focus-visible,.salon-dialog select:focus-visible,.salon-dialog textarea:focus-visible,.salon-register-tile:focus-visible,.salon-option-card:focus-visible{outline:3px solid var(--primary-300,#66b9ff);outline-offset:2px}.salon-dialog-actions,.salon-crop-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.salon-two-fields{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.salon-accent-field{gap:9px;margin-bottom:18px;font-size:13px;font-weight:700;display:grid}.salon-accent-picker{flex-wrap:wrap;gap:10px;display:flex}.salon-accent-swatch{color:#fff;cursor:pointer;touch-action:manipulation;border:2px solid #fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 0 1px #cbd9e7}.salon-accent-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary-500,#0089fd)}.salon-accent-swatch:focus-visible{outline:3px solid var(--primary-300,#66b9ff);outline-offset:4px}.salon-check{align-items:center;gap:9px;font-size:14px;display:flex}.salon-dialog label.salon-check{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;margin-bottom:0}.salon-check input{width:18px;height:18px;accent-color:var(--primary-500,#0089fd);flex:none}.salon-image-control{align-items:center;gap:14px;margin-bottom:18px;display:flex}.salon-image-mini{aspect-ratio:1.35;border-radius:12px;place-items:end start;width:128px;display:grid;position:relative;overflow:hidden}.salon-image-mini img{position:absolute;inset:0}.salon-image-mini:after{content:"";background:linear-gradient(#0000,#110a12d1);position:absolute;inset:35% 0 0}.salon-image-mini strong{z-index:1;color:#fff;padding:10px;font-size:14px;position:relative}.salon-crop-preview{aspect-ratio:1.35;background:var(--primary-50,#ebf6ff);touch-action:none;cursor:grab;border-radius:15px;position:relative;overflow:hidden}.salon-crop-preview:active{cursor:grabbing}.salon-crop-preview img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.salon-crop-placeholder{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.salon-crop-frame{color:#fff;background:#130b13b3;border-radius:6px;padding:5px 8px;font-size:11px;position:absolute;bottom:10px;right:10px}.salon-form-error{color:#a33142}.salon-register-catalog{min-height:60vh;padding:23px;overflow:auto}.salon-register-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.salon-register-heading h2{letter-spacing:-.04em;margin:6px 0;font-size:27px}.salon-register-heading p{color:#77717d;margin:0}.salon-register-heading-actions{flex-wrap:wrap;gap:8px;display:flex}.salon-tile-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px;display:grid}.salon-register-tile{--tile-start:#f0f5f2;--tile-end:#dce9e1;--tile-line:#53736314;aspect-ratio:1.35;text-align:left;min-width:0;font:inherit;color:#19364c;background:linear-gradient(135deg, var(--tile-start), var(--tile-end));cursor:pointer;isolation:isolate;touch-action:manipulation;border:1px solid #183c5410;border-radius:17px;padding:0;position:relative;overflow:hidden;box-shadow:0 3px 10px #17374f08}.salon-register-tile:nth-child(6n+2){--tile-start:#f7f3ec;--tile-end:#ebe1d2;--tile-line:#8c775a14}.salon-register-tile:nth-child(6n+3){--tile-start:#f3f1f8;--tile-end:#e4dff0;--tile-line:#76658f14}.salon-register-tile:nth-child(6n+4){--tile-start:#eef4f8;--tile-end:#dbe7ef;--tile-line:#55788f14}.salon-register-tile:nth-child(6n+5){--tile-start:#f8f1f0;--tile-end:#efdfdb;--tile-line:#976e6714}.salon-register-tile:nth-child(6n+6){--tile-start:#eef6f5;--tile-end:#d8e9e6;--tile-line:#507f7914}.salon-register-tile-image,.salon-register-tile-scrim{position:absolute;inset:0}.salon-register-tile-scrim{z-index:1;pointer-events:none}.salon-register-tile.has-image .salon-register-tile-scrim{background:linear-gradient(#0000 45%,#142b4414)}.salon-register-tile-content{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);text-shadow:none;background:#ffffffdb;border:1px solid #ffffffd9;border-radius:12px;gap:7px;padding:13px 14px;display:grid;position:absolute;inset:auto 12px 12px;box-shadow:0 2px 8px #18374c08}.salon-register-tile-content strong{-webkit-line-clamp:2;overflow-wrap:anywhere;letter-spacing:-.03em;-webkit-box-orient:vertical;font-size:21px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.salon-register-tile-content small{color:#425c70;justify-content:space-between;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.3;display:flex}.salon-register-tile-content small svg{box-sizing:content-box;color:#385971;background:#193c5409;border-radius:50%;flex:none;padding:4px}.salon-register-tile:before{content:"";background-image:linear-gradient(var(--tile-line) 1px, transparent 1px), linear-gradient(90deg, var(--tile-line) 1px, transparent 1px);z-index:0;pointer-events:none;background-size:32px 32px;position:absolute;inset:-50%;transform:rotate(-30deg);-webkit-mask-image:linear-gradient(#000,#0005);mask-image:linear-gradient(#000,#0005)}.salon-register-tile.has-image:before{display:none}.salon-option-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));gap:14px;display:grid}.salon-option-card{text-align:left;box-sizing:border-box;color:#010f2b;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #dbe6f0;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:20px;min-width:0;min-height:138px;padding:18px;display:flex;position:relative;box-shadow:0 3px 10px #002f6309}.salon-option-card:hover,.salon-option-card:active{border-color:var(--primary-400,#299dff);background:#f7fbff}.salon-option-card>span{min-width:0}.salon-option-card strong{letter-spacing:-.015em;overflow-wrap:break-word;padding-right:38px;font-size:16px;font-weight:680;line-height:1.3;display:block}.salon-option-card small{color:#64748b;align-items:center;gap:5px;margin-top:9px;font-size:12px;line-height:1.3;display:inline-flex}.salon-option-card b{color:#010f2b;white-space:nowrap;font-variant-numeric:tabular-nums;align-self:flex-end;font-size:14px;font-weight:700}.salon-option-card .salon-option-add{width:36px;height:36px;color:var(--primary-700,#005ead);background:var(--primary-50,#ebf6ff);border:1px solid var(--primary-100,#d1eaff);border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.salon-bill-lines{border-top:1px solid #e3edf7;border-bottom:1px solid #e3edf7;min-height:0;margin-inline:-16px;padding:0;overflow:auto}.salon-bill-line{border-bottom:1px solid #e9f1f8;grid-template-columns:1fr auto;gap:9px;padding:13px 16px;display:grid}.salon-bill-line:last-child{border:0}.salon-bill-line.selected{background:var(--primary-50,#ebf6ff);border-radius:0}.salon-bill-line-main strong,.salon-bill-line-main span{display:block}.salon-bill-line-main strong{font-size:14px}.salon-bill-line-main span{color:#64748b;margin-top:3px;font-size:12px}.salon-bill-line-total{font-size:13px}.salon-bill-line-actions{grid-column:1/-1;gap:7px;display:flex}.salon-bill-line-actions button{min-width:44px;height:44px;color:var(--primary-700,#005ead);cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #dce8f3;border-radius:10px;place-items:center;display:grid}.salon-bill-line-actions button:hover{background:var(--primary-50,#ebf6ff)}.salon-bill-line-actions button:disabled{opacity:.38;cursor:not-allowed;background:#fff}.salon-bill-empty{text-align:center;color:#64748b;padding:18px;font-size:13px}.salon-bill-panel{justify-content:flex-start}.salon-bill-panel .pos-mobile-back-catalog-btn{order:0}.salon-bill-panel .pos-bill-header{flex:none;order:1}.salon-bill-panel .pos-bill-parking{border-bottom:1px solid #e3edf7;flex-wrap:wrap;flex:none;order:2;gap:8px;padding:10px 16px;display:flex}.pos-bill-parking>button{flex:auto;justify-content:center;min-height:44px}.salon-bill-panel .pos-cart-customer-bar{flex:none;order:2;margin-bottom:12px}.salon-bill-panel .pos-exchange-cart-banner{flex:none;order:3}.salon-bill-panel .salon-bill-lines{flex:auto;order:4}.salon-bill-panel .pos-bill-breakdown{flex:none;order:5;margin-top:12px}.salon-bill-panel .pos-quick-tender-deck{flex:none;order:6}.salon-bill-panel .pos-main-charge-btn{flex:none;order:7;margin-top:0}.salon-appointments{max-width:1500px;margin:0 auto}.salon-appointments-hero{padding:14px 0 25px}.salon-hero-actions{flex-wrap:wrap;gap:9px;display:flex}.salon-appointment-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px;display:grid}.salon-appointment-stats>div{background:linear-gradient(145deg,#fff,#f5faff);border:1px solid #dce8f3;border-radius:16px;padding:17px 20px}.salon-appointment-stats span,.salon-appointment-stats strong{display:block}.salon-appointment-stats span{color:#64748b;font-size:12px}.salon-appointment-stats strong{letter-spacing:-.04em;margin-top:6px;font-size:28px}.salon-agenda-panel{background:#fff;border:1px solid #dce8f3;border-radius:19px;overflow:hidden;box-shadow:0 12px 38px #002f630b}.salon-agenda-toolbar{border-bottom:1px solid #e9f1f8;flex-wrap:wrap;align-items:center;padding:20px 22px}.salon-date-nav{align-items:center;gap:12px;display:flex}.salon-date-nav>button:not(.salon-today-button){cursor:pointer;background:#fff;border:1px solid #dce8f3;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.salon-date-nav>div span{letter-spacing:.14em;color:var(--primary-700,#005ead);font-size:10px;font-weight:800}.salon-date-nav h2{letter-spacing:-.025em;margin:2px 0;font-size:20px}.salon-today-button{cursor:pointer;background:#f5faff;border:1px solid #dce8f3;border-radius:9px;padding:9px 12px}.salon-agenda-filters{flex-wrap:wrap;align-items:end;gap:9px;display:flex}.salon-agenda-filters label{color:#64748b;gap:4px;font-size:11px;font-weight:700;display:grid}.salon-agenda-filters select,.salon-agenda-filters input{min-width:130px;min-height:44px;font-size:13px}.salon-appointment-card{border-bottom:1px solid #e9f1f8;grid-template-columns:92px minmax(0,1fr) auto;align-items:start;gap:18px;padding:17px 10px;display:grid}.salon-appointment-card:last-child{border:0}.salon-appointment-time{border-left:3px solid var(--primary-500,#0089fd);gap:3px;padding-left:11px;display:grid}.salon-appointment-time strong{font-size:17px}.salon-appointment-time span{color:#64748b;font-size:12px}.salon-appointment-title{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.salon-appointment-title h3{letter-spacing:-.02em;margin:0;font-size:16px}.salon-status{text-transform:capitalize;background:var(--primary-50,#ebf6ff);color:var(--primary-800,#004885);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.salon-status.arrived{color:#3f7960;background:#e9f3ed}.salon-status.completed{color:#60738d;background:#edf1f6}.salon-status.cancelled,.salon-status.no_show{color:#80757d;background:#f4f2f3}.salon-appointment-meta{color:#64748b;flex-wrap:wrap;gap:13px;margin:8px 0;font-size:12px;display:flex}.salon-appointment-meta span{align-items:center;gap:4px;display:inline-flex}.salon-appointment-body p{margin:0;font-size:13px}.salon-appointment-note{color:#64748b;margin-top:6px;display:block}.salon-appointment-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.salon-appointment-actions select{color:#010f2b;background:#fff;border:1px solid #dce8f3;border-radius:9px;min-height:44px;padding:0 7px}.salon-agenda-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.salon-agenda-empty h3{color:#010f2b;margin:12px 0 0}.salon-agenda-empty p{margin:5px 0 16px}.salon-appointment-dialog{width:min(100%,710px);padding-bottom:18px}.salon-dialog-scroll{max-height:60vh;padding-right:6px;overflow:auto}.salon-form-section{border-top:1px solid #e9f1f8;padding:20px 0}.salon-form-section h3{margin:0 0 16px;font-size:16px}.salon-segmented{background:#ebf6ff;border-radius:10px;margin-bottom:15px;padding:4px;display:flex}.salon-segmented button{cursor:pointer;color:#64748b;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;display:flex}.salon-segmented button[aria-pressed=true]{color:var(--primary-800,#004885);background:#fff;box-shadow:0 2px 7px #002f6314}.salon-selected-customer{border:1px solid var(--primary-200,#a3d5ff);background:var(--primary-50,#ebf6ff);border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.salon-selected-customer span{flex:1}.salon-selected-customer strong,.salon-selected-customer small{display:block}.salon-selected-customer small{color:#80737b}.salon-customer-results{max-height:170px;overflow:auto}.salon-customer-results button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eee8ed;align-items:center;gap:11px;width:100%;padding:10px;display:flex}.salon-customer-results button span{flex:1}.salon-customer-results strong,.salon-customer-results small{display:block}.salon-customer-results small{color:#847780;font-size:11px}.salon-quick-register{grid-template-columns:1fr 1fr;gap:10px;display:grid}.salon-quick-register label:first-child{grid-column:1/-1}.salon-quick-register button{grid-column:1/-1;justify-self:start}.salon-service-picks{grid-template-columns:1fr 1fr;gap:15px;display:grid}.salon-service-picks>div>strong{color:var(--primary-700,#005ead);margin:0 0 7px;display:block}.salon-service-pick{cursor:pointer;border:1px solid #dce8f3;border-radius:9px;align-items:center;gap:8px;min-height:42px;margin-bottom:5px;padding:7px 8px;display:flex}.salon-service-pick input{accent-color:var(--primary-500,#0089fd);width:18px;height:18px}.salon-service-pick span{flex:1;font-size:12px}.salon-service-pick small{color:#887b84;display:block}.salon-service-pick b{font-size:12px}.salon-appointment-summary{background:var(--primary-50,#ebf6ff);border-radius:11px;justify-content:space-between;gap:12px;padding:12px;font-weight:700;display:flex}.salon-appointment-summary span:first-child{align-items:center;gap:5px;display:flex}.salon-staff-list{max-height:260px;margin-bottom:18px;overflow:auto}.salon-staff-list>div{border-bottom:1px solid #eee8ed;align-items:center;gap:8px;min-height:49px;display:flex}.salon-staff-list strong{flex:1}.salon-staff-list span{color:#8a7e85;font-size:12px}@media (max-width:1050px){.salon-appointment-card{grid-template-columns:75px 1fr}.salon-appointment-actions{grid-column:2;justify-content:flex-start}}@media (max-width:720px){.salon-manager{padding:16px}.salon-manager-head,.salon-service-panel-head,.salon-appointments-hero{flex-direction:column}.salon-manager-layout{grid-template-columns:1fr}.salon-group-list{display:flex;overflow:auto}.salon-group-mini{min-width:145px}.salon-appointment-stats{grid-template-columns:repeat(2,1fr)}.salon-agenda-toolbar{align-items:stretch}.salon-agenda-filters{width:100%}.salon-appointment-card{grid-template-columns:1fr;gap:8px}.salon-appointment-actions{grid-column:1}.salon-service-picks,.salon-quick-register{grid-template-columns:1fr}.salon-quick-register label:first-child,.salon-quick-register button{grid-column:1}.salon-register-heading{flex-direction:column}.salon-register-catalog{padding:16px}.salon-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.salon-register-tile{min-height:0}.salon-register-tile-content strong{font-size:17px}.salon-register-tile-content{border-radius:10px;gap:4px;padding:10px;inset:auto 8px 8px}.salon-register-tile-content small{font-size:11px}.salon-register-tile-content small svg{padding:2px}.salon-dialog{padding:18px}.salon-two-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.salon-register-tile,.salon-option-card,.salon-icon-button{transition:transform .15s cubic-bezier(.23,1,.32,1),box-shadow .15s cubic-bezier(.23,1,.32,1)}.salon-register-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #17374f14}.salon-register-tile:active,.salon-option-card:active{transform:scale(.985)}}.salon-appointments-hero{align-items:center}.salon-appointments-hero h1{margin-bottom:5px}.salon-view-tabs{border-bottom:1px solid #e3edf7;gap:6px;padding:10px 18px 0;display:flex}.salon-view-tabs button{color:#64748b;min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 18px;font-size:14px;font-weight:700}.salon-view-tabs button[aria-selected=true]{color:var(--primary-700,#005ead);border-bottom-color:var(--primary-500,#0089fd)}.salon-agenda-toolbar{border-bottom:0;padding:20px 24px 14px}.salon-history-title h2{letter-spacing:-.025em;margin:4px 0 0;font-size:22px}.salon-history-title p{color:#64748b;margin:4px 0 0;font-size:12px}.salon-appointment-search{color:#60738d;background:#fff;border:1px solid #cfdfee;border-radius:12px;align-items:center;gap:10px;margin:0 24px 12px;padding:5px 6px 5px 14px;display:flex}.salon-appointment-search:focus-within{border-color:var(--primary-500,#0089fd);box-shadow:0 0 0 3px #0089fd1f}.salon-appointment-search input{color:#010f2b;min-width:0;min-height:39px;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.salon-search-clear{color:#64748b;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.salon-search-context{color:#64748b;margin:0 24px 10px;font-size:12px}.salon-agenda-list{padding:0 24px 8px}.salon-appointment-card{grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:22px;padding:19px 2px}.salon-appointment-time{border-left:0;padding-left:0}.salon-appointment-time small{color:#64748b;white-space:nowrap;font-size:11px}.salon-appointment-time strong{font-variant-numeric:tabular-nums;font-size:17px}.salon-appointment-body{min-width:0}.salon-appointment-title{gap:9px}.salon-appointment-title h3{font-size:16px}.salon-appointment-meta{margin:7px 0 10px}.salon-appointment-services{flex-wrap:wrap;gap:5px;display:flex}.salon-appointment-services span{color:#174d7b;background:#f4f9fe;border:1px solid #d7e8f7;border-radius:7px;align-items:center;min-height:28px;padding:4px 9px;font-size:12px;font-weight:650;line-height:1.3;display:inline-flex}.salon-appointment-note{margin-top:10px;line-height:1.4}.salon-appointment-actions .button{white-space:nowrap}.salon-history-pages{color:#64748b;border-top:1px solid #e3edf7;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;font-size:13px;display:flex}.salon-history-pages>div{gap:8px;display:flex}.salon-history-pages .button{min-height:40px}.salon-appointment-dialog{flex-direction:column;width:min(100%,820px);max-height:min(94vh,920px);padding:0;display:flex;overflow:hidden}.salon-appointment-dialog .salon-dialog-head{border-bottom:1px solid #e3edf7;flex:none;align-items:center;margin-bottom:0;padding:22px 26px 18px}.salon-appointment-dialog .salon-dialog-head h2{margin:5px 0 0}.salon-appointment-dialog .salon-dialog-scroll{flex:1;max-height:none;padding:0 26px}.salon-appointment-dialog .salon-form-section:first-child{border-top:0}.salon-appointment-dialog .salon-appointment-summary{margin:0 26px 12px}.salon-appointment-dialog .salon-dialog-actions{background:#fff;border-top:1px solid #e3edf7;margin:0;padding:14px 26px 20px}.salon-appointment-dialog .salon-feedback{margin:0 26px 10px}.salon-back-to-visit{min-height:43px;color:var(--primary-700,#005ead);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:7px;margin:8px 26px 0;padding:0;font-weight:700;display:inline-flex}.salon-form-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.salon-form-section-head h3{margin:0 0 3px}.salon-form-section-head p{color:#64748b;margin:0;font-size:12px}.salon-selected-services{gap:6px;display:grid}.salon-selected-services>div{border:1px solid #dce8f3;border-radius:9px;justify-content:space-between;gap:12px;padding:11px 13px;font-size:13px;display:flex}.salon-selected-services span{white-space:nowrap;font-weight:700}.salon-service-picks{gap:20px}.salon-service-picks>div>strong{margin-bottom:10px;font-size:13px}.salon-service-pick{text-align:left;width:100%;min-height:58px;font:inherit;color:#010f2b;touch-action:manipulation;background:#fff;padding:9px 11px}.salon-service-pick.chosen{border-color:var(--primary-400,#299dff);background:var(--primary-50,#ebf6ff)}.salon-service-pick:focus-visible,.salon-view-tabs button:focus-visible,.salon-visit-secondary-actions button:focus-visible{outline:3px solid var(--primary-500,#0089fd);outline-offset:2px}.salon-pick-indicator{width:28px;height:28px;color:var(--primary-700,#005ead);background:#fff;border:1px solid #c9ddeb;border-radius:8px;place-items:center;display:grid;flex:none!important}.salon-service-pick.chosen .salon-pick-indicator{background:var(--primary-500,#0089fd);border-color:var(--primary-500,#0089fd);color:#fff}.salon-service-pick>span:nth-child(2){min-width:0;font-weight:650}.salon-service-pick b{white-space:nowrap}.salon-done-choosing{min-height:42px;color:var(--primary-700,#005ead);cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0 10px;font-weight:700}.salon-visit-overview{padding:22px 26px;overflow:auto}.salon-visit-topline,.salon-visit-facts,.salon-visit-facts>span,.salon-visit-facts>a{align-items:center;gap:9px;display:flex}.salon-visit-topline{color:#64748b;justify-content:space-between;font-size:12px}.salon-visit-time{color:#010f2b;letter-spacing:-.025em;align-items:center;gap:9px;margin:16px 0 12px;font-size:20px;display:flex}.salon-visit-time svg{color:var(--primary-700,#005ead)}.salon-visit-facts{color:#42566f;flex-wrap:wrap;gap:10px 24px;font-size:13px}.salon-visit-facts a{color:var(--primary-700,#005ead);text-decoration:none}.salon-visit-order{border:1px solid #dce8f3;border-radius:14px;margin-top:25px;overflow:hidden}.salon-visit-section-head{background:#f4f9fe;justify-content:space-between;align-items:end;gap:12px;padding:16px 18px;display:flex}.salon-visit-section-head h3{letter-spacing:-.025em;margin:5px 0 0;font-size:17px}.salon-visit-section-head>strong{color:#64748b;white-space:nowrap;font-size:12px}.salon-visit-order ol{margin:0;padding:0 18px;list-style:none}.salon-visit-order li{border-top:1px solid #e8eff6;align-items:center;gap:13px;min-height:62px;padding:9px 0;display:flex}.salon-service-number{color:var(--primary-700,#005ead);font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.salon-visit-order li>div{flex:1;gap:3px;min-width:0;display:grid}.salon-visit-order li strong{font-size:14px}.salon-visit-order li small{color:#64748b;font-size:11px}.salon-visit-order li b{white-space:nowrap;font-size:13px}.salon-visit-note{background:#f7f9fc;border-radius:11px;margin-top:16px;padding:14px 16px;font-size:13px}.salon-visit-note p{white-space:pre-wrap;margin:5px 0 0;line-height:1.5}.salon-visit-actions,.salon-status-confirm{border-top:1px solid #e3edf7;flex-wrap:wrap;align-items:center;gap:9px;padding:17px 26px 21px;display:flex}.salon-visit-secondary-actions{gap:4px;margin-left:auto;display:flex}.salon-visit-secondary-actions button{color:#64748b;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 9px;font-size:12px;font-weight:650}.salon-visit-secondary-actions button:hover{color:#9a3040}.salon-status-confirm{justify-content:flex-end}.salon-status-confirm span{margin-right:auto;font-weight:700}.salon-bill-lines,.salon-register-catalog,.salon-dialog-scroll,.salon-visit-overview,.salon-agenda-list{scrollbar-width:thin;scrollbar-color:#b8d3e8 transparent}.salon-bill-lines::-webkit-scrollbar{width:7px;height:7px}.salon-register-catalog::-webkit-scrollbar{width:7px;height:7px}.salon-dialog-scroll::-webkit-scrollbar{width:7px;height:7px}.salon-visit-overview::-webkit-scrollbar{width:7px;height:7px}.salon-agenda-list::-webkit-scrollbar{width:7px;height:7px}.salon-bill-lines::-webkit-scrollbar-track{background:0 0}.salon-register-catalog::-webkit-scrollbar-track{background:0 0}.salon-dialog-scroll::-webkit-scrollbar-track{background:0 0}.salon-visit-overview::-webkit-scrollbar-track{background:0 0}.salon-agenda-list::-webkit-scrollbar-track{background:0 0}.salon-bill-lines::-webkit-scrollbar-thumb{background:#b8d3e8;border-radius:999px}.salon-register-catalog::-webkit-scrollbar-thumb{background:#b8d3e8;border-radius:999px}.salon-dialog-scroll::-webkit-scrollbar-thumb{background:#b8d3e8;border-radius:999px}.salon-visit-overview::-webkit-scrollbar-thumb{background:#b8d3e8;border-radius:999px}.salon-agenda-list::-webkit-scrollbar-thumb{background:#b8d3e8;border-radius:999px}@media (max-width:720px){.salon-agenda-toolbar{padding:16px}.salon-appointment-search{margin-inline:16px}.salon-agenda-list{padding-inline:16px}.salon-appointment-card{grid-template-columns:1fr;gap:9px}.salon-appointment-time{align-items:baseline;gap:8px;display:flex}.salon-appointment-actions{grid-column:1}.salon-appointment-dialog .salon-dialog-head,.salon-visit-overview,.salon-visit-actions,.salon-status-confirm,.salon-appointment-dialog .salon-dialog-scroll,.salon-appointment-dialog .salon-dialog-actions{padding-inline:18px}.salon-appointment-dialog .salon-appointment-summary{margin-inline:18px}.salon-visit-secondary-actions{width:100%;margin-left:0}.salon-service-pick b{font-size:11px}}.salon-appointment-payment-hint{color:var(--primary-700,#005ead);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.salon-payment-overview{background:#d8e8f5;border:1px solid #d8e8f5;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:20px;padding:1px;display:grid;overflow:hidden}.salon-payment-overview>div{background:#fff;gap:7px;min-width:0;padding:14px 15px;display:grid}.salon-payment-overview span{color:#5f7188;font-size:11px;font-weight:700}.salon-payment-overview strong{color:#112b48;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px}.salon-payment-overview .salon-payment-due{background:var(--primary-50,#ebf6ff)}.salon-payment-overview .salon-payment-due strong{color:var(--primary-800,#004885);font-size:20px}.salon-payment-history{color:#52677e;margin-top:12px;font-size:12px}.salon-payment-history summary{cursor:pointer;width:fit-content;min-height:40px;color:var(--primary-700,#005ead);align-items:center;font-weight:700;display:flex}.salon-payment-history ul{border:1px solid #dce8f3;border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.salon-payment-history li{border-top:1px solid #e8eff6;justify-content:space-between;gap:10px;padding:9px 12px;display:flex}.salon-payment-history li:first-child{border-top:0}.salon-payment-history strong{color:#173b5f;font-variant-numeric:tabular-nums;white-space:nowrap}.salon-payment-composer{border:1px solid var(--primary-200,#a3d5ff);background:#f7fbff;border-radius:14px;margin:0 26px 18px;padding:19px;box-shadow:0 12px 26px #11457314}.salon-payment-composer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.salon-payment-composer-head h3{letter-spacing:-.025em;margin:4px 0;font-size:17px}.salon-payment-composer-head p{color:#52677e;margin:0 0 15px;font-size:12px}.salon-payment-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.salon-payment-fields label{color:#273f58;gap:7px;font-size:12px;font-weight:700;display:grid}.salon-payment-fields label span{color:#64748b;font-weight:500}.salon-payment-fields input{color:#102a43;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #cbdceb;border-radius:9px;padding:10px 12px;font-size:14px}.salon-payment-methods{gap:8px;margin-top:13px;display:flex}.salon-payment-methods button{color:#42566f;min-height:46px;font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #cfdfec;border-radius:9px;flex:1;padding:8px 12px;font-size:13px;font-weight:700}.salon-payment-methods button[aria-pressed=true]{border-color:var(--primary-500,#0089fd);background:var(--primary-50,#ebf6ff);color:var(--primary-800,#004885);box-shadow:inset 0 0 0 1px var(--primary-500,#0089fd)}.salon-payment-composer-actions{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.salon-payment-composer-actions .button{min-height:46px}.salon-advance-toggle{min-height:44px;color:var(--primary-700,#005ead);cursor:pointer;background:0 0;border:0;font-weight:750}.salon-advance-entry{background:#f7fbff;border:1px solid #d8e8f5;border-radius:12px;padding:16px}.salon-advance-note{color:#60748a;margin:10px 0 0;font-size:11px}.salon-appointment-summary{align-items:center}.salon-booking-money-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px 15px;font-size:12px;display:flex}.salon-booking-money-summary span{color:#49657c;font-weight:600}.salon-booking-money-summary strong{color:var(--primary-800,#004885);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.salon-payment-methods button:focus-visible,.salon-advance-toggle:focus-visible,.salon-payment-history summary:focus-visible{outline:3px solid var(--primary-500,#0089fd);outline-offset:2px}@media (max-width:720px){.salon-payment-composer{margin-inline:18px}.salon-payment-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-payment-overview .salon-payment-due{grid-column:1/-1}.salon-payment-fields{grid-template-columns:1fr}.salon-appointment-summary{flex-direction:column;align-items:flex-start}.salon-booking-money-summary{justify-content:flex-start}}
.electronics-category-manager{color:#182d44}.electronics-category-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;display:flex}.electronics-category-toolbar h2{letter-spacing:-.04em;margin:4px 0;font-size:24px}.electronics-category-toolbar p{color:#6a7f91;margin:0;font-size:13px}.electronics-category-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.electronics-category-tree,.electronics-category-detail{background:#fff;border:1px solid #dbe6ef;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #163c6210}.electronics-category-tree{scrollbar-width:thin;scrollbar-color:#c4d7e7 transparent;max-height:650px;padding:8px;overflow-y:auto}.electronics-category-tree button{text-align:left;color:#314c64;background:#fff;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:47px;padding-right:12px;font-size:13px;font-weight:650;display:flex}.electronics-category-tree button:hover,.electronics-category-tree button.selected{color:#005fa9;background:#eaf5ff}.electronics-tree-dot{border-radius:50%;flex:none;width:10px;height:10px}.electronics-category-tree button span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.electronics-category-tree button small{color:#8093a4}.electronics-category-detail{min-height:360px;padding:20px}.electronics-category-preview{color:#fff;border-radius:14px;align-items:flex-end;height:210px;margin-bottom:18px;padding:22px;display:flex;position:relative;overflow:hidden}.electronics-category-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.electronics-category-preview .salon-register-tile-scrim{background:linear-gradient(#0000 25%,#071a38ba);position:absolute;inset:0}.electronics-category-preview strong{z-index:1;letter-spacing:-.04em;text-shadow:0 1px 6px #001b3990;font-size:28px;position:relative}.electronics-category-detail-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.electronics-category-detail-head h3{letter-spacing:-.03em;margin:5px 0;font-size:21px}.electronics-category-detail-head p{color:#6a7e90;margin:0;font-size:12px}.electronics-category-detail-head>span{color:#176948;background:#e7f5ee;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:750}.electronics-category-counts{gap:10px;margin:18px 0;display:flex}.electronics-category-counts>div{background:#f1f7fc;border-radius:11px;min-width:130px;padding:12px 15px;display:grid}.electronics-category-counts strong{color:#075eaa;font-size:20px}.electronics-category-counts span{color:#647d92;font-size:11px}.electronics-category-children{border-top:1px solid #e8eef4;gap:4px;padding-top:16px;display:grid}.electronics-category-children>strong{margin-bottom:4px;font-size:12px}.electronics-category-children button{text-align:left;color:#2e5876;background:#f6f9fc;border:0;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:8px 12px;display:flex}.electronics-category-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.electronics-category-actions button,.electronics-category-toolbar button{min-height:44px}.electronics-delete-button{color:#a3493f;background:#fff;border:1px solid #edd7d4;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.electronics-category-empty{color:#6d8295;text-align:center;padding:35px 18px;font-size:13px}.electronics-category-dialog{max-width:540px}.electronics-category-manager button:focus-visible{outline-offset:2px;outline:3px solid #73b6e9}.sidebar-category-control{background:#f3f9fe;border:1px solid #caddec;border-radius:12px;margin:12px 11px 8px;padding:12px}.sidebar-category-control>span{color:#69829c;letter-spacing:.1em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.sidebar-category-control button{color:#0867af;text-align:left;background:#fff;border:0;border-radius:9px;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 10px;display:flex}.sidebar-category-control button strong{white-space:nowrap;flex:1;font-size:12px}.sidebar-category-control button span{color:#6687a3;font-size:10px}.sidebar-category-control button:disabled{opacity:.65}.settings-category-view-card{background:linear-gradient(120deg,#fff,#f2f8fd);border:1px solid #d5e5f1;border-radius:15px;align-items:center;gap:16px;margin:16px 0;padding:18px;display:flex}.settings-category-view-icon{color:#066caf;background:#e5f2fd;border-radius:13px;flex:none;place-items:center;width:50px;height:50px;display:grid}.settings-category-view-card>div:nth-child(2){flex:1}.settings-category-view-card h2{margin:3px 0;font-size:17px}.settings-category-view-card p{color:#61788d;margin:0;font-size:12px;line-height:1.45}.settings-category-view-card small{color:#0570b7}.settings-category-view-card button{min-height:44px}.settings-category-view-state{color:#1767a3;white-space:nowrap;background:#e6f3fd;border-radius:20px;padding:7px 10px;font-size:11px}@media (max-width:750px){.electronics-category-layout{grid-template-columns:1fr}.electronics-category-tree{max-height:320px}.electronics-category-toolbar{align-items:flex-start}.settings-category-view-card{flex-wrap:wrap;align-items:flex-start}.settings-category-view-card>div:nth-child(2){min-width:calc(100% - 70px)}}.electronics-tree-label{gap:2px;min-width:0;display:grid}.electronics-tree-label strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.electronics-tree-label small{color:#8297a9;font-size:10px;font-weight:500;display:block}
.mobile-nav-trigger,.mobile-nav-backdrop,.mobile-sidebar-close{display:none}.sidebar-head{display:contents}@media (min-width:961px){.app-shell-focused>.sidebar{display:none}.sidebar-category-control{box-sizing:border-box;flex:none;width:calc(100% - 22px);min-width:0}.sidebar:not(:hover) .sidebar-category-control{background:0 0;border:0;width:100%;margin:12px 0 8px;padding:0;overflow:hidden}.sidebar:not(:hover) .sidebar-category-control>span,.sidebar:not(:hover) .sidebar-category-control button strong,.sidebar:not(:hover) .sidebar-category-control button span{display:none}.sidebar:not(:hover) .sidebar-category-control button{background:#f3f9fe;border-radius:10px;justify-content:center;width:100%;min-height:44px;padding:0}.sidebar:not(:hover) .sidebar-category-control button svg{flex:none}}@media (max-width:960px){.workspace{margin-left:0!important}.mobile-nav-trigger{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:72;color:#0768b0;width:56px;height:56px;font:inherit;cursor:pointer;transition:transform .14s var(--ease-out),opacity .16s var(--ease-out),background-color .16s ease;background:#fff;border:1px solid #bfd6e8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:fixed;box-shadow:0 7px 22px #123e642b}.mobile-nav-trigger span{letter-spacing:.02em;font-size:9px;font-weight:800}.mobile-nav-trigger:active{transform:scale(.97)}.mobile-nav-trigger[aria-expanded=true]{opacity:0;pointer-events:none}.mobile-nav-backdrop{z-index:63;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease-out),visibility 0s linear .2s;cursor:pointer;background:#071b35a6;border:0;display:block;position:fixed;inset:0}.mobile-nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s var(--ease-out),visibility 0s}.sidebar,.sidebar:hover{visibility:hidden;pointer-events:none;transition:none;transform:translate(-100%);inset:0 auto 0 0!important;z-index:65!important;width:min(86vw,340px)!important;max-width:340px!important;height:100dvh!important;max-height:100dvh!important;padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;background:#fff!important;border:0!important;border-right:1px solid #dce7f0!important;border-radius:0!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important;overflow:hidden!important;box-shadow:12px 0 36px #0e274536!important}.sidebar.mobile-open,.sidebar.mobile-open:hover{visibility:visible;pointer-events:auto;transition:transform .24s var(--ease-drawer),visibility 0s;transform:translate(0)}.sidebar-head{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 3px;display:flex}.sidebar .brand,.sidebar:hover .brand{flex:none;justify-content:flex-start!important;width:auto!important;margin:0!important;padding:0!important;display:flex!important}.sidebar .sidebar-brand-img,.sidebar:hover .sidebar-brand-img{width:118px!important;max-width:118px!important;height:auto!important;max-height:36px!important;margin:0!important}.mobile-sidebar-close{color:#31556e;cursor:pointer;background:#f6f9fc;border:1px solid #dce7f0;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.workspace-identity{flex:none;width:100%;margin:4px 0 0;padding:8px 4px 13px;align-items:center!important;display:flex!important}.workspace-meta,.sidebar:hover .workspace-meta{opacity:1;pointer-events:auto;width:auto;display:block!important}.nav-label,.sidebar:hover .nav-label{opacity:1;flex:none;margin:14px 9px 8px;display:block!important}.sidebar nav,.sidebar:hover nav{scrollbar-width:thin;scrollbar-color:#c7d9e8 transparent;flex:1;min-height:0;overflow:hidden auto;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:3px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 2px 4px 0!important;display:flex!important}.nav-link,.sidebar:hover .nav-link{text-align:left!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:48px!important;box-shadow:none!important;color:#344e65!important;background:0 0!important;border-radius:10px!important;flex-direction:row!important;flex:none!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;display:flex!important}.nav-link .nav-icon{object-fit:contain;flex:none;width:26px!important;height:26px!important;display:block!important}.nav-link .nav-text,.sidebar .nav-link .nav-text,.sidebar:hover .nav-link .nav-text{flex:1;opacity:1!important;white-space:normal!important;pointer-events:auto!important;width:auto!important;max-width:none!important;color:inherit!important;font-size:13px!important;font-weight:650!important;line-height:1.25!important;display:block!important;overflow:visible!important}.nav-link .nav-chevron{opacity:0;flex:none;display:block!important}.nav-link.active,.sidebar:hover .nav-link.active{color:#0069b6!important;box-shadow:none!important;background:#e8f4ff!important}.nav-link.active .nav-chevron{opacity:1}.sidebar-category-control{flex:none;width:100%;margin:8px 0 0;padding:10px;display:block}.sidebar-bottom{flex-direction:column;flex:none;margin-top:0;padding:7px 0 0;display:flex!important}.sidebar-note{display:none!important}.sidebar-online-status .online-text{opacity:1;width:auto}.profile{justify-content:flex-start;padding:9px 2px 2px}.profile-avatar{display:flex!important}.profile-meta,.profile-signout,.sidebar:hover .profile-meta,.sidebar:hover .profile-signout{opacity:1;pointer-events:auto;width:auto;display:block!important}.profile-meta{flex:1;min-width:0}.profile-signout .icon-button{min-width:44px!important;min-height:44px!important}.app-shell-focused>.sidebar{display:flex!important}.mobile-nav-trigger:focus-visible,.mobile-sidebar-close:focus-visible,.sidebar a:focus-visible,.sidebar button:focus-visible{outline-offset:2px;outline:3px solid #7ab8e9}}@media (max-width:640px){.main-content{padding-bottom:24px}}@media (prefers-reduced-motion:reduce) and (max-width:960px){.sidebar,.sidebar:hover{opacity:0;transition:opacity .15s var(--ease-out),visibility 0s linear .15s;transform:none}.sidebar.mobile-open,.sidebar.mobile-open:hover{opacity:1;transition:opacity .15s var(--ease-out),visibility 0s;transform:none}.mobile-nav-trigger{transition:opacity .15s var(--ease-out)}}@media print{.mobile-nav-trigger,.mobile-nav-backdrop,.mobile-sidebar-close{display:none!important}}@media (max-width:960px){.sidebar[data-mobile-animated=true]:not(.mobile-open){transition:transform .24s var(--ease-drawer),visibility 0s linear .24s}}@media (prefers-reduced-motion:reduce) and (max-width:960px){.sidebar[data-mobile-animated=true]:not(.mobile-open){transition:opacity .15s var(--ease-out),visibility 0s linear .15s}}