@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#29241f;--muted:#8a837c;--line:#eee9e3;--paper:#fbfaf8;--white:#fff;--orange:#d88f4b;--orange-dark:#b96f2d;--green:#6c8465;--red:#bb685a;--sidebar:#211d19}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}.sidebar{width:244px;background:var(--sidebar);color:#f3eee8;position:fixed;inset:0 auto 0 0;padding:24px 15px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 9px 27px}.brand-mark{width:36px;height:36px;border:1px solid #c98850;border-radius:11px;display:grid;place-items:center;color:#e6a15f;font:800 22px Manrope;background:linear-gradient(135deg,#392d22,#211d19)}.brand b{font:800 20px Manrope;letter-spacing:-1px;display:block;line-height:1.05}.brand small{font-size:8px;color:#a9a096;letter-spacing:1.25px}.branch{margin:0 0 30px;padding:11px 10px;border:1px solid #3a342f;border-radius:9px;display:flex;align-items:center;gap:9px;font-size:11px}.branch b,.profile b{display:block;font-size:11px;color:#f5f0ea;font-weight:600}.branch small,.profile small{font-size:10px;color:#9e968e}.chevron{margin-left:auto;color:#948a80}.live-dot{display:inline-block;width:7px;height:7px;background:#80a477;border-radius:100%;box-shadow:0 0 0 3px #80a4771c;flex:0 0 auto}.nav-label{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#827970;padding:0 11px 9px}.nav-label.tools-label{margin-top:27px}nav{display:grid;gap:4px}.nav-item{height:39px;border:0;border-radius:7px;background:transparent;color:#bcb4ab;text-align:left;padding:0 11px;font-size:12px;display:flex;align-items:center;gap:11px}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active{background:#3a3027;color:#f1c18e}.nav-icon{width:16px;font-size:16px;text-align:center;color:inherit}.nav-count{margin-left:auto;background:#65472f;border-radius:8px;padding:2px 7px;font-size:10px;color:#f1bd88}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #433a31;border-radius:9px;padding:13px;margin:0 1px 18px}.help-icon{color:#e0a265;font-size:16px;display:block;margin-bottom:6px}.help-card>b{font-size:11px}.help-card p{font-size:10px;color:#a99f95;line-height:1.6;margin:5px 0 10px}.help-card button{background:none;border:0;color:#e8b87e;font-size:10px;padding:0;width:100%;text-align:left}.help-card button span{float:right}.profile{border-top:1px solid #3b352f;padding:15px 2px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#c5a27f;color:#30271f;font-size:10px;font-weight:700}.more{margin-left:auto;letter-spacing:2px;color:#999}.main{margin-left:244px;min-height:100vh}.topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff}.crumb{color:#898078;font-size:11px}.crumb span{margin:0 10px;color:#c1b9b0}.crumb b{font-weight:600;color:#4a433c}.top-actions{display:flex;align-items:center;gap:21px}.open-status{border:1px solid #e8e5df;border-radius:18px;padding:7px 10px;display:flex;align-items:center;gap:8px;font-size:10px;color:#514b45}.open-status .live-dot{width:6px;height:6px}.open-status .chevron{margin-left:4px}.icon-button{border:0;background:none;color:#6c655e;font-size:17px;position:relative}.icon-button i{position:absolute;right:1px;top:1px;width:5px;height:5px;background:#d4864b;border-radius:50%}.top-avatar{width:28px;height:28px}.page{display:none;padding:31px 38px 44px;max-width:1500px;margin:auto}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#96887b;display:flex;align-items:center;gap:8px}.eyebrow .live-dot{width:6px;height:6px}h1,h2,p{margin:0}h1{font:700 27px Manrope,sans-serif;letter-spacing:-1.2px;margin-top:8px;color:#2e2924}h1 .wave{font-size:19px;color:#d69352}.page-heading p{font-size:12px;color:#918980;margin-top:6px}.heading-actions{display:flex;gap:9px}.button{border-radius:7px;height:36px;padding:0 13px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.button.primary{border:1px solid #c98141;background:#d88f4b;color:#fff;box-shadow:0 2px 4px #b96f2d20}.button.primary:hover{background:#bf7739}.button.secondary{background:#fff;border:1px solid #e8e1da;color:#5d554e}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{background:white;border:1px solid #eee9e3;border-radius:9px;padding:16px;min-height:126px;position:relative}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#777068;font-size:10px}.metric-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:13px}.sales{background:#fff3e7;color:#c57b39}.orders{background:#eef2e9;color:#728568}.ticket{background:#f2edf7;color:#89739b}.time{background:#f7efea;color:#b17f5b}.metric-value{font:700 23px Manrope;letter-spacing:-.8px;margin:9px 0 8px}.metric-value small{font-size:13px;color:#6b655e}.metric-foot{display:flex;align-items:center;gap:5px;font-size:9px;color:#a29a91}.positive{color:#6d8a65;font-size:9px;font-weight:700}.sparkline{height:23px;width:72px;position:absolute;right:15px;bottom:14px;display:flex;align-items:end;gap:4px}.sparkline i{display:block;width:5px;background:#d59a64;border-radius:3px 3px 0 0;opacity:.8}.sparkline.orange i{background:#829276}.sparkline.green i{background:#a790b0}.sparkline.purple i{background:#c49a76}.dashboard-grid,.lower-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.9fr);gap:14px;margin-top:15px}.panel{background:white;border:1px solid #eee9e3;border-radius:9px}.orders-panel,.channel-panel{min-height:317px}.panel-heading{padding:17px 18px;display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font:700 13px Manrope;letter-spacing:-.2px}.panel-heading p{font-size:10px;color:#999087;margin-top:5px}.text-button{border:0;background:none;color:#bd7941;font-size:10px;font-weight:600;padding:4px 0}.order-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 15px}.order-col{background:#faf9f7;border-radius:7px;padding:9px 8px;min-height:205px}.col-title{display:flex;align-items:center;gap:6px;color:#736b63;font-size:9px;font-weight:600;margin-bottom:9px}.col-title>i{width:6px;height:6px;border-radius:50%;background:#d3985d}.col-title.prep>i{background:#879777}.col-title.ready>i{background:#74948a}.col-title em{font-style:normal;margin-left:auto;color:#a39b93}.mini-order{background:white;border:1px solid #efebe6;border-radius:6px;padding:9px;margin-bottom:7px;cursor:pointer}.mini-order:hover{border-color:#d6a372}.mini-order-top{display:flex;justify-content:space-between;font-size:9px;font-weight:700}.mini-order-top span{color:#a39b91;font-size:8px;font-weight:500}.mini-customer{font-size:9px;color:#766e66;margin:5px 0}.mini-detail{font-size:8px;color:#a39b91;display:flex;justify-content:space-between}.mini-detail b{color:#4c453e}.orders-panel-bottom{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-top:1px solid #f3f0ec;color:#9b938a;font-size:9px}.orders-panel-bottom .live-dot{width:5px;height:5px;margin-right:5px}.subtle-button{border:0;background:none;color:#b47744;font-size:9px;font-weight:600}.dots{border:0;background:none;color:#aaa;font-size:13px;letter-spacing:2px}.donut-wrap{display:grid;place-items:center;padding:2px 0 12px}.donut{height:126px;width:126px;border-radius:50%;background:conic-gradient(#dc9554 0 58%,#899577 58% 87%,#c9b8a6 87% 100%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.donut-center{position:relative;display:grid;text-align:center;gap:2px}.donut-center b{font:700 21px Manrope}.donut-center span{font-size:9px;color:#938a81}.channel-legend{padding:0 20px;display:grid;gap:10px}.channel-legend>div{display:grid;grid-template-columns:1fr auto;align-items:center;position:relative}.legend-name{font-size:9px;color:#766e66}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.delivery{background:#dc9554}.salon{background:#899577}.pickup{background:#c9b8a6}.channel-legend b{font-size:9px}.channel-legend small{position:absolute;right:0;top:12px;color:#a69d94;font-size:8px}.chart-panel,.popular-panel{min-height:276px}.chart-panel .panel-heading{padding-bottom:7px}.chart-panel select,.finance-period select{border:1px solid #e9e4df;background:#fff;border-radius:5px;padding:7px 9px;color:#766e66;font-size:9px}.chart-summary{padding:1px 18px 8px;display:flex;align-items:baseline;gap:9px}.chart-summary b{font:700 18px Manrope}.chart-summary small{color:#a49a90;font-size:8px}.chart-area{height:166px;display:flex;padding:0 17px 0 12px}.y-labels{width:50px;display:flex;flex-direction:column;justify-content:space-between;color:#aaa198;font-size:8px;padding:0 0 19px}.graph{position:relative;flex:1;margin:0 0 0 3px}.grid-lines{position:absolute;inset:0 0 20px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{height:1px;background:#f0ede9}.graph svg{position:absolute;width:100%;height:calc(100% - 20px);inset:0}.x-labels{height:20px;display:flex;justify-content:space-between;align-items:end;color:#a69e96;font-size:8px}.popular-list{padding:0 17px}.popular-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #f3f0ed}.food-thumb{height:34px;width:36px;border-radius:7px;display:grid;place-items:center;background:#f5ece2;font-size:20px}.green-bg{background:#edf0e8}.pink-bg{background:#f4eae7}.food-info{flex:1}.food-info b{font-size:9px;display:block}.food-info small{font-size:8px;color:#9c948b}.food-qty{text-align:right}.food-qty b{font-size:9px;display:block}.food-qty small{font-size:8px;color:#9e968c}
.filter-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs{display:flex;gap:20px}.filter-tab{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 11px;color:#8b837b;font-size:10px}.filter-tab.selected{border-color:#d88f4b;color:#3b342e;font-weight:700}.filter-tab span{margin-left:4px;background:#f0ece7;border-radius:9px;padding:2px 5px;font-size:8px}.filter-right{display:flex;gap:8px;padding-bottom:8px}.filter-right input,.filter-right select,.menu-toolbar input{border:1px solid #e9e4df;border-radius:6px;background:#fff;height:31px;padding:0 10px;font-size:10px;color:#5b544e;outline:none}.filter-right input{width:190px}.filter-right select{min-width:125px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:12px;align-items:start}.kanban-col{background:#f4f2ef;border-radius:8px;min-height:400px;padding:11px}.kanban-head{display:flex;align-items:center;gap:7px;font-weight:700;font-size:10px;padding:3px 2px 11px}.kanban-head>i{width:7px;height:7px;border-radius:50%;background:#d3985d}.kanban-head.prep>i{background:#869575}.kanban-head.ready>i{background:#729186}.kanban-head.done>i{background:#b2a89d}.kanban-head span{margin-left:auto;color:#918981;background:#e9e6e2;border-radius:10px;padding:2px 6px;font-size:9px}.order-card{background:white;border:1px solid #eae5df;border-radius:7px;padding:12px;margin-bottom:9px;box-shadow:0 1px 1px #25201505}.order-card-head{display:flex;justify-content:space-between;align-items:center}.order-id{font:700 11px Manrope}.order-time{font-size:9px;color:#9b9188}.order-card-customer{font-size:11px;font-weight:600;margin:10px 0 4px}.order-chip{font-size:8px;color:#af7543;background:#fbf1e7;padding:4px 7px;border-radius:9px}.order-card-meta{display:flex;align-items:center;justify-content:space-between;color:#8f867d;font-size:9px;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #f0ece8}.order-items{font-size:9px;color:#6f675f;line-height:1.7;min-height:28px}.order-total{font-weight:700;color:#39332d}.order-actions{display:flex;gap:6px;margin-top:10px}.order-actions button{flex:1;height:28px;border:1px solid #e8e1db;background:#fff;border-radius:5px;font-size:9px;color:#6c6258}.order-actions button.advance{background:#d88f4b;border-color:#d88f4b;color:#fff}.empty-col{text-align:center;color:#a69e96;font-size:9px;padding:35px 10px}.menu-summary{display:flex;align-items:center;gap:46px;background:#fff;border:1px solid #eee9e3;border-radius:8px;padding:14px 18px;margin-bottom:15px}.menu-summary>div:not(.menu-live){display:grid;gap:3px}.menu-summary small{font-size:8px;color:#9b9389;letter-spacing:.5px}.menu-summary b{font:700 17px Manrope}.menu-live{margin-left:auto;font-size:10px;color:#6d7965}.menu-live .live-dot{width:6px;height:6px;margin-right:6px}.menu-live small{display:block;padding-left:13px;margin-top:3px;letter-spacing:0}.menu-toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.category-tabs{display:flex;gap:7px}.category-tab{background:transparent;border:1px solid transparent;border-radius:18px;padding:7px 11px;font-size:9px;color:#80776e}.category-tab.selected{background:#fff;border-color:#e9e3dc;color:#544c44;font-weight:700}.category-tab span{color:#aa9f93;margin-left:3px}.menu-toolbar input{width:190px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{border:1px solid #eee9e3;background:#fff;border-radius:8px;overflow:hidden}.product-art{height:clamp(119px,10vw,190px);display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,#f4e9d9,#eee0d0 54%,#e9d9c6)}.green-art{background:radial-gradient(circle at 50% 45%,#edf0e4,#e2e7d7 60%,#d7deca)}.pink-art{background:radial-gradient(circle at 50% 45%,#f3e6e2,#ead8d2 60%,#e1cec7)}.product-emoji{font-size:60px;filter:drop-shadow(0 6px 4px #4b312126)}.product-status{position:absolute;left:9px;top:9px;background:#ffffffda;border-radius:10px;padding:4px 7px;font-size:8px;color:#637a5e}.product-status.off{color:#a69b91}.product-more{position:absolute;right:8px;top:7px;border:0;background:#ffffffbd;border-radius:5px;color:#645b53}.product-body{padding:11px 12px}.product-top{display:flex;justify-content:space-between;gap:8px}.product-top b{font-size:11px}.product-top strong{font-size:11px;color:#b8733b}.product-body p{font-size:9px;color:#91877e;line-height:1.5;margin:6px 0 10px;min-height:27px}.product-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f2efeb;padding-top:8px;color:#9a9188;font-size:8px}.product-foot button{border:0;background:none;color:#b87843;font-size:9px}.finance-period{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#897f75;font-size:10px;margin:-7px 0 13px}.finance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.finance-metrics article{background:#fff;border:1px solid #eee9e3;border-radius:8px;min-height:112px;padding:15px;position:relative}.finance-metrics article>span{font-size:10px;color:#80766d;display:block;margin-bottom:10px}.finance-metrics article>b{font:700 19px Manrope;display:block;letter-spacing:-.5px}.finance-metrics article>b.income-value{color:#6d8265}.finance-metrics article>b.expense-value{color:#b66d5c}.finance-metrics article small{display:block;font-size:9px;color:#a49b91;margin-top:5px}.fin-icon{position:absolute;right:14px;top:14px;font-style:normal;color:#db9a60;font-size:15px}.fin-icon.red{color:#c37c6a}.finance-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:13px;margin-top:15px}.transactions,.expense-panel{min-height:360px}.transaction-table{padding:0 17px}.table-head,.transaction-row{display:grid;grid-template-columns:1.6fr 1.2fr .9fr .8fr;align-items:center;gap:5px}.table-head{color:#a29a91;font-size:8px;letter-spacing:.6px;padding:11px 0;border-bottom:1px solid #eeeae5}.transaction-row{border-bottom:1px solid #f2efeb;padding:12px 0;font-size:9px}.transaction-name{display:flex;align-items:center;gap:8px;font-weight:600}.transaction-icon{width:27px;height:27px;border-radius:7px;background:#eef1e9;display:grid;place-items:center;color:#75856c}.transaction-icon.out{background:#f6ece8;color:#b57968}.transaction-row span{color:#8e857c}.transaction-row strong{justify-self:end;color:#6e8467}.transaction-row strong.out{color:#b36d5e}.expense-chart{display:grid;place-items:center;padding:13px 0 16px}.expense-ring{width:147px;height:147px;border-radius:50%;background:conic-gradient(#db9450 0 54%,#75836c 54% 79%,#c9a98d 79% 100%);display:grid;place-items:center;position:relative}.expense-ring:before{content:"";position:absolute;inset:20px;background:#fff;border-radius:50%}.expense-ring>div{position:relative;display:grid;text-align:center;gap:3px}.expense-ring b{font:700 15px Manrope}.expense-ring small{font-size:8px;color:#958b81}.expense-legend{display:grid;gap:10px;padding:0 20px}.expense-legend div{font-size:9px;color:#756d65;display:flex;align-items:center}.expense-legend i{width:7px;height:7px;border-radius:50%;margin-right:7px}.expense-legend span{margin-left:auto;color:#554d45;font-weight:600}.placeholder-panel{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-panel>span{font-size:32px;color:#d49a60;margin-bottom:12px}.placeholder-panel h2{font:700 16px Manrope}.placeholder-panel p{font-size:11px;color:#928a81;margin:8px 0 15px}.toast{position:fixed;right:25px;bottom:24px;background:#28231e;color:#fff;padding:12px 16px;border-radius:7px;font-size:11px;box-shadow:0 8px 30px #0002;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;z-index:30}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:#1c1712aa;display:grid;place-items:center;z-index:20;padding:20px}.modal{background:#fff;width:min(470px,100%);border-radius:11px;box-shadow:0 20px 60px #0003;overflow:hidden}.modal-head{padding:19px 21px;border-bottom:1px solid #eee9e3;display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:700 16px Manrope}.modal-close{border:0;background:none;font-size:19px;color:#918980}.modal-form{padding:20px 21px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-field{margin-bottom:13px}.form-field label{display:block;font-size:10px;font-weight:600;color:#625a52;margin-bottom:6px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #e5dfd8;border-radius:6px;padding:10px;font-size:11px;color:#403a34;outline:none;background:#fff}.form-field textarea{resize:vertical;min-height:60px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:6px}.modal-actions .button{min-width:80px;justify-content:center}.guide-content{padding:20px}.guide-step{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f0ede9}.guide-step>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fbf0e5;color:#be7840;font-weight:700}.guide-step b{font-size:11px}.guide-step p{font-size:10px;color:#928980;margin-top:4px;line-height:1.5}@media(max-width:1150px){.page{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1.35fr 1fr}.kanban{grid-template-columns:repeat(2,minmax(190px,1fr))}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{width:62px;padding:18px 8px}.brand{padding:0 4px 24px}.brand>span:last-child,.branch,.nav-label,.nav-item:not(.active),.nav-item.active{font-size:0}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:17px}.nav-count,.sidebar-bottom{display:none}.main{margin-left:62px}.page{padding:24px 17px}.topbar{padding:0 17px}.dashboard-grid,.lower-grid,.finance-layout{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.metric-grid{gap:8px}.kanban{grid-template-columns:1fr 1fr}.menu-grid{grid-template-columns:1fr 1fr}.filter-bar{align-items:flex-start;flex-direction:column}.filter-right{padding:10px 0}.finance-metrics{grid-template-columns:1fr 1fr}}
.order-actions{flex-wrap:wrap}.order-actions button{min-width:62px}.order-line{position:relative;border:1px solid #eee8e1;background:#fcfbf9;border-radius:7px;padding:11px;margin:0 0 10px}.order-line .form-field{margin-bottom:9px}.quantity-control{height:36px;display:flex;border:1px solid #e5dfd8;border-radius:6px;overflow:hidden;background:#fff}.quantity-control button{width:34px;border:0;background:#faf8f5;color:#6b6259;font-size:15px}.quantity-control input{min-width:35px;border:0!important;text-align:center;padding:5px!important}.complement-box{margin:3px 0 10px}.complement-box>b{font-size:10px;color:#625a52}.complement-options{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:7px}.complement-options label{font-size:9px;color:#665e56;display:flex;align-items:center;gap:4px}.complement-options input{accent-color:#d88f4b}.complement-options small{color:#9a8d80}.item-note .form-field{margin:0}.item-note{margin-bottom:5px!important}.remove-item{border:0;background:none;color:#a66b5b;font-size:9px;padding:2px 0}.add-item{border:1px dashed #d6c6b6;background:#fff9f2;color:#a96834;border-radius:6px;padding:9px 11px;font-size:10px;font-weight:600}.order-total-preview{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee8e1;padding:13px 2px;margin:10px 0;color:#6b6259;font-size:11px}.order-total-preview b{font:700 17px Manrope;color:#2e2924}.order-card .order-items small{color:#9d7b59;font-size:8px}
@media(max-width:1000px){.kanban{grid-template-columns:repeat(2,minmax(190px,1fr))}}@media(max-width:520px){.kanban{grid-template-columns:1fr}.menu-toolbar{align-items:flex-start;gap:8px;flex-direction:column}.category-tabs{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}
.order-actions{flex-wrap:wrap}.order-actions button{min-width:62px}.order-line{position:relative;border:1px solid #eee8e1;background:#fcfbf9;border-radius:7px;padding:11px;margin:0 0 10px}.order-line .form-field{margin-bottom:9px}.quantity-control{height:36px;display:flex;border:1px solid #e5dfd8;border-radius:6px;overflow:hidden;background:#fff}.quantity-control button{width:34px;border:0;background:#faf8f5;color:#6b6259;font-size:15px}.quantity-control input{min-width:35px;border:0!important;text-align:center;padding:5px!important}.complement-box{margin:3px 0 10px}.complement-box>b{font-size:10px;color:#625a52}.complement-options{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:7px}.complement-options label{font-size:9px;color:#665e56;display:flex;align-items:center;gap:4px}.complement-options input{accent-color:#d88f4b}.complement-options small{color:#9a8d80}.item-note{margin-bottom:5px!important}.remove-item{border:0;background:none;color:#a66b5b;font-size:9px;padding:2px 0}.add-item{border:1px dashed #d6c6b6;background:#fff9f2;color:#a96834;border-radius:6px;padding:9px 11px;font-size:10px;font-weight:600}.order-total-preview{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee8e1;padding:13px 2px;margin:10px 0;color:#6b6259;font-size:11px}.order-total-preview b{font:700 17px Manrope;color:#2e2924}.order-card .order-items small{color:#9d7b59;font-size:8px}@media(max-width:1000px){.kanban{grid-template-columns:repeat(2,minmax(190px,1fr))}}@media(max-width:520px){.kanban{grid-template-columns:1fr}.menu-toolbar{align-items:flex-start;gap:8px;flex-direction:column}.category-tabs{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}
@media(min-width:1151px){.kanban{grid-template-columns:repeat(5,minmax(155px,1fr))}}
.product-art{overflow:hidden}.product-photo{width:100%;height:100%;object-fit:cover}.report-toolbar{display:flex;gap:13px;align-items:center;justify-content:flex-end;margin:-7px 0 14px;color:#81776e;font-size:10px}.report-toolbar>div:first-child{display:flex;align-items:center;gap:8px}.report-toolbar select,.client-toolbar select,.client-toolbar input{height:33px;border:1px solid #e8e1da;border-radius:6px;background:#fff;padding:0 10px;color:#625a52;font-size:10px}.custom-range label{display:flex;align-items:center;gap:6px}.custom-range input{width:62px;height:31px;border:1px solid #e8e1da;border-radius:5px;padding:0 7px}.report-metrics,.client-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.report-metrics article,.client-metrics article{background:#fff;border:1px solid #eee9e3;border-radius:8px;padding:15px;min-height:100px}.report-metrics article span,.client-metrics article span{display:block;color:#81776e;font-size:10px;margin-bottom:9px}.report-metrics article b,.client-metrics article b{font:700 18px Manrope;color:#332d27}.report-metrics article small{display:block;color:#a0988f;font-size:9px;margin-top:6px}.report-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:13px}.report-sales,.report-products{min-height:270px}.sales-breakdown{padding:4px 19px 20px}.sales-breakdown>div{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;border-top:1px solid #f1eeea;padding:13px 0;font-size:10px}.sales-breakdown>div>span{color:#70675f}.sales-breakdown b{font-size:10px}.sales-breakdown small{grid-column:3;color:#a49a91;font-size:8px;text-align:right;margin-top:-7px}.bar-track{height:7px;background:#f1eee9;border-radius:5px;overflow:hidden}.bar-track i{height:100%;display:block;background:#d99150;border-radius:5px}.report-product-row{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;padding:12px 17px;border-top:1px solid #f1eeea;font-size:10px}.report-product-row .rank{width:21px;height:21px;border-radius:50%;background:#f8f0e8;color:#b77a45;display:grid;place-items:center;font-size:9px}.report-product-row>span:last-child{color:#8b8178;font-size:9px}.client-toolbar{display:flex;justify-content:space-between;margin-bottom:11px}.client-toolbar input{width:280px}.clients-panel{overflow:hidden}.client-table-head,.client-row{display:grid;grid-template-columns:1.2fr 1fr 1.5fr .55fr .8fr;align-items:center;gap:10px;padding:12px 16px}.client-table-head{font-size:8px;letter-spacing:.7px;color:#9a9188;border-bottom:1px solid #eee9e3}.client-row{min-height:56px;border-bottom:1px solid #f2efeb;font-size:9px;color:#7b7269}.client-row:last-child{border-bottom:0}.client-name{display:flex;align-items:center;gap:8px;color:#39332d}.client-name b{font-size:10px}.client-avatar{width:27px;height:27px;border-radius:50%;background:#efe6dc;color:#8f633d;display:grid;place-items:center;font-size:8px;font-weight:700}.client-row> b{justify-self:center}.client-row>strong{justify-self:end;color:#4c453e;font-size:9px}.client-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-menu{padding:24px;color:#9a9188;grid-column:1/-1}@media(max-width:1050px){.report-metrics{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.client-table-head,.client-row{grid-template-columns:1.1fr 1fr 1.2fr .5fr .8fr;gap:6px;padding-left:10px;padding-right:10px}}@media(max-width:700px){.report-toolbar{justify-content:flex-start;margin:0 0 12px}.client-toolbar{gap:8px;flex-direction:column}.client-toolbar input{width:100%}.client-table-head{display:none}.client-row{grid-template-columns:1fr auto;gap:4px 10px}.client-row .client-name{grid-column:1}.client-row>span:nth-child(2){grid-column:1}.client-row>span:nth-child(3){grid-column:1}.client-row>b{grid-column:2;grid-row:1}.client-row>strong{grid-column:2;grid-row:2}.client-row>span:nth-child(3){max-width:250px}}
/* Product photos keep the food in frame even in wide manager cards. */
.product-photo{object-position:center}
@media(min-width:1400px){.product-art{height:clamp(156px,10vw,190px)}}
/* Contain uploaded photos inside their fixed artwork frame instead of letting
   the image's intrinsic dimensions stretch the menu card. */
.product-art{overflow:hidden}
.product-photo{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;z-index:0}
.product-status,.product-more{z-index:1}

/* Restaurant identity and delivery route settings */
.settings-panel{padding:22px;margin-bottom:18px}.settings-panel .panel-heading{margin-bottom:18px}.settings-form{display:grid;gap:22px}.settings-logo{display:flex;align-items:center;gap:15px}.restaurant-logo-preview{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border:1px dashed #d7c4b0;border-radius:14px;background:#fbf4eb;color:#d88f4b;font:800 34px Manrope}.restaurant-logo-preview img,.brand-mark img{width:100%;height:100%;object-fit:cover}.upload-logo{position:relative;display:inline-flex;align-items:center;overflow:hidden}.upload-logo input{position:absolute;inset:0;opacity:0;cursor:pointer}.settings-logo small{display:block;margin-top:8px;color:#8c8176}.settings-logo .text-button{display:block;margin-top:5px}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.settings-fields label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#665b50}.settings-fields input{height:42px;border:1px solid #e6ded6;border-radius:7px;padding:0 12px;font:13px 'DM Sans';color:#332c26;outline:0}.settings-fields input:focus{border-color:#d88f4b;box-shadow:0 0 0 3px #d88f4b22}.settings-fields .wide{grid-column:1/-1}.settings-actions{border-top:1px solid #eee8e1;padding-top:17px}.routes-table{overflow:auto}.route-table-head,.route-row{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(140px,1fr) minmax(100px,.7fr) minmax(150px,1fr);gap:14px;align-items:center;padding:13px 10px;border-bottom:1px solid #f0ebe6}.route-table-head{color:#9b8d80;font-size:10px;letter-spacing:.6px;font-weight:700}.route-row>b{font-size:13px}.route-row>strong{color:#a96530}.route-status{width:max-content;color:#62845d;background:#eff5ed;border-radius:12px;padding:5px 9px;font-size:11px}.route-status.inactive{color:#8c8176;background:#f2efeb}.route-actions{display:flex;gap:13px}.route-actions .text-button{font-size:12px}.brand-mark{overflow:hidden}.brand-mark img{border-radius:inherit}@media(max-width:700px){.settings-fields{grid-template-columns:1fr}.settings-fields .wide{grid-column:auto}.route-table-head{display:none}.route-row{grid-template-columns:1fr auto;gap:7px 12px}.route-row>strong{grid-column:1;grid-row:2}.route-status{grid-column:2;grid-row:1}.route-actions{grid-column:2;grid-row:2}.settings-panel{padding:16px}}

/* Editable site presentation settings */
.cover-upload-row{display:flex;align-items:center;gap:18px}.cover-preview{width:min(420px,58%);height:140px;display:grid;place-items:center;overflow:hidden;border:1px dashed #d7c4b0;border-radius:12px;background:linear-gradient(120deg,#f3ece3,#e8dccb);color:#9a8068;font-size:12px}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-upload-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.cover-upload-actions small{color:#8c8176;line-height:1.5}.settings-fields textarea{width:100%;min-height:88px;border:1px solid #e6ded6;border-radius:7px;padding:10px 12px;font:13px/1.5 'DM Sans';color:#332c26;resize:vertical;outline:0}.settings-fields textarea:focus{border-color:#d88f4b;box-shadow:0 0 0 3px #d88f4b22}@media(max-width:700px){.cover-upload-row{align-items:flex-start;flex-direction:column}.cover-preview{width:100%;height:150px}}

.whatsapp-panel .panel-heading{align-items:center}.whatsapp-setup{display:flex;gap:13px;align-items:flex-start;border:1px solid #eee8e1;border-radius:8px;background:#fbfaf8;padding:16px;margin:0 18px 18px}.whatsapp-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#edf4ec;color:#64845e;font-size:22px}.whatsapp-setup b{font-size:12px}.whatsapp-setup p{max-width:760px;margin:5px 0 10px;color:#81776d;font-size:11px;line-height:1.55}.whatsapp-setup small{color:#a16a3d;font-size:10px}
.admin-login{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:#f7f4f0}.admin-login[hidden]{display:none}.admin-login form{width:min(100%,420px);padding:34px;border:1px solid #eee3d8;border-radius:24px;background:white;box-shadow:0 24px 80px #34271c18}.login-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:1px solid #d88f4b;border-radius:15px;color:#d88f4b;font-size:24px;font-weight:800}.admin-login h1{margin:8px 0;font-size:28px}.admin-login p{margin:0 0 22px;color:#81776d;line-height:1.55}.admin-login label{display:block;margin-bottom:6px;font-size:13px;font-weight:600}.admin-login input{width:100%;height:48px;border:1px solid #e6ded6;border-radius:12px;padding:0 14px;font-size:18px;letter-spacing:5px}.admin-login #admin-login-error{display:block;min-height:22px;padding-top:5px;color:#a33;font-size:12px}.admin-login .button{width:100%;justify-content:center}

.open-status{cursor:pointer;font-family:inherit}.open-status .live-dot{background:#80a477}.open-status.is-closed{color:#a85f51;border-color:#ead6d1}.open-status.is-closed .live-dot{background:#bd6859;box-shadow:0 0 0 3px #bd68591c}.schedule-days{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 16px}.schedule-days label{position:relative;cursor:pointer}.schedule-days input{position:absolute;opacity:0;pointer-events:none}.schedule-days span{display:grid;place-items:center;min-width:48px;height:36px;padding:0 12px;border:1px solid #e9e2db;border-radius:18px;background:#fff;color:#746a61;font-size:10px;font-weight:600;transition:.15s}.schedule-days input:checked+span{border-color:#d88f4b;background:#fbf0e5;color:#a76026}.schedule-days input:focus-visible+span{outline:2px solid #d88f4b;outline-offset:2px}.schedule-times{max-width:460px}.schedule-note{font-size:10px;color:#8e857b;background:#faf7f3;border:1px solid #eee8e0;border-radius:8px;padding:11px 13px;margin-top:4px}
/* Caixa, estoque, backups e conectividade */
.cash-session{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:18px 20px;border:1px solid #eee9e3;border-radius:12px;background:#fff}
.cash-session>div:first-child{display:grid;gap:5px}.cash-session>div:first-child b{font:700 13px Manrope}.cash-session small,.cash-note{color:#8b8178;font-size:10px}.cash-expected{color:#6d6258;font-size:11px;font-weight:600}.cash-note{flex-basis:100%;margin-top:-8px;line-height:1.5}
.stock-check{display:flex;align-items:center;gap:8px;margin:4px 0 14px;color:#625a52;font-size:11px}.stock-check input{accent-color:#d88f4b}.backup-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.backup-actions small{flex-basis:100%;color:#8c8176;font-size:10px}.backup-import{position:relative;overflow:hidden}.backup-import input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.connection-indicator{display:inline-flex;align-items:center;gap:6px;color:#66815d;font-size:10px}.connection-indicator i{width:7px;height:7px;border-radius:50%;background:#78a16e}.connection-indicator.is-offline{color:#a75f52}.connection-indicator.is-offline i{background:#bd6859}

.server-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:#f7f4f0}.server-gate[hidden]{display:none}.server-gate-card{width:min(100%,480px);padding:36px;border:1px solid #eee3d8;border-radius:24px;background:#fff;box-shadow:0 24px 80px #34271c18}.server-gate-card h1{margin:10px 0;font-size:27px}.server-gate-card p{margin:0 0 22px;color:#81776d;line-height:1.6}.server-gate-card .button{justify-content:center}

body:not(.server-ready) .sidebar,body:not(.server-ready) .main{visibility:hidden}
.photo-cropper{display:grid;gap:9px;margin-top:10px}.photo-crop-frame{position:relative;width:100%;aspect-ratio:2.4/1;max-height:260px;overflow:hidden;border:1px solid #e5d8c9;border-radius:14px;background:radial-gradient(circle at center,#f8f1e8,#ebe0d2);touch-action:none;cursor:grab}.photo-crop-frame.is-dragging{cursor:grabbing}.photo-crop-frame img{position:absolute;max-width:none;max-height:none;user-select:none;pointer-events:none}.photo-crop-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-crop-controls label{display:flex;align-items:center;gap:10px;flex:1;font-size:12px;font-weight:600}.photo-crop-controls input[type=range]{flex:1;accent-color:#d88b45}.crop-help{color:#897c70}.photo-cropper[hidden]{display:none}
/* Modal: conteúdo rolável com ações sempre acessíveis */
.modal-backdrop{overflow-y:auto;align-items:center;padding:16px}
.modal{display:flex;flex-direction:column;width:min(620px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);min-height:0}
.modal-head{flex:0 0 auto}
.modal-form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:0}
.modal-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 21px}
.modal-actions{flex:0 0 auto;padding:12px 21px max(14px,env(safe-area-inset-bottom));border-top:1px solid #eee9e3;background:#fff}
.photo-crop-frame{max-height:min(260px,30dvh)}
@media(max-width:600px){.modal-backdrop{padding:8px;align-items:center}.modal{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.modal-head{padding:15px 17px}.modal-content{padding:16px 17px}.modal-actions{padding:10px 17px max(12px,env(safe-area-inset-bottom))}.photo-crop-frame{max-height:25dvh}.modal-actions .button{min-width:88px}}

/* Enquadramento do produto no mesmo formato do card do cliente */
.photo-crop-frame{aspect-ratio:1.7/1}

/* Editor de enquadramento aberto após selecionar uma imagem */
.product-photo-preview{margin-top:10px;max-width:240px;height:100px;border-radius:10px;overflow:hidden;background:#f2e6d8;display:grid;place-items:center}
.product-photo-preview:empty{display:none}
.product-photo-preview img{width:100%;height:100%;object-fit:contain}
.image-crop-backdrop{position:fixed;inset:0;z-index:60;background:#18130fdd;display:grid;place-items:center;padding:20px}
.image-crop-dialog{width:min(860px,100%);max-height:calc(100dvh - 40px);background:#fff;border-radius:18px;box-shadow:0 24px 80px #0006;display:flex;flex-direction:column;overflow:hidden}
.image-crop-dialog header,.image-crop-dialog footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid #eee9e3}
.image-crop-dialog header b{display:block;font:700 17px Manrope}.image-crop-dialog header small{display:block;margin-top:5px;color:#82776d;font-size:11px}.image-crop-dialog header>button{border:0;background:none;color:#82776d;font-size:24px}
.crop-stage{position:relative;flex:1 1 auto;min-height:220px;height:min(58dvh,620px);margin:18px 22px;background:#26211d;overflow:hidden;touch-action:none;user-select:none}
.crop-source{position:absolute;max-width:none;max-height:none;pointer-events:none}
.crop-selection{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 9999px #0008;cursor:move;touch-action:none}
.crop-selection:after{content:"";position:absolute;inset:33.33%;border:1px solid #ffffff80;pointer-events:none}
.crop-handle{position:absolute;width:16px;height:16px;border:2px solid #fff;background:#d88f4b;border-radius:50%;z-index:1;touch-action:none}.crop-handle-nw{left:-8px;top:-8px;cursor:nwse-resize}.crop-handle-ne{right:-8px;top:-8px;cursor:nesw-resize}.crop-handle-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-handle-se{right:-8px;bottom:-8px;cursor:nwse-resize}
.image-crop-dialog footer{justify-content:flex-end;border-top:1px solid #eee9e3;border-bottom:0}
@media(max-width:600px){.image-crop-backdrop{padding:10px}.image-crop-dialog{max-height:calc(100dvh - 20px);border-radius:14px}.image-crop-dialog header,.image-crop-dialog footer{padding:14px}.crop-stage{height:55dvh;min-height:180px;margin:12px}.image-crop-dialog footer .button{min-width:0;padding:0 10px}}

/* Perfil editável do administrador e nome completo da lancheria */
.brand span:last-child{min-width:0;flex:1}.brand b{font-size:14px;letter-spacing:-.25px;line-height:1.15;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile{width:100%;border:0;border-top:1px solid #3b352f;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.profile:hover{background:#ffffff0a}.profile:focus-visible,.top-avatar:focus-visible{outline:2px solid #e4a263;outline-offset:2px}.profile .more{font-size:9px;letter-spacing:0;color:#e2a267;opacity:0}.profile:hover .more,.profile:focus-visible .more{opacity:1}.top-avatar{border:0;cursor:pointer;font:700 10px 'DM Sans',sans-serif}.admin-profile-note{margin-top:10px;color:#898078;font-size:11px;line-height:1.5}

.technology-footer{max-width:1500px;margin:0 auto;padding:14px 38px 22px;text-align:right;color:#9a9188;font-size:10px;letter-spacing:.2px}.technology-footer strong{color:#74695f;font-weight:700}@media(max-width:800px){.technology-footer{padding:12px 17px 20px}}