:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#16263d;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#2668ce;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5ebf2;display:flex;align-items:center;gap:42px;padding:0 max(32px,calc((100vw - 1440px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#152842;font-size:20px;font-weight:650;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#2877e8;border-radius:10px;font-weight:800}.brand b{color:#2877e8}.nav{display:flex;align-items:center;gap:2px;height:100%;flex:1;overflow:auto}.nav a{padding:12px 15px;border-radius:9px;color:#60718a;font-size:14px;white-space:nowrap}.nav a:hover,.nav a.active{color:#1e68d5;background:#eaf2ff;text-decoration:none}.user-actions{display:flex;gap:18px;align-items:center;color:#73839b;font-size:13px}.page{max-width:1440px;margin:0 auto;padding:36px 32px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:750;color:#5382c9;margin-bottom:7px}.page-heading h1,.login-card h1{margin:0;font-size:28px;line-height:1.35;letter-spacing:-.025em}.page-heading p,.subtle{margin:8px 0 0;color:#8190a3;font-size:14px}.card{background:#fff;border:1px solid #e6ecf3;border-radius:16px;box-shadow:0 5px 22px rgba(26,61,103,.035)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:650;white-space:nowrap}.button:hover{text-decoration:none}.button.primary{background:#2877e8;color:white}.button.primary:hover{background:#1769dc}.button.secondary{background:#fff;border-color:#d8e3f0;color:#2a5b9d}.button.secondary:hover{background:#f3f8ff}.button.full{width:100%}.text-button{border:0;background:transparent;color:#70829a;padding:7px 0;font-size:13px}.text-button:hover{color:#2668ce}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:23px 24px;display:flex;flex-direction:column}.metric span{color:#7f8fa2;font-size:13px}.metric strong{font-size:31px;line-height:1.25;margin-top:13px;color:#1a3354}.metric small{color:#a2afbf;font-size:12px;margin-top:9px}.section-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:18px;align-items:start}.section-grid.narrow-right{grid-template-columns:1.5fr .75fr}.inventory-grid{grid-template-columns:minmax(0,1fr) minmax(620px,1fr);margin-top:0}.inventory-sidebar{min-width:0}.inventory-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.panel{padding:20px 22px}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px}.panel-head h2{font-size:16px;margin:0}.panel-head p{margin:5px 0 0;font-size:12px;color:#9baaba}.panel-head a{font-size:13px}.compact-list{display:flex;flex-direction:column}.compact-row{display:flex;justify-content:space-between;gap:16px;padding:14px 1px;border-top:1px solid #edf1f5;font-size:13px}.compact-row:first-child{border-top:0}.compact-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}.compact-row span,.compact-row small{color:#8b9aaf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-row .right{text-align:right;white-space:nowrap}.compact-row strong{font-size:13px}.positive{color:#168565!important}.negative{color:#dc5c57!important}.empty{color:#9aa9bb;font-size:13px;text-align:center;padding:48px 16px}.empty-cell{color:#9aa9bb;text-align:center;padding:42px 15px!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;font-weight:600;color:#91a0b3;background:#fafcff}th,td{padding:13px 12px;border-bottom:1px solid #edf1f5}tr:last-child td{border-bottom:0}td{color:#53657e}td b{color:#203753}.number{text-align:right}.number.strong{color:#236bda;font-weight:700}.pill{display:inline-block;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:650;color:#4975ad;background:#edf5ff}.pill.attention{color:#b57216;background:#fff4df}.pill.success{color:#188064;background:#e8f8f1}.pill.muted{color:#8898aa;background:#f1f4f7}.filter-row{display:flex;gap:9px;margin-bottom:16px}.filter-row input{max-width:320px;flex:1}.filter-row select{min-width:150px}.form-stack{display:flex;flex-direction:column;gap:15px}.form-stack label{display:flex;flex-direction:column;gap:6px;color:#5c708b;font-size:12px;font-weight:650}.form-stack label small{color:#a3b0c1;font-weight:400}.form-stack input,.form-stack select,.filter-row input,.filter-row select,.outbound-form input,.outbound-form select{height:39px;border:1px solid #dce5ef;background:#fff;border-radius:8px;padding:0 11px;color:#213650;outline:none;min-width:0}.form-stack input:focus,.form-stack select:focus,.filter-row input:focus,.filter-row select:focus,.outbound-form input:focus,.outbound-form select:focus{border-color:#2877e8;box-shadow:0 0 0 3px #e5f0ff}.form-stack .button{margin-top:4px}.stack{display:flex;flex-direction:column;gap:18px}.tabs{display:flex;gap:18px;border-bottom:1px solid #e9eef4;margin:-2px 0 18px}.tabs a{font-size:13px;color:#8493a6;padding:3px 3px 14px;border-bottom:2px solid transparent}.tabs a.active{color:#246ed5;border-color:#2877e8;font-weight:700}.order-list{display:flex;flex-direction:column}.order-row{padding:18px 0;border-top:1px solid #edf1f6;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:center}.order-row:first-child{border-top:0}.order-main{min-width:0}.order-title{display:flex;align-items:center;gap:8px}.order-title>b{font-size:15px}.order-meta{font-size:12px;color:#8696a9;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.order-counts{display:flex;gap:20px;margin-top:13px;font-size:12px;color:#97a4b5}.order-counts strong{color:#263a55;font-weight:700}.order-action{display:flex;align-items:center;gap:17px;flex:0 0 auto;max-width:100%;flex-wrap:wrap}.outbound-form{display:flex;gap:7px;flex-wrap:wrap;max-width:100%}.outbound-form select{width:190px;flex:0 0 190px}.outbound-form input{width:66px;flex:0 0 66px}.outbound-form input[name=tracking_number]{width:220px;min-width:220px;flex:0 0 220px}.flash-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.flash{padding:11px 14px;border-radius:8px;border:1px solid #d9e9fa;background:#f0f7ff;color:#2965a4;font-size:13px}.flash-error{border-color:#f8d4d0;background:#fff3f1;color:#bb4e46}.flash-success{border-color:#ccebdc;background:#edfaf3;color:#1d8760}.login-card{max-width:390px;margin:11vh auto;padding:33px}.login-card h1{margin-top:8px}.login-card .form-stack{margin-top:27px}.login-card .subtle{margin-top:9px}code{font-size:12px;background:#f3f6fb;padding:3px 6px;border-radius:4px}
@media(max-width:1100px){.topbar{padding:0 20px;gap:16px}.page{padding:24px 20px}.nav a{padding:9px}.metric-grid{grid-template-columns:repeat(2,1fr)}.section-grid,.section-grid.narrow-right,.inventory-grid{grid-template-columns:1fr}.order-row{align-items:start;flex-direction:column;gap:15px}}@media(max-width:660px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:13px 16px}.nav{order:3;width:100%;height:auto}.user-actions{margin-left:auto}.page{padding:22px 15px}.page-heading{align-items:start}.page-heading h1{font-size:23px}.metric-grid{gap:9px}.metric{padding:16px}.metric strong{font-size:25px}.panel{padding:17px}.filter-row{flex-wrap:wrap}.filter-row input{max-width:none;min-width:100%}.order-counts{flex-wrap:wrap;gap:8px 15px}.order-action,.outbound-form{flex-wrap:wrap}.outbound-form select{width:100%;flex-basis:100%}.inventory-actions{grid-template-columns:1fr}}
.brand img.brand-mark{display:block;border-radius:10px}.auth-footer{border-top:1px solid #edf1f5;margin-top:24px;padding-top:18px;text-align:center;font-size:13px;color:#8797aa}.auth-footer a{font-weight:700}.field-error{color:#bd514c!important;line-height:1.5;font-weight:400!important}.login-card .field-error{overflow-wrap:anywhere}
