:root{--ink:#172321;--muted:#66716f;--line:#dfe7e5;--paper:#f6f8f7;--white:#fff;--teal:#146c67;--teal-soft:#dff0ed;--coral:#dc5c49;--amber:#b77819;--shadow:0 18px 48px rgba(20,45,41,.09)}*{box-sizing:border-box}html{font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-height:100vh}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}#scene{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.login-page{background:linear-gradient(135deg,#eef5f3 0%,#fff 52%,#f8efec 100%)}.login-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:28px}.login-panel{width:min(430px,100%);background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);padding:38px;border-radius:8px;backdrop-filter:blur(18px)}.brand-mark{display:flex;align-items:center;gap:10px;color:var(--teal)}.brand-mark span,.brand-flower{width:22px;height:22px;display:inline-block;background:conic-gradient(from 30deg,var(--coral),#ef9a8d,var(--teal),#71aaa5,var(--coral));clip-path:polygon(50% 0,63% 33%,100% 22%,75% 52%,100% 75%,63% 67%,50% 100%,37% 67%,0 75%,25% 52%,0 22%,37% 33%)}.eyebrow{font-size:11px;color:var(--coral);font-weight:800;margin:30px 0 8px}.login-panel h1{font-size:32px;margin:0 0 10px;letter-spacing:0}.login-copy{color:var(--muted);line-height:1.6;margin:0 0 25px}.login-panel form{display:grid;gap:16px}.login-panel label,.filters label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#43504e}.login-panel input,.filters input,.filters select{width:100%;border:1px solid var(--line);background:var(--white);padding:12px 13px;border-radius:6px;outline:none}.login-panel input:focus,.filters input:focus,.filters select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,108,103,.1)}.login-panel button{border:0;border-radius:6px;background:var(--ink);color:white;padding:13px;font-weight:800}.alert{background:#fff0ed;color:#a33e31;border:1px solid #f0c6be;padding:11px 12px;margin-bottom:16px;border-radius:6px;font-size:13px}.security-note{font-size:11px;color:#7b8583;text-align:center;margin:20px 0 0}.dashboard-page{background:linear-gradient(180deg,#f7f9f8,#eef3f1)}.topbar{height:70px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1500px)/2));background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px}.brand div{display:grid}.brand strong{font-size:17px}.brand small{font-size:8px;color:var(--muted);font-weight:800}.topbar-actions{display:flex;align-items:center;gap:15px;font-size:12px}.live-dot{color:var(--teal);font-weight:700}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#30a379;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(48,163,121,.12)}.user{color:var(--muted)}.icon-button{border:1px solid var(--line);background:white;width:34px;height:34px;border-radius:6px;color:var(--ink)}.dashboard-shell{position:relative;z-index:1;max-width:1500px;margin:auto;padding:34px 24px 60px}.heading-band{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.heading-band .eyebrow{margin:0 0 7px}.heading-band h1{font-size:34px;margin:0 0 7px}.heading-band p{margin:0;color:var(--muted)}.mode-switch{display:flex;border:1px solid var(--line);background:white;padding:3px;border-radius:7px}.mode-switch button{border:0;background:transparent;padding:8px 18px;border-radius:5px;color:var(--muted);font-weight:700}.mode-switch button.active{background:var(--ink);color:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(255,255,255,.9);margin-bottom:20px;border-radius:8px;overflow:hidden}.metrics article{padding:19px 22px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center}.metrics article:last-child{border:0}.metrics span{font-size:12px;color:var(--muted);font-weight:700}.metrics strong{font-size:28px}.metrics small{font-size:10px;color:#8b9694}.metrics .attention strong{color:var(--coral)}.workbench{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 210px 170px 42px;gap:12px;align-items:end;padding:18px 20px;border-bottom:1px solid var(--line)}.refresh-button{height:42px;border:1px solid var(--line);background:white;border-radius:6px;font-size:19px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px}.product-panel{padding:22px 20px 18px;border-right:1px solid var(--line);min-width:0}.activity-panel{padding:22px 18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2{font-size:16px;margin:0 0 4px}.section-title p{font-size:11px;color:var(--muted);margin:0}.legend{display:flex;gap:13px;font-size:10px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.legend-uploaded:before{background:#24906e}.legend-prepared:before{background:var(--amber)}.product-list{display:grid}.product-row{display:grid;grid-template-columns:72px minmax(0,1fr) 180px;gap:14px;align-items:center;padding:12px 4px;border-top:1px solid #edf1f0}.product-row:first-child{border-top:0}.product-image{width:72px;height:72px;background:#edf2f0;display:grid;place-items:center;overflow:hidden;border-radius:5px;color:#8e9996;font-size:9px}.product-image img{width:100%;height:100%;object-fit:cover}.product-main{min-width:0}.product-name{display:flex;align-items:center;gap:8px;min-width:0}.product-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-main code{display:block;color:var(--teal);font-size:11px;margin:7px 0}.product-main p,.product-meta small{font-size:11px;color:var(--muted);margin:0}.status{font-size:9px;font-weight:800;padding:3px 6px;border-radius:4px;white-space:nowrap}.status-uploaded{color:#176b50;background:#ddf2ea}.status-prepared,.status-uploading{color:#8b5c14;background:#fff0d8}.status-failed,.status-skipped{color:#a43d31;background:#ffe6e1}.product-meta{display:grid;text-align:right;gap:4px}.product-meta span{font-size:10px;color:var(--muted)}.product-meta strong{font-size:12px}.activity-list{max-height:735px;overflow:auto;padding-right:5px}.activity{display:grid;grid-template-columns:10px 1fr;gap:9px;padding:10px 0;border-top:1px solid #edf1f0}.activity:first-child{border:0}.activity i{width:7px;height:7px;border-radius:50%;background:#78918d;margin-top:5px}.activity-success i{background:#24906e}.activity-warning i{background:var(--amber)}.activity-error i{background:var(--coral)}.activity strong{font-size:12px}.activity p{font-size:11px;line-height:1.45;margin:3px 0;color:#4d5957}.activity span{font-size:9px;color:#8a9492}.pulse{width:9px;height:9px;border-radius:50%;background:#2d9d77;box-shadow:0 0 0 5px rgba(45,157,119,.13)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px}.pagination button{border:1px solid var(--line);background:white;width:34px;height:32px;border-radius:5px}.pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination span{font-size:11px;color:var(--muted)}.empty-state{min-height:180px;display:grid;place-content:center;text-align:center;color:var(--muted);gap:6px}.empty-state strong{color:var(--ink)}.error-page{display:grid;place-items:center}.error-page main{text-align:center}.error-page strong{font-size:64px;color:var(--coral)}.error-page a{color:var(--teal)}@media(max-width:980px){.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.content-grid{grid-template-columns:1fr}.product-panel{border-right:0}.activity-panel{border-top:1px solid var(--line)}.activity-list{max-height:360px}}@media(max-width:700px){.topbar{padding:0 15px}.user{display:none}.dashboard-shell{padding:24px 12px 40px}.heading-band{align-items:start;gap:16px}.heading-band h1{font-size:27px}.heading-band>div>p:last-child{display:none}.mode-switch button{padding:7px 12px}.metrics article{padding:15px}.metrics strong{font-size:23px}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.refresh-button{grid-column:2;justify-self:end;width:42px}.product-row{grid-template-columns:60px minmax(0,1fr)}.product-image{width:60px;height:60px}.product-meta{grid-column:2;text-align:left;grid-template-columns:auto auto;justify-content:start}.product-meta small{grid-column:1/-1}.login-panel{padding:28px 22px}.content-grid,.workbench{min-width:0}}