:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102451;background:#f7f4ec;font-synthesis:none;--navy: #102451;--olive: #63713c;--olive-dark: #435027;--cream: #f8f2e2;--line: #e6e2d8;--muted: #68799b;--card: #fff;--shadow: 0 8px 22px rgba(35,46,61,.055)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:1180px;min-height:100%}body{background:#faf8f2;color:var(--navy)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:#f8f5ed}.top-nav{height:96px;display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(320px,1fr);align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:#ffffffe0;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:14px;min-width:0}.olive-mark{width:74px;height:54px;position:relative;transform:rotate(-6deg);flex:0 0 auto}.olive-mark:before{content:"";position:absolute;width:58px;height:2px;background:var(--olive);left:7px;top:31px;transform:rotate(-28deg);border-radius:4px}.olive-mark span{position:absolute;width:19px;height:10px;background:var(--olive);border-radius:100% 0;transform:rotate(-28deg)}.olive-mark span:nth-child(1){left:4px;top:30px}.olive-mark span:nth-child(2){left:18px;top:18px}.olive-mark span:nth-child(3){left:31px;top:8px}.olive-mark span:nth-child(4){left:35px;top:33px;transform:rotate(150deg)}.olive-mark span:nth-child(5){left:50px;top:22px;transform:rotate(150deg)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Georgia,serif;font-size:27px;letter-spacing:.5px;white-space:nowrap}.brand-copy span{margin-top:9px;color:var(--olive-dark);letter-spacing:6px;font-size:12px;white-space:nowrap}.top-tabs{display:flex;gap:14px;align-self:stretch;align-items:center}.top-tab{min-height:58px;min-width:128px;border:0;background:transparent;color:#475575;border-radius:14px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:17px;position:relative}.top-tab.active{color:var(--olive-dark);background:#f1f3e9;font-weight:700}.top-tab.active:after{content:"";height:4px;background:var(--olive);border-radius:3px;position:absolute;bottom:0;left:14px;right:14px}.nav-status{justify-self:end;display:flex;align-items:center;gap:22px}.date-time{text-align:right;padding-right:20px;border-right:1px solid #ddd8cc;display:flex;flex-direction:column}.date-time span{font-size:13px;color:#53627d}.date-time strong{font-family:Georgia,serif;font-size:22px;margin-top:3px}.connection{display:grid;grid-template-columns:12px auto 18px;gap:10px;align-items:center;min-width:172px}.connection .dot{width:10px;height:10px;border-radius:50%}.dot.online{background:#20b54a}.dot.offline{background:#c89930}.connection div:nth-child(2){display:flex;flex-direction:column}.connection strong{font-size:14px}.connection span{font-size:11px;color:var(--muted);margin-top:2px}.connection svg{color:#64718d}.page{padding:24px 28px 34px}.orders-page{padding-top:18px}.orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.filter-pills,.platform-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-pills button,.platform-filters button{min-height:44px;padding:0 18px;border:1px solid #dedbd3;border-radius:12px;background:#fff;color:#51617f}.filter-pills button.active,.platform-filters button.active{color:var(--olive-dark);border-color:#cbd2b6;background:#eef1e7;font-weight:700}.search-box{height:48px;width:310px;border:1px solid #d9dce3;background:#fff;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#66728d}.search-box.wide{width:430px;height:54px}.search-box input{width:100%;border:0;outline:0;color:var(--navy);background:transparent;font-size:15px}.setup-banner,.global-error{background:#fff5d9;border:1px solid #eadba8;border-radius:12px;padding:12px 14px;margin-bottom:14px;color:#68571f;font-size:13px}.global-error{margin:12px 28px 0;background:#fff0ef;border-color:#f1c8c5;color:#8b3330}.loading-state{padding:80px;text-align:center;color:var(--muted)}.order-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;height:calc(100vh - 182px);min-height:520px}.order-column{position:relative;border-radius:18px;padding:10px;overflow:hidden;border:1px solid rgba(20,35,50,.03);transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.order-column.drop-target{box-shadow:inset 0 0 0 2px #63713c80;transform:translateY(-1px)}.column-new{background:#fbf5e7}.column-preparing{background:#eef6fb}.column-ready{background:#eff7eb}.column-delivery{background:#edf5fb}.column-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 10px}.column-header>div{display:flex;align-items:center;gap:10px}.column-header h2{font-family:Georgia,serif;font-size:20px;margin:0}.column-header>span{min-width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffffb3;font-weight:800}.column-body{height:calc(100% - 58px);overflow-y:auto;overflow-x:hidden;padding:2px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.column-body::-webkit-scrollbar{width:0;height:0;display:none}.order-column.has-scroll-controls .column-body{padding-right:29px}.order-card{background:#fff;border:1px solid #ebe9e2;border-radius:14px;padding:14px;margin-bottom:10px;min-height:166px;display:flex;flex-direction:column;box-shadow:0 3px 12px #1e283209;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transition:box-shadow .16s ease,transform .16s ease,opacity .16s ease}.order-card:active{cursor:grabbing}.order-card:hover{box-shadow:var(--shadow)}.dragging-source{opacity:.28}.drag-overlay{width:330px;transform:scale(1.02);box-shadow:0 18px 38px #1b27312e;opacity:.98;cursor:grabbing}.order-card-top{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}.platform-badge{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff;letter-spacing:-.3px}.platform-badge.compact{width:34px;height:34px;border-radius:8px;font-size:10px}.platform-doordash{background:#ed2c24}.platform-uber_eats{background:#101010;color:#49d77a}.platform-grubhub{background:#f47a16}.platform-website{background:#1774d1}.platform-in_house{background:#6e7850}.order-primary{display:flex;flex-direction:column;min-width:0}.order-primary strong{font-size:18px}.order-primary span{font-family:Georgia,serif;font-weight:700;font-size:17px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.age-pill{align-self:start;background:#f8efef;color:#d94343;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.order-summary{display:flex;gap:8px;align-items:flex-start;color:#61718f;font-size:13px;margin:12px 0;min-height:34px}.order-summary p{margin:0;line-height:1.3}.order-summary i{font-style:normal}.order-card-bottom{margin-top:auto;border-top:1px solid #eceae4;padding-top:10px;display:flex;align-items:center;justify-content:space-between}.order-card-bottom strong{font-family:Georgia,serif;font-size:20px}.order-card-bottom svg{color:#1b315d}.empty-column{height:100px;display:grid;place-items:center;color:#8a96a8;border:1px dashed rgba(70,90,110,.18);border-radius:12px;margin-top:6px;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a2838;display:grid;place-items:center;z-index:100;padding:24px}.modal{width:min(700px,92vw);max-height:88vh;overflow:auto;background:#fffdfa;border-radius:20px;box-shadow:0 28px 80px #111c273d;border:1px solid #e4e0d7}.modal-head,.side-panel-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e8e5de;position:sticky;top:0;background:#fffdfa;z-index:2}.modal-head h2{font-family:Georgia,serif;margin:0}.icon-button{width:44px;height:44px;border:0;background:#f3f1ea;border-radius:11px;display:grid;place-items:center;color:#4a5872}.detail-content{padding:18px 20px 22px}.detail-order-head{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;margin-bottom:18px}.detail-order-head>div{display:flex;flex-direction:column}.detail-order-head>div strong{font-size:18px}.detail-order-head>div span{font-size:13px;color:var(--muted);margin-top:3px}.detail-order-head>strong{font-family:Georgia,serif;font-size:20px}.detail-section{padding:16px 0;border-top:1px solid #ebe8e1;display:flex;flex-direction:column;gap:6px}.detail-section h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#71809b;margin:0 0 4px}.detail-section>strong{font-size:18px}.detail-section>span{color:#53627b}.detail-actions{display:flex;gap:8px;margin-top:8px}.detail-actions a,.text-link,.copy-row button{min-height:44px;padding:0 14px;border-radius:10px;background:#eef3e8;color:#3e5727;display:inline-flex;align-items:center;gap:8px;width:max-content;font-weight:700;border:0}.detail-actions a:nth-child(2){background:#edf4fb;color:#235f9d}.text-link{margin-top:6px;background:#f2f5f7;color:#36536e}.item-list{display:flex;flex-direction:column;gap:12px}.item-row{display:flex;justify-content:space-between;gap:18px}.item-row>div{display:flex;flex-direction:column;gap:3px}.item-row span{font-size:13px;color:var(--muted)}.totals{border-top:1px solid #ebe8e1;padding-top:14px;display:flex;flex-direction:column;gap:8px}.totals div{display:flex;justify-content:space-between;color:#596881}.totals .grand-total{font-size:18px;color:var(--navy);border-top:1px solid #ebe8e1;padding-top:10px}.note p{margin:0;color:#4d5d77}.status-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.status-actions button{min-height:48px;border:1px solid #cbd2b6;background:#eef2e8;color:#405024;border-radius:12px;font-weight:800}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.page-title-row h1{font-family:Georgia,serif;font-size:38px;margin:0 0 4px}.page-title-row p{color:#68799b;margin:0;font-size:15px}.platform-filters{margin-bottom:16px}.contacts-layout{display:grid;grid-template-columns:1fr;gap:16px;transition:grid-template-columns .18s ease}.contacts-layout.has-detail{grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr)}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.has-detail .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{background:#fff;border:1px solid #e7e4dc;border-radius:14px;min-height:164px;padding:14px;display:grid;grid-template-columns:58px 1fr auto;gap:12px;box-shadow:0 3px 12px #1e283208;cursor:pointer;transition:.15s ease}.contact-card:hover,.contact-card.selected{border-color:#bcc7a3;box-shadow:var(--shadow)}.contact-card.selected{background:#fbfcf7}.contact-main{min-width:0}.contact-main>strong{font-size:16px}.contact-main h3{font-family:Georgia,serif;font-size:19px;margin:4px 0}.contact-main span{color:#657593}.contact-main p{color:#667796;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 0}.contact-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:#657593;font-size:12px}.status-chip{min-width:90px;padding:5px 8px;border-radius:999px;text-align:center;font-weight:700}.status-new{background:#fde9e8;color:#d94943}.status-preparing{background:#fff3d8;color:#bd7313}.status-ready{background:#e9f7e6;color:#247940}.status-out_for_delivery{background:#e6f2fd;color:#2676b9}.contact-actions{display:flex;gap:7px;margin-top:auto}.contact-actions a{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eef6ec;color:#39703c}.contact-actions a:nth-child(2){background:#edf4fc;color:#1e72c7}.contact-detail-panel{background:#fff;border:1px solid #e2dfd8;border-radius:16px;max-height:calc(100vh - 210px);overflow:auto;box-shadow:var(--shadow);position:sticky;top:118px}.side-panel-head>div{display:flex;flex-direction:column}.side-panel-head span{font-size:11px;text-transform:uppercase;color:#7d8798;letter-spacing:.08em}.side-panel-head strong{font-family:Georgia,serif;font-size:20px;margin-top:3px}.copy-row{padding:12px 20px 0}.copy-row button{background:#f2f1eb;color:#4b5872}.range-select{height:50px;min-width:180px;border:1px solid #d7dce3;border-radius:12px;background:#fff;padding:0 14px;color:#31415f}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.kpi-card{min-height:148px;background:#fff;border:1px solid #e6e2da;border-radius:15px;padding:18px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 3px 12px #1e283206}.kpi-card:nth-child(1){background:#fbf7ec}.kpi-card:nth-child(2){background:#f0f6eb}.kpi-card:nth-child(3),.kpi-card:nth-child(4){background:#eff6fb}.kpi-icon{width:52px;height:52px;border-radius:50%;background:#ffffffb3;display:grid;place-items:center;color:#4d5f36;flex:0 0 auto}.kpi-card>div:last-child{display:flex;flex-direction:column}.kpi-card span{font-family:Georgia,serif;font-size:16px}.kpi-card strong{font-family:Georgia,serif;font-size:32px;margin:7px 0}.kpi-card small{color:#72809a}.analytics-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px;margin-bottom:14px}.chart-card,.top-items-card{background:#fff;border:1px solid #e5e1d9;border-radius:16px;padding:18px;box-shadow:0 3px 12px #1e283206}.chart-card h2,.top-items-card h2{font-family:Georgia,serif;font-size:22px;margin:0}.platform-chart{display:grid;grid-template-columns:1fr .7fr;align-items:center}.donut-wrap{height:260px;position:relative}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center strong{font-family:Georgia,serif;font-size:30px}.donut-center span{font-size:13px;color:var(--muted)}.legend-list{display:flex;flex-direction:column;gap:12px}.legend-list div{display:flex;justify-content:space-between;gap:16px;color:#53627d}.chart-title-row{display:flex;justify-content:space-between;align-items:center}.chart-title-row span{color:#75829a;font-size:13px}.top-items-card{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}.top-items-card>div:first-child p{color:#73809a;font-size:13px}.top-items-list{display:flex;flex-direction:column}.top-items-list>div{min-height:58px;display:grid;grid-template-columns:32px 44px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #eeeae2}.rank{font-family:Georgia,serif;color:#748098}.item-thumb{width:40px;height:40px;border-radius:9px;background:#f3eee1;display:grid;place-items:center;color:#667341;font-weight:800}.top-item-name{display:flex;flex-direction:column}.top-item-name span{font-size:12px;color:#74819a;margin-top:2px}.empty-analytics{grid-template-columns:1fr!important;color:#7c879b}.recharts-text{font-size:12px;fill:#70809b}@media(max-width:1500px){.top-nav{grid-template-columns:285px auto 285px;padding:0 18px}.brand-copy strong{font-size:23px}.brand-copy span{letter-spacing:4px}.olive-mark{width:56px}.top-tab{min-width:108px}.connection{min-width:150px}.page{padding-left:18px;padding-right:18px}.order-board{gap:10px}.order-column{padding:8px}.order-card{padding:12px;min-height:154px}.platform-badge{width:50px;height:50px}.order-card-top{grid-template-columns:50px 1fr auto;gap:9px}.order-primary strong{font-size:16px}.order-primary span{font-size:15px}.age-pill{padding:5px 8px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contacts-layout.has-detail{grid-template-columns:minmax(0,1.35fr) minmax(370px,.9fr)}.has-detail .contact-grid{grid-template-columns:1fr}.kpi-card strong{font-size:27px}.date-time{display:none}}@media(max-width:1250px){.top-nav{grid-template-columns:260px auto 210px}.connection svg{display:none}.connection{grid-template-columns:12px auto;min-width:155px}.page-title-row h1{font-size:32px}.order-board{height:calc(100vh - 176px)}.column-header h2{font-size:17px}.order-card{min-height:145px}.order-summary{font-size:12px}.search-box{width:260px}.contacts-layout.has-detail{grid-template-columns:minmax(0,1fr) 380px}.kpi-grid{gap:9px}.kpi-card{padding:13px}.kpi-icon{width:44px;height:44px}.kpi-card span{font-size:14px}.kpi-card strong{font-size:24px}}.modal,.contact-detail-panel{scrollbar-color:#969ba1 #ececeb;scrollbar-width:auto;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal::-webkit-scrollbar,.contact-detail-panel::-webkit-scrollbar{width:14px}.modal::-webkit-scrollbar-track,.contact-detail-panel::-webkit-scrollbar-track{background:#ececeb;border-radius:999px}.modal::-webkit-scrollbar-thumb,.contact-detail-panel::-webkit-scrollbar-thumb{background:#969ba1;border:3px solid #ececeb;border-radius:999px;min-height:58px}.modal::-webkit-scrollbar-thumb:hover,.contact-detail-panel::-webkit-scrollbar-thumb:hover{background:#7d8288}.order-scroll-controls{position:absolute;top:72px;right:7px;bottom:10px;width:22px;z-index:12;display:flex;align-items:stretch;justify-content:center;pointer-events:none}.order-scroll-track{position:relative;width:16px;height:100%;border-radius:999px;overflow:hidden;pointer-events:auto;touch-action:none;cursor:pointer;border:1px solid rgba(40,50,60,.055);box-shadow:inset 0 1px 2px #1e283209}.column-new .order-scroll-track{background:#f1eadb}.column-preparing .order-scroll-track{background:#e3eef5}.column-ready .order-scroll-track{background:#e3eddf}.column-delivery .order-scroll-track{background:#e1ecf4}.order-scroll-thumb{position:absolute;left:2px;right:2px;min-height:48px;border-radius:999px;background:#92979d;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 4px #1e28322e;pointer-events:auto;touch-action:none;cursor:grab;transition:background .1s ease,box-shadow .1s ease}.order-scroll-thumb:hover{background:#7e8389}.order-scroll-thumb:active{background:#6c7177;cursor:grabbing;box-shadow:0 2px 6px #1e283240}@media(pointer:coarse){.order-column.has-scroll-controls .column-body{padding-right:34px}.order-scroll-controls{right:5px;width:26px}.order-scroll-track{width:19px}.order-scroll-thumb{min-height:60px}.modal::-webkit-scrollbar,.contact-detail-panel::-webkit-scrollbar{width:18px}}@media(max-width:1400px){.order-column.has-scroll-controls .column-body{padding-right:29px}.order-scroll-controls{right:4px;width:22px}.order-scroll-track{width:16px}}.order-column{position:relative}.column-body{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none}.column-body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.order-column.has-scroll-controls .column-body,.order-column.has-custom-scroll .column-body{padding-right:32px!important}.order-scroll-controls,.order-scroll-container{position:absolute!important;top:72px!important;right:6px!important;bottom:12px!important;width:22px!important;display:flex!important;align-items:stretch!important;justify-content:center!important;z-index:30!important;pointer-events:none!important}.order-scroll-button{display:none!important}.order-scroll-track{display:block!important;position:relative!important;width:16px!important;height:100%!important;border-radius:999px!important;overflow:hidden!important;pointer-events:auto!important;touch-action:none!important;cursor:pointer!important;border:1px solid rgba(40,50,60,.08)!important;box-shadow:inset 0 1px 2px #19232d0d!important}.column-new .order-scroll-track{background:#fbf5e7!important}.column-preparing .order-scroll-track{background:#eef6fb!important}.column-ready .order-scroll-track{background:#eff7eb!important}.column-delivery .order-scroll-track{background:#edf5fb!important}.order-scroll-thumb{display:block!important;position:absolute!important;left:2px!important;right:2px!important;min-height:50px!important;border-radius:999px!important;background:#969ba1!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 1px 4px #19232d38!important;pointer-events:auto!important;touch-action:none!important;cursor:grab!important}.order-scroll-thumb:hover{background:#858a90!important}.order-scroll-thumb:active{background:#71767c!important;cursor:grabbing!important;box-shadow:0 2px 6px #19232d4d!important}@media(pointer:coarse){.order-column.has-scroll-controls .column-body,.order-column.has-custom-scroll .column-body{padding-right:36px!important}.order-scroll-controls,.order-scroll-container{width:26px!important;right:5px!important}.order-scroll-track{width:19px!important}.order-scroll-thumb{min-height:60px!important}}@media(max-width:1400px){.order-column.has-scroll-controls .column-body,.order-column.has-custom-scroll .column-body{padding-right:30px!important}.order-scroll-controls,.order-scroll-container{width:22px!important;right:4px!important}.order-scroll-track{width:16px!important}}.completed-orders-header{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px 9px}.completed-orders-title{display:flex;align-items:center;gap:10px}.completed-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e8eae6;color:#626a61}.completed-orders-title h2{margin:0;font-family:Georgia,serif;font-size:19px;color:var(--navy)}.completed-orders-title p{margin:2px 0 0;color:#7a8492;font-size:11px}.completed-count{min-width:34px;height:34px;display:grid;place-items:center;padding:0 9px;border-radius:999px;background:#fff;border:1px solid #e0e0dc;color:#68717d;font-size:12px;font-weight:800}.completed-orders-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.completed-order-card{width:100%;min-height:82px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;text-align:left;border:1px solid #e3e3df;border-radius:12px;background:#fff;color:var(--navy);box-shadow:0 2px 7px #1e283206}.completed-order-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.completed-order-top strong{font-size:13px}.completed-order-top span{font-family:Georgia,serif;font-size:13px;font-weight:700;white-space:nowrap}.completed-customer{margin-top:3px;font-family:Georgia,serif;font-size:13px;font-weight:700;color:#465674;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-order-meta{display:flex;gap:5px;margin-top:5px;color:#828a94;font-size:9px}.completed-order-meta span:first-child{color:#66705f;font-weight:700}.completed-empty{min-height:70px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #d6d7d3;border-radius:11px;color:#89919a;font-size:12px}.status-actions-three{grid-template-columns:repeat(3,minmax(0,1fr))}.status-actions .complete-order-button{background:#f0f1ee;color:#4c554a;border-color:#d3d7cf}@media(max-width:1400px){.completed-orders-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.completed-order-card{min-height:76px;padding:8px}.completed-orders-title h2{font-size:17px}}@media(max-width:1250px){.completed-orders-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.orders-page{height:calc(100vh - 96px);height:calc(100dvh - 96px);display:flex;flex-direction:column;overflow:hidden}.orders-toolbar,.orders-page .setup-banner{flex:0 0 auto}.orders-workspace{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.orders-page .order-board{flex:1;height:auto!important;min-height:0!important;overflow:hidden;transition:height .18s ease,flex-basis .18s ease}.orders-page .order-column{min-height:0;height:100%}.completed-orders-section{position:relative;flex:0 0 82px;height:82px;min-height:82px;overflow:hidden;border:1px solid #dedfd9;border-radius:16px;background:#f5f5f1;transition:flex-basis .18s ease,height .18s ease,box-shadow .18s ease;z-index:10}.completed-orders-section.open{flex-basis:350px;height:350px;box-shadow:0 -6px 20px #1e28320f}.completed-toggle{width:100%;height:82px;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border:0;border-radius:15px;background:#f5f5f1;color:var(--navy);text-align:left;cursor:pointer;position:relative;z-index:2}.completed-toggle:hover{background:#f0f1ed}.completed-orders-section.open .completed-toggle{border-radius:15px 15px 0 0;border-bottom:1px solid #e0e1dc}.completed-toggle-left{display:flex;align-items:center;gap:12px;min-width:0}.completed-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#e8eae5;color:#646d5d}.completed-title-copy{display:flex;flex-direction:column;min-width:0}.completed-title-copy strong{color:#263750;font-family:Georgia,serif;font-size:20px;line-height:1.1}.completed-title-copy span{margin-top:3px;color:#7b8490;font-size:11px}.completed-toggle-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.completed-count{min-width:36px;height:36px;display:grid;place-items:center;padding:0 10px;border-radius:999px;background:#fff;border:1px solid #dedfd9;color:#67717c;font-size:12px;font-weight:800}.completed-toggle-chevron{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#65707c;background:#ffffffbf}.completed-drawer-content{height:calc(100% - 61px);overflow-y:auto;padding:12px 13px 13px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .12s ease,transform .16s ease,visibility .12s ease;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.completed-orders-section.open .completed-drawer-content{opacity:1;visibility:visible;transform:translateY(0)}.completed-orders-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.completed-order-card{width:100%;min-height:94px;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:11px 12px;text-align:left;border:1px solid #e1e2dd;border-radius:13px;background:#fff;color:var(--navy);box-shadow:0 3px 9px #1e283209;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.completed-order-card:hover{border-color:#c7cac1;box-shadow:0 6px 14px #1e283212;transform:translateY(-1px)}.completed-order-card .platform-badge.compact{width:40px;height:40px;border-radius:10px;font-size:11px}.completed-order-main{min-width:0}.completed-order-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.completed-order-top strong{color:#263a5b;font-size:14px;font-weight:800}.completed-order-top span{color:#3f4c60;font-family:Georgia,serif;font-size:14px;font-weight:700;white-space:nowrap}.completed-customer{margin-top:4px;color:#465674;font-family:Georgia,serif;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-order-meta{display:flex;align-items:center;gap:5px;margin-top:6px;color:#858d97;font-size:10px}.completed-order-meta span:first-child{color:#687262;font-weight:700}.completed-chevron{color:#9299a1}.completed-empty{height:100%;min-height:110px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8b929b;font-size:13px}.completed-drawer-content{scrollbar-width:auto;scrollbar-color:#9da1a6 #ecece8}.completed-drawer-content::-webkit-scrollbar{width:12px}.completed-drawer-content::-webkit-scrollbar-track{background:#ecece8;border-radius:999px}.completed-drawer-content::-webkit-scrollbar-thumb{background:#9da1a6;border:2px solid #ecece8;border-radius:999px}@media(pointer:coarse){.completed-orders-section{flex-basis:66px;height:66px;min-height:66px}.completed-toggle{height:65px;min-height:65px}.completed-orders-section.open{flex-basis:285px;height:285px}.completed-drawer-content{height:calc(100% - 65px)}.completed-icon,.completed-toggle-chevron{width:42px;height:42px}.completed-order-card{min-height:100px}.completed-drawer-content::-webkit-scrollbar{width:16px}}@media(max-width:1400px){.completed-orders-section{flex-basis:58px;height:58px;min-height:58px}.completed-toggle{height:57px;min-height:57px;padding:0 13px}.completed-orders-section.open{flex-basis:245px;height:245px}.completed-drawer-content{height:calc(100% - 57px);padding:10px}.completed-icon{width:36px;height:36px}.completed-title-copy strong{font-size:16px}.completed-orders-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.completed-order-card{min-height:84px;padding:9px;grid-template-columns:36px minmax(0,1fr) 18px}.completed-order-card .platform-badge.compact{width:36px;height:36px}.completed-order-top strong,.completed-order-top span,.completed-customer{font-size:13px}}.staff-login{max-width:480px;margin:8vh auto;padding:30px;background:#fff;border-radius:18px}.staff-login form,.staff-login label{display:grid;gap:12px}.staff-login form{gap:20px}.staff-login input,.staff-login button,.staff-toolbar button{min-height:48px;padding:12px;font:inherit}.staff-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:8px 24px;background:#f4f1e8}.staff-toolbar label{display:flex;gap:10px;align-items:center;min-height:44px}.staff-toolbar input{width:22px;height:22px}.review-warning{color:#9b2c1f;font-weight:600}.status-actions button{min-height:48px}