@charset "UTF-8";:root{font-family:Inter,Segoe UI,Malgun Gothic,sans-serif;color:#382e28;background:#f8f7f4;font-synthesis:none;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b66d31;outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1.3px;line-height:1.5}h2{font-size:16px;letter-spacing:-.4px}.layout{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:#382e28;color:#efe8df;position:fixed;height:100vh;padding:32px 20px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-size:15px;font-weight:700;white-space:nowrap}.brand-mark{font-family:Georgia,serif;font-size:29px;line-height:42px;background:#e2be96;color:#382e28;width:42px;text-align:center;border-radius:12px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#bcb0a5;margin-top:3px}.nav-caption{font-size:9px;letter-spacing:1.6px;color:#bcb0a5;margin:46px 12px 13px}.nav-item{display:flex;gap:12px;align-items:center;padding:13px 11px;color:#d0c4b8;font-size:12px;border-radius:8px;margin-bottom:8px}.nav-item.selected{background:#59493a;color:#f6e6d0}.nav-item>span{font-size:20px;line-height:1}.nav-item>b{margin-left:auto;background:#d6b38d;color:#382e28;padding:0 6px;font-size:10px;border-radius:4px}.sidebar-note{margin:58px 12px 0;font-size:11px;color:#ddc3a4}.sidebar-note p{color:#bcb0a5;font-size:12px;line-height:2;margin-top:12px}.sidebar-bottom{margin-top:auto;border-top:1px solid #594d43;padding:22px 4px 0;display:flex;align-items:center;gap:10px;font-size:11px}.avatar{border:1px solid #8f7965;border-radius:50%;width:32px;height:32px;text-align:center;line-height:30px}.sidebar-bottom small{display:block;color:#bcb0a5;font-size:9px}main{margin-left:216px;min-width:0;flex:1}.topbar{height:76px;padding:0 34px;border-bottom:1px solid #eae6df;background:#fffdfb;display:flex;align-items:center;justify-content:space-between;font-size:11px}.topbar .muted{margin:0 12px}.muted{color:#6d5848}.preview-badge{background:#f1eee7;padding:5px 10px;border-radius:6px;color:#74644f;font-size:10px}.little-dot{display:inline-block;width:6px;height:6px;background:#5c8269;border-radius:50%;margin-right:5px;vertical-align:middle}.little-dot.amber{background:#b67e3e}.main-inner{max-width:1500px;margin:auto;padding:36px 34px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.9px;color:#6d5848;margin-bottom:9px}.subtitle{color:#6d5848;font-size:11px;margin-top:8px}.primary{background:#a45b2f;color:#fff9f2;padding:12px 17px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap}.primary:hover{background:#824521}.dayline{display:flex;justify-content:space-between;font-size:10px;margin:29px 0 13px}.dayline>span:last-child{color:#5a765c}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:27px}.metric{border:1px solid #e6dfd5;border-radius:10px;background:#fffdfb;padding:18px;position:relative}.metric>span:first-child{font-size:11px;color:#7f7367}.metric strong{font-size:26px;font-weight:650;display:block;margin:8px 0 10px;letter-spacing:-1px}.metric small{font-size:11px;font-weight:400;margin-left:5px;letter-spacing:0}.metric p{font-size:9px;color:#6d5848}.metric-icon{position:absolute;right:15px;top:16px;font-size:16px;color:#b18a61}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 263px;gap:18px;scroll-margin-top:20px}.orders-panel,.detail-panel,.products-panel{background:#fffdfb;border:1px solid #e6dfd5;border-radius:10px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.section-heading h2 span{font-size:10px;background:#eee5d9;border-radius:4px;padding:2px 5px;margin-left:5px;color:#8d613e}.section-heading>.muted{font-size:9px}.table-toolbar{padding:0 17px 14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.filter-tabs{display:flex;gap:3px}.filter{background:transparent;color:#6d5848;padding:7px 8px;border-radius:5px;font-size:10px}.filter.active{background:#f0e7db;color:#8e542c;font-weight:700}.search-label{display:flex;align-items:center;gap:6px;border:1px solid #e6dfd5;border-radius:6px;padding:3px 8px;max-width:145px}.search-label span{font-size:17px;color:#6d5848}.search-label input{width:100%;border:0;outline:0;background:transparent;min-width:0;font-size:10px;color:#382e28}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px;white-space:nowrap}th{background:#f7f5f0;color:#6d5848;font-size:9px;padding:11px 10px;font-weight:500;border-top:1px solid #eee8df;border-bottom:1px solid #eee8df}th:first-child,td:first-child{padding-left:20px}td{padding:14px 10px;border-bottom:1px solid #f0ebe5}td small{display:block;font-size:9px;color:#6d5848;margin-top:3px}td b{font-weight:500}tr.chosen{background:#fbf5eb}.order-link{font-size:11px;font-weight:600;padding:0;background:transparent;color:#8e542c}.row-open{background:transparent;color:#6d5848;padding:3px 5px;font-size:18px}.status{font-size:9px;display:inline-block;padding:3px 7px;border-radius:5px;background:#eee;color:#666;white-space:nowrap}.status.received{background:#edf0f8;color:#456184}.status.preparing{background:#faf0dc;color:#805d1c}.status.ready{background:#e9f2e9;color:#3d6747}.status.collected{background:#eeeae5;color:#6d5848}.table-footer{display:flex;justify-content:space-between;padding:15px 18px;font-size:9px;color:#6d5848}.detail-dot{color:#6d5848}.pickup{padding:5px 20px 21px;border-bottom:1px dashed #e3d9ca}.pickup>span:first-child{display:block;color:#6d5848;font-size:10px}.pickup strong{display:inline-block;font-size:27px;letter-spacing:-1px;margin:6px 12px 0 0}.detail-caption{padding:19px 20px 0;font-size:11px;font-weight:600}.detail-caption span{float:right;font-weight:400;font-size:9px;color:#6d5848}.detail-items{padding:10px 20px 15px}.detail-items>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:12px 0}.detail-items small{display:block;font-size:9px;color:#6d5848}.detail-items b{font-weight:500;font-size:10px}.detail-total{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #eee8df;font-size:11px}.detail-total strong{font-size:21px}.detail-total small{font-size:11px;margin-left:4px;font-weight:400}.timeline{margin:6px 20px 23px;padding:13px 10px;background:#f5f3ee;display:flex;align-items:baseline;font-size:10px;border-radius:6px}.timeline small{display:block;color:#6d5848;font-size:9px;margin-top:4px}.full{display:flex;justify-content:space-between;width:calc(100% - 40px);margin:0 20px}.detail-hint{font-size:8px;text-align:center;color:#6d5848;margin:10px 0 17px}.done-message{padding:10px 20px;color:#3d6747;font-size:11px}.products-panel{margin-top:23px;scroll-margin-top:20px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 20px 20px;gap:12px}.product{display:flex;align-items:center;position:relative;gap:10px;min-width:0}.bread-symbol{font-family:Georgia,serif;font-size:32px;background:#f3e6d5;color:#b98750;border-radius:9px;min-width:48px;height:51px;text-align:center;line-height:51px}.tone-1{background:#eee6da;color:#9a7758}.tone-2{background:#e9eee4;color:#85946e}.tone-3{background:#f7edd8;color:#ba9f54}.product h3{font-size:10px;font-weight:600}.product p{font-size:8px;color:#6d5848;margin:4px 0 15px}.stock{position:absolute;bottom:0;left:58px;font-size:8px;color:#6e7956}.api-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:34px 0 27px;scroll-margin-top:20px}.api-panel h2{font-size:22px}.api-panel>div>p:not(.eyebrow){font-size:10px;color:#6d5848;margin-top:9px}.endpoint-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.endpoint{font-size:9px;font-family:monospace;background:#eee9e2;border:1px solid transparent;color:#74644f;border-radius:4px;padding:6px}.endpoint.active{border-color:#ad8054;background:#f6e9d8}.api-note{min-height:38px;line-height:1.9}.code-block{background:#382e28;color:#ddccb6;border-radius:9px;overflow:hidden}.code-block>div{display:flex;justify-content:space-between;border-bottom:1px solid #594b40;padding:10px 14px;font-size:9px;letter-spacing:.7px}.code-block button{font-size:9px;color:#ddccb6;background:transparent}.code-block pre{font-size:10px;padding:0 16px;overflow:auto;max-height:230px;line-height:1.8}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3dcd2;padding:21px 0;font-size:9px;color:#6d5848;gap:12px}.footer-brand{font-size:18px;color:#6d5848;font-family:Georgia,serif}.footer-brand b{font:10px Segoe UI,Malgun Gothic,sans-serif;color:#74644f;margin-left:5px}footer a{text-decoration:underline;text-underline-offset:3px}.notice:empty{display:none}.notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#382e28;color:#fff;padding:12px 20px;border-radius:8px;font-size:12px;z-index:10;max-width:90vw;width:max-content}.empty{text-align:center;padding:50px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-70px;left:10px;background:#fff;padding:12px;z-index:99}.skip:focus{top:10px}@media(min-width:1500px){.main-inner{padding-top:45px}.workspace{grid-template-columns:minmax(0,1fr) 300px}td{padding:17px 14px}.metric{padding:22px}.metric strong{font-size:30px}}@media(max-width:1120px){.sidebar{width:185px;padding:28px 15px}.brand{font-size:12px}.brand small{font-size:7px}main{margin-left:185px}.main-inner{padding:26px 23px 0}.topbar{padding:0 23px}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:12px}.metrics{gap:10px}.metric{padding:14px}.metric strong{font-size:23px}.metric p{font-size:8px}.metric-icon{right:12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:18px}.product p{margin-bottom:10px}.api-panel{gap:20px}.section-heading{padding:16px}}@media(max-width:760px){.layout{display:block}.sidebar{position:static;width:auto;height:auto;padding:18px 20px;display:block}.brand{font-size:15px}.brand small{font-size:7px}.brand-mark{width:36px;line-height:36px;font-size:25px}.sidebar nav{display:flex;gap:5px;margin-top:17px}.nav-item{margin:0;font-size:10px;padding:7px 9px;gap:6px}.nav-item>span{font-size:14px}.nav-item>b{margin-left:4px}.sidebar-note,.sidebar-bottom,.nav-caption{display:none}main{margin-left:0}.topbar{height:46px;padding:0 20px;font-size:9px}.preview-badge{font-size:8px;padding:3px 6px}.main-inner{padding:24px 18px 0}.page-heading{display:block}h1{font-size:25px}.eyebrow{font-size:8px}.subtitle{font-size:10px}.page-heading>.primary{margin-top:17px;width:100%;padding:11px}.dayline{margin:23px 0 12px;font-size:9px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.metric{padding:15px}.metric strong{font-size:26px;margin:7px 0}.metric p{font-size:8px}.workspace{grid-template-columns:1fr;gap:16px}.table-toolbar{padding:0 12px 13px;gap:10px}.filter{padding:6px 7px;font-size:9px}.search-label{max-width:100%;width:100%}.search-label input{padding:4px}.table-scroll{max-width:100%}table{font-size:9px}th,td{padding:12px 7px}th:first-child,td:first-child{padding-left:12px}.order-link{font-size:10px}td:nth-child(4),th:nth-child(4){display:none}td small{font-size:8px}.status{font-size:8px;padding:3px 5px}.table-footer{font-size:8px;padding:12px}.detail-panel{display:grid;grid-template-columns:1fr}.detail-panel .section-heading{padding-bottom:10px}.pickup strong{font-size:25px}.product-grid{padding:0 15px 20px;gap:20px 12px}.products-panel .section-heading>.muted{font-size:8px}.bread-symbol{min-width:38px;height:45px;font-size:26px;line-height:45px}.product{gap:8px}.product h3{font-size:9px}.product p{font-size:7px}.stock{left:46px;font-size:7px}.api-panel{grid-template-columns:1fr;padding-top:28px}.api-panel h2{font-size:20px}.code-block{min-height:200px}footer{flex-wrap:wrap;font-size:8px;padding-bottom:25px}footer>span:nth-child(2){order:3;width:100%}.notice{font-size:10px;bottom:12px}}.pickup-caption{font-size:11px;color:#6d5848;padding:0 20px 14px}.pickup-days{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 16px}.pickup-day{min-width:43px;padding:6px 9px;border-radius:6px;text-align:center;background:#e9f2e9;color:#3d6747;font-size:12px}.pickup-day small{display:block;font-size:8px}.pickup-day.closed{background:#eeeae5;color:#75675b}#pickup-month{font:inherit;border:1px solid #e6dfd5;border-radius:5px;padding:4px;background:#fffdfb;color:#382e28}
