:root{--ink:#171713;--paper:#efede6;--card:#faf9f4;--line:#cbc7bb;--muted:#6a6860;--acid:#d9ff43;--orange:#ef5b32;--green:#28734d;--blue:#326e8b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;border-bottom:1px solid var(--ink);background:var(--card);position:sticky;top:0;z-index:5}.brand{color:inherit;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;background:var(--ink);color:white}.header-title{display:flex;align-items:center;gap:8px}.header-title small{margin-left:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.icon-button{justify-self:end;border:1px solid var(--line);width:34px;height:34px;background:transparent;font-size:20px}main{max-width:1600px;margin:auto;padding:38px 30px 60px}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.eyebrow{margin:0 0 10px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-heading h1{margin:0;font-size:clamp(54px,8vw,100px);line-height:.8;text-transform:uppercase;letter-spacing:-.07em}.primary-button{padding:13px 17px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);margin:36px 0 22px}.stat{padding:18px 20px;border-right:1px solid var(--ink);background:var(--card)}.stat:last-child{border:0}.stat span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.stat strong{display:block;margin-top:8px;font-size:30px;letter-spacing:-.04em}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.tabs{display:flex;gap:2px;margin-right:auto}.tab{border:1px solid var(--line);padding:10px 13px;background:var(--card);font-size:11px;font-weight:800;text-transform:uppercase}.tab.active{background:var(--acid);border-color:var(--ink)}.tab i{font-style:normal;opacity:.6;margin-left:6px}.search{display:flex;align-items:center;width:min(330px,30vw);border:1px solid var(--line);background:var(--card)}.search span{padding-left:12px}.search input{width:100%;border:0;background:transparent;padding:10px;outline:none;font-size:12px}select{border:1px solid var(--line);background:var(--card);padding:10px;font-size:12px}.order-layout{display:grid;grid-template-columns:minmax(620px,1.6fr) minmax(330px,.8fr);gap:12px}.order-list-wrap,.order-detail{border:1px solid var(--line);background:var(--card)}.list-header,.order-row{display:grid;grid-template-columns:1.35fr 1.1fr .5fr .7fr;gap:16px;align-items:center}.list-header{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.order-row{width:100%;padding:16px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.order-row:hover,.order-row.selected{background:#eeeade}.order-primary strong{display:block;font-size:14px}.order-primary small,.item-summary small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.item-summary{font-size:12px}.money{font-weight:800}.badge{display:inline-flex;width:max-content;padding:6px 8px;border:1px solid;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.badge-paid{color:#6b5914;background:#fff8ca}.badge-packed{color:var(--blue);background:#e3f3fa}.badge-shipped,.badge-handed_off{color:var(--green);background:#e3f5e9}.badge-not_handed_off{color:#a13a20;background:#fff0ea}.empty{padding:60px;text-align:center;color:var(--muted)}.order-detail{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 90px);overflow:auto}.detail-empty{padding:80px 30px;text-align:center;color:var(--muted)}.detail-head{padding:22px;border-bottom:1px solid var(--line)}.detail-head-top{display:flex;justify-content:space-between;gap:15px}.detail-head h2{margin:4px 0 6px;font-size:26px}.detail-head p{margin:0;color:var(--muted);font-size:12px}.detail-section{padding:20px 22px;border-bottom:1px solid var(--line)}.detail-section h3{margin:0 0 14px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.address{font-size:14px;line-height:1.55}.copy-button{float:right;border:0;border-bottom:1px solid;background:none;padding:0;font-size:10px;text-transform:uppercase}.line-item{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.line-item:first-of-type{border:0}.line-item strong{display:block}.line-item small{color:var(--muted)}.totals{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.totals .total{font-size:17px;font-weight:800;border-top:1px solid;padding-top:10px}.workflow{display:grid;gap:10px}.workflow input,.workflow select,.workflow textarea{width:100%;padding:10px;border:1px solid var(--line);background:white;font-size:12px}.workflow textarea{min-height:70px;resize:vertical}.workflow-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px}.action-row{display:flex;gap:8px}.secondary-button{flex:1;padding:11px;border:1px solid var(--ink);background:transparent;font-size:10px;font-weight:800;text-transform:uppercase}.secondary-button.active,.secondary-button:hover{background:var(--acid)}.save-note{min-height:16px;color:var(--green);font-size:10px}.payment-fact{display:flex;justify-content:space-between;font-size:12px;margin-top:7px}.payment-fact span:first-child{color:var(--muted)}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:#171713bb}.dialog-card{position:relative;width:min(540px,calc(100vw - 30px));padding:38px;background:var(--card);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--acid)}.dialog-card h2{font-size:38px;margin:0}.dialog-card p{line-height:1.5}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px}.mock-flow{display:grid;gap:8px;margin:26px 0}.mock-flow span{padding:12px;border:1px solid var(--line);font-size:12px;font-weight:800}@media(max-width:1050px){.order-layout{grid-template-columns:1fr}.order-detail{position:static;max-height:none}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.tabs{width:100%;overflow:auto}.search{width:100%;flex:1}}@media(max-width:700px){.app-header{grid-template-columns:1fr auto}.header-title{display:none}main{padding:28px 15px}.page-heading{align-items:start;gap:25px}.page-heading h1{font-size:54px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid}.toolbar select{width:100%}.list-header{display:none}.order-row{grid-template-columns:1fr auto}.item-summary{display:none}.order-row .money{display:none}.order-layout{display:block}.order-detail{margin-top:12px}}