:root{--bg:#f6f7f9;--panel:#ffffff;--panel-soft:#f0f4f8;--text:#17202a;--muted:#667085;--line:#d9e0e8;--accent:#0f766e;--accent-dark:#0b5f59;--blue:#2563eb;--amber:#b45309;--green:#15803d;--red:#b42318;--shadow:0 16px 40px rgba(16,24,40,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Arial,Microsoft YaHei,sans-serif}.authShell{align-items:center;background:#eef3f5;display:flex;justify-content:center;min-height:100vh;padding:24px}.authPanel{background:#ffffff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;max-width:430px;padding:28px;width:100%}.authBrand{color:var(--text);margin-bottom:8px}.authBrand span{color:var(--muted)}.authPanel h1{font-size:26px}.authPanel p{color:var(--muted);line-height:1.7}.authMessage{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;padding:10px 12px}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#18212f;color:#ffffff;display:flex;flex-direction:column;gap:28px;padding:24px 18px}.brand{gap:12px}.brand,.brandLogo,.brandMark{align-items:center;display:flex}.brandLogo,.brandMark{background:#d7f8ee;border-radius:8px;color:#0b5f59;font-weight:800;height:40px;justify-content:center;width:40px}.brandLogo{background:#ffffff;overflow:hidden;padding:3px}.brandLogo img{display:block;height:100%;object-fit:contain;width:100%}.brand span,.brand strong{display:block}.brand strong{line-height:1.25}.brand span{color:#a9b4c2;font-size:12px;margin-top:3px}.nav{display:grid;grid-gap:6px;gap:6px}.navItem{align-items:center;background:transparent;border:0;border-radius:8px;color:#cbd5e1;display:flex;gap:10px;padding:11px 12px;text-decoration:none}.navItem.active,.navItem:hover{background:#243244;color:#ffffff}.roleBox{border-top:1px solid rgba(255,255,255,.12);margin-top:auto;padding-top:18px}.roleTitle{align-items:center;color:#d7dee9;display:flex;font-size:13px;gap:7px;margin-bottom:10px}.accountCard{background:#101827;border:1px solid #334155;border-radius:8px;display:grid;grid-gap:4px;gap:4px;padding:12px}.accountCard span,.accountCard strong{display:block}.accountCard span{color:#a9b4c2;font-size:13px}.logoutButton{background:transparent;border:1px solid #334155;border-radius:8px;color:#d7dee9;margin-top:10px;min-height:38px;width:100%}.logoutButton:hover{background:#243244;color:#ffffff}.segmented{background:#101827;border:1px solid #334155;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);padding:3px}.segmented button{background:transparent;border:0;border-radius:6px;color:#a9b4c2;min-height:34px}.segmented button.selected{background:#ffffff;color:#0f172a;font-weight:700}.content{min-width:0;padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;margin-bottom:0}.ghost,.primary{align-items:center;border:0;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:42px;padding:0 16px}.primary{background:var(--accent);color:#ffffff;font-weight:700}.primary:hover{background:var(--accent-dark)}.ghost{background:#eef2f6;color:#263344}.wide{width:100%}.metrics{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric{background:var(--panel);border:1px solid var(--line);display:grid;grid-gap:4px 12px;gap:4px 12px;grid-template-columns:42px 1fr;padding:16px}.metric,.metricIcon{align-items:center;border-radius:8px}.metricIcon{background:#e9f7f4;color:var(--accent);display:flex;grid-row:span 2;height:42px;justify-content:center;width:42px}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:24px}.workspace{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(360px,.9fr) minmax(0,1.3fr)}.singleWorkspace{grid-template-columns:minmax(420px,760px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.listPanel{min-width:0;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 160px;padding:14px}.search,.selectWrap{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;gap:8px;min-height:40px;padding:0 10px}.search input,.selectWrap select{background:transparent;border:0;color:var(--text);min-width:0;outline:0;width:100%}.customerList{display:grid}.customerRow{align-items:center;background:#ffffff;border:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding:15px 16px;text-align:left}.customerRow.active,.customerRow:hover{background:#f0fdfa}.customerMain span,.customerMain strong,.customerMeta small{display:block}.customerMain span,.customerMeta small{color:var(--muted);font-size:13px;margin-top:5px}.customerMeta{align-items:flex-end;display:grid;grid-gap:4px;gap:4px;justify-items:end}.status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;line-height:1;padding:7px 9px;white-space:nowrap}.status-lead{background:#eef2ff;color:#3730a3}.status-inquiry{background:#fff7ed;color:var(--amber)}.status-quoted{background:#eff6ff;color:var(--blue)}.status-won{background:#ecfdf3;color:var(--green)}.status-paused{background:#fef3f2;color:var(--red)}.detailPanel{padding:20px}.emptyState{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:360px;text-align:center}.emptyState p{color:var(--muted);margin-bottom:0}.emptyIcon{align-items:center;background:#e9f7f4;border-radius:8px;color:var(--accent);display:flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.detailHeader{align-items:flex-start;display:flex;justify-content:space-between;gap:16px}.detailHeader h2{font-size:24px;margin:12px 0 7px}.detailHeader p{color:var(--muted);margin-bottom:0}.valueBadge{background:#102a43;border-radius:8px;color:#ffffff;font-weight:700;padding:12px 14px;white-space:nowrap}.valueBadge.urgent{background:#b42318}.detailActions{align-items:flex-end;display:grid;grid-gap:10px;gap:10px;justify-items:end}.infoGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0}.infoItem{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:4px 9px;gap:4px 9px;grid-template-columns:22px 1fr;padding:12px}.infoItem svg{color:var(--accent);grid-row:span 2}.infoItem span{color:var(--muted);font-size:12px}.infoItem strong{font-size:14px;min-width:0;overflow-wrap:anywhere}.shippingList{display:grid;grid-gap:10px;gap:10px}.shippingCard{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:7px;gap:7px;padding:12px}.shippingCardHeader{align-items:center;display:flex;gap:8px}.shippingCardHeader svg{color:var(--accent)}.shippingCard span{color:var(--accent-dark);font-size:13px;font-weight:700}.shippingCard p{color:#344054;margin:0;overflow-wrap:anywhere}.itemTable{display:grid;grid-gap:10px;gap:10px}.itemRow{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1.3fr) minmax(110px,.45fr) minmax(130px,.55fr);padding:12px}.itemRow span,.itemRow strong{display:block}.itemRow span{color:var(--muted);font-size:12px;margin-top:4px}.itemRow p{border-top:1px solid var(--line);color:#344054;grid-column:1/-1;margin:0;overflow-wrap:anywhere;padding-top:10px}.quoteItemRow p+p{border-top:0;padding-top:0}.quoteSourceBox{background:#eef2f6;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:6px;gap:6px;padding:10px}.mutedText,.quoteSourceBox span{color:var(--muted);font-size:13px}.stageGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr);margin:22px 0}.stage{background:#edf7f7;border-radius:8px;padding:14px}.stage span{color:var(--muted);display:block;font-size:13px}.stage strong{display:block;font-size:24px;margin-top:8px}.supplierTerms .stage strong{font-size:15px;line-height:1.45;overflow-wrap:anywhere}.detailSection{border-top:1px solid var(--line);padding-top:18px}.detailSection+.detailSection{margin-top:18px}.detailSection h3{font-size:16px;margin-bottom:10px}.sectionTitleRow{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.sectionTitleRow h3{margin-bottom:4px}.sectionTitleRow p{color:var(--muted);font-size:13px;margin-bottom:0}.nextAction{background:#fffdf4;border:1px solid #f3dfa2;border-radius:8px;margin-bottom:0;padding:12px}.procurementBox{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:14px;gap:14px;padding:14px}.procurementBox label{color:#344054;display:grid;font-size:13px;font-weight:700;grid-gap:7px;gap:7px}.procurementBox input,.procurementBox select,.procurementBox textarea{border:1px solid var(--line);border-radius:8px;min-height:42px;outline:0;padding:10px 11px}.purchaseItem,.purchaseItems{display:grid;grid-gap:12px;gap:12px}.purchaseItem{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:12px}.purchaseItemHeader{align-items:center;display:flex;gap:10px;justify-content:space-between}.purchaseItemHeader span{color:var(--muted);font-size:13px}.itemStatusLine{align-items:center;display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.checkRow{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:18px 1fr;padding:10px}.checkRow input{min-height:auto}.checkRow small,.checkRow strong{display:block}.checkRow small{color:var(--muted);margin-top:3px}.contractCard,.contractList{display:grid;grid-gap:12px;gap:12px}.contractCard{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:12px}.contractCard p{color:var(--muted);margin-bottom:0}.paymentRows{display:grid;grid-gap:6px;gap:6px}.paymentRow{background:#f8fafc;border-radius:8px;color:#344054;display:grid;grid-gap:8px;gap:8px;grid-template-columns:80px 120px 1fr;padding:8px 10px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{background:#eef2f6;border-radius:999px;color:#344054;font-size:13px;padding:7px 10px}.timeline,.timelineItem{display:grid;grid-gap:10px;gap:10px}.timelineItem{align-items:flex-start;grid-template-columns:24px 1fr}.timelineItem span{align-items:center;background:var(--accent);border-radius:50%;color:#ffffff;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.timelineItem p{margin:2px 0 0}.drawerBackdrop{background:rgba(15,23,42,.35);inset:0;position:fixed}.drawer{background:#ffffff;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;height:100%;margin-left:auto;max-width:440px;overflow-y:auto;padding:24px;width:min(100%,440px)}.drawerWide{max-width:560px;width:min(100%,560px)}.drawerHeader{align-items:flex-start;display:flex;justify-content:space-between;gap:14px;margin-bottom:6px}.drawer h2{margin-bottom:0}.drawer label{color:#344054;display:grid;font-size:13px;font-weight:700;grid-gap:7px;gap:7px}.drawer input,.drawer select,.drawer textarea{border:1px solid var(--line);border-radius:8px;min-height:42px;outline:0;padding:10px 11px}.drawer textarea{resize:vertical}.drawerSection{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:12px}.drawerSectionHeader{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.drawerSectionHeader span,.drawerSectionHeader strong{display:block}.drawerSectionHeader span{color:var(--muted);font-size:12px;margin-top:4px}.secondaryAction{align-items:center;background:#e9f7f4;border:1px solid #b8e5db;border-radius:8px;color:var(--accent-dark);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:700;gap:6px;min-height:36px;padding:0 10px}.secondaryAction.large{min-height:42px;padding:0 16px}.drawerActions{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.drawerActions .primary,.drawerActions .secondaryAction{width:100%}.formHint{color:var(--muted);font-size:12px;line-height:1.5;margin:-4px 0 0}.addressBlock,.addressBlocks{display:grid;grid-gap:12px;gap:12px}.addressBlock{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:12px}.addressBlockHeader{align-items:center;display:flex;justify-content:space-between}.iconButton{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;color:#475467;display:inline-flex;height:34px;justify-content:center;width:34px}.iconButton:disabled{cursor:not-allowed;opacity:.35}.formGrid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.imagePasteBox{align-items:center;background:#ffffff;border:1px dashed #9fb7c7;border-radius:8px;display:flex;gap:12px;justify-content:space-between;min-height:92px;outline:0;padding:14px}.imagePasteBox:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.14)}.imagePasteText{align-items:center;display:flex;gap:10px;min-width:0}.imagePasteText svg{color:var(--accent);flex:0 0 auto}.imagePasteText span,.imagePasteText strong{display:block}.imagePasteText span{color:var(--muted);font-size:12px;margin-top:4px}.imageUploadButton{align-items:center;background:#e9f7f4;border:1px solid #b8e5db;border-radius:8px;color:var(--accent-dark);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:700;justify-content:center;min-height:36px;padding:0 10px}.imageUploadButton input{display:none}.imagePreviewGrid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.imagePreview{aspect-ratio:1;background:#eef2f6;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.imagePreview img{height:100%;object-fit:cover;width:100%}.imageRemove{align-items:center;background:rgba(15,23,42,.78);border:0;border-radius:999px;color:#ffffff;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:6px;top:6px;width:24px}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(5,minmax(0,1fr))}.navItem{justify-content:center}.navItem svg{flex:0 0 auto}.workspace{grid-template-columns:1fr}}@media (max-width:720px){.content{padding:18px}.detailHeader,.purchaseItemHeader,.sectionTitleRow,.topbar{align-items:stretch;flex-direction:column}.drawerActions,.formGrid,.infoGrid,.itemRow,.metrics,.paymentRow,.stageGrid,.toolbar{grid-template-columns:1fr}.drawerSectionHeader,.imagePasteBox{align-items:stretch;flex-direction:column}.imagePreviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{grid-template-columns:1fr 1fr}.customerRow{align-items:flex-start;flex-direction:column}.customerMeta{align-items:start;justify-items:start}}