:root{font-family:Arial,Helvetica,sans-serif;color:#202124;background:#fff;font-synthesis:none;font-size:16px;--border:#e7e8eb;--muted:#777d86;--blue:#006aff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #7bb4ff;outline-offset:3px}input,select,textarea{border:1px solid #d9dce1;border-radius:9px;padding:12px;background:#fff;color:#202124;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #b8d6ff;border-color:var(--blue)}input[type=checkbox]{accent-color:var(--blue);width:18px;height:18px;margin:0;flex-shrink:0}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}label small{font-weight:400;line-height:1.5;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.8px;margin-bottom:0}h2{font-size:20px;letter-spacing:-.3px;margin-bottom:14px}h3{font-size:17px}p{line-height:1.55}small{font-size:13px}fieldset{border:1px solid var(--border);border-radius:12px;padding:18px;margin:20px 0}legend{font-weight:600;font-size:15px;padding:0 6px}.muted{color:var(--muted)}.small{font-size:13px}.block{display:block;margin-top:5px}.nowrap{white-space:nowrap}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;min-height:44px;padding:12px 18px;font-size:14px;font-weight:600;white-space:nowrap}.primary{background:#171819;color:#fff}.primary.blue{background:var(--blue)}.secondary{border:1px solid #dfe1e5;background:#fff}.secondary:hover{background:#f6f7f8}.secondary.selected{border-color:var(--blue);background:#edf5ff;color:#0058d3}.compact{padding:8px 12px;min-height:36px}.icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.icon:hover{background:#f1f3f5}.text-link{text-align:left;padding:0;font-weight:600;line-height:1.45}.text-link:hover{color:var(--blue)}.brand-symbol{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#181b1e;color:#fff;flex-shrink:0}.app{display:flex;min-height:100vh}.sidebar{width:218px;flex-shrink:0;border-right:1px solid var(--border);position:fixed;top:0;bottom:0;display:flex;flex-direction:column;background:#fafbfc;z-index:20}.brand{display:flex;gap:10px;align-items:center;padding:25px 17px 30px}.brand strong{font-size:15px;display:block}.brand small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.sidebar nav{padding:0 10px;display:flex;flex-direction:column;gap:6px}.nav{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 12px;border-radius:8px;font-size:14px;font-weight:500}.nav.active{color:#005fdc;background:#e8f1ff;font-weight:600}.nav:hover{background:#edf0f4}.nav-count{margin-left:auto;font-size:12px;background:#006aff;color:#fff;padding:2px 6px;border-radius:5px}.sidebar-foot{margin-top:auto;padding:15px 10px;border-top:1px solid var(--border)}.connection{font-size:12px;display:flex;gap:8px;align-items:center;color:#a16b00;padding:12px}.connection.ok{color:#368250}.workspace{margin-left:218px;width:calc(100% - 218px);min-width:0}.test-strip{font-size:12px;min-height:33px;display:flex;align-items:center;gap:8px;padding:7px 28px;background:#fff8e6;border-bottom:1px solid #f0e6ce;color:#745413}.test-dot{height:6px;width:6px;border-radius:50%;background:#bc8b28}.test-detail{margin-left:10px;color:#82765c}.topbar{height:101px;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin-bottom:8px}.topbar-right{display:flex;align-items:center;gap:20px}.date{color:var(--muted);font-size:13px}.avatar{display:flex;width:36px;height:36px;border-radius:50%;background:#edf0f4;align-items:center;justify-content:center;font-weight:600;font-size:14px}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100vh - 134px)}.catalog-area{min-width:0}.pos-layout .catalog-area{padding:24px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search{display:flex;align-items:center;gap:10px;border:1px solid #dfe1e5;border-radius:10px;padding:0 12px;flex:1;min-width:120px;color:#848992}.search input{border:0;outline:none;width:100%;padding:13px 0;background:transparent;font-size:14px}.toolbar select{font-size:14px;max-width:260px}.category-pills{display:flex;gap:7px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin}.category-pills button{flex-shrink:0;background:#f4f5f7;border-radius:20px;padding:10px 14px;font-size:13px}.category-pills .selected{background:#1d1f22;color:#fff}.catalog-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:8px 0 18px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:15px;padding-bottom:30px}.product-card{text-align:left;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:0;transition:box-shadow .15s,transform .15s;background:#fff;display:flex;flex-direction:column}.product-card:hover{box-shadow:0 5px 16px #0000000e;transform:translateY(-2px)}.product-cover{height:85px;display:flex;align-items:center;justify-content:space-between;padding:20px;background:#edf3f8;color:#687d8f}.product-cover>span:first-child{font-size:29px;font-weight:500;letter-spacing:-1px}.carrot-cover{background:#fcf0e8;color:#b37346}.bowl-cover{background:#edf2ec;color:#6a8065}.product-plus{height:29px;width:29px;background:#ffffffa8;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555}.product-info{padding:14px;display:flex;flex-direction:column;gap:7px;flex:1}.product-info>strong{font-size:14px;line-height:1.4;font-weight:600}.product-info small{color:var(--muted)}.product-price{margin-top:auto;padding-top:5px;font-size:14px;font-weight:600}.tags{display:inline-flex;gap:4px;flex-wrap:wrap}.tag{padding:3px 6px;border-radius:4px;font-size:10px;background:#eceff4;color:#697283;font-weight:600;letter-spacing:.15px}.tag.bowl{background:#eaf3e8;color:#42623c}.tag.carrot{background:#fff0e5;color:#a95724}.ticket{border-left:1px solid var(--border);display:flex;flex-direction:column;background:#fff;height:calc(100vh - 134px);position:sticky;top:0}.ticket-head{padding:24px 22px 18px;display:flex;justify-content:space-between;align-items:center}.ticket-head h2{font-size:18px;margin-bottom:7px}.ticket-head .muted{font-size:12px}.customer-label{padding:0 22px 18px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.customer-label input{font-size:14px;font-weight:400}.ticket-lines{flex:1;overflow-y:auto;min-height:160px}.ticket-empty{color:#adb2b9;text-align:center;padding:65px 16px}.ticket-empty h3{color:#565d65;margin:20px 0 8px;font-size:16px}.ticket-empty p{font-size:13px;color:#8a9098;line-height:1.65}.ticket-line{display:flex;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid var(--border)}.ticket-line b{font-size:14px;line-height:1.4;display:block}.ticket-line small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.line-right{text-align:right;flex-shrink:0}.quantity{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;margin-top:10px;overflow:hidden}.quantity button{width:32px;height:32px;background:#f7f8fa;font-size:18px}.quantity span{min-width:28px;text-align:center;font-size:13px}.ticket-bottom{padding:18px 22px;border-top:1px solid var(--border)}.ticket-bottom label{font-size:12px}.ticket-bottom input{font-size:13px}.ticket-total{display:flex;align-items:center;justify-content:space-between;margin:23px 0 20px}.ticket-total strong{font-size:24px;letter-spacing:-.5px}.ticket-bottom .primary{width:100%;min-height:50px}.ticket-footnote{font-size:11px;text-align:center;display:block;color:var(--muted);margin-top:10px}.page-pad,.kds-page{padding:26px 30px}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:12px;color:#7a818b;background:#fafbfc;padding:16px;font-weight:600;white-space:nowrap}td{border-top:1px solid var(--border);padding:16px;vertical-align:middle}td .tag{font-size:11px}tbody tr:hover{background:#fcfdff}.status{display:inline-block;white-space:nowrap;border-radius:6px;padding:6px 9px;font-size:12px;background:#edf1f6;color:#637080}.status.amber{color:#966713;background:#fff4d9}.status.green{color:#398045;background:#eaf6ed}.info-box{display:flex;gap:12px;padding:18px;border:1px solid #e2e9f1;background:#f6f9fc;color:#506276;border-radius:10px;margin:18px 0 25px}.info-box>svg{flex-shrink:0}.info-box b{font-size:14px}.info-box p{font-size:13px;margin:6px 0 0}.info-box button{margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading h2,.section-heading p{margin:0}.section-heading p,.section-heading>span{font-size:14px}.store-grid{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.store-card{display:flex;align-items:center;gap:18px;min-width:280px;flex:1;padding:24px;border:1px solid var(--border);border-radius:13px;text-align:left}.store-card.chosen{border-color:#428bff;box-shadow:0 0 0 1px #428bff}.store-card h2{margin-bottom:6px;font-size:21px}.store-card p{margin:0;color:var(--muted);font-size:13px}.store-card>svg{margin-left:auto;color:var(--blue)}.store-logo{width:57px;height:57px;background:#ebf2e7;color:#4a7041;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:30px;font-weight:700}.store-logo.orange{background:#fff0e4;color:#bb6c32}.fine-note{font-size:13px;color:#0064d7;background:#f1f7ff;padding:12px;border-radius:8px}.override-form{display:flex;gap:7px;align-items:center}.override-form>input{width:100px;font-size:13px;padding:9px}.check-label{display:flex;flex-direction:row;gap:8px;align-items:center;font-weight:400}.empty-state{text-align:center;padding:90px 25px;color:var(--muted)}.empty-state h2{color:#515a66;margin:20px 0 10px}.empty-state p{font-size:14px}.empty{padding:45px;color:var(--muted);text-align:center}.kds-page{background:#f3f5f7;min-height:calc(100vh - 134px)}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;align-items:start}.kds-ticket{border-radius:12px;border:1px solid #dfe3e8;overflow:hidden;background:#fff;display:flex;flex-direction:column}.kds-ticket header{background:#e8f0ff;padding:18px;display:flex;justify-content:space-between;gap:8px;color:#2058a1}.kds-ticket.preparing header{background:#fff2d5;color:#946514}.kds-ticket.ready header{background:#e6f5e8;color:#377442}.kds-ticket header strong{font-size:18px}.kds-ticket header small{display:block;margin-top:7px}.kds-ticket header>span{font-size:13px;white-space:nowrap}.kds-lines{padding:18px}.kds-lines>div{margin-bottom:18px}.kds-lines strong{font-size:18px;line-height:1.5}.kds-lines small{display:block}.kds-lines p{font-size:16px;margin:6px 0}.kds-note{background:#fff4d8;padding:8px;font-size:14px}.kds-ticket footer{border-top:1px solid var(--border);padding:15px;display:flex;gap:8px;flex-wrap:wrap}.kds-ticket footer .primary{flex:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric{border:1px solid var(--border);padding:22px;border-radius:12px}.metric strong{font-size:32px;display:block}.metric span{color:var(--muted);font-size:13px;display:block;margin-top:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:24px;border:1px solid var(--border);border-radius:12px;margin-bottom:22px}.panel p,.panel li{font-size:14px;line-height:1.8}.panel ul{padding-left:20px}.setting-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--border);font-size:13px}.setting-row span{color:var(--muted);text-align:right}.error-banner{padding:14px 25px;background:#fff0ef;color:#9f322b;display:flex;gap:12px;align-items:center;font-size:14px}.error-banner button{margin-left:auto}.form-error{color:#b22d25;font-size:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#20272e;color:#fff;padding:15px 22px;border-radius:10px;box-shadow:0 8px 35px #0003;font-size:14px;z-index:60;display:flex;gap:10px;align-items:center;max-width:85vw}.modal{border:0;border-radius:16px;padding:0;width:min(570px,94vw);max-height:92vh;box-shadow:0 20px 100px #0004;color:#202124}.modal.wide{width:min(820px,94vw)}.modal::backdrop{background:#14203270;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:2}.modal header h2{margin:0}.modal-body{padding:24px 26px}.modal-body>label{margin-bottom:18px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 26px;border-top:1px solid var(--border);position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid>label{margin:0}.form-grid fieldset{margin:0}.full{grid-column:1/-1}.group-checks{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:13px}.group-checks small{margin-left:auto;color:#a57c2a;white-space:nowrap}.option-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eff1f3;font-size:14px}.option-row label{flex-direction:row;align-items:center;font-weight:400;flex:1}.option-row .quantity{margin:0}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.paper{font-family:monospace;background:#fff;border:1px dashed #ccd1d8;padding:20px;font-size:14px}.paper h3,.paper>p{text-align:center}.paper h2{font-size:18px}.paper hr{border:0;border-top:1px dashed #bbb;margin:18px 0}.paper-line{margin-bottom:17px}.paper-line small,.paper-line span{display:block;margin-top:5px}.paper-line span{text-align:right}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#7b828b}.login{min-height:100vh;background:#f5f6f8;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.login-card{width:430px;max-width:100%;border:1px solid #e2e4e8;border-radius:18px;background:#fff;padding:38px;box-shadow:0 20px 70px #1b294409}.login-card>.brand-symbol{margin-bottom:25px}.login-card h1{font-size:25px;margin-bottom:15px}.login-card>p.muted{font-size:14px;margin-bottom:25px}.login-card .primary{width:100%;margin-top:23px}.login-footer{font-size:12px;color:#8d949d;margin-top:25px}@media(min-width:1500px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.product-cover{height:115px}.pos-layout{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:1100px){.sidebar{width:180px}.workspace{margin-left:180px;width:calc(100% - 180px)}.brand{padding:20px 12px}.brand strong{font-size:13px}.brand-symbol{width:35px;height:35px}.nav{font-size:13px;gap:8px}.pos-layout{grid-template-columns:minmax(0,1fr) 300px}.pos-layout .catalog-area{padding:18px}.toolbar{flex-wrap:wrap}.toolbar select{max-width:100%;flex:1}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.topbar{padding:20px}.page-pad,.kds-page{padding:22px}.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:64px}.brand{padding:18px 14px}.brand>div,.nav span,.nav-count,.sidebar-foot .connection,.nav>svg+span{display:none}.sidebar nav{padding:0 8px}.nav{padding:13px;justify-content:center}.sidebar-foot .nav{font-size:0;padding:12px}.sidebar-foot{padding:10px 5px}.workspace{margin-left:64px;width:calc(100% - 64px)}.test-strip{padding:8px 15px}.test-detail,.date{display:none}.topbar{height:88px}.pos-layout{display:flex;flex-direction:column}.ticket{position:static;height:auto;min-height:400px;border-left:0;border-top:1px solid var(--border)}.ticket-lines{max-height:350px}.ticket-empty{padding:30px}.catalog-meta span:last-child{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-pills{max-width:100%}.form-grid,.receipt-grid{grid-template-columns:1fr}.full{grid-column:auto}.metrics{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}.store-card{min-width:100%}.page-pad,.kds-page{padding:18px}.modal-body{padding:20px}.setting-row{flex-direction:column;gap:7px}.setting-row span{text-align:left}.toolbar .primary{width:100%}}.product-cover{overflow:hidden;position:relative}.product-cover>img{width:100%;height:100%;object-fit:cover;display:block}.product-cover .product-plus{position:absolute;right:10px;bottom:10px}.catalog-thumb{width:44px;height:44px;object-fit:cover;border-radius:7px;float:left;margin-right:12px}.photo-editor{display:flex;gap:22px;align-items:center;padding:24px 28px;border-bottom:1px solid var(--border)}.photo-preview{width:140px;height:140px;flex-shrink:0;background:#f1f3f5;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8b929b}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-editor h3{margin-bottom:8px}.photo-editor p{font-size:14px;color:var(--muted);margin-bottom:12px}.photo-editor small{display:block;color:var(--muted);margin-top:12px}.photo-editor .form-error{color:#b3261e;margin-top:12px}.photo-editor .photo-notice{color:#287342;margin-top:10px;margin-bottom:0}.photo-file-input{display:none}.product-detail-photo{display:block;width:100%;height:220px;object-fit:cover;border-radius:12px;margin-bottom:20px}@media(max-width:600px){.photo-editor{align-items:flex-start;flex-direction:column;padding:20px}.photo-preview{width:110px;height:110px}}.product-cover{aspect-ratio:1/1;height:auto}.product-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.product-detail-photo{aspect-ratio:1/1;height:auto;object-fit:cover;object-position:center}.sidebar nav{overflow-y:auto;min-height:0;flex:1}.sidebar-foot{flex-shrink:0}.sidebar{background:#f9fbf8}.sidebar .brand-symbol{background:#345b39}.sidebar .nav.active{background:#e8f1e5;color:#315f36}.sidebar .nav:hover{background:#edf3eb}.sidebar .nav-count{background:#426e46;border-radius:999px}.nav-section-label{padding:19px 12px 5px;color:#87968a;font-size:10px;font-weight:700;letter-spacing:.13em}.sidebar nav .nav-section-label:first-child{padding-top:7px}@media(max-width:760px){.nav-section-label{height:12px;padding:0!important;font-size:0}.sidebar nav .nav-section-label:first-child{height:0}}.item-selection{border:1px solid var(--border,#e4e5e7);border-radius:12px;overflow:hidden;margin:16px 0}.item-selection .toolbar{padding:12px;margin:0;gap:10px}.selection-summary{padding:12px 16px;background:#f7f8f9;border-top:1px solid #e9eaeb;border-bottom:1px solid #e9eaeb;flex-wrap:wrap}.selection-list{max-height:340px;overflow:auto}.selection-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;margin:0}.selection-item>span:nth-child(2){flex:1}.selection-item small{display:block;color:#777;font-size:12px;margin-top:3px}.selection-item input,.options-editor input[type=checkbox]{width:18px;height:18px;flex:none}.selection-item:hover{background:#f7faf9}.selection-item>span:last-child{font-size:13px;white-space:nowrap}.options-editor{min-width:660px}.options-editor th{font-size:11px}.options-editor td{padding:9px}.options-editor td:first-child{min-width:210px}.options-editor td:nth-child(2){width:110px}.options-editor td:nth-child(2) input{min-width:90px}.options-editor input:not([type=checkbox]){margin:0}.options-editor .button-row{flex-wrap:nowrap;gap:0}.rule-fields{margin:16px 0}.rule-card{border:1px solid #e4e5e7;border-radius:12px;padding:14px;margin:10px 0}.rule-card summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600}.rule-card[open] summary{margin-bottom:16px}.rule-card .check-label{margin:16px 0}.rule-card .status{font-size:11px;white-space:nowrap}.variant-links{display:flex;flex-wrap:wrap;gap:8px}.variant-links .secondary{font-size:12px;padding:8px 10px}.discount-summary{display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:13px;color:#646a67}.ticket-bottom select{width:100%}.modal-body>h3{margin-top:26px}.modal-body>.check-label{margin:14px 0}.options-editor+.secondary{margin-top:12px}@media(max-width:760px){.item-selection .toolbar{flex-wrap:wrap}.item-selection .toolbar .search{min-width:100%}.selection-item>span:last-child{display:none}.rule-card summary{align-items:flex-start;flex-direction:column}.modal-footer{flex-wrap:wrap}.rule-fields{grid-template-columns:1fr 1fr}.variant-links{min-width:200px}}.table-wrap td:last-child>.button-row{flex-wrap:nowrap;min-width:118px;gap:4px}.ticket-head,.customer-label,.ticket-bottom{flex-shrink:0}.ticket-lines{min-height:60px}.ticket-bottom label+label{margin-top:10px}.modal{scroll-padding-top:95px;scroll-padding-bottom:95px}.modal input,.modal summary{scroll-margin-top:95px;scroll-margin-bottom:95px}.dashboard-brand-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}.login .brand-symbol{width:96px;height:64px;background:transparent;border-radius:4px}@media screen{.app:has(>.sidebar){--border: #e8ecea;--muted: #717975;--blue: #24776b;color:#232825;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}.app:has(>.sidebar) *,.app:has(>.sidebar) *:before,.app:has(>.sidebar) *:after{letter-spacing:0}.app:has(>.sidebar) h1{font-size:30px;font-weight:700;line-height:1.3}.app:has(>.sidebar) h2{font-size:20px;font-weight:700;line-height:1.4}.app:has(>.sidebar) h3{font-size:16px;font-weight:700}.app>.sidebar{width:248px;background:#fff;border-color:var(--border)}.app>.sidebar .brand{padding:30px 24px 26px;gap:12px}.app>.sidebar .brand-symbol{background:transparent;border:0;border-radius:6px;width:48px;height:36px}.app>.sidebar .brand strong{font-size:16px;font-weight:700}.app>.sidebar .brand small{font-size:12px;margin-top:3px}.app>.sidebar nav{padding:0 12px;gap:2px}.app>.sidebar .nav{position:relative;min-height:46px;padding:11px 13px;gap:12px;border-radius:5px;font-size:13px;line-height:1.4;color:#303934;font-weight:600}.app>.sidebar .nav svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.65}.app>.sidebar .nav.active{background:#f0f7f4;color:#227467;font-weight:700}.app>.sidebar .nav.active:before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:3px;background:#24776b}.app>.sidebar .nav:hover{background:#f6f8f7}.app>.sidebar .nav-count{background:#24776b;font-size:10px;min-width:18px;text-align:center;padding:1px 5px}.app>.sidebar .nav-section-label{font-size:12px;font-weight:700;color:#414b45;padding:24px 13px 8px;line-height:1.5}.app>.sidebar .sidebar-foot{padding:10px 12px;background:#fff}.app>.sidebar .connection{padding:12px 13px;font-size:11px;color:#78827b}.app>.workspace{margin-left:248px;width:calc(100% - 248px);background:#fff}.app>.workspace .topbar{height:auto;min-height:110px;padding:26px 36px;border-bottom:1px solid var(--border);gap:24px}.app>.workspace .topbar .eyebrow{font-size:10px;font-weight:500;color:#849088;margin-bottom:7px}.app>.workspace .topbar-right{gap:18px;flex-shrink:0}.app>.workspace .avatar{background:#fff;border:1px solid var(--border);color:#555f58;width:38px;height:38px}.app>.workspace .dashboard-timezone{font-weight:400;font-size:10px;max-width:180px}.app>.workspace .dashboard-timezone input{font-size:12px;min-height:30px;padding:5px 9px}.app>.workspace .page-pad{padding:30px 36px}.app>.workspace :is(.sq-management,.transactions-page,.menus-page){background:#fff;max-width:none}.app>.workspace .sq-management{padding:28px 36px;gap:28px}.app:has(>.sidebar) :is(.primary,.secondary){min-height:40px;padding:9px 14px;border-radius:6px;font-size:13px;font-weight:550;text-decoration:none}.app:has(>.sidebar) .primary{background:#24776b;color:#fff}.app:has(>.sidebar) .primary:hover:not(:disabled){background:#1c6257}.app:has(>.sidebar) .secondary{background:#fff;border-color:#e0e5e2;color:#353f39}.app:has(>.sidebar) .secondary:hover{background:#f7f9f8}.app:has(>.sidebar) .secondary.selected{background:#edf6f2;border-color:#87b7a7;color:#24776b}.app:has(>.sidebar) .text-link{color:#24776b;font-weight:500}.app:has(>.sidebar) .icon{width:36px;height:36px;border-radius:5px}.app:has(>.sidebar) :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #599e8b;outline-offset:3px}.app:has(>.sidebar) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]){border-color:#dce3df;border-radius:6px;padding:10px 12px;font-size:13px;min-height:40px;background:#fff}.app:has(>.sidebar) input::placeholder,.app:has(>.sidebar) textarea::placeholder{color:#9aa39c}.app:has(>.sidebar) label{font-size:13px;font-weight:500;gap:7px}.app:has(>.sidebar) fieldset{border-radius:6px;border-color:var(--border)}.app>.workspace .table-wrap{border:1px solid var(--border);border-radius:6px;background:#fff}.app>.workspace table{font-size:13px}.app>.workspace th{background:#fff;color:#7a827d;font-size:12px;font-weight:450;padding:17px 18px;border-bottom:1px solid var(--border)}.app>.workspace td{padding:17px 18px;border-color:#edf0ee;color:#333d36}.app>.workspace tbody tr:hover{background:#f8fbf9}.app:has(>.sidebar) :is(.status,.sq-order-state,.loyalty-state,.menu-badge){border-radius:4px;padding:4px 7px;font-size:11px;font-weight:500}.app:has(>.sidebar) :is(.status.green,.sq-order-state.ready,.sq-order-state.completed){background:#e7f4ed;color:#317557}.app>.workspace :is(.panel,.menu-category,.menu-intro){border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;background:#fff;padding:24px 0}.app>.workspace .settings-grid{gap:30px}.app>.workspace .setting-row{padding:16px 0;font-size:13px}.app>.workspace :is(.info-box,.fine-note,.site-editor-note,.loyalty-safety){background:#f6f9f7;color:#65736a;border:1px solid #e5ece7;border-radius:6px;padding:14px 16px}.app>.workspace :is(.store-card,.store-connection-card,.menu-details,.rule-card,.item-selection,.photo-preview,.site-editor-assets img,.site-editor-empty,.loyalty-warning){border-radius:6px;box-shadow:none}.app>.workspace .metrics{gap:0;border-block:1px solid var(--border)}.app>.workspace .metric{border:0;border-right:1px solid var(--border);border-radius:0;padding:24px 20px}.app>.workspace .metric:last-child{border-right:0}.app>.workspace .metric strong{font-size:28px;font-weight:600}.app>.workspace .sq-hero{background:none;border:0;border-radius:0;padding:0;box-shadow:none;align-items:flex-start}.app>.workspace .sq-hero .eyebrow{display:none}.app>.workspace .sq-hero h2{font-size:20px;line-height:1.4;color:#2c352f;margin:0 0 9px}.app>.workspace .sq-hero p:not(.eyebrow){font-size:12px;color:#7d8780;max-width:660px}.app>.workspace .sq-hero-actions{flex-shrink:0;padding-top:2px}.app>.workspace .sq-overview-metrics{gap:0;border-block:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr))}.app>.workspace .sq-overview-metrics article{border:0;border-right:1px solid var(--border);border-radius:0;box-shadow:none;padding:24px 18px;background:transparent}.app>.workspace .sq-overview-metrics article:first-child{padding-left:0}.app>.workspace .sq-overview-metrics article:last-child{border-right:0}.app>.workspace .sq-overview-metrics strong{color:#26342d;font-size:28px;font-weight:600;margin:11px 0 8px;overflow-wrap:anywhere}.app>.workspace .sq-overview-metrics b{font-size:12px;font-weight:500;color:#515f55}.app>.workspace .sq-overview-metrics small{font-size:10px;color:#87928b}.app>.workspace .sq-metric-icon{background:transparent;color:#768a7c;width:20px;height:20px;border-radius:0}.app>.workspace .sq-metric-icon svg{width:19px;height:19px;stroke-width:1.6}.app>.workspace :is(.sq-white-card,.sq-order-panel){border:0;border-top:1px solid var(--border);border-radius:0;padding:24px 0;box-shadow:none}.app>.workspace .sq-overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:32px}.app>.workspace .sq-overview-bottom{gap:32px}.app>.workspace .sq-panel-heading h3{color:#232c26;font-size:17px;font-weight:700}.app>.workspace .sq-panel-heading p{color:#89938c;font-size:11px}.app>.workspace :is(.sq-inline-link,.sq-older-link,.sq-order-detail){color:#24776b;font-weight:500}.app>.workspace .sq-chart{height:210px;gap:14px}.app>.workspace .sq-chart-track>span{background:#b5cec1;border-radius:3px 3px 0 0}.app>.workspace .sq-chart-day:last-child .sq-chart-track>span{background:#24776b}.app>.workspace .sq-order-row{padding:18px 0;gap:12px;grid-template-columns:minmax(150px,2fr) minmax(80px,.7fr) minmax(110px,1fr) auto}.app>.workspace .sq-order-row:first-child{border-top:1px solid var(--border)}.app>.workspace .sq-order-main strong{font-size:13px;font-weight:550}.app>.workspace .sq-list-empty{background:#fafcfb;border-radius:6px;color:#79867d}.app>.workspace :is(.sq-tabs,.menu-tabs,.site-editor-tabs){background:transparent;border-radius:0;border-bottom:1px solid var(--border);padding:0;gap:16px}.app>.workspace :is(.sq-tabs button,.menu-tabs button,.site-editor-tabs button){background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 2px;font-size:13px;font-weight:500;color:#7a857e;box-shadow:none}.app>.workspace :is(.sq-tabs button.selected,.menu-tabs button.selected,.site-editor-tabs button.selected,.site-editor-tabs button.primary){color:#24776b;background:transparent;border-bottom-color:#24776b}.app>.workspace .sq-filter-bar label{background:#fff;border-color:var(--border);border-radius:6px;min-height:40px;color:#747f77}.app>.workspace .sq-filter-bar :is(select,input){border:0;padding:8px 0;min-height:36px;background:transparent}.app>.workspace .sq-date-presets button{min-height:36px;border-radius:6px;border-color:#e2e8e4;color:#65736b;font-weight:500}.app>.workspace .sq-date-presets button[aria-pressed=true]{background:#edf6f2;color:#24776b;border-color:#b1d4c7}.app>.workspace .db-pop summary{border:1px solid #e1e7e3;background:#fff;border-radius:6px;min-height:40px;font-size:12px;color:#525e55;font-weight:450;padding:9px 12px}.app>.workspace .db-pop[open] summary{background:#edf6f2;border-color:#90bcab}.app>.workspace .db-menu{border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 28px #1b322314;color:#35423a}.app>.workspace .db-choice{font-weight:400}.app>.workspace .db-choice:hover,.app>.workspace .db-menu-action:hover{background:#f4f8f5}.app>.workspace .db-date-wrap{border:1px solid var(--border);background:#fff;border-radius:6px}.app>.workspace .db-date-wrap .db-pop summary{border-block:0;border-radius:0}.app>.workspace .db-search{border-color:#e1e7e3;border-radius:6px;min-height:40px}.app>.workspace .db-search input,.app>.workspace .search input{border:0;background:transparent;padding:9px 0;min-height:38px}.app>.workspace .db-search .db-pop summary{border:0;border-right:1px solid var(--border);border-radius:6px 0 0 6px}.app>.workspace .db-toolbar{gap:8px;margin-bottom:24px}.app>.workspace .db-period{font-size:18px;color:#3a453e;margin-top:0}.app>.workspace .db-metrics{padding:0;gap:0;margin:24px 0;border-block:1px solid var(--border)}.app>.workspace .db-metrics>div{border:0;border-right:1px solid var(--border);padding:22px 18px;gap:9px}.app>.workspace .db-metrics>div:first-child{padding-left:0}.app>.workspace .db-metrics>div:last-child{border-right:0}.app>.workspace .db-metrics strong{font-size:26px;font-weight:600;color:#29362e}.app>.workspace .db-metrics span{color:#7d887f;font-size:11px;text-transform:none}.app>.workspace .db-day header{background:#f7faf8;color:#78877d;padding:13px 16px;border-color:var(--border)}.app>.workspace .db-transaction-row{background:#fff;padding:20px 16px;border-color:#edf0ee;font-size:13px}.app>.workspace .db-transaction-row:hover{background:#f7fbf8}.app>.workspace .db-items-table td{padding:15px 18px}.app>.workspace .db-availability{min-height:32px;min-width:120px;padding:6px 9px;font-size:12px;background:#eaf5ee;color:#357553}.app>.workspace .db-availability.no{background:#f3f5f3;color:#7a827d}.app>.workspace .menu-list-open strong,.app>.workspace .menu-product h3{color:#2f4f3d}.app>.workspace .menus-page{padding:30px 36px 120px}.app>.workspace .menu-intro{margin:20px 0}.app>.workspace .menu-category-nav{background:#fff;border-radius:6px;border-color:var(--border);box-shadow:none}.app>.workspace .menu-category-tabs button{color:#66766c;border-color:var(--border);background:#fff}.app>.workspace .menu-category-tabs button.selected{background:#edf6f2;color:#24776b;border-color:#90bcab}.app>.workspace .menu-product{border-color:#e1e7e3;border-radius:6px;box-shadow:none}.app>.workspace .menu-product:hover{box-shadow:none;border-color:#b2cbbd}.app>.workspace .menu-bottom{left:248px;background:#fff;box-shadow:none;border-color:var(--border);min-height:72px}.app>.workspace .menu-fine-banner{background:#f4f8f5;border-color:#e1e9e4;border-radius:6px}.app>.workspace .site-editor footer{background:#fff;border-top:1px solid var(--border)}.app>.workspace .loyalty-stats>div{border-radius:6px;border-color:var(--border)}.app:has(>.sidebar) .modal{border-radius:8px;box-shadow:0 16px 60px #20372a24}.app:has(>.sidebar) .modal::backdrop{background:#182c225c;-webkit-backdrop-filter:none;backdrop-filter:none}.app:has(>.sidebar) .modal>header{padding:22px 24px}.app:has(>.sidebar) .modal h2{font-size:18px}.app:has(>.sidebar) .modal-body{padding:24px}.app:has(>.sidebar) .modal-footer{padding:16px 24px}.app:has(>.sidebar) .order-detail{box-shadow:-4px 0 24px #24422c14}.app:has(>.sidebar) .order-detail>header{padding:22px 24px}.app:has(>.sidebar) .order-detail h2{font-size:20px}}@media screen and (max-width:1200px){.app>.sidebar{width:220px}.app>.workspace{margin-left:220px;width:calc(100% - 220px)}.app>.workspace .menu-bottom{left:220px}.app>.workspace .topbar{padding:24px}.app>.workspace :is(.page-pad,.sq-management){padding:24px}.app>.workspace .menus-page{padding:24px 24px 140px}.app>.workspace .sq-overview-grid{grid-template-columns:1fr}.app>.workspace .sq-hero{flex-wrap:wrap;gap:16px}.app>.workspace .sq-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.app>.workspace .sq-overview-metrics article{padding:20px 16px;border-bottom:1px solid var(--border)}.app>.workspace .sq-overview-metrics article:nth-child(3){border-right:0}.app>.workspace .sq-overview-metrics article:nth-last-child(-n+2){border-bottom:0}}@media screen and (min-width:761px)and (max-width:1120px){.app>.workspace .sq-order-row{grid-template-columns:minmax(150px,2fr) minmax(80px,.7fr) auto}}@media screen and (max-width:760px){.app>.sidebar{width:56px}.app>.sidebar .brand{padding:20px 10px}.app>.sidebar .brand-symbol{width:34px;height:34px}.app>.sidebar nav{padding:0 5px}.app>.sidebar .nav-section-label{font-size:0;padding:0;margin:9px 7px 3px;height:1px;border-top:1px solid var(--border)}.app>.sidebar .nav{justify-content:center;padding:12px 7px;min-height:44px}.app>.sidebar .sidebar-foot .nav{font-size:0;gap:0}.app>.sidebar .nav.active:before{left:-5px}.app>.sidebar .sidebar-foot{padding:10px 5px}.app>.workspace{margin-left:56px;width:calc(100% - 56px)}.app>.workspace .topbar{padding:20px 16px;align-items:flex-start;flex-direction:column;gap:14px}.app>.workspace .topbar h1{font-size:23px;overflow-wrap:anywhere}.app>.workspace .topbar-right{width:100%;justify-content:space-between}.app>.workspace .dashboard-timezone{max-width:200px;flex:1}.app>.workspace :is(.page-pad,.sq-management){padding:22px 16px}.app>.workspace .menus-page{padding:22px 16px 180px}.app>.workspace .menu-bottom{left:56px;gap:8px;padding:12px}.app>.workspace .sq-hero h2{font-size:18px}.app>.workspace .sq-hero-actions{gap:8px;flex-wrap:wrap}.app>.workspace .sq-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app>.workspace .sq-overview-metrics article{padding:18px 12px}.app>.workspace .sq-overview-metrics article:first-child{padding-left:12px}.app>.workspace .sq-overview-metrics article:nth-child(3){border-right:1px solid var(--border)}.app>.workspace .sq-overview-metrics article:nth-child(2n){border-right:0}.app>.workspace .sq-overview-metrics article:nth-child(4){border-bottom:1px solid var(--border)}.app>.workspace .sq-overview-metrics article:last-child{grid-column:1/-1;border-bottom:0}.app>.workspace .sq-overview-metrics strong{font-size:25px}.app>.workspace .sq-overview-bottom{grid-template-columns:1fr;gap:12px}.app>.workspace .sq-order-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.app>.workspace .sq-order-square{display:none}.app>.workspace .sq-order-payment{text-align:right}.app>.workspace .sq-order-detail{grid-column:1/-1;padding-top:4px}.app>.workspace .sq-panel-heading{flex-wrap:wrap;gap:10px}.app>.workspace .sq-chart{gap:7px;height:185px}.app>.workspace .db-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app>.workspace .db-metrics>div{padding:18px 12px;border-bottom:1px solid var(--border)}.app>.workspace .db-metrics>div:first-child{padding-left:12px}.app>.workspace .db-metrics>div:nth-child(2n){border-right:0}.app>.workspace .db-metrics>div:nth-last-child(-n+2){border-bottom:0}.app>.workspace .db-metrics strong{font-size:22px}.app>.workspace .db-toolbar>.db-search{flex-basis:100%;max-width:none}.app>.workspace .db-transaction-row{grid-template-columns:20px minmax(0,1fr) 80px;padding:18px 5px;gap:9px}.app>.workspace .db-transaction-row b{white-space:normal;overflow-wrap:anywhere}.app>.workspace .db-menu{top:15vh;left:5vw;right:5vw}.app>.workspace .db-toolbar .primary{width:100%}.app>.workspace .metrics .metric{padding:18px 12px}.app>.workspace .metric strong{font-size:24px}.app>.workspace .table-wrap:not(:has(.db-items-table)) table{min-width:560px}.app>.workspace .transactions-page>.table-wrap table{min-width:420px}.app>.workspace .settings-grid{grid-template-columns:1fr;gap:0}.app>.workspace .toolbar{flex-wrap:wrap}.app>.workspace .toolbar .search{min-width:100%}.app>.workspace .menu-filter{flex-wrap:wrap}.app>.workspace .menu-filter .search{width:100%;max-width:none}.app>.workspace .menu-filter .search input{width:100%}.app>.workspace .store-card{min-width:0;width:100%;padding:18px}.app>.workspace .availability-stores{grid-template-columns:1fr;gap:18px}.app:has(>.sidebar) .modal{max-width:calc(100vw - 24px);max-height:92dvh}.app:has(>.sidebar) .modal-body{padding:20px}.app:has(>.sidebar) .modal-footer{padding:14px 20px;flex-wrap:wrap}}