:root{--navy:#142c44;--ink:#192f44;--muted:#63758a;--line:#e2e8ef;--page:#f4f7fa;--accent:#e98a40;--blue:#255986;--white:#fff;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--page);line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dd8a43}button{cursor:pointer}input,select,textarea{border:1px solid #cbd5e0;border-radius:8px;padding:11px 13px;background:#fff;color:var(--ink);max-width:100%}input:focus,textarea:focus{border-color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.3;margin-bottom:9px;letter-spacing:-.025em}h2{font-size:1.125rem;margin-bottom:0}h3{font-size:1.05rem}small{font-size:.8rem} .sidebar{width:240px;background:var(--navy);color:#fff;position:fixed;inset:0 auto 0 0;padding:34px 22px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:block;color:inherit;font-size:2.4rem;line-height:1.15;font-weight:850;letter-spacing:.055em;width:max-content;text-decoration:none!important}.brand-line{display:block;background:var(--accent);height:4px;width:35px;margin-top:10px}.brand-sub{color:#c8d4df;font-size:.9rem;margin:17px 0 38px}.nav-label{color:#9eb0c2;font-size:.75rem;margin:25px 13px 10px;letter-spacing:.06em}.nav-item{color:#dce5ef;display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 15px;margin:4px 0;font-size:.95rem}.nav-item span{font-size:1.25rem;width:22px}.nav-item.selected{background:#29445e;color:white;box-shadow:inset 3px 0 var(--accent)}.nav-item:hover{background:#29445e;text-decoration:none}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;color:#9eb0c2;font-size:.8rem}.sidebar-bottom p{font-size:.75rem;letter-spacing:.12em;margin:14px 0 5px}.role-label{display:block;border:1px solid #3b5065;border-radius:5px;padding:8px 12px;color:#e1eaf2;font-size:.8rem}.text-button{border:0;padding:8px 0;color:inherit;background:transparent}.app-shell{margin-left:240px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.85rem}.topbar-right{display:flex;gap:24px;align-items:center}.access-tag{border-left:1px solid var(--line);padding-left:24px;color:var(--ink)}main{max-width:1720px;margin:auto;padding:34px 38px 48px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--muted);margin:0 0 10px;font-weight:600}.page-heading p{color:var(--muted);margin:0;font-size:.9rem}.orange-period{color:var(--accent);margin-left:3px}.heading-note{font-size:.8rem;color:var(--muted);border-left:2px solid var(--accent);padding-left:15px}.heading-note span{display:block;font-size:.95rem;margin-top:3px;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:28px;overflow:hidden}.metric{padding:23px 24px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric>span{color:var(--muted);font-size:.875rem}.metric strong{display:block;font-size:2.15rem;letter-spacing:-.04em;line-height:1.3;margin-top:8px;font-weight:650;font-variant-numeric:tabular-nums}.metric small{font-size:.8rem;color:var(--muted);margin-left:8px;font-weight:400;letter-spacing:0}.warning-metric strong{color:#aa602b}.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.search-panel,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.search-panel{padding:24px;margin-bottom:38px;box-shadow:0 5px 14px #132d4610}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading>span,.section-heading p{color:var(--muted);font-size:.825rem}.section-heading p{margin:7px 0 0}.search-form{display:flex;align-items:center;gap:12px;border:1px solid #9cadbf;border-radius:9px;padding:8px 8px 8px 17px;background:#fcfdff}.search-symbol{font-size:1.7rem;line-height:1;color:#73899e}.search-form input{flex:1;width:0;border:0;background:transparent;font-size:1rem;padding:7px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #ccd6df;border-radius:7px;padding:11px 20px;background:#fff;color:var(--ink);font-size:.9rem;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap}.button:hover{background:#f1f5f9;text-decoration:none}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.button.primary:hover{background:#1b456a}.clear-link{font-size:.875rem;padding:0 8px}.search-empty{color:var(--muted);font-size:.875rem;padding:20px 5px 2px}.search-empty span{margin-left:14px;color:#8390a1;font-size:.8rem}.results-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 0 13px;font-size:.9rem}.results-heading span{font-size:.825rem;color:var(--muted)}.warehouse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.warehouse-card{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 22px 18px;transition:border-color .15s,transform .15s}.warehouse-card:hover{border-color:#7595b2;transform:translateY(-2px);text-decoration:none;box-shadow:0 6px 12px #243f5410}.warehouse-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.warehouse-code{background:#edf3f9;color:var(--blue);font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:4px;letter-spacing:.06em}.go-arrow{color:#758ba0;font-size:1.2rem}.warehouse-card h3{margin:0 0 14px;white-space:normal;min-height:1.6em}.warehouse-count{display:flex;align-items:baseline;gap:9px;margin-bottom:13px}.warehouse-count strong{font-size:1.7rem;line-height:1.2;font-weight:650}.warehouse-count span{color:var(--muted);font-size:.8rem}progress{appearance:none;border:0;width:100%;height:4px;border-radius:2px;display:block;background:#eef2f7;margin-bottom:14px}progress::-webkit-progress-bar{background:#eef2f7;border-radius:2px}progress::-webkit-progress-value{background:#6b8caa;border-radius:2px}progress::-moz-progress-bar{background:#6b8caa}.warehouse-bottom{display:flex;gap:18px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.warehouse-bottom b{font-weight:600;color:#3b5067;margin-left:4px}.warehouse-bottom .pending-text{color:#a46534}.table-scroll{overflow-x:auto}.material-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.material-table th{background:#f0f4f8;font-size:.8rem;color:#597085;font-weight:600;white-space:nowrap;padding:13px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.material-table td{padding:17px 14px;border-bottom:1px solid #edf0f5;vertical-align:middle}.material-table tr:last-child td{border-bottom:0}.material-table tbody tr:hover{background:#fafcfe}.material-name{display:block;color:var(--ink);font-weight:650;min-width:130px;max-width:250px;overflow-wrap:anywhere}.material-id{display:block;color:#8090a0;margin-top:5px;font-size:.75rem}.specification{min-width:140px;max-width:320px;white-space:pre-wrap;overflow-wrap:anywhere}.warehouse-link{font-size:.8rem;white-space:nowrap}.warehouse-link small{display:block;white-space:normal;min-width:70px;color:var(--muted);font-size:.75rem}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.quantity{font-size:1.1rem;font-weight:650}.muted{color:var(--muted)}.status{display:inline-block;border-radius:4px;padding:4px 9px;font-size:.8rem;white-space:nowrap}.status.normal{color:#2c6b5b;background:#eaf4ef}.status.zero{color:#7a8998;background:#f0f3f6}.status.pending,.status.low{color:#a46325;background:#fff1df}.row-actions{font-size:.8rem;white-space:nowrap}.row-actions a{display:block;padding:3px 0}.empty-cell{text-align:center!important;padding:42px!important;color:var(--muted)}.pagination{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 8px;font-size:.825rem;color:var(--muted);border-top:1px solid var(--line)}.pagination a{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:7px 12px;margin-left:9px}.back-link{display:inline-block;font-size:.85rem;margin:0 0 21px}.filter-form{display:flex;gap:12px;padding:20px;align-items:center}.filter-form input{min-width:0;flex:1}.detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:25px}.detail-panel{padding:28px}.detail-panel h2{margin-bottom:23px}dl{margin:0}dl>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}dl>div:last-child{border:0}dt{color:var(--muted);font-size:.875rem}dd{margin:0}.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}.stock-panel{background:#e9f0f7;border:1px solid #d6e1eb;border-radius:12px;padding:30px}.stock-panel>span{font-size:.9rem;color:var(--muted)}.stock-panel>strong{display:block;font-size:3rem;line-height:1.4;margin:10px 0 25px;font-weight:650}.stock-panel small{font-size:1rem;font-weight:400;margin-left:13px}.stock-divider{border-top:1px solid #cbd9e4;margin:0 0 21px}.inbound-summary{display:flex;justify-content:space-between;gap:14px;font-size:.9rem}.stock-panel p{font-size:.8rem;color:var(--muted);margin:12px 0 0}.stock-warning{color:#965926!important}.detail-actions{display:flex;gap:12px;margin-top:28px}.preview-notice{font-size:.75rem;color:#95662f;background:#fff5df;border:1px solid #efdeb9;padding:6px 12px;border-radius:5px;margin-bottom:22px}.message{padding:13px 17px;border:1px solid #cadde9;background:#eef6fb;border-radius:7px}.message.error{background:#fff0ea;color:#983e27;border-color:#f0cbbd}.message.success{background:#edf7ef;color:#2d6741;border-color:#c5e4cf}footer{padding:0 38px 26px;color:#8795a3;font-size:.75rem;display:flex;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-90px;left:15px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}.login-page{display:flex;min-height:100vh;background:#fff}.login-brand-panel{width:48%;background:var(--navy);color:#fff;padding:55px 60px;display:flex;flex-direction:column;justify-content:space-between}.login-brand-panel h1{font-size:2.6rem;line-height:1.5;letter-spacing:0;margin:20px 0 22px}.login-brand-panel .eyebrow{color:#a2b8cc}.login-brand-panel p{color:#c0cedc;font-size:.95rem}.login-brand-panel>small{color:#8fa7be}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:360px;max-width:100%}.login-box h1{font-size:1.9rem}.login-box p{color:var(--muted);font-size:.875rem;margin-bottom:34px}.login-box label{display:block;font-size:.875rem;margin:22px 0 8px}.login-box input{display:block;width:100%;height:47px}.login-box button{width:100%;margin:27px 0 22px}.login-box>small{display:block;color:var(--muted)}.errorlist{padding:12px 16px;list-style:none;color:#a7432b;background:#fff1ea;font-size:.85rem;border-radius:6px}.submitting{opacity:.65;cursor:wait}.section-count{border:1px solid var(--line);border-radius:5px;padding:6px 10px;background:#fff}
@media(min-width:1650px){.warehouse-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 17px}.app-shell{margin-left:205px}main{padding:28px 25px}.topbar{padding:0 25px}.metric{padding:20px 16px}.metric strong{font-size:1.85rem}.warehouse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading>span{max-width:50%;text-align:right}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:8px}.brand{font-size:1.8rem}.brand-line{margin-top:6px;height:3px;width:28px}.brand-sub{margin:0;align-self:center;text-align:right;font-size:.85rem}.sidebar nav{grid-column:1/-1;display:flex;overflow:auto;gap:4px;margin-top:8px}.nav-label,.sidebar-bottom{display:none}.nav-item{font-size:.85rem;padding:8px 13px;white-space:nowrap;margin:0}.nav-item span{display:none}.nav-item.selected{box-shadow:inset 0 -2px var(--accent)}.app-shell{margin-left:0}.topbar{height:49px;padding:0 20px;font-size:.75rem}.topbar-right{gap:12px}.access-tag{padding-left:12px}main{padding:23px 17px 35px}.page-heading{margin-bottom:21px;gap:15px}h1{font-size:1.6rem}.page-heading p{font-size:.825rem}.heading-note{display:none}.eyebrow{font-size:.7rem;margin-bottom:8px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.metric{padding:15px 13px;border-bottom:1px solid var(--line)}.metric>span{font-size:.8rem}.metric strong{font-size:1.65rem}.metric small{font-size:.7rem}.metric:nth-child(3){border-right:0}.metric:nth-child(4),.metric:nth-child(5){border-bottom:0}.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.compact .metric:nth-child(2){border-right:0}.search-panel{padding:17px 15px;margin-bottom:27px}.section-heading{align-items:flex-start;margin-bottom:15px}.section-heading>span{font-size:.75rem;max-width:55%}.search-form{gap:4px;padding:6px}.search-form input{font-size:.875rem}.search-symbol{display:none}.search-form .button{padding:10px 12px;font-size:.8rem}.search-empty{font-size:.8rem;padding:15px 0 0}.search-empty span{display:block;margin:3px 0 0;font-size:.75rem}.warehouse-grid{gap:13px}.warehouse-card{padding:16px 14px}.warehouse-card h3{font-size:.9rem;min-height:2.8em;margin-bottom:9px}.warehouse-count strong{font-size:1.5rem}.warehouse-count span{font-size:.7rem}.warehouse-bottom{gap:4px 13px;font-size:.75rem}.warehouse-card-top{margin-bottom:11px}.section-count{font-size:.7rem!important}.filter-form{padding:14px;flex-wrap:wrap;gap:8px}.filter-form input{flex-basis:100%}.filter-form select{flex:1}.detail-grid{grid-template-columns:1fr;gap:18px}.detail-panel,.stock-panel{padding:22px}dl>div{grid-template-columns:82px 1fr}.detail-panel{order:2}.stock-panel{order:1}.stock-panel>strong{font-size:2.6rem;margin-bottom:18px}.page-heading>.button{padding:9px 12px;font-size:.8rem}.login-page{display:block}.login-brand-panel{width:100%;padding:28px 26px}.login-brand-panel>div:not(.brand){display:none}.login-brand-panel>small{display:none}.login-main{padding:38px 27px}.login-box{width:420px}.pagination{font-size:.75rem;gap:7px}.pagination a{margin-left:5px;padding:6px 8px}footer{padding:0 20px 22px}.results-heading{align-items:flex-start;gap:10px;font-size:.8rem}.results-heading span{font-size:.75rem;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}