:root{--bg:#f6f7f9;--panel:#ffffff;--panel-strong:#eef3f8;--text:#17202a;--muted:#627080;--line:#d8e0e8;--blue:#1d5d9b;--green:#1c7c54;--red:#a43d3d;--amber:#936316;--slate:#334155;--shadow:0 16px 40px rgba(28,38,52,0.1)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;font-family:Arial,Microsoft YaHei,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}.app-shell{min-height:100vh;padding:18px 18px 32px}.topbar{align-items:center;display:flex;gap:12px;margin:0 auto 14px;max-width:940px}.topbar h1{font-size:25px;line-height:1.15;margin:2px 0 0}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;margin:0;text-transform:uppercase}.mode-mark{align-items:center;border-radius:8px;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.mode-mark.blue{background:var(--blue)}.mode-mark.green{background:var(--green)}.mode-mark.red{background:var(--red)}.mode-mark.amber{background:var(--amber)}.mode-mark.slate{background:var(--slate)}.tabbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 auto 16px;max-width:940px;padding:5px}.tabbar a{align-items:center;border-radius:6px;color:var(--muted);display:flex;gap:6px;justify-content:center;min-height:40px;padding:8px 6px}.tabbar a.active{background:var(--panel-strong);color:var(--text);font-weight:700}.workspace{margin:0 auto;max-width:940px}.dashboard-panel{display:grid;grid-gap:14px;gap:14px;margin-bottom:16px}.dashboard-heading{align-items:center;display:flex;justify-content:space-between;gap:12px}.dashboard-heading h2{align-items:center;display:flex;font-size:20px;gap:8px;margin:2px 0 0}.dashboard-heading button{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.dashboard-heading button:disabled{cursor:not-allowed;opacity:.55}.metric-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:5px;gap:5px;min-height:96px;padding:13px}.metric svg{color:var(--blue)}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:22px;line-height:1.1}.dashboard-charts{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr)}.chart-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:14px}.chart-heading,.report-heading{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.chart-heading h3,.report-heading h3{font-size:15px;margin:0}.chart-heading span,.report-heading span{color:var(--muted);font-size:12px;white-space:nowrap}.line-chart{display:grid;grid-gap:8px;gap:8px;min-height:244px}.line-chart svg{display:block;height:auto;overflow:visible;width:100%}.line-chart text{fill:var(--muted);font-size:12px}.chart-grid{stroke:#dde7f0;stroke-width:1}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.chart-line.in{stroke:var(--green)}.chart-line.out{stroke:var(--red)}.chart-dot{stroke:#fff;stroke-width:2}.chart-dot.in{fill:var(--green)}.chart-dot.out{fill:var(--red)}.chart-legend{color:var(--muted);display:flex;gap:14px;justify-content:flex-end;font-size:12px}.chart-legend span{align-items:center;display:inline-flex;gap:6px}.chart-legend i{border-radius:999px;display:inline-block;height:8px;width:18px}.legend-in{background:var(--green)}.legend-out{background:var(--red)}.warehouse-bars{display:grid;grid-gap:12px;gap:12px;min-height:244px}.warehouse-bar-row{display:grid;grid-gap:6px;gap:6px}.warehouse-bar-row>div:first-child{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.warehouse-bar-row span{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warehouse-bar-row b{color:var(--green);font-size:13px;white-space:nowrap}.bar-track{background:var(--panel-strong);border-radius:999px;height:10px;overflow:hidden}.bar-track i{background:linear-gradient(90deg,var(--blue),var(--green));border-radius:inherit;display:block;height:100%}.dashboard-columns{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.dashboard-section h3{font-size:15px;margin:0 0 9px}.dashboard-item-row{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:inherit;cursor:pointer;display:grid;font:inherit;grid-gap:10px;gap:10px;grid-template-columns:46px minmax(0,1fr) auto;min-height:62px;padding:10px 0;text-align:left;width:100%}.dashboard-item-row:first-of-type{border-top:0;padding-top:0}.dashboard-item-row:last-child{padding-bottom:0}.dashboard-item-row>img,.dashboard-item-row>svg{background:var(--panel-strong);border:1px solid var(--line);border-radius:6px;height:46px;object-fit:cover;width:46px}.dashboard-item-row>svg{color:var(--muted);padding:10px}.dashboard-item-row>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.dashboard-item-row small,.dashboard-item-row span,.dashboard-item-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-item-row small,.dashboard-item-row span{color:var(--muted)}.dashboard-item-row b{color:var(--green);white-space:nowrap}.clickable-row:hover strong,.dashboard-item-row:hover strong{color:var(--blue)}.warehouse-summary{display:grid;grid-gap:8px;gap:8px}.warehouse-summary-row{align-items:center;border-top:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto auto;padding-top:8px}.warehouse-summary-row:first-of-type{border-top:0;padding-top:0}.warehouse-summary-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warehouse-summary-row b{color:var(--green)}.warehouse-summary-row small{color:var(--muted)}.report-section{overflow:hidden}.report-table-wrap{overflow-x:auto}.report-table{border-collapse:collapse;min-width:720px;width:100%}.report-table td,.report-table th{border-top:1px solid var(--line);padding:10px 8px;text-align:right;vertical-align:middle;white-space:nowrap}.report-table td:first-child,.report-table th:first-child{padding-left:0;text-align:left}.report-table td:last-child,.report-table th:last-child{padding-right:0}.report-table thead th{border-top:0;color:var(--muted);font-size:12px;font-weight:700}.report-table tbody tr.clickable-row{cursor:pointer}.report-table tbody tr.clickable-row:hover{background:#f8fbff}.report-stack{display:grid;grid-gap:3px;gap:3px}.report-stack.end{justify-items:end}.report-stack span,.report-stack strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-stack strong{max-width:280px}.report-stack span{color:var(--muted);font-size:12px}.empty-line{align-items:center;color:var(--muted);display:flex;gap:8px;min-height:52px}.operation-form,.search-surface{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px}.admin-panel,.operation-form{display:grid;grid-gap:14px;gap:14px}.admin-heading,.admin-section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-heading h2{align-items:center;font-size:20px;margin:2px 0 0}.admin-actions,.admin-heading h2{display:flex;gap:8px}.admin-actions button,.admin-section-heading button,.icon-danger{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;gap:6px;justify-content:center;min-height:38px;padding:0 11px}.admin-actions button{height:40px;padding:0;width:40px}.admin-actions button:disabled,.admin-section-heading button:disabled{cursor:not-allowed;opacity:.55}.admin-section{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:14px}.admin-section h3{font-size:15px;margin:0}.admin-list{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.admin-row{align-items:center;border-top:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(110px,.85fr) minmax(170px,1fr) minmax(130px,.8fr) auto 40px;padding-top:10px}.admin-row.member{grid-template-columns:minmax(110px,.8fr) minmax(170px,1fr) minmax(110px,.55fr) minmax(120px,.7fr) auto 40px}.admin-row.group{align-items:start;grid-template-columns:minmax(110px,.75fr) minmax(180px,1fr) minmax(105px,.45fr) minmax(260px,1.15fr) minmax(120px,.65fr) auto 40px}.admin-row:first-child{border-top:0;padding-top:0}.admin-row input,.admin-row select{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px 11px;width:100%}.switch-line{align-items:center;color:var(--muted);display:inline-flex;gap:6px;white-space:nowrap}.switch-line input{height:16px;width:16px}.group-toggle-grid{display:grid;grid-gap:7px 10px;gap:7px 10px;grid-template-columns:repeat(2,minmax(88px,1fr));min-width:0;padding-top:7px}.icon-danger{color:var(--red);height:38px;padding:0;width:38px}.permissions-placeholder p{color:var(--muted);margin:8px 0 0}.audit-section .admin-section-heading span{color:var(--muted);font-size:13px}.audit-list{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.audit-row{align-items:center;background:var(--panel-strong);border-radius:6px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.9fr);padding:11px}.audit-row>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.audit-row small,.audit-row span,.audit-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-row small,.audit-row span{color:var(--muted);font-size:12px}.audit-pager{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.audit-pager button{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;min-height:34px;padding:0 12px}.audit-pager button:disabled{cursor:not-allowed;opacity:.5}.audit-pager span{color:var(--muted);font-size:13px}.two-col{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(110px,.35fr)}.field{display:grid;grid-gap:7px;gap:7px;min-width:0}.field>span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea,.search-row input{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--text);min-height:44px;outline:none;padding:10px 11px;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.search-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,93,155,.12)}.field-hint{font-size:12px;font-weight:700;line-height:1.45;margin:0}.field-hint.ok{color:var(--green)}.field-hint.warn{color:var(--amber)}.suggestion-list{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.suggestion-option{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:11px}.suggestion-option:last-child{border-bottom:0}.suggestion-pick{align-items:center;background:transparent;border:0;cursor:pointer;display:grid;grid-gap:10px;gap:10px;grid-template-columns:42px minmax(0,1fr);min-width:0;padding:0;text-align:left}.suggestion-list small,.uex-result small{color:var(--muted)}.suggestion-pick>img,.suggestion-pick>svg,.uex-result>img,.uex-result>svg{background:var(--panel-strong);border:1px solid var(--line);border-radius:6px;height:42px;object-fit:cover;padding:0;width:42px}.suggestion-pick>svg,.uex-result>svg{color:var(--muted);padding:9px}.suggestion-pick>span{display:grid;grid-gap:3px;gap:3px;min-width:0}.detail-chip{background:var(--panel-strong);border:1px solid var(--line);border-radius:6px;color:var(--slate);font-size:13px;gap:5px;min-height:34px;padding:6px 9px;white-space:nowrap}.detail-chip,.primary-button,.search-row button{align-items:center;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center}.primary-button,.search-row button{background:var(--blue);border:0;border-radius:6px;color:#fff;gap:8px;min-height:46px;padding:10px 14px}.primary-button:disabled,.search-row button:disabled{cursor:not-allowed;opacity:.55}.search-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) minmax(108px,auto)}.result-section{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.result-section h2{align-items:center;display:flex;font-size:16px;gap:7px;margin:0 0 10px}.stock-result,.uex-result{border:1px solid var(--line);border-radius:8px;margin-top:9px;padding:12px}.stock-heading,.warehouse-row{align-items:center;display:flex;justify-content:space-between;gap:12px}.stock-heading>div>span,.stock-heading>span{color:var(--green);font-weight:800}.stock-heading>div{align-items:center;display:flex;gap:8px}.stock-title{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:44px minmax(0,1fr);min-width:0}.stock-title>img,.stock-title>svg{border-radius:8px;height:44px;object-fit:cover;width:44px}.stock-title>svg{background:var(--soft);color:var(--muted);padding:10px}.stock-title>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.stock-title small,.stock-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-title small{color:var(--muted)}.warehouse-breakdown{color:var(--muted);display:grid;grid-gap:6px;gap:6px;margin-top:10px}.warehouse-row b{color:var(--text)}.uex-list{display:grid;grid-gap:8px;gap:8px}.uex-result{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:50px minmax(0,1fr) auto}.uex-result>img,.uex-result>svg{height:50px;width:50px}.uex-result>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.uex-result>div>span{color:var(--muted)}.detail-backdrop{align-items:center;background:rgba(15,23,42,.42);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:50}.detail-dialog{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);max-height:min(88vh,880px);max-width:920px;overflow:auto;padding:18px;width:min(920px,100%)}.detail-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.detail-heading h2{font-size:22px;line-height:1.2;margin:3px 0 0}.detail-close{align-items:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.detail-hero{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:150px minmax(0,1fr);padding:14px}.detail-hero>img,.detail-hero>svg{background:var(--panel-strong);border:1px solid var(--line);border-radius:6px;height:150px;object-fit:cover;padding:0;width:150px}.detail-hero>svg{color:var(--muted);padding:52px}.detail-hero>div{display:grid;grid-gap:7px;gap:7px;min-width:0}.detail-hero strong{font-size:17px}.detail-hero p,.detail-hero small,.detail-hero span,.detail-price-row span,.detail-stock-row small{color:var(--muted)}.detail-hero p{line-height:1.58;margin:0;white-space:pre-line}.detail-title-meta{display:block;font-size:12px}.detail-hero a{align-items:center;color:var(--blue);display:inline-flex;font-weight:700;gap:5px}.detail-grid,.detail-metrics{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.detail-grid{grid-template-columns:1.2fr .8fr}.detail-section{border:1px solid var(--line);border-radius:8px;margin-top:12px;padding:14px}.detail-section h3{font-size:15px;margin:0 0 10px}.detail-fact-grid,.detail-kv-list,.detail-price-list,.detail-stock-list{display:grid;grid-gap:8px;gap:8px}.detail-fact,.detail-kv-list>div,.detail-price-row,.detail-stock-row{align-items:center;background:var(--panel-strong);border-radius:6px;display:grid;grid-gap:7px;gap:7px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.detail-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-fact{grid-template-columns:minmax(0,1fr)}.detail-fact span{color:var(--muted);font-size:12px}.detail-fact b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-stock-row small{grid-column:1/-1}.detail-price-row>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.status-line{align-items:center;border-radius:8px;display:flex;gap:8px;margin-top:14px;padding:12px}.status-line.ok{background:#e8f6ee;color:var(--green)}.status-line.error{background:#fff0f0;color:var(--red)}.invalid-shell{align-items:center;display:flex;min-height:100vh;padding:20px}.invalid-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);margin:0 auto;max-width:520px;padding:24px}.invalid-panel h1{margin:6px 0 8px}.muted{color:var(--muted)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:720px){.app-shell{padding:14px 12px 26px}.tabbar{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-charts,.dashboard-columns,.metric-grid{grid-template-columns:1fr}.chart-panel{padding:12px}.chart-heading,.report-heading{align-items:flex-start;flex-direction:column;gap:3px}.dashboard-item-row{grid-template-columns:42px minmax(0,1fr)}.dashboard-item-row b{grid-column:2}.admin-row,.admin-row.group,.admin-row.member,.audit-row,.detail-fact-grid,.detail-grid,.detail-hero,.detail-metrics,.search-row,.two-col{grid-template-columns:1fr}.detail-backdrop{align-items:stretch;padding:10px}.detail-dialog{max-height:none}.detail-hero>img,.detail-hero>svg{height:auto;max-height:260px;width:100%}.stock-heading,.stock-heading>div,.suggestion-option,.uex-result{align-items:stretch}.uex-result{grid-template-columns:50px minmax(0,1fr)}.uex-result .detail-chip{grid-column:2;justify-self:start}.admin-heading,.admin-section-heading{align-items:flex-start;flex-direction:column}.topbar h1{font-size:22px}}