:root{--bg:#F7F7F5;--ink:#202124;--muted:#6F7277;--line:#E6E7E4;--green:#2F6B57;--yellow:#F4D85A;--pink:#E9A8CF;--blue:#AFC9EA;--palegreen:#B8CB9A;--white:#fff;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.5}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}button,input,select,textarea{font:inherit}button{cursor:pointer}.side{background:#252826;color:#fff;padding:25px 16px;display:flex;flex-direction:column;gap:23px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{font-size:21px;font-weight:800;letter-spacing:.5px}.brand small{display:block;font-size:12px;font-weight:500;color:#bfc4bf;margin-top:2px}.nav{display:grid;gap:5px}.nav button,.more-list button{background:transparent;border:0;color:#dfe3df;text-align:left;border-radius:10px;min-height:44px;padding:10px 12px;display:flex;align-items:center;gap:10px}.nav button:hover,.nav button.active{background:#3c423d;color:#fff}.icon{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px}.side-foot{margin-top:auto;color:#aeb5ae;font-size:12px}.main{min-width:0;padding:32px 40px 52px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.eyebrow{font-size:13px;color:var(--muted);margin:0 0 3px}.page-head h1{font-size:30px;line-height:1.2;margin:0;font-weight:800;letter-spacing:-.5px}.date{color:var(--muted);font-size:14px}.primary{background:var(--green);border:1px solid var(--green);color:white;border-radius:9px;min-height:44px;padding:0 16px;font-weight:700}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:9px;min-height:40px;padding:0 13px}.help{width:24px;height:24px;border-radius:50%;border:1px solid #b9bdb8;background:white;color:var(--green);font-weight:800;padding:0;position:relative}.help:hover:after{content:attr(data-help);position:absolute;z-index:6;left:28px;top:-2px;width:240px;background:#202124;color:white;border-radius:8px;padding:9px;font-size:12px;font-weight:400;text-align:left}.head-actions{display:flex;align-items:center;gap:10px}.today-hero{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px;display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.today-hero h2,.section-title{margin:0;font-size:19px;letter-spacing:-.2px}.today-hero p{color:var(--muted);margin:7px 0 17px}.next-card{background:var(--palegreen);border-radius:11px;padding:17px}.next-card b{display:block;font-size:18px;margin:5px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:999px;border:0;padding:5px 10px;font-size:13px;background:#f1f2ef;color:#414640}.chip.alert{background:#fff2ad}.chip.danger{background:#f5d3e4}.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:27px}.metric{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#fff;min-height:126px}.metric.yellow{background:#fff9dd}.metric.pink{background:#fff0f7}.metric.blue{background:#eef5fe}.metric.green{background:#f0f5e9}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;font-size:25px;line-height:1.2;margin:11px 0 3px}.two-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:17px 18px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{font-size:17px;margin:0}.panel-head a{color:var(--green);font-size:13px;font-weight:700;cursor:pointer}.list{padding:0 12px 12px}.row{display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:center;padding:13px 7px;border-top:1px solid var(--line)}.dot{width:9px;height:9px;border-radius:50%;background:var(--yellow)}.dot.pink{background:var(--pink)}.dot.green{background:var(--palegreen)}.row b{display:block;font-size:14px}.row small{color:var(--muted);font-size:12px}.status{font-size:12px;color:#8b611a;background:#fff7d5;padding:3px 7px;border-radius:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;background:#fafaf9}.data-table th,.data-table td{padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table tr:last-child td{border:0}.record-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.record-side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;height:max-content}.record-side button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:11px;color:var(--ink)}.record-side button.active{background:#eff4ee;color:var(--green);font-weight:800}.empty{border:1px dashed #caced0;border-radius:var(--radius);padding:34px 18px;text-align:center;color:var(--muted);background:#fbfbfa}.empty b{color:var(--ink);display:block;margin-bottom:6px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:15px}.search-input{background:#fff;border:1px solid var(--line);border-radius:9px;min-height:42px;padding:0 12px;width:min(420px,100%)}.inbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.capture{min-height:155px;padding:17px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.capture b{font-size:16px;display:block;margin:14px 0 3px}.capture p{margin:0;color:var(--muted);font-size:13px}.capture:nth-child(1) .capture-icon{background:var(--yellow)}.capture:nth-child(2) .capture-icon{background:var(--pink)}.capture:nth-child(3) .capture-icon{background:var(--blue)}.capture-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.modal-backdrop{position:fixed;inset:0;background:rgba(20,24,21,.45);z-index:20;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:15px;box-shadow:0 16px 40px rgba(0,0,0,.18);width:min(560px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;padding:22px}.modal h2{margin:0 0 4px;font-size:21px}.modal .sub{margin:0 0 19px;color:var(--muted);font-size:14px}.form-grid{display:grid;gap:13px}.field label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:white;min-height:42px}.field textarea{min-height:93px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:19px}.related{font-size:12px;color:var(--green);background:#edf5ed;border-radius:6px;padding:3px 6px}.detail-actions{display:flex;gap:8px}.danger-btn{color:#a5324a;border-color:#edc6d1}.mobile-nav{display:none}#toast{position:fixed;z-index:30;left:50%;bottom:26px;transform:translateX(-50%);background:#202124;color:white;padding:10px 14px;border-radius:9px;box-shadow:0 6px 18px #0003;opacity:0;pointer-events:none;transition:.18s}.more-list{display:grid;gap:5px}.more-list button{background:white;color:var(--ink);border:1px solid var(--line);font-size:15px}.more-list button span{color:var(--muted);margin-left:auto}.usage{display:grid;gap:13px}.usage section{padding-bottom:14px;border-bottom:1px solid var(--line)}.usage h3{font-size:16px;margin:0 0 6px}.usage p{color:var(--muted);margin:0;font-size:14px}.log{font-size:13px;color:var(--muted)}
@media(max-width:760px){body{font-size:15px}.app-shell{display:block;padding-bottom:78px}.side{display:none}.main{padding:22px 16px 30px}.page-head{margin-bottom:18px}.page-head h1{font-size:25px}.date{display:none}.head-actions .secondary{display:none}.today-hero{grid-template-columns:1fr;padding:18px;gap:14px}.overview{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.metric{min-height:112px;padding:14px}.metric strong{font-size:21px}.two-col,.record-layout{display:block}.panel{margin-bottom:15px}.record-side{display:flex;overflow:auto;gap:5px;margin-bottom:12px;padding:7px}.record-side button{width:auto;white-space:nowrap}.inbox-grid{grid-template-columns:1fr;gap:10px}.capture{min-height:112px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .primary{width:100%}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{padding:7px 0;border-bottom:1px solid var(--line)}.data-table td{border:0;padding:5px 14px;white-space:normal}.data-table td:before{content:attr(data-label);display:inline-block;width:86px;color:var(--muted);font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#252826;color:white;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -4px 16px #0002}.mobile-nav button{min-width:0;border:0;background:transparent;color:#cdd2cd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;line-height:1.15}.mobile-nav button.active{color:white}.mobile-nav .plus{color:#252826}.mobile-nav .plus span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font-size:23px;font-weight:400;margin-top:-11px}.mobile-nav .mi{font-size:19px;height:21px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:16px 16px 0 0;width:100%;max-height:calc(100vh - 30px);padding:20px 16px}.help:hover:after{display:none}.help{width:28px;height:28px}.row{grid-template-columns:9px 1fr}.status{display:none}#toast{bottom:86px}.hide-mobile{display:none}.component-row{grid-template-columns:1fr 1fr}.component-row b{grid-column:1/-1;padding-bottom:0}}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.component-grid{display:grid;gap:9px}.component-row{display:grid;grid-template-columns:80px 1.4fr .8fr .7fr .9fr;gap:8px;align-items:end;padding:10px;background:#f8f9f7;border:1px solid var(--line);border-radius:9px}.component-row b{font-size:12px;color:var(--muted);padding-bottom:10px}.component-row .field label{font-size:11px}.main:has(.today-hero){display:flex;flex-direction:column}.main:has(.today-hero)>.page-head{order:1}.main:has(.today-hero)>.overview{order:2}.main:has(.today-hero)>.today-hero{order:3}.main:has(.today-hero)>.two-col{order:4}.main:has(.today-hero)>.overview .metric{min-height:154px}.main:has(.today-hero)>.overview .metric strong{font-size:32px}.diff{font-weight:800}.diff.positive{color:#16768d}.diff.negative{color:#b33b50}
.stock-in-hand{color:#16768d;font-size:17px;font-weight:800}.sales-chart{margin-top:20px}.sales-chart svg{display:block;width:100%;max-width:520px;height:auto}.chart-caption{font-size:12px;color:#6F7277;margin-top:6px}:root{--brand-blue:#064A88;--brand-navy:#062F5F;--brand-red:#D8101D;--green:#064A88}.side{background:var(--brand-navy)}.nav button:hover,.nav button.active{background:#0B528C}.brand{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.2;letter-spacing:.4px}.brand strong{font-weight:800}.brand-logo{width:100%;height:auto;max-height:104px;object-fit:contain;object-position:left center;background:#fff;border-radius:10px;padding:5px}.primary{background:var(--brand-blue);border-color:var(--brand-blue)}.primary:hover{background:#053A6C}.metric.pink{background:#fff1f2}.diff.negative{color:var(--brand-red)}@media(max-width:760px){.brand-logo{display:none}}.brand-logo-frame{display:block;width:100%;height:104px;overflow:hidden;border-radius:10px;background:#fff}.brand-logo{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 40%;background:#fff;border-radius:0;padding:0}@media(max-width:760px){.brand-logo-frame{display:none}}.brand-logo-frame{height:128px}.brand-logo{object-position:center 40%}