:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#332f25;background:#fffaf2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;min-height:56px;border:0;border-radius:16px;font-weight:750;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.42}#app{min-height:100vh}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.side{padding:28px 16px;background:#96d72f;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;overflow-x:hidden}.brand{color:#e9167b;font-size:32px;line-height:.8;letter-spacing:-2px;font-weight:900}.brand small{color:#fffaf2;display:block;font-size:15px;letter-spacing:0;margin:9px 0 0 4px}.side .brand{height:132px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo{display:block;width:150%;max-width:none;mix-blend-mode:screen}.nav{display:grid;gap:8px}.nav button{text-align:left;padding:0 18px;background:transparent;color:#38550c}.nav button.active{background:#fffaf2;color:#e9167b;box-shadow:0 8px 24px #638d1e33}.side footer{margin-top:auto;font-size:12px;color:#38550c}.side footer button{min-height:38px;padding:0;color:#38550c;background:transparent}.page{padding:30px 36px;max-width:1680px;width:100%;margin:0 auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.heading h1{margin:0;font-size:34px;letter-spacing:-1.5px}.heading p{margin:5px 0 0;color:#756d5f}.panel{background:#fff;border:1px solid #f0e8dc;border-radius:24px;padding:22px;box-shadow:0 12px 32px #6c5e4310}.pos{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);gap:22px}.stack{display:grid;gap:18px}.section-title{margin:0 0 16px;font-size:22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.choice{min-height:112px;text-align:left;padding:18px;background:#fffaf2;color:#332f25;border:2px solid #eadfce;box-shadow:0 4px #eadfce;transition:transform .12s,background .12s}.choice:active,.payment-option:active,.quantity-button:active{transform:translateY(3px);box-shadow:none}.choice.selected{border-color:#e9167b;background:#fff0f7;box-shadow:0 4px #e9167b}.choice strong,.choice span{display:block}.choice strong{font-size:18px}.choice span{margin-top:8px;color:#756d5f;font-size:15px}.flavors{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.flavors .choice{min-height:78px;text-align:center;padding:12px;font-size:17px}.primary{background:#e9167b;color:#fff;padding:0 22px;box-shadow:0 5px #ae0c53}.secondary{background:#fff0f7;color:#c71265;padding:0 20px}.outline{border:1px solid #d9cfbf;background:#fff;color:#4d463c;padding:0 16px}.cart{display:flex;flex-direction:column;min-height:720px}.cart-items{display:grid;gap:10px;flex:1}.cart-item{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #eee6db}.cart-item small{color:#756d5f}.total{margin-top:18px;padding:22px 0;border-top:3px solid #332f25;display:flex;justify-content:space-between;font-size:30px;font-weight:900}.quantity-panel{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.quantity-panel .section-title{margin:0}.quantity-control{display:flex;align-items:center;border:2px solid #eadfce;border-radius:18px;overflow:hidden;background:#fffaf2}.quantity-control output{width:78px;text-align:center;font-size:28px;font-weight:900}.quantity-button{min-width:70px;min-height:70px;padding:0;border-radius:0;background:#96d72f;color:#274009;font-size:34px;line-height:1;box-shadow:inset 0 0 0 1px #7ab624}.pos-action{margin-left:auto;min-width:230px;min-height:70px;font-size:19px}.payment-section{margin-top:10px}.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-option{min-height:74px;padding:10px;background:#fffaf2;border:2px solid #eadfce;color:#4d463c;font-size:17px;box-shadow:0 4px #eadfce}.payment-option.selected{background:#effbdc;border-color:#7dba22;color:#38550c;box-shadow:0 4px #7dba22}.payment-comment{margin-top:18px}.checkout-action{margin-top:22px;min-height:76px;font-size:21px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px;color:#756d5f;font-size:13px}.field input,.field select{min-height:52px;border:1px solid #d9cfbf;border-radius:13px;padding:0 13px;color:#332f25;background:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px 10px;border-bottom:1px solid #eee6db}.table th{color:#756d5f;font-size:12px;text-transform:uppercase}.status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#e9f9d2;color:#507b13}.status.cancelled{background:#fee0e9;color:#bf155b}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{padding:20px;border-radius:20px;background:#fff;border:1px solid #f0e8dc}.metric b{display:block;font-size:30px;margin-top:8px}.breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.breakdown ul{margin:0;padding:0;list-style:none}.breakdown li{padding:9px 0;display:flex;justify-content:space-between;border-bottom:1px solid #eee6db}.empty{padding:45px 16px;text-align:center;color:#8b8274}.notice{border-radius:16px;padding:14px 16px;background:#fff0f7;color:#a10f4f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#332f2588;display:grid;place-items:center;z-index:3;padding:24px}.modal{width:min(500px,100%);background:#fffaf2;border-radius:24px;padding:24px}.modal h2{margin-top:0}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#c5ed7f,transparent 38%),#fffaf2}.login-card{width:min(480px,100%);padding:48px;border-radius:30px;background:#fff;box-shadow:0 24px 70px #35500033}.login-card .brand{font-size:58px}.login-card p{color:#756d5f;line-height:1.5;margin:30px 0}.pos-page{height:100vh;overflow:hidden}.pos-screen{height:calc(100vh - 154px)}.pos-screen .pos{height:100%}.catalog-panel{display:flex;flex-direction:column;gap:18px;min-height:0;overflow:hidden}.catalog-panel .product-grid{align-content:start;overflow-y:auto;padding:2px 4px 8px 2px}.cart{min-height:0;height:100%}.cart-items{overflow-y:auto}.step-label{margin:0 0 5px;color:#b50f5a;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pos-modal{width:min(860px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:30px}.modal-heading{display:flex;justify-content:space-between;gap:20px}.modal-heading h2{margin:0;font-size:30px}.modal-heading p:not(.step-label){margin:8px 0 0;color:#756d5f;font-size:17px}.modal-close{min-width:54px;min-height:54px;border-radius:50%;background:#fff0f7;color:#b50f5a;font-size:32px;line-height:1}.flavor-progress{margin:24px 0 18px;color:#756d5f;font-weight:750}.flavor-progress>div{height:10px;margin-top:9px;border-radius:999px;background:#efe5d6;overflow:hidden}.flavor-progress i{display:block;height:100%;border-radius:inherit;background:#96d72f;transition:width .15s}.modal-flavors{max-height:420px;overflow-y:auto;padding:2px}.modal-cancel{min-width:180px;margin-top:22px;min-height:62px}.quantity-modal{width:min(540px,100%)}.modal-quantity{width:max-content;margin:38px auto}.modal-quantity output{width:120px;font-size:42px}.modal-add{width:100%;min-height:76px;font-size:21px}.quantity-modal .modal-cancel{width:100%;margin-top:16px}.catalog-launch{min-height:104px;width:min(520px,100%);font-size:25px}.catalog-hint{margin:auto 0;max-width:480px;color:#756d5f;font-size:20px;line-height:1.45}.modal-products{max-height:500px;overflow-y:auto;padding:3px}.flavor-choice{position:relative}.flavor-count{position:absolute;top:7px;right:8px;display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#e9167b;color:#fff;font-size:15px}.modal-close{width:56px;height:56px;min-width:56px;min-height:56px;flex:0 0 56px;padding:0;aspect-ratio:1}.confirm-modal{width:min(480px,100%);padding:34px}.confirm-modal h2{margin:4px 0 10px;font-size:28px}.confirm-modal>p:not(.step-label){color:#756d5f;font-size:18px;line-height:1.45}.confirm-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin-top:28px}.config-row{align-items:center;gap:14px}.config-row>div{display:flex;gap:8px}.config-row button{min-height:42px}.danger{color:#b50f5a;border-color:#eeb4cb}@media(max-width:1100px){.breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{padding:14px;flex-direction:row;align-items:center}.side footer{margin:0 0 0 auto}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;min-height:46px}.pos{grid-template-columns:1fr}.page{padding:20px}.pos-page{height:auto;overflow:visible}.pos-screen{height:auto}.cart{height:auto;min-height:600px}.metrics{grid-template-columns:repeat(2,1fr)}.breakdown{grid-template-columns:1fr}.side .brand small{display:none}}.side-user{margin-top:auto;display:grid;gap:12px}.side-tools{display:grid;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid #5c8b2233}.side-tools button{min-height:48px;padding:8px 12px;background:#fffaf2;color:#38550c;border-radius:13px;font-size:14px;font-weight:850;box-shadow:0 3px #7fae2b44}.side-tools button:first-child{color:#a10f4f}.user-card{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fff3;border-radius:14px}.user-avatar{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:50%;background:#fffaf2;color:#e9167b;font-weight:900;font-size:17px;text-transform:uppercase}.user-name{color:#274009;font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side .logout{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;background:#fffaf2;color:#b50f5a;border-radius:14px;font-size:15px;font-weight:800;box-shadow:0 4px #7fae2b55}.side .logout:active{transform:translateY(2px);box-shadow:none}.logout-icon{flex:0 0 18px}.developer-credit{display:block;margin-top:4px;transform:translateY(9px);color:#38550c;text-align:center;font-size:9px;font-weight:700}.developer-credit a{color:inherit;text-decoration:none}.developer-credit a:hover{text-decoration:underline}.pos-left{display:flex;flex-direction:column;gap:22px;min-height:0;height:100%}.pos-left .catalog-panel{flex:1}.pos-left .payment-panel{flex:0 0 auto}.payment-panel .payment-options{margin-top:4px}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.row-cancelled td{color:#a99f90}.row-cancelled td:nth-child(4){text-decoration:line-through}.confirm-modal .field{margin-top:16px;text-align:left}.confirm-actions.single{grid-template-columns:1fr}.form-modal{width:min(560px,100%)}.form-modal .form-grid{margin-top:8px}@media(max-width:900px){.side-tools{display:flex;flex:0 0 auto;margin:0;padding:0;border:0}.side-tools button{white-space:nowrap}.side-user{flex-direction:column;align-items:stretch;min-width:180px}}.cart-items{align-content:start}.cart-item{align-items:start}button{transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.icon-btn{width:44px;min-width:44px;min-height:44px;padding:0;display:inline-grid;place-items:center;font-size:24px;line-height:1;border-radius:12px}.config-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.config-panel{display:flex;flex-direction:column;max-height:calc(100vh - 168px)}.config-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.config-head .section-title{margin:0}.config-add{min-height:42px;padding:0 16px}.config-list{display:grid;gap:8px;max-height:calc(100vh - 260px);overflow-y:auto;padding:2px}.config-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;min-height:auto;padding:12px 14px;background:#fffaf2;border:1px solid #eadfce;border-radius:14px;color:#332f25}.config-item:hover{border-color:#e9b8d0;background:#fff5fa}.config-item-main{display:grid;gap:3px;min-width:0}.config-item-title{font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-item-sub{font-size:13px;color:#8b8274;font-weight:600}.config-chevron{font-size:24px;color:#c9a9b8;font-weight:900;flex:0 0 auto}.entity-modal{width:min(520px,100%)}.entity-usage{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px;padding:12px 16px;background:#fff0f7;border-radius:14px;color:#a10f4f}.entity-usage strong{font-size:22px}.entity-usage small{margin-left:auto;font-weight:700;color:#b50f5a}.entity-details{margin:14px 0 0;display:grid;gap:8px}.entity-details>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee6db;padding-bottom:7px}.entity-details dt{margin:0;color:#8b8274;font-size:13px}.entity-details dd{margin:0;font-weight:700}.confirm-actions.triple{grid-template-columns:1fr 1fr 1.2fr}.primary-ghost{color:#38550c;border-color:#bfe08a}.config-add{width:42px;min-width:42px;min-height:42px;padding:0;display:grid;place-items:center;font-size:28px;line-height:1;border-radius:50%}button:hover{transform:translateY(-1px)}button:active{transform:scale(.95)}button:disabled:hover,button:disabled:active{transform:none}.table tbody tr{height:68px}.icon-btn{min-height:40px;height:40px}.sale-actions{display:flex;justify-content:flex-end;gap:6px;white-space:nowrap}.sale-actions button{display:inline-flex;align-items:center;justify-content:center;width:96px;min-width:96px;height:48px;min-height:48px;padding:0}.modal-products{grid-template-columns:repeat(3,minmax(0,1fr));max-height:560px}.modal-products .choice{min-height:96px;padding:14px}@media(max-width:600px){.modal-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.side{position:static;height:auto;align-self:auto;overflow:visible}}.receipt-overlay{z-index:5}.receipt-modal{width:min(900px,100%);max-height:calc(100vh - 48px);overflow:auto}.receipt-modal>.modal-heading{align-items:center;margin-bottom:16px}.receipt-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:32px;align-items:start}.receipt-form{display:grid;gap:12px}.receipt-paper{width:max-content;max-width:100%;margin:20px auto;padding:24px 14px;background:#fff;color:#111;font:14px/1.5 Courier New,monospace;white-space:pre;overflow-x:auto;border:1px solid #ddd;box-shadow:0 8px 20px #0001}.receipt-check{display:flex;gap:12px;align-items:center;min-height:48px}.receipt-check input{width:22px;height:22px;flex-shrink:0;accent-color:#e9167b}.receipt-help{font-size:13px;line-height:1.5;color:#756d5f}.receipt-status{min-height:24px;font-weight:650;overflow-wrap:anywhere}.pos-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pos-tools button{font-size:13px;min-height:48px}@media(max-width:700px){.receipt-settings-grid{grid-template-columns:1fr}.receipt-paper{font-size:12px}.heading{flex-wrap:wrap}}.cash-payment{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.75fr);gap:12px;margin-top:18px;align-items:end}.cash-launch{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#fffaf2;color:#4d463c;border:2px solid #eadfce;box-shadow:0 4px #eadfce;font-size:16px;text-align:left}.cash-launch strong{font-size:21px}.cash-change{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 16px;background:#effbdc;border:2px solid #b9dc80;border-radius:14px;color:#38550c}.cash-change span{font-size:14px;font-weight:750}.cash-change strong{min-width:0;white-space:nowrap;font-size:clamp(16px,1.35vw,22px)}.cash-change.invalid{background:#fff0f7;border-color:#efb4ce;color:#b50f5a}.cash-help{grid-column:1/-1;margin:0;color:#756d5f;font-size:13px}.closure-caption{margin:0 0 16px;color:#756d5f}.closure-total{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:18px;border-radius:16px;background:#effbdc;color:#38550c}.closure-total strong{font-size:28px}.closure-total small{grid-column:1/-1;font-weight:700}.closure-breakdown{display:grid;gap:0;margin-top:16px}.closure-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #eee6db}.actions #shift-closure{margin-left:auto}.cash-keypad-display{min-height:78px;display:flex;align-items:center;justify-content:flex-end;padding:0 18px;border:2px solid #eadfce;border-radius:16px;background:#fff;color:#332f25;font-size:34px;font-weight:900}.cash-keypad-total{margin:12px 0 0;color:#756d5f}.cash-keypad-error{min-height:22px;margin:8px 0 0;color:#b50f5a;font-weight:750}.cash-quick-values{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.cash-quick-values button{min-height:48px;padding:0 8px;font-size:14px}.cash-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cash-keypad button{min-height:58px;padding:0;background:#fffaf2;color:#332f25;border:2px solid #eadfce;box-shadow:0 3px #eadfce;font-size:22px}.cash-keypad button.outline{font-size:14px}@media(max-width:700px){.cash-payment{grid-template-columns:1fr}.cash-help{grid-column:auto}}@media(max-width:900px){.config-list{max-height:440px}}.side-menu{display:flex;flex:1;min-height:0;flex-direction:column;gap:22px}.mobile-menu-toggle{display:none}@media(max-width:900px){.shell{grid-template-rows:auto 1fr}.side{position:sticky;top:0;z-index:2;height:72px;min-height:72px;padding:8px 20px;justify-content:space-between;box-shadow:0 4px 16px #638d1e22}.side .brand{height:56px;width:110px;flex:0 0 110px;overflow:hidden}.brand-logo{width:132px}.mobile-menu-toggle{display:grid;place-content:center;gap:5px;width:54px;min-width:54px;min-height:54px;padding:0;background:#fffaf2;color:#38550c;border-radius:14px}.mobile-menu-toggle span{display:block;width:25px;height:3px;border-radius:4px;background:currentColor}.side-menu{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 72px);overflow-y:auto;padding:12px 20px 22px;background:#96d72f;box-shadow:0 16px 24px #38550c33}.side.menu-open .side-menu{display:flex}.nav,.side-tools{display:grid;gap:8px;width:100%}.nav button{width:100%;text-align:left;white-space:normal;min-height:52px}.side-tools{margin:0;padding-top:12px;border-top:1px solid #5c8b2233}.side-tools button{white-space:normal}.side-user{min-width:0;margin:0}.side footer{margin:0}.developer-credit{transform:none}.pos-screen .pos,.pos-left{height:auto}.pos-left .catalog-panel{flex:none}.catalog-panel{overflow:visible}.cart{min-height:0;height:auto}.cart-items{flex:none;max-height:340px}.config-panel{max-height:none}.config-list{max-height:min(55dvh,540px)}}@media(max-width:700px){.page{padding:18px 14px 32px}.heading{margin-bottom:18px}.heading h1{font-size:clamp(27px,8vw,34px);line-height:1.08}.heading p{font-size:14px;line-height:1.4}.panel{padding:18px;border-radius:20px}.pos,.pos-left{gap:14px}.catalog-launch{min-height:72px;font-size:21px}.payment-option{min-height:62px;font-size:15px}.cash-payment{margin-top:14px}.cash-launch,.cash-change{min-width:0}.cash-change strong{font-size:21px}.cart-item{flex-wrap:wrap}.total{font-size:26px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric b{font-size:24px;overflow-wrap:anywhere}.config-grid{grid-template-columns:minmax(0,1fr)}.config-item-sub{overflow-wrap:anywhere}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions>.field{min-width:0}.actions>.field input{min-width:0;width:100%}.actions>button{min-width:0;padding-inline:8px}.actions #shift-closure{margin-left:0;grid-column:1/-1}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tbody{display:grid;gap:14px}.table tbody tr{height:auto;padding:8px 14px;border:1px solid #eadfce;border-radius:16px;background:#fffaf2}.table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;padding:9px 0;overflow-wrap:anywhere;text-align:right}.table td:before{content:attr(data-label);flex:0 0 88px;text-align:left;color:#756d5f;font-size:13px;font-weight:750}.table td.sale-row-actions{display:flex;justify-content:flex-end;gap:8px}.table td.sale-row-actions:before,.table td.empty:before{content:none}.table td.empty{display:block;text-align:center}.modal-backdrop{padding:10px}.modal,.pos-modal,.receipt-modal{max-height:calc(100dvh - 20px);overflow-y:auto;padding:20px;border-radius:20px}.modal-heading h2{font-size:clamp(22px,7vw,30px)}.modal-heading p:not(.step-label){font-size:14px}.modal-close{width:46px;height:46px;min-width:46px;min-height:46px;flex-basis:46px}.modal-products,.modal-flavors{max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-products .choice{min-height:82px;padding:10px}.modal-products .choice strong{font-size:15px}.modal-products .choice span{font-size:13px}.form-grid,.receipt-settings-grid{grid-template-columns:minmax(0,1fr)}.cash-quick-values{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-keypad-display{font-size:29px}.confirm-actions.triple{grid-template-columns:1fr}.confirm-actions.triple button{width:100%}.entity-details>div{flex-wrap:wrap}.receipt-paper{margin-inline:0}.breakdown li{gap:12px}.breakdown li span{min-width:0;overflow-wrap:anywhere}.breakdown li strong{flex:0 0 auto}.login{padding:14px}.login-card{padding:28px}.login-card .brand{font-size:clamp(40px,12vw,58px)}}@media(max-width:380px){.metrics{grid-template-columns:1fr}.payment-options{gap:8px}.payment-option{padding:6px;font-size:14px}.modal-products,.modal-flavors{gap:8px}.modal-products .choice{padding:8px}.modal-quantity output{width:74px}.quantity-button{min-width:60px}}.expense-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.expense-heading h1{margin:0;font-size:34px;letter-spacing:-1.5px}.expense-heading p:not(.step-label){margin:5px 0 0;color:#756d5f}.expense-heading .outline{white-space:nowrap}.expense-preview-banner{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:12px 16px;border:1px solid #c4e593;border-radius:14px;background:#effbdc;color:#38550c;font-size:14px}.expense-preview-banner strong{white-space:nowrap}.expense-registration{max-width:1100px;margin:0 auto}.expense-registration .expense-preview-banner{margin-bottom:16px}.expense-register-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:28px}.expense-register-head h1{margin:2px 0 0;font-size:clamp(36px,3vw,46px);letter-spacing:-1.8px;line-height:1.05}.expense-register-head p:not(.step-label){max-width:540px;margin:10px 0 0;color:#756d5f;line-height:1.45}.expense-quick{position:relative;z-index:1;flex:0 0 auto}.expense-quick-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:190px;background:#fff0f7;border-color:#e9b8d0;color:#b50f5a}.expense-quick-toggle span{font-size:21px}.expense-quick-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;width:min(420px,calc(100vw - 48px));max-height:360px;padding:8px;overflow:auto;border:1px solid #eadfce;border-radius:16px;background:#fff;box-shadow:0 18px 42px #332f2533}.expense-quick-menu[hidden]{display:none}.expense-quick-item{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:64px;padding:10px 12px;border-radius:10px;background:#fff;color:#332f25;text-align:left}.expense-quick-item:hover{background:#fff0f7}.expense-quick-item span{display:grid;gap:3px}.expense-quick-item small{color:#756d5f}.expense-quick-item b{color:#b50f5a;font-size:13px;white-space:nowrap}.expense-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.expense-section-head .section-title{margin:0}.expense-section-head p:not(.step-label){margin:6px 0 0;color:#756d5f}.expense-help{margin:14px 0 0;color:#756d5f;font-size:13px;line-height:1.5}.expense-empty{padding:28px 14px;color:#8b8274;text-align:center;border:1px dashed #eadfce;border-radius:14px}.expense-form-panel{padding:32px 36px}.expense-form-panel form,.expense-editor form{display:grid;gap:17px}.expense-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.expense-form-panel .field,.expense-editor .field{color:#4d463c;font-size:14px;font-weight:750}.expense-form-panel .field input,.expense-form-panel .field select,.expense-editor .field input,.expense-editor .field select{width:100%;min-width:0;min-height:56px;font-size:16px}.expense-form-panel textarea{width:100%;resize:vertical;padding:13px;border:1px solid #d9cfbf;border-radius:13px;color:#332f25;font:inherit}.expense-optional{display:inline;color:#8b8274;font-weight:500}.expense-feedback{min-height:20px;margin:0;color:#507b13;font-size:13px;font-weight:750}.expense-submit{min-height:72px;font-size:20px}.expense-settings-panel{max-width:900px}.expense-settings-list{display:grid;gap:10px}.expense-settings-panel .config-item{min-height:70px}.expense-settings-tip{display:grid;gap:5px;max-width:900px;margin-top:18px;padding:16px 20px;border-radius:16px;background:#effbdc;color:#38550c;line-height:1.45}.expense-editor{width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:30px}.expense-editor h2{margin:0}.expense-editor .expense-help{margin:0 0 20px}.expense-editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.expense-editor-actions .danger{margin-right:auto}.expense-tabs{display:flex;gap:8px;width:max-content;max-width:100%;margin:0 0 20px;padding:6px;border:1px solid #eadfce;border-radius:16px;background:#f7f0e6;overflow-x:auto}.expense-tabs button{min-width:125px;min-height:50px;padding:0 18px;border-radius:12px;background:transparent;color:#756d5f;white-space:nowrap}.expense-tabs button.active{background:#fff;color:#c71265;box-shadow:0 3px 10px #6c5e4319}.expense-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.expense-settings-grid .expense-settings-panel{max-width:none}.expense-settings-grid .expense-settings-list{max-height:560px;overflow:auto}.expense-form-error{min-height:20px;margin:0;color:#b50f5a;font-size:13px;font-weight:750}.expense-transaction-summary{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;padding:18px 22px;border:1px solid #c4e593;border-radius:18px;background:#effbdc;color:#38550c}.expense-transaction-summary strong{margin-left:auto;font-size:26px}.expense-transaction-summary small{font-weight:750}.expense-range{margin-bottom:18px}.expense-table-panel{overflow-x:auto}.expense-table-note{display:block;margin-top:4px;color:#756d5f}@media(max-width:1100px){.expense-settings-grid{grid-template-columns:1fr}}@media(max-width:700px){.expense-heading{align-items:flex-start;flex-direction:column}.expense-heading h1{font-size:30px}.expense-heading .outline{min-height:46px}.expense-preview-banner{align-items:flex-start;flex-direction:column;gap:4px}.expense-form-panel{padding:20px}.expense-register-head{flex-direction:column;gap:18px}.expense-register-head h1{font-size:36px}.expense-quick,.expense-quick-toggle{width:100%}.expense-quick-menu{left:0;right:auto;width:100%}.expense-form-grid{grid-template-columns:1fr}.expense-section-head{align-items:flex-start;flex-direction:column}.expense-editor{padding:20px}.expense-editor-actions{flex-wrap:wrap}.expense-editor-actions button{flex:1}.expense-tabs{width:100%}.expense-tabs button{flex:1;min-width:0;padding:0 10px}.expense-transaction-summary{align-items:flex-start;flex-wrap:wrap}.expense-transaction-summary strong{margin-left:0;width:100%}}.metrics-month-nav{display:flex;align-items:center;gap:10px;white-space:nowrap}.metrics-month-nav span{min-width:170px;text-align:center;font-size:18px;font-weight:800}.metrics-month-arrow{width:46px;min-width:46px;height:46px;min-height:46px;padding:0;font-size:30px;line-height:1}.metrics-main-chart,.metrics-payment-chart{margin-top:18px}.metrics-chart-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.metrics-chart-heading h2,.metrics-payment-chart>h2,.metrics-treemap-panel>h2{margin:0;font-size:22px}.metrics-chart-heading p{margin:6px 0 0;color:#756d5f;font-size:14px}.metrics-chart-empty{padding:46px 12px;color:#8b8274;text-align:center}.metrics-line-scroll{overflow-x:auto}.metrics-line-svg{display:block;width:100%;min-width:620px;height:auto;overflow:visible}.metrics-grid-line{stroke:#eee6db;stroke-width:1}.metrics-axis-label{fill:#756d5f;font-size:13px;font-weight:650}.metrics-week-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.metrics-week-key{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:#fffaf2;font-size:13px}.metrics-week-key i,.metrics-payment-item i{display:block;width:12px;height:12px;flex:0 0 12px;border-radius:50%}.metrics-week-key small{color:#756d5f;font-size:12px}.metrics-payment-track{display:flex;height:46px;overflow:hidden;border-radius:12px;background:#f0e8dc}.metrics-payment-segment{flex:0 0 auto;min-width:0}.metrics-payment-segment+.metrics-payment-segment{border-left:2px solid #fff}.metrics-payment-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:16px}.metrics-payment-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px 12px;border:1px solid #f0e8dc;border-radius:12px;font-size:14px}.metrics-payment-item b{text-align:right}.metrics-payment-item small{grid-column:2/-1;color:#756d5f}.metrics-treemap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.metrics-treemap{position:relative;height:390px;overflow:hidden;border-radius:15px}.metrics-treemap-tile{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:0;overflow:hidden;padding:9px;border:3px solid #fff;border-radius:9px;color:#332f25}.metrics-treemap-tile strong{display:-webkit-box;overflow:hidden;font-size:clamp(11px,1.1vw,16px);line-height:1.2;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.metrics-treemap-value{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;row-gap:0;font-size:12px;font-weight:750;line-height:1.15}.metrics-treemap-percent{white-space:nowrap}.metrics-treemap-tile.medium{gap:2px;padding:4px;border-width:2px}.metrics-treemap-tile.medium strong{font-size:10px;line-height:1.08}.metrics-treemap-tile.medium .metrics-treemap-value{column-gap:3px;font-size:9px;line-height:1.1}.metrics-treemap-tile.tiny{padding:0;border-width:2px}.metrics .metric{display:flex;flex-direction:column;justify-content:space-between;min-height:155px;padding:25px 27px}.metrics .metric>span{color:#665c4e;font-size:16px;font-weight:700}.metrics .metric b{margin-top:18px;font-size:clamp(30px,3vw,42px);line-height:1.08;overflow-wrap:anywhere}.metrics-secondary{margin-top:12px}.metrics-secondary .metric{min-height:125px;padding:19px 25px}.metrics-secondary .metric b{font-size:clamp(27px,2.5vw,36px)}.metrics-data-point{cursor:default;outline:none}.metrics-data-point:focus-visible>circle:nth-child(2){stroke:#332f25;stroke-width:3}.metrics-point-popover{position:fixed;z-index:10;display:flex;flex-direction:column;gap:3px;max-width:190px;padding:8px 11px;border-radius:9px;background:#332f25;color:#fff;box-shadow:0 8px 24px #332f2540;pointer-events:none;white-space:nowrap;font-size:12px}.metrics-point-popover span{font-size:13px;font-weight:800}.metrics-point-popover[hidden]{display:none}.metrics-point-popover.has-breakdown{width:max-content;max-width:min(320px,calc(100vw - 16px));white-space:normal}.metrics-tooltip-breakdown{display:grid;gap:7px;margin-top:7px;padding-top:8px;border-top:1px solid #ffffff45}.metrics-tooltip-breakdown[hidden]{display:none}.metrics-tooltip-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:baseline;gap:6px}.metrics-tooltip-row i{width:10px;height:10px;align-self:center;border-radius:2px}.metrics-tooltip-row span{overflow-wrap:anywhere;font-size:12px;font-weight:600}.metrics-tooltip-row b{white-space:nowrap}.metrics-tooltip-row small{color:#d8d1c7;white-space:nowrap}.metrics-expense-chart{margin-top:18px}.metrics-expense-bar:focus-visible [data-tooltip-anchor]{stroke:#332f25;stroke-width:2}.metrics-hourly-chart{margin-top:18px}.metrics-hour-point [data-tooltip-anchor]{pointer-events:none}.metrics-hour-point:focus-visible [data-tooltip-anchor]{stroke:#332f25;stroke-width:2}.metrics-expense-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.metrics-expense-key{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#665c4e}.metrics-expense-key i{display:block;width:11px;height:11px;border-radius:3px}@media(max-width:1050px){.metrics-treemap-grid{grid-template-columns:1fr}}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.page{min-width:0}}@media(max-width:700px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metrics .metric,.metrics-secondary .metric{min-height:98px;padding:10px;border-radius:14px}.metrics .metric>span{font-size:clamp(10px,2.5vw,13px);line-height:1.2}.metrics .metric b,.metrics-secondary .metric b{margin-top:10px;font-size:clamp(11px,3.1vw,20px);white-space:nowrap;overflow-wrap:normal}.metrics-treemap{height:330px}.metrics-payment-legend{grid-template-columns:1fr}.metrics-week-key{flex-wrap:wrap}}@media(max-width:700px){.metrics-month-nav{width:100%;justify-content:space-between}.metrics-month-nav span{min-width:0;flex:1}}