:root{--cream:#f7f2e9;--cream-strong:#eee3d2;--surface:#fffdf9;--surface-muted:#fbf7f0;--ink:#28332e;--muted:#7c817a;--line:#e7ddcf;--green:#506f5d;--green-deep:#354b3d;--coral:#d78368;--amber:#d6a953;--sl-font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--sl-color-primary-50:#f2f6ef;--sl-color-primary-100:#e5eee0;--sl-color-primary-500:#617d6a;--sl-color-primary-600:#506f5d;--sl-color-primary-700:#425e4e}body{background:var(--cream);color:var(--ink);font-family:var(--sl-font-sans);letter-spacing:0}.sidebar{width:254px;padding:26px 14px 18px;background:rgba(255,253,249,.78);border-right:1px solid var(--line);color:var(--ink);backdrop-filter:blur(18px);box-shadow:none}.brand{gap:10px;padding:0 12px 33px;color:var(--green-deep);font-size:18px;letter-spacing:.2px}.brand-mark{width:30px;height:30px;display:block;background:var(--coral);border-radius:10px;mask:url('/accessible.svg') center/75% no-repeat;-webkit-mask:url('/accessible.svg') center/75% no-repeat}.nav-item{padding:11px 12px;color:#69736c;border-radius:11px;font-size:13px}.nav-item span{font-size:15px}.nav-item:hover{background:#f0e9de;color:var(--green-deep)}.nav-item.active{background:#e5ecdf;color:var(--green-deep);font-weight:650;box-shadow:inset 0 0 0 1px #d8e3d0}.account{border-top-color:var(--line);padding:17px 8px 0}.account strong{color:var(--ink)}.account small{color:var(--muted)}.avatar{background:#e6c5a1;color:#664735}.more{color:#788078}.sidebar-bottom>.nav-item{margin-bottom:8px}main{margin-left:254px;max-width:none;padding:34px 42px 44px;min-height:100vh}.topbar{margin-bottom:31px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.3px}.topbar h1{font-size:28px;font-weight:700;letter-spacing:-.4px}.subhead{color:var(--muted)}.header-actions{gap:10px}.notice-button::part(base){width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--green);box-shadow:0 1px 2px #8a71420d}.new-order-button::part(base){height:40px;border:0;border-radius:12px;background:var(--green);padding:0 15px;font:600 13px var(--sl-font-sans);box-shadow:0 5px 13px #506f5d26}.metrics{gap:16px;margin-bottom:20px}.metrics article,.card,.orders-panel{background:rgba(255,253,249,.9);border-color:var(--line);border-radius:16px;box-shadow:0 5px 18px #62451d08}.metrics article{padding:18px;min-height:132px}.metric-label{color:var(--muted)}.metric-value{font-family:var(--sl-font-sans);font-size:29px;font-weight:700;letter-spacing:-.6px}.money{font-size:23px}.sparkline{opacity:.58}.sparkline.teal{color:var(--green)}.content-grid{gap:20px}.orders-panel{padding-top:23px}.section-title{padding:0 22px}.section-title h2{font-size:16px;letter-spacing:.1px}.section-title p{color:var(--muted)}.section-title a{color:var(--green)}.toolbar{margin:21px 22px 15px}.tab{border-radius:9px;padding:7px 9px}.tab b{background:#f0eadf;color:#7a8079}.tab.selected{background:#e8eee2;color:var(--green-deep)}.tab.selected b{background:#d6e3cf;color:var(--green-deep)}.search{height:34px;border-color:var(--line);border-radius:10px;background:var(--surface)}.search input{background:transparent}.search:focus-within{box-shadow:0 0 0 3px #bed0b250;border-color:#a9c09c}th{background:#f7f2e9;color:#7f8179;border-color:var(--line)}td{border-bottom-color:#eee6da;color:#536058}.customer{color:var(--ink)}td:first-child,.amount{font-family:var(--sl-font-sans)}.status{border-radius:20px}.chart-card,.alerts{padding:22px}.select-button{border-color:var(--line);border-radius:9px;background:var(--surface-muted)}.grid-lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 1px),#eadfce calc(33.333% - 1px),#eadfce 33.333%)}.count{background:#f6e4de;color:#b86a55}.alert{border-top-color:#eee6da}.alert-icon{border-radius:9px}dialog{border-radius:18px;background:var(--surface);box-shadow:0 24px 60px #5e482b35}dialog::backdrop{background:#4353494a}.modal-actions button:not(.primary),dialog input{border-color:var(--line);border-radius:10px}.primary{border-radius:10px;background:var(--green)}.login-page{background:radial-gradient(circle at 20% 0,#fffdf8 0,transparent 30%),var(--cream)!important}.login-main{padding:52px 0!important}.login-brand{color:var(--green-deep)!important}.login-card{border-color:var(--line)!important;border-radius:20px!important;background:rgba(255,253,249,.94)!important;box-shadow:0 20px 50px #704d2117!important}.login-card input{border-color:var(--line)!important;border-radius:10px!important;background:#fffefa}.login-card input:focus{outline:0;box-shadow:0 0 0 3px #bed0b250;border-color:#a9c09c!important}.login-main>small{color:#8b8b82!important}.login-error{border-radius:10px}.view-enter{animation:view-enter .38s cubic-bezier(.2,.75,.25,1)}@keyframes view-enter{from{opacity:.25;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@media(max-width:1050px){main{padding:28px 25px}}@media(max-width:700px){.sidebar{display:none}main{margin:0;padding:22px 14px}.topbar h1{font-size:23px}.metrics article,.card,.orders-panel{border-radius:14px}.new-order-button::part(base){padding:0 10px}}
/* Dense operational workspace: flat surfaces, compact controls, and a scan-first order list. */
:root{--cream:#fff;--surface:#fff;--surface-muted:#f4f4f5;--ink:#303236;--muted:#777b82;--line:#e7e7e9;--green:#2374d8;--green-deep:#1e5fb4}
body{background:#fff;color:var(--ink);font-size:14px}
.sidebar{width:204px;padding:14px 9px 12px;background:#fafafa;border-right:1px solid var(--line);backdrop-filter:none}.brand{padding:0 12px 20px;font-size:15px;color:#303236}.brand-mark{width:29px;height:29px;background:#2879df;border-radius:7px}nav{gap:2px}.nav-item{gap:10px;padding:8px 11px;border-radius:6px;color:#555a61;font-size:13px}.nav-item span:not(.nav-icon){width:auto;text-align:left;white-space:nowrap}.nav-item .nav-icon{width:16px;flex:0 0 16px;text-align:center;font-size:13px;color:#6d737a}.nav-item:hover{background:#f0f3f7;color:#1e5fb4}.nav-item.active{background:#fff;color:#1e5fb4;box-shadow:0 1px 3px #1e27300d;font-weight:650}.nav-item.active .nav-icon{color:#2879df}.account{padding:13px 8px 0;margin-top:10px}.avatar{width:28px;height:28px;font-size:11px;background:#f1e7d8}.account strong{font-weight:600}.more{font-size:12px}.sidebar-bottom>.nav-item{margin-bottom:4px}
main{margin-left:204px;padding:0 16px 32px;min-height:100vh}.topbar{min-height:49px;margin:0 -16px 12px;padding:0 16px;border-bottom:1px solid var(--line)}.topbar h1{font-size:19px;font-weight:650;letter-spacing:0}.eyebrow{display:inline;color:#85898e;font-size:13px;font-weight:400}.eyebrow::before{content:'⌂  /  ';color:#777b82}.subhead{display:none}.header-actions{gap:8px}.font-picker>span{display:none}.font-picker select{height:30px;border:0;border-radius:6px;background:#f3f3f4;padding:0 26px 0 9px}.notice-button::part(base){width:30px;height:30px;border:0;border-radius:6px;background:#f3f3f4;color:#555}.new-order-button::part(base){height:30px;border-radius:6px;background:#202124;padding:0 11px;box-shadow:none;font-size:12px}
.workspace-heading{margin:15px 0}.workspace-heading h2{font-size:18px}.metrics{gap:10px;margin:0 0 12px}.metrics article,.card,.orders-panel{border:0;border-radius:0;box-shadow:none;background:#fff}.metrics article{min-height:86px;padding:13px;background:#fafafa;border:1px solid var(--line);border-radius:6px}.metric-value{font-size:23px;margin:6px 0}.sparkline{display:none}.all-orders-panel{min-height:calc(100vh - 115px);padding:0}.section-title{padding:8px 0 10px}.section-title h2{font-size:18px;font-weight:650}.section-title p{font-size:12px}.toolbar{justify-content:flex-start;gap:9px;margin:0 0 12px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tabs{gap:7px}.tab{padding:6px 11px;background:#f3f3f4;border:0;border-radius:6px;color:#656970;font-size:12px}.tab.selected{background:#e9f1ff;color:#1e5fb4}.search{order:-1;height:30px;width:230px;border:0;border-radius:6px;background:#f3f3f4}.search input{width:100%;font-size:12px}
.table-wrap{border-top:0;overflow:auto}table{font-size:13px}th{background:#f5f5f6;color:#656970;border:0;border-bottom:1px solid var(--line);padding:8px 12px;font-weight:500}td{padding:10px 12px;border-bottom:1px solid var(--line);color:#484c51}tbody tr:hover{background:#fafcff}td:first-child{color:inherit}.row-check{width:36px;text-align:center;padding-left:8px!important;padding-right:5px!important}.row-check input{appearance:none;width:14px;height:14px;margin:0;border:1px solid #a9adb2;border-radius:4px;vertical-align:middle;background:#fff}.row-check input:checked{background:#2879df;border-color:#2879df}.status{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500}.done{background:#e9f8ef;color:#16834d}.exception{background:#fff0ec;color:#cb5b43}.row-button{width:25px;height:25px;border-radius:5px;color:#777}.row-button:hover{background:#f1f3f5}
.content-grid{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.orders-panel{padding-top:10px}.right-column{gap:14px}.collaboration-card{min-height:200px;padding:12px;border:1px solid var(--line);border-radius:6px}.permission-grid,.report-grid{gap:10px}.permission-card,.activity-board,.platform-report{border:1px solid var(--line);border-radius:6px;padding:16px}.activity-list{margin-top:10px}.activity-list article{border-bottom-color:var(--line)}
@media(max-width:800px){.sidebar{display:none}main{margin:0;padding:0 12px 24px}.topbar{margin:0 -12px 10px;padding:0 12px}.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.search{width:100%}.toolbar{flex-wrap:wrap}.font-picker{display:none}}
