@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{--green:#173d32;--green2:#245343;--lime:#d5f779;--bg:#f5f6f3;--text:#202d27;--muted:#7c877f;--line:#e7ebe5;--orange:#bc702d;--red:#b04843;--shadow:0 5px 25px #21392d05}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',system-ui,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #92bc48;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #8cab65;outline-offset:1px}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Manrope',system-ui,sans-serif}h1{font-size:30px;font-weight:750;letter-spacing:-1px}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--green);color:#fff;padding:34px 21px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:1px}.brand-icon{height:36px;width:36px;background:var(--lime);color:var(--green);font-size:30px;font-weight:800;border-radius:10px;line-height:36px;padding-left:8px;position:relative;transform:rotate(-8deg)}.brand-icon span{position:absolute;right:3px;bottom:-8px;font-size:25px}.brand small{display:block;font:7px 'DM Sans',sans-serif;letter-spacing:1.9px;opacity:.55;margin-top:6px}.venue{display:flex;gap:9px;align-items:center;border:1px solid #ffffff1c;padding:14px 12px;margin:32px 0;color:#e6eee9;border-radius:9px;font-size:13px}.venue small{display:block;font-size:10px;color:#9db6a9;margin-top:4px}.live-dot,.save-status i{display:block;width:7px;height:7px;background:var(--lime);border-radius:50%}.venue-arrow{margin-left:auto;opacity:.5}.nav-label{font-size:9px;letter-spacing:1.7px;color:#8ba999;margin:0 12px 14px}nav{display:grid;gap:6px}nav a{padding:13px 13px;display:flex;align-items:center;gap:12px;color:#bdd0c5;border-radius:7px;font-size:13px;font-weight:500}nav a svg{width:18px;height:18px}nav a:hover{background:#ffffff0a;color:#fff}nav a.active{background:var(--lime);color:var(--green);font-weight:700}.nav-count{margin-left:auto;background:#183e3314;border-radius:5px;padding:1px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:28px}.field-art{border:1px solid #ffffff15;background:#ffffff04;border-radius:10px;padding:19px 17px;position:relative;overflow:hidden;margin-bottom:20px}.field-art p{position:relative;font-size:11px;line-height:1.8;color:#a6bfb1}.field-art strong{font-weight:500;color:#e7eee9}.pitch-mark{position:absolute;right:-20px;top:12px;height:80px;width:95px;border:1px solid #9dbb972b;border-radius:4px;transform:rotate(-15deg)}.pitch-mark:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #9dbb9733}.pitch-mark i{position:absolute;left:27px;top:22px;border:1px solid #9dbb9733;width:38px;height:38px;border-radius:50%}.settings-link{display:flex;gap:12px;align-items:center;color:#aec5b8;font-size:12px;padding:9px 13px 22px}.settings-link svg{width:17px}.profile{border-top:1px solid #ffffff15;padding:21px 0;display:flex;gap:10px;align-items:center;font-size:11px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dce5cf;color:var(--green);font-weight:700}.profile small{display:block;color:#8ead9c;font-size:10px;margin-top:4px}.profile>svg{margin-left:auto;width:14px;color:#85a592}.workspace{margin-left:246px}.topbar{height:77px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 38px;background:#fff}.breadcrumb{color:#8c948f;font-size:12px}.breadcrumb span{padding:0 12px;color:#c5cbc6}.breadcrumb strong{font-weight:500;color:#39463d}.topbar-right{display:flex;align-items:center;gap:20px}.save-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#7c887f}.save-status i{width:6px;height:6px;background:#74a37e}.avatar.small{width:31px;height:31px;font-size:11px}.icon-btn{border:0;background:none;color:#768379;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border-radius:6px}.icon-btn:hover{background:#f0f3ed}.icon-btn svg{width:17px;height:17px}#mobile-menu{display:none}main{padding:34px 38px 25px;max-width:1600px;min-height:calc(100vh - 135px)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-head p{font-size:12px;color:var(--muted);margin-top:9px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#81917f;margin-bottom:9px}.head-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid #dfe5dc;border-radius:7px;padding:11px 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;background:white;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.4}.btn svg{width:16px;height:16px}.btn:hover{background:#f1f4ec}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:#2b5542}.btn.lime{background:var(--lime);border-color:var(--lime);color:var(--green)}.btn.subtle{background:transparent;border-color:transparent;color:var(--muted)}.btn.danger{background:#fff6f4;border-color:#edccc6;color:var(--red)}.btn.sm{padding:7px 10px;font-size:11px}.date-pill{display:flex;align-items:center;gap:8px;font-size:11px;color:#6e7e70;padding:11px;background:#eef1e9;border:1px solid #e4e8dc;border-radius:6px}.date-pill svg{width:14px;height:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);padding:19px 20px;border-radius:11px;box-shadow:var(--shadow)}.stat-label{display:flex;justify-content:space-between;align-items:center;color:#738074;font-size:11px}.stat-label span{width:29px;height:29px;background:#f2f5ed;border-radius:7px;display:grid;place-items:center;color:#69865a}.stat-label svg{width:15px;height:15px}.stat-value{font-family:'Manrope',sans-serif;font-size:29px;letter-spacing:-1.2px;font-weight:750;margin-top:9px}.stat-meta{font-size:10px;color:#899187;margin-top:8px}.stat.featured{background:var(--green);border-color:var(--green);color:#fff}.stat.featured .stat-label{color:#c0d0bf}.stat.featured .stat-label span{background:#ffffff12;color:var(--lime)}.stat.featured .stat-meta{color:#b4c7b8}.stat.warning .stat-value{color:#b27331}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.card{border:1px solid var(--line);background:#fff;border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 23px;border-bottom:1px solid #eef0eb}.card-head p{font-size:10px;color:var(--muted);margin-top:6px}.card-head h2{font-size:15px}.text-link{font-size:11px;color:#51734d;font-weight:600;display:inline-flex;gap:5px;align-items:center}.text-link svg{width:13px}.date-nav{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;background:#fcfdfb;border-bottom:1px solid var(--line);font-size:11px;color:#61705f}.date-nav>div{display:flex;align-items:center;gap:8px}.date-nav input{font:inherit;border:0;background:transparent;color:inherit;max-width:120px;padding:3px}.badge{display:inline-block;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600;white-space:nowrap}.badge.green{background:#edf5e5;color:#63833f}.badge.orange{background:#fff1df;color:#a06e25}.badge.red{background:#f9e9e6;color:#ac5147}.badge.gray{background:#f0f1ed;color:#8a9189}.agenda-row{display:flex;align-items:center;gap:16px;padding:20px 23px;border-bottom:1px solid #f0f2ec}.agenda-row:last-child{border-bottom:0}.time-block{font-size:14px;font-weight:650;min-width:54px}.time-block small{display:block;font-size:10px;font-weight:400;color:#939b91;margin-top:5px}.reservation-line{width:3px;height:39px;background:#a2bf77;border-radius:3px;flex-shrink:0}.reservation-line.orange{background:#dab66b}.reservation-line.gray{background:#d9ddd6}.client-info{flex:1;min-width:0}.client-info strong{font-size:12px;font-weight:600}.client-info p{font-size:10px;color:#92998e;margin-top:6px}.row-money{text-align:right;font-size:12px;font-weight:650;min-width:85px}.row-money small{display:block;font-weight:400;font-size:9px;color:#8a9487;margin-top:5px}.agenda-bottom{display:flex;align-items:center;justify-content:center;padding:15px;border-top:1px dashed var(--line);font-size:10px;color:#8d9886;gap:6px}.agenda-bottom svg{width:13px;height:13px}.aside-stack{display:grid;gap:19px}.quick-card{background:#eef2e7;border:1px solid #e3e9d8;border-radius:11px;padding:22px}.quick-card>span{display:inline-flex;padding:8px;background:#fff9;border-radius:8px;color:#749157;margin-bottom:14px}.quick-card h3{font-size:16px}.quick-card p{font-size:11px;line-height:1.7;color:#829074;margin:8px 0 18px}.quick-card .btn{width:100%;background:#fff;border-color:#dee6d4}.stock-list{padding:7px 22px 15px}.stock-item{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #f2f3ee}.stock-item:last-child{border:0}.product-symbol{width:34px;height:34px;background:#f6f1e8;color:#b99764;display:grid;place-items:center;border-radius:7px}.product-symbol svg{width:17px;height:17px}.stock-item strong{display:block;font-size:11px}.stock-item small{display:block;color:#929b8b;font-size:9px;margin-top:4px}.stock-item .badge{margin-left:auto}.tiny-note{font-size:10px;color:#939b8e;padding:0 22px 20px}.empty{padding:40px 22px;text-align:center}.empty-icon{display:grid;place-items:center;height:50px;width:50px;margin:0 auto 17px;border-radius:15px;background:#f0f4e9;color:#7a925e}.empty-icon svg{width:24px;height:24px}.empty h3{font-size:14px}.empty p{color:#8c9686;font-size:11px;line-height:1.8;max-width:270px;margin:8px auto 17px}.empty.compact{padding:28px 20px}.empty.compact h3{font-size:12px}.empty.compact p{font-size:10px;margin-bottom:0}.welcome-banner{display:flex;gap:12px;align-items:center;background:#eff4e7;border:1px solid #dfe8d4;border-radius:9px;padding:15px 18px;margin-bottom:24px;font-size:11px;color:#71815e}.welcome-banner>span{color:#70904b}.welcome-banner strong{display:block;color:#4c6341;margin-bottom:4px;font-size:12px}.welcome-banner .btn{margin-left:auto}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar input,.toolbar select{border:1px solid #dfe5dc;border-radius:7px;padding:10px 12px;background:white;font-size:12px;color:#52634d}.toolbar input[type=search]{width:240px}.toolbar .spacer{flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:9px;letter-spacing:.8px;font-weight:600;color:#8a9583;background:#fbfcf9;padding:14px 20px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:17px 20px;border-bottom:1px solid #eef1e9}tr:last-child td{border-bottom:0}td small{display:block;font-size:10px;color:#929b89;margin-top:5px}td strong{font-weight:600}.cell-actions{display:flex;gap:5px}.money{font-variant-numeric:tabular-nums}.page-note{margin:15px 0;color:#87917f;font-size:11px;line-height:1.7}.pos-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-tile{border:1px solid var(--line);border-radius:10px;background:white;padding:19px;text-align:left;position:relative}.product-tile:hover{border-color:#a6b783;box-shadow:0 4px 15px #4a642712}.product-tile>.product-symbol{width:48px;height:48px;border-radius:12px;margin-bottom:20px}.product-tile>.product-symbol svg{width:24px;height:24px}.product-tile .category{font-size:9px;color:#8d9982;margin-bottom:6px}.product-tile h3{font-size:13px;line-height:1.5;margin-bottom:14px}.product-tile .tile-bottom{display:flex;justify-content:space-between;align-items:center}.product-tile .tile-bottom strong{font-size:16px}.product-tile .tile-bottom small{font-size:9px;color:#8e987f}.tile-plus{position:absolute;top:16px;right:15px;color:#567640;background:#eff4e5;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.tile-plus svg{width:14px;height:14px}.cart{position:sticky;top:20px}.cart-body{padding:20px}.cart-line{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--line);font-size:12px}.cart-line>div{display:flex;justify-content:space-between;align-items:center}.cart-line small{display:block;color:#86927b;font-size:10px;margin-top:6px}.quantity{display:flex;align-items:center;gap:10px;margin-top:12px}.quantity button{border:1px solid #e4e9dc;border-radius:5px;background:white;width:25px;height:25px}.cart-total{display:flex;justify-content:space-between;font-size:13px;font-weight:650;margin-bottom:20px}.cart-total strong{font-size:24px;letter-spacing:-1px}.cart .btn.primary{width:100%;margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}label{display:block;color:#61705a;font-size:11px;font-weight:500}label input,label select,label textarea{width:100%;margin-top:7px;border:1px solid #dfe4d8;background:#fff;border-radius:6px;padding:11px 12px;color:#2c3d27;font-size:13px;line-height:1.4}label textarea{resize:vertical;min-height:70px}label small{display:block;font-size:10px;color:#929b87;line-height:1.6;margin-top:7px;font-weight:400}.check-label{display:flex;align-items:start;gap:8px;line-height:1.7}.check-label input{width:16px;height:16px;margin:2px 0}.form-summary{background:#f3f6eb;border-radius:8px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;color:#768565;font-size:12px}.form-summary strong{color:var(--green);font-size:22px}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.form-error{display:none;background:#fff1ec;border-radius:6px;padding:11px;color:#a4533c;font-size:12px;margin-top:18px;line-height:1.6}.form-error:not(:empty){display:block}.info-box{padding:14px;border-radius:7px;background:#f3f6ec;color:#728262;font-size:11px;line-height:1.8;margin-bottom:20px}.info-box strong{color:#405a32}.warning-box{background:#fff4e5;color:#97723e}.settings-card{padding:25px;max-width:640px}.settings-card+.settings-card{margin-top:20px}.settings-card h2{margin-bottom:9px}.settings-card p{font-size:12px;color:#859279;line-height:1.8;margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.detail-grid>div{background:#f4f6ee;padding:14px 12px;border-radius:7px;font-size:10px;color:#839174}.detail-grid strong{display:block;color:#36502b;font-size:20px;margin-top:7px}.history-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.history-line small{font-size:10px;color:#8c987e}dialog{border:0;border-radius:14px;padding:27px;width:min(540px,calc(100% - 28px));max-height:90vh;color:var(--text);box-shadow:0 30px 100px #06241338}dialog::backdrop{background:#102a235c;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:25px}.dialog-heading small{font-size:9px;letter-spacing:1.7px;color:#8f9b80}.dialog-heading h2{font-size:22px;margin-top:7px}.loading-state{min-height:50vh;display:grid;place-content:center;justify-items:center;gap:15px;color:#86917d}.spinner{display:inline-block;width:25px;height:25px;border-radius:50%;border:2px solid #dbe3d3;border-top-color:#426732;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:25px;left:calc(50% + 123px);transform:translateX(-50%) translateY(30px);background:var(--green);color:#fff;padding:13px 22px;border-radius:8px;opacity:0;transition:.2s;z-index:99;font-size:12px;pointer-events:none;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}footer{padding:18px 38px 24px;display:flex;align-items:center;gap:14px;font-size:9px;font-weight:700;letter-spacing:1px;color:#8f9b82}footer span{font-weight:400;letter-spacing:0;color:#a1a995;font-size:10px}footer small{margin-left:auto;letter-spacing:0;font-weight:400;font-size:9px}.report-heading{display:flex;justify-content:space-between;padding:18px 22px;gap:12px;border-bottom:1px solid var(--line)}.report-heading p{font-size:11px;color:#8c987e}.positive{color:#55764a}.negative{color:#af6250}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:0 20px}.tab{padding:15px 12px;font-size:12px;color:#929b88;border:0;border-bottom:2px solid transparent;background:none}.tab.active{border-bottom-color:var(--green);color:var(--green);font-weight:600}.section-gap{margin-top:22px}.list-count{font-size:11px;color:#89967d;padding:16px 22px;border-top:1px solid var(--line)}
@media(min-width:1500px){main{padding:42px 48px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.stats{gap:20px}.stat{padding:23px}.stat-value{font-size:34px}.card-head{padding:24px}.agenda-row{padding:24px}}
@media(max-width:1150px){.sidebar{width:215px;padding-left:16px;padding-right:16px}.brand{font-size:17px}.workspace{margin-left:215px}main{padding:28px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.date-pill{display:none}.stat{padding:15px}.stat-value{font-size:26px}.card-head,.agenda-row{padding-left:17px;padding-right:17px}.agenda-row{gap:10px}.agenda-row .badge{display:none}.pos-grid{grid-template-columns:280px minmax(0,1fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#toast{left:calc(50% + 107px)}}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.aside-stack{grid-template-columns:1fr 1fr}.pos-grid{grid-template-columns:1fr}.cart{position:static}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-head{align-items:start}h1{font-size:25px}.page-head p{line-height:1.8}.head-actions .btn.subtle{display:none}footer small{display:none}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px;box-shadow:20px 0 60px #10372630}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar{height:62px;padding:0 17px;gap:10px}#mobile-menu{display:flex}.breadcrumb{margin-right:auto;font-size:10px}.topbar-right{gap:7px}.save-status{font-size:0}.save-status i{width:7px;height:7px}.avatar.small{width:27px;height:27px}.topbar-right>.icon-btn{display:none}main{padding:25px 17px 20px}.page-head{gap:10px;margin-bottom:23px}.page-head h1{font-size:24px}.page-head p{font-size:11px;max-width:195px}.head-actions{padding-top:5px}.btn{padding:10px 12px;font-size:11px}.head-actions .btn svg{width:14px}.stats{gap:10px;margin-bottom:18px}.stat{padding:15px}.stat-value{font-size:27px;margin-top:5px}.stat-meta{font-size:9px}.stat-label{font-size:10px}.stat-label span{width:25px;height:25px}.dashboard-grid{gap:18px}.aside-stack{grid-template-columns:1fr}.quick-card{padding:19px}.quick-card>span{float:left;margin-right:12px;margin-bottom:30px}.quick-card p{margin-bottom:13px}.quick-card .btn{width:auto}.welcome-banner{font-size:10px;align-items:start}.welcome-banner .btn{display:none}.agenda-row{padding:18px 15px;gap:10px}.row-money{min-width:58px}.row-money small{font-size:8px}.time-block{font-size:12px;min-width:43px}.client-info strong{font-size:11px}.client-info p{font-size:9px}.agenda-row .btn.sm{padding:6px 8px;font-size:9px}.card-head{padding:20px 17px}.date-nav{padding:10px 13px}.toolbar{gap:8px}.toolbar input[type=search]{width:100%}.toolbar input,.toolbar select{font-size:11px;padding:9px}.toolbar .spacer{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-tile{padding:15px}.product-tile h3{font-size:12px}.product-tile .tile-bottom strong{font-size:14px}.product-tile .tile-bottom small{font-size:8px}.product-tile>.product-symbol{width:40px;height:40px;margin-bottom:14px}.form-grid{gap:14px}.form-actions .btn{flex:1}dialog{padding:22px}.dialog-heading h2{font-size:20px}footer{padding:14px 17px 22px;gap:9px;font-size:8px}footer span{font-size:8px}#toast{left:50%;width:max-content}.settings-card{padding:20px}.detail-grid{gap:6px}.detail-grid>div{padding:12px 8px;font-size:9px}.detail-grid strong{font-size:18px}.report-heading{display:block}.report-heading p{margin-top:8px}.tabs{padding:0 10px}.tab{font-size:10px;padding:13px 10px}td{padding:14px 17px}.page-head:has(.head-actions .btn+.btn){display:block}.page-head:has(.head-actions .btn+.btn) .head-actions{margin-top:12px}.section-gap{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.availability{padding:12px 14px;border:1px solid #dce8ce;border-radius:7px;color:#587541;background:#f3f7ec;font-size:11px;line-height:1.6}.availability.unavailable{background:#fff1ec;border-color:#efc8bc;color:#a24b38}

.phone-steps{padding-left:20px;color:#61705a;font-size:12px;line-height:1.9}.phone-steps li+li{margin-top:12px}
@media(max-width:680px){
 .sidebar{height:100dvh;overflow-y:auto;padding-top:max(25px,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}
 .topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .btn,.icon-btn,.quantity button,.tab{min-height:44px}.icon-btn,.quantity button{min-width:44px}
 .btn.sm{padding:10px 12px}.quantity{gap:12px}.quantity button{height:44px;width:44px}
 label input,label select,label textarea,.toolbar input,.toolbar select,.date-nav input{font-size:16px;min-height:44px}
 .date-nav>div{gap:2px}.date-nav{padding:8px}.date-nav input{max-width:140px}
 .page-head{flex-wrap:wrap}.page-head p{max-width:none}.head-actions{flex-wrap:wrap}
 .client-info strong,.product-tile h3{overflow-wrap:anywhere}.client-info p{line-height:1.6}
 .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.settings-card{max-width:100%}
 dialog{max-height:calc(100dvh - 24px);overflow-y:auto;padding-bottom:max(22px,env(safe-area-inset-bottom))}
 footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}.phone-steps{font-size:13px}
}
@media(max-width:420px){
 .form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.date-nav>span{display:none}
 .date-nav>div{width:100%;justify-content:space-between}.head-actions{width:100%}
 .page-head .head-actions .btn{flex:1}.tabs{overflow-x:auto}.tab{flex-shrink:0}
 .agenda-row{display:grid;grid-template-columns:44px 3px minmax(0,1fr) auto}
 .agenda-row .row-money{grid-column:3;grid-row:2;text-align:left}.agenda-row>.btn{grid-column:4;grid-row:1/3}
 .agenda-row>.client-info{grid-column:3}.agenda-row .reservation-line{grid-column:2;grid-row:1/3}
 .stat-value{font-size:24px}.stat-meta{line-height:1.6}.form-actions{flex-wrap:wrap}
}

#save-status.negative i{background:#b04843}
@media(max-width:680px){.save-status.negative{font-size:10px;max-width:105px;line-height:1.5}.save-status i{flex-shrink:0}.topbar:has(.save-status.negative) .avatar.small{display:none}}
@media(max-width:420px){.date-nav input{min-width:0;width:124px}.topbar:has(.save-status.negative) .breadcrumb{display:none}}

.contributions{background:#f4f7ee;border:1px solid #e4eadb;border-radius:9px;padding:16px;margin-bottom:24px}.contributions .page-note{margin:7px 0}.contributions .history-line:last-child{border-bottom:0}.contributions .history-line{gap:15px}.contributions .history-line span{overflow-wrap:anywhere}.contributions .history-line strong{white-space:nowrap}
#people-payment-rows{display:grid;gap:15px}.player-payment-row{padding:15px;border:1px solid #e1e7d9;border-radius:9px;background:#fcfdf9}.player-payment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;color:#5d7550}.player-payment-row .form-grid{gap:12px}.player-payment-row .btn.subtle{padding:5px 8px}.history-line>div{overflow-wrap:anywhere;min-width:0}.history-line>.money{white-space:nowrap;padding-left:12px}

.optional-payer{font-size:11px;color:#7c886f}.optional-payer summary{cursor:pointer;padding:8px 0;line-height:1.6}.optional-payer[open] summary{margin-bottom:7px}.optional-payer summary:focus-visible{outline:2px solid #8cab65;outline-offset:3px}

.locked .sidebar,.locked .topbar,.locked footer{display:none}.locked .workspace{margin-left:0}.locked main{min-height:100dvh;max-width:none;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(ellipse at top,#e9f0de,var(--bg) 65%)}
.access-page{width:min(100%,460px)}.access-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:26px;color:var(--green);font:800 23px 'Manrope',system-ui,sans-serif;letter-spacing:1px}.access-brand img{border-radius:15px}.access-brand small{display:block;letter-spacing:0;font:400 11px 'DM Sans',system-ui,sans-serif;margin-top:7px;color:#829275}.access-card{padding:30px}.access-card h1{font-size:25px;line-height:1.4}.access-card>p{font-size:12px;color:#7e8c71;line-height:1.9;margin:12px 0 24px}.access-card #login-form>.btn{width:100%;margin-top:20px}.access-footer{text-align:center;font-size:10px;color:#8c997f;margin-top:23px}.access-recovery{border-top:1px solid var(--line);margin-top:25px;padding-top:17px;font-size:11px;color:#879577}.access-recovery summary{cursor:pointer;line-height:1.8}.access-recovery p{font-size:11px;line-height:1.8;margin:14px 0}.access-recovery[open] #access-form{margin-top:18px}.access-settings{border-color:#ceddb7}.access-settings .page-note{margin-bottom:0}.access-card .form-error:not(:empty){display:block}
@media(max-width:680px){.access-card{padding:25px 21px}.access-card h1{font-size:23px}.topbar-right>.icon-btn[data-action=logout]{display:inline-flex}.access-recovery summary{min-height:44px;padding-top:7px}.access-card label input{font-size:16px}}
.day-availability{border:1px solid #dfe7d7;border-radius:9px;background:#fafcf7;padding:16px;min-width:0}.day-availability-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.day-availability-heading h3{font-size:13px}.day-availability-heading p{font-size:10px;color:#89947d;margin-top:5px}.day-availability-legend{display:flex;gap:16px;margin:17px 0 10px;font-size:10px;color:#7d8c70}.day-availability-legend>span{display:flex;gap:6px;align-items:center}.day-availability-legend i{width:8px;height:8px;border-radius:50%}.free-dot{background:#9ec669}.reserved-dot{background:#cf8274}.day-availability-chart{display:block;height:13px;width:100%;border-radius:4px;overflow:hidden}.free-segment{fill:#b3d98b}.reserved-segment{fill:#d69185}.day-availability-axis{display:flex;justify-content:space-between;font-size:8px;color:#8c9780;margin:6px 0 15px}.day-availability-slots{display:grid;gap:7px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.day-slot{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #dce7ce;border-radius:7px;background:#f0f6e9;text-align:left;color:#53713c;width:100%;min-width:0}.day-slot>span:first-child{display:flex}.day-slot svg{width:15px;height:15px}.day-slot>div{flex:1;min-width:0}.day-slot strong{font-size:12px;font-weight:650;white-space:nowrap}.day-slot small{display:block;font-size:9px;color:#7d8e6b;margin-top:4px;line-height:1.6}.day-slot.free:hover:not(:disabled){border-color:#94af70;background:#e7f0dc}.day-slot.reserved{background:#fbefeb;color:#a56757;border-color:#eed7d0}.day-slot.reserved small{color:#ae8a7c}.day-slot.too-short{opacity:1;background:#f1f2ed;color:#8d967f;border-color:#e1e5d8}.day-availability-help{font-size:10px;color:#7d8b70;line-height:1.8;margin-top:12px}
@media(max-width:420px){.day-availability{padding:13px}.day-availability-heading h3{font-size:12px}.day-availability-heading>.badge{font-size:8px}.day-slot{padding:11px 9px;gap:7px;min-height:51px}.day-slot strong{font-size:11px}.day-slot>.badge{font-size:8px;padding:4px 5px}.day-slot.free>svg:last-child{display:none}.day-availability-heading{flex-wrap:wrap}}
.hourly-overview{padding:22px}.hourly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.hourly-grid-page{grid-template-columns:repeat(4,minmax(0,1fr))}.hour-card{border:1px solid #dce7ce;border-radius:8px;padding:14px 12px;background:#f0f6e9;color:#53713c;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;text-align:left;min-height:108px}.hour-card>strong{font-size:13px;white-space:nowrap}.hour-card small{font-size:10px;color:#7a8b6b;line-height:1.7}.hour-card.free:hover:not(:disabled){background:#e7f0dc;border-color:#8fae6d}.hour-card.reserved{background:#fbefeb;border-color:#eed7d0;color:#9e5e50}.hour-card.reserved small{color:#a77b6c}.hour-card.partial{background:#fff5e8;border-color:#eedabc;color:#a87a39}.hour-card.too-short{opacity:1;background:#f4f5ef;color:#89967a;border-color:#e3e8dc}.hours-closed{margin:16px 0 0}.hours-outside{margin-top:16px;padding:13px;border:1px solid #edd3b1;border-radius:8px;background:#fff8ed;font-size:11px;color:#9a743f;line-height:1.9}.hours-outside p{font-size:10px;margin:4px 0}.hours-outside>div{display:flex;gap:10px;align-items:center;justify-content:space-between}
.hours-groups{display:grid;gap:15px}.hours-group{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px;align-items:end;padding:16px;border:1px solid #e3e8dc;background:#fafcf7;border-radius:8px}.hours-group h3{font-size:13px;margin-bottom:12px}.hours-group .check-label{font-size:11px}.hours-group input[type=checkbox]{margin-top:2px}.hours-group input[type=time]{min-width:0}.hours-exception{padding:16px;border:1px solid #e1e7d9;border-radius:8px;background:#fcfdf9}.hours-exception-times[hidden]{display:none}#hours-exceptions{display:grid;gap:14px;margin-bottom:17px}.hours-exception .form-grid{gap:13px}
@media(max-width:900px){.hourly-grid-page{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.hourly-overview{padding:17px}.hourly-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))}.hour-card{min-height:105px;padding:12px 10px}.hour-card>strong{font-size:12px}.hours-group{grid-template-columns:1fr 1fr}.hours-group>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px}.hours-group h3{margin:0}.hours-group .check-label{margin:0}.hours-exception .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.hours-group{padding:13px}.hours-exception .form-grid{grid-template-columns:1fr}.hour-card>strong{font-size:11px}.hourly-grid{gap:7px}.hour-card .badge{font-size:8px}}

.availability-disclosure{border:1px solid #dfe7d7;border-radius:9px;background:#fafcf7;min-width:0}.availability-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:13px 15px;min-height:62px;color:#476337;font-size:12px;font-weight:600}.availability-disclosure>summary::-webkit-details-marker{display:none}.availability-disclosure>summary small{display:block;color:#849174;font-size:11px;font-weight:400;margin-top:5px}.availability-disclosure>summary:focus-visible{outline:2px solid #8cab65;outline-offset:3px;border-radius:8px}.availability-show,.availability-hide{font-size:10px;white-space:nowrap;color:#748863}.availability-disclosure .availability-hide{display:none}.availability-disclosure[open] .availability-hide{display:inline}.availability-disclosure[open] .availability-show{display:none}.availability-disclosure>.day-availability{border:0;border-top:1px solid #e3e9da;border-radius:0 0 9px 9px}.availability-disclosure .day-availability-heading h3{display:none}
input[type=date],input[type=time]{position:relative;cursor:pointer;min-height:44px;padding-right:36px}
input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:18px 18px}
input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23768379' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v16H4zM8 3v4M16 3v4M4 10h16M8 14h2M14 14h2M8 18h2'/%3E%3C/svg%3E")}
input[type=time]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23768379' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
input[type=date]:disabled,input[type=time]:disabled,input[type=date]:read-only,input[type=time]:read-only{cursor:default}
input[type=date]:disabled::-webkit-calendar-picker-indicator,input[type=time]:disabled::-webkit-calendar-picker-indicator{cursor:default;opacity:.45}
.date-nav input[type=date]{padding-right:25px}.date-nav input[type=date]::-webkit-calendar-picker-indicator{background-position:right 4px center;background-size:16px 16px}

input[data-datetime-picker]:read-only{cursor:pointer}.datetime-picker{position:fixed;z-index:150;background:#fff;color:#253b2b;width:330px;max-width:calc(100vw - 24px);padding:16px;border:1px solid #dce5d5;border-radius:12px;box-shadow:0 14px 50px #193d3230;overflow-y:auto;overscroll-behavior:contain}.picker-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:14px}.datetime-picker button{font:inherit;border:1px solid #e3e9dd;background:#fff;color:#516c40;border-radius:6px;min-height:40px;cursor:pointer}.datetime-picker button:disabled{opacity:.35;cursor:not-allowed}.picker-close{width:36px;font-size:24px!important;border-color:transparent!important}.picker-month-controls{display:grid;grid-template-columns:32px minmax(0,1fr) 76px 32px;gap:6px;align-items:center;margin-bottom:13px}.picker-month-controls select,.picker-month-controls input{width:100%;min-width:0;margin:0;font-size:14px;padding:8px 6px;height:40px}.picker-month-controls>button{font-size:24px}.picker-weekdays,.picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.picker-weekdays{font-size:10px;color:#8a9780;text-align:center;margin-bottom:6px}.picker-day{font-size:12px!important;min-width:0;padding:3px;border-color:transparent!important}.picker-day:hover,.picker-bottom button:hover{background:#eff5e8}.picker-day.selected{background:var(--green)!important;color:white!important}.picker-day.today:not(.selected){border-color:#9eb77d!important}.picker-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:14px;margin-top:12px;border-top:1px solid #edf0e8}.picker-bottom button{padding:8px 14px;font-size:12px}.picker-bottom .picker-apply{background:var(--green);color:white;border-color:var(--green)}.picker-time-controls{display:grid;grid-template-columns:1fr 14px 1fr;align-items:center;gap:8px}.picker-time-controls>span{text-align:center;font-size:21px;padding-top:20px}.picker-time-controls label select{font-size:20px;min-height:50px}.picker-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:680px){.picker-day{min-height:42px!important}.picker-month-controls select,.picker-month-controls input{font-size:16px;min-height:44px}.picker-bottom button{min-height:44px}}

input[data-datetime-picker][type=date]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23768379' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v16H4zM8 3v4M16 3v4M4 10h16M8 14h2M14 14h2M8 18h2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}
input[data-datetime-picker][type=time]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23768379' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}
input[data-datetime-picker]::-webkit-calendar-picker-indicator{opacity:0}.date-nav input[data-datetime-picker]{background-position:right 4px center;background-size:16px 16px}

.reset-records-card{border-color:#ebd4cc}.reset-record-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.reset-record-counts>div{border:1px solid #e7ebdf;background:#f9fbf5;border-radius:7px;padding:13px 9px}.reset-record-counts strong{display:block;font-size:21px;color:#566d43}.reset-record-counts span{display:block;font-size:9px;color:#8a977d;line-height:1.6;margin-top:5px}.reset-records-card .page-note{margin-bottom:0}@media(max-width:420px){.reset-record-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}

.optional-start-time{margin:0 16px 14px;color:#7a8d68;font-size:11px}.optional-start-time>summary{cursor:pointer;padding:8px 0;line-height:1.7}.optional-start-time[open]>summary{margin-bottom:5px}.optional-start-time>label{padding-top:4px}.optional-start-time>summary:focus-visible{outline:2px solid #8cab65;outline-offset:3px}

/* Let schedule controls shrink within their grid on narrow screens. */
.settings-card,.hours-groups,.hours-group,.hours-group>label,.hours-exception,.hours-exception .form-grid>label{min-width:0;max-width:100%}
.hours-groups{grid-template-columns:minmax(0,1fr)}
.hours-group{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}
.hours-group>div{min-width:0}
.hours-group input[type=time],.hours-exception input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.hours-group .check-label{flex-shrink:0;white-space:nowrap;align-items:center}.hours-group input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0}
.hour-card.past{opacity:1;background:#f2f3ef;border-color:#dfe3da;color:#78816f;cursor:default}
.hour-card.past small{color:#7a8273}
@media(max-width:680px){.hours-group{grid-template-columns:repeat(2,minmax(0,1fr))}.hours-group>div{flex-wrap:wrap}.hours-group h3{min-width:0}.hours-exception .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.hours-group,.hours-exception .form-grid{grid-template-columns:minmax(0,1fr)}.hours-group>div{grid-column:1}.hours-group input[type=time]{display:block}}

.tabs{overflow-x:auto}.tab{flex-shrink:0;white-space:nowrap}


.checkout-reminders{margin:24px 38px 0;padding:18px 20px;border:1px solid #e8ceab;background:#fff8ed;border-radius:10px;max-width:1524px}.checkout-reminders[hidden]{display:none}.checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-heading h2{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#885d26;font-size:15px}.checkout-heading svg{width:18px;height:18px}.checkout-list{display:grid;gap:9px;margin-top:12px}.checkout-row{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid #eee2ce;border-radius:8px;padding:13px}.checkout-client{min-width:0}.checkout-client strong{font-size:14px;overflow-wrap:anywhere}.checkout-client small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.7}.checkout-actions{display:flex;gap:6px;flex-shrink:0}
@media(max-width:680px){.checkout-reminders{margin:18px 17px 0;padding:15px}.checkout-heading{align-items:flex-start;flex-wrap:wrap}.checkout-heading h2{font-size:14px}.checkout-row{flex-wrap:wrap;gap:10px}.checkout-actions{width:100%;flex-wrap:wrap}.checkout-actions .btn{min-height:44px;flex:1}}

.agenda-payment-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex-shrink:0}.payment-modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.payment-modes .btn{flex:1;min-height:44px}#modal-title:focus{outline:none}
@media(max-width:680px){.agenda-row .agenda-payment-actions .btn{min-height:38px;padding:8px 10px;font-size:11px}}
@media(max-width:420px){.agenda-payment-actions{grid-column:4;grid-row:1/3}}

.billing-payment-history{padding:14px 16px;background:#f5f8f0;border:1px solid #e1e8d7;border-radius:8px;margin-bottom:20px}.billing-received{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--green);font-size:13px}.billing-received strong{font-size:20px}.billing-history-disclosure{margin-top:11px}.billing-history-disclosure>summary{cursor:pointer;font-size:12px;color:#577145;padding:6px 0}.billing-history-disclosure>div{padding-top:10px}.billing-history-disclosure .page-note{margin:7px 0}.billing-history-disclosure h3{font-size:14px}
@media(max-width:680px){.billing-payment-history{padding:13px}}

.billing-history-disclosure .history-line{gap:10px}.billing-history-disclosure .history-line>div,.billing-history-disclosure .history-line>span{min-width:0;overflow-wrap:anywhere}.billing-history-disclosure .history-line>strong{flex-shrink:0}

.checkout-reminders{position:relative}.checkout-heading{padding-right:44px}.checkout-dismiss{position:absolute;top:8px;right:8px;min-width:44px;min-height:44px;color:#885d26}.checkout-dismiss:hover{background:#f3e8d5}

.product-barcode-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.product-barcode-field>.page-note{grid-column:1/-1;margin:0}.product-barcode-field>.btn{min-height:44px;margin-top:7px}.product-barcode{overflow-wrap:anywhere}.barcode-scanner{width:min(580px,calc(100% - 24px));max-height:92dvh}.barcode-scanner .dialog-heading{margin-bottom:16px}.barcode-scanner .dialog-heading>.icon-btn{font-size:28px;min-width:44px;min-height:44px}.scanner-preview{position:relative;aspect-ratio:4/3;background:#10251e;border-radius:10px;overflow:hidden}.scanner-preview video{display:block;width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;inset:25% 7%;border:3px solid var(--lime);border-radius:9px;box-shadow:0 0 0 150px #06180c40;pointer-events:none}.scanner-preview>[data-scanner-placeholder]{position:absolute;inset:0;display:grid;place-items:center;color:#dce8df;font-size:13px}.scanner-preview>[data-scanner-placeholder][hidden]{display:none}.scanner-camera-controls,.scanner-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.scanner-status{font-size:13px;line-height:1.7;color:var(--green);margin:15px 0 7px;overflow-wrap:anywhere}.scanner-status.scanner-error{color:var(--red)}.scanner-cart-summary{font-weight:650;font-size:14px;line-height:1.6}.scanner-result-actions>[hidden]{display:none}#barcode-manual-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;margin:19px 0 12px}#barcode-manual-form>.btn{min-height:44px}.scanner-finish{width:100%;min-height:44px}.barcode-scanner .page-note{margin:14px 0;font-size:11px;line-height:1.8}#barcode-scanner-title:focus{outline:none}
@media(max-width:680px){.product-barcode-field{grid-template-columns:minmax(0,1fr)}.product-barcode-field>.btn{margin-top:0;justify-self:start}.barcode-scanner{padding:20px}.barcode-scanner h2{font-size:20px}.scanner-camera-controls .btn{min-height:44px;flex:1}.scanner-result-actions .btn{min-height:44px;width:100%}#barcode-manual-form{grid-template-columns:minmax(0,1fr)}#barcode-manual-form>.btn{justify-self:start}}

.barcode-scanner.scanner-camera-off .scanner-preview{height:120px;aspect-ratio:auto}

.barcode-scanner .scanner-preview{aspect-ratio:16/9}.scanner-confirmation{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;background:#173d32ed;color:#fff;border:1px solid #b8d884;border-radius:8px;padding:11px 12px;font-size:16px;font-weight:650;overflow-wrap:anywhere;box-shadow:0 3px 14px #0003}.scanner-confirmation[hidden]{display:none}.scanner-confirmation.scanner-confirmation-error{background:#815124ed;border-color:#ecd4a0}.scanner-manual-entry{margin:14px 0;border:1px solid var(--line);border-radius:8px;padding:0 12px}.scanner-manual-entry>summary{padding:13px 0;cursor:pointer;font-size:12px;color:var(--muted)}.scanner-manual-entry #barcode-manual-form{margin:0 0 10px}.scanner-live-cart{border:1px solid var(--line);border-radius:9px;margin:14px 0;overflow:hidden}.scanner-live-cart[hidden]{display:none}.scanner-sale-heading{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f4f7ef;gap:10px}.scanner-sale-heading h3{font-size:15px}.scanner-sale-heading span{font-size:11px;color:var(--muted)}.scanner-sale-items{max-height:210px;overflow:auto;padding:0 12px}.scanner-sale-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.scanner-sale-row:last-child{border-bottom:0}.scanner-sale-name{min-width:0}.scanner-sale-name strong{font-size:13px;overflow-wrap:anywhere}.scanner-sale-name small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.scanner-sale-quantity{display:flex;align-items:center;gap:5px}.scanner-sale-quantity .btn{width:38px;min-height:40px;padding:5px;font-size:18px}.scanner-sale-quantity span{min-width:15px;text-align:center;font-size:13px}.scanner-sale-subtotal{font-size:13px;white-space:nowrap}.scanner-sale-total{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;border-top:1px solid var(--line);background:#f4f7ef;font-size:14px}.scanner-sale-total strong{font-size:23px;color:var(--green)}.scanner-empty-cart{font-size:12px;color:var(--muted);padding:16px 0;line-height:1.7}
@media(max-width:420px){.scanner-sale-items{max-height:180px;padding:0 10px}.scanner-sale-row{gap:6px}.scanner-sale-quantity{gap:3px}.scanner-sale-quantity .btn{width:34px}.scanner-sale-name strong{font-size:12px}.scanner-sale-subtotal{font-size:12px}}