:root{--bg: #f3f6f8;--surface: #ffffff;--surface-2: #fafcfe;--line: #dde6ee;--line-strong: #ccd9e4;--text: #17212b;--muted: #657586;--muted-2: #8a98a8;--green: #118a5b;--green-soft: #e8f6ef;--blue: #2f6fed;--blue-soft: #edf4ff;--cyan: #0b879b;--cyan-soft: #e8f7fa;--amber: #b66d0b;--amber-soft: #fff3dd;--red: #c94343;--red-soft: #fff0f0;--brand: #d95a45;--shadow: 0 20px 54px rgba(23, 33, 43, .08);--soft-shadow: 0 12px 34px rgba(23, 33, 43, .055);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{height:100vh;min-height:0;display:grid;grid-template-columns:244px minmax(0,1fr);overflow:hidden}@media(min-width:761px){.appShell{width:111.111vw;height:111.111vh;transform:scale(.9);transform-origin:0 0}}.sidebar{background:radial-gradient(circle at 18% 4%,rgba(138,229,196,.22),transparent 28%),linear-gradient(152deg,#237266,#176454 38%,#0e4b51 72%,#0b3c47);color:#f2fbfa;padding:22px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar:after{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:#e8faf61f}.brand{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 6px 12px;position:relative;z-index:1}.brandMark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#f3755d,#d95a45);color:#fff;font-weight:900;box-shadow:0 12px 24px #083f3d38}.brand strong,.brand span{display:block}.brand span{color:#e4f6f3b3;font-size:12px;margin-top:2px}.navList{display:grid;gap:6px;position:relative;z-index:1}.navItem{border:1px solid transparent;width:100%;min-height:42px;display:flex;align-items:center;gap:10px;border-radius:8px;padding:0 12px;color:#eef9f7d1;background:transparent;text-align:left;font-weight:800}.navItem svg{color:#dbf0edad}.navItem:hover,.navItem.active{background:linear-gradient(90deg,#ebfff82e,#ffffff12),#0a4a4a3d;color:#fff;border-color:#dcf9f438}.navItem.active{box-shadow:inset 3px 0 #9be7c4,0 8px 18px #06373a26}.navItem.active svg{color:#c6f6df}.syncPanel{margin-top:auto;display:flex;gap:10px;padding:14px;border:1px solid rgba(224,248,244,.2);border-radius:8px;background:linear-gradient(135deg,#ecfff826,#e6f7ff0f),#0a4a4a2e;position:relative;z-index:1}.syncIcon{width:42px;height:42px;border-radius:8px;background:#e2faeeeb;display:grid;place-items:center;color:#17624e;flex:0 0 auto}.syncIcon.amber{color:#ffd083}.syncIcon.red{color:#ff9a9a}.syncIcon.green{color:#75d3a8}.syncPanel b,.syncPanel span{display:block}.syncPanel b{font-size:14px;color:#fff}.syncPanel span{font-size:12px;color:#e2f5f2b8;margin-top:4px}.main{min-width:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:26px 30px}@media(min-width:761px){.sidebar,.main{height:111.111vh}}.topbar{flex:0 0 auto;z-index:12;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px;padding-bottom:0;background:var(--bg)}.eyebrow{margin:0 0 6px;font-size:13px;color:var(--muted)}h1,h2{margin:0}h1{font-size:30px;letter-spacing:0}h2{font-size:18px;letter-spacing:0}.topActions{display:flex;align-items:flex-end;gap:10px;min-width:min(940px,66vw);justify-content:flex-end}.accountSwitch{min-width:220px;display:grid;gap:4px}.accountSwitch span{color:var(--muted);font-size:11px;font-weight:800}.accountSwitch select{min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 10px;font-size:13px;font-weight:700}.accountSwitch.locked{min-width:178px}.accountSwitch.locked strong{min-height:42px;display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:#ffffffdb;padding:0 13px;font-size:13px;white-space:nowrap}.smallLogout{min-height:42px;padding:0 17px}.searchBox{height:42px;flex:1;min-width:220px;max-width:520px;display:flex;align-items:center;gap:9px;background:#ffffffdb;border:1px solid var(--line);border-radius:10px;padding:0 14px}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,rgba(43,174,120,.12),transparent 30%),linear-gradient(180deg,#172331e0,#13202cf0),#172331}.loginPanel{width:min(420px,100%);display:grid;gap:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#fff;padding:28px;box-shadow:0 22px 60px #00000038}.loginPanel.compact{justify-items:center;text-align:center}.loginMark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#e06752,var(--brand));color:#fff;font-weight:900}.loginPanel h1{font-size:24px;margin:0}.loginPanel p{margin:5px 0 0;color:var(--muted)}.loginField{display:grid;gap:6px}.loginField span{color:var(--muted);font-size:13px;font-weight:800}.loginField div{height:46px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff}.loginField input{width:100%;border:0;outline:0;color:var(--text)}.loginSubmit{min-height:46px;justify-content:center}.loginError{border:1px solid #ffd2d2;border-radius:8px;background:var(--red-soft);color:var(--red);padding:10px 12px;font-weight:800}.loginTips{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px}.loginTips b{color:var(--text)}.tableActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.smallButton.danger{border-color:#ffd2d2;color:var(--red);background:var(--red-soft)}.searchBox input{border:0;outline:0;min-width:0;width:100%;color:var(--text)}.iconButton,.primaryButton,.ghostButton,.smallButton,.taskTile{min-height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.iconButton{width:44px;padding:0}.primaryButton{border-color:#0b7750;background:linear-gradient(180deg,#169865,var(--green));color:#fff;padding:0 18px;font-weight:900;box-shadow:0 12px 24px #118a5b29}.primaryButton.green{border-color:#0b7750;background:linear-gradient(180deg,#169865,var(--green))}.primaryButton.full{width:100%}.quickCreatePanel .primaryButton.full,.quickCreatePanel .ghostButton.full{min-height:46px}.ghostButton{padding:0 17px}.smallButton{min-height:34px;padding:0 12px;font-size:13px;font-weight:700}.smallButton.green{color:#087348;background:var(--green-soft);border-color:#bde4d0}.pageStack{display:grid;gap:16px}.main>.pageStack:not(.roleHome),.main>.contentGrid,.main>.panel{flex:1 1 auto;min-height:0;overflow:auto}.metricsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metricsGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.financePage{height:100%;grid-template-rows:auto minmax(0,1fr)}.financePage .metricsGrid{align-items:stretch}.financePage .metricCard{min-height:106px;padding:14px 16px;gap:6px}.financePage .metricIcon{width:34px;height:34px}.financePage .metricCard b{font-size:22px}.contractsPage{height:100%;grid-template-rows:auto minmax(0,1fr)}.contractToolbar{padding:16px 18px}.contractToolbar .panelHeader{min-height:34px;margin-bottom:12px;padding-bottom:12px}.contractFilters{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(180px,.8fr) minmax(160px,.6fr);gap:12px}.contractFilters label{display:grid;gap:6px}.contractFilters span{color:var(--muted);font-size:12px;font-weight:700}.contractFilters input,.contractFilters select{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;outline:0}.contractTable{min-width:980px}.contractTable th:nth-child(1){width:210px}.contractTable th:nth-child(4){width:250px}.contractTable .attachmentReadonly.compact>div{max-height:92px;overflow:auto}.contractTable .readonlyAttachment{min-width:112px;max-width:150px;min-height:36px;grid-template-columns:26px minmax(0,1fr);gap:6px;padding:4px 6px}.contractTable .readonlyAttachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contractTable .readonlyAttachment small{margin-top:2px}.lockedHint{color:var(--muted);font-size:12px;white-space:nowrap}.productCatalogToolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.productCatalogToolbar>div{display:grid;gap:5px}.productCatalogToolbar span{color:var(--muted);font-size:13px}.productCatalogTable{min-width:920px}.metricCard,.panel,.customerCard{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--soft-shadow)}.metricCard{min-height:146px;padding:18px;display:grid;align-content:start;gap:8px;position:relative;overflow:hidden}.metricCard:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--green)}.metricCard.blue:after{background:var(--blue)}.metricCard.cyan:after{background:var(--cyan)}.metricCard.amber:after{background:var(--amber)}.metricCard.red:after{background:var(--red)}.metricIcon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--green-soft);color:var(--green)}.metricCard.blue .metricIcon{background:var(--blue-soft);color:var(--blue)}.metricCard.cyan .metricIcon{background:var(--cyan-soft);color:var(--cyan)}.metricCard.amber .metricIcon{background:var(--amber-soft);color:var(--amber)}.metricCard.red .metricIcon{background:var(--red-soft);color:var(--red)}.metricCard span{color:var(--muted);font-size:13px}.metricCard b{font-size:24px;line-height:1.15}.metricCard small{color:var(--muted);font-size:12px}.taskGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.taskTile{min-height:66px;justify-content:flex-start;padding:0 14px;font-weight:700}.taskTile b{margin-left:auto;font-size:22px}.taskTile.amber{color:var(--amber);background:var(--amber-soft);border-color:#f2d7a7}.taskTile.red{color:var(--red);background:var(--red-soft);border-color:#efc0c0}.taskTile.green{color:var(--green);background:var(--green-soft);border-color:#b9e2ce}.taskTile.cyan{color:var(--cyan);background:var(--cyan-soft);border-color:#b6e2e9}.contentGrid{display:grid;gap:16px}.contentGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.contentGrid.two.uneven{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.contentGrid.orderLayout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.orderCenterFilters{display:grid;grid-template-columns:minmax(260px,1fr) 180px 200px auto;gap:10px;align-items:end;padding:0 16px 14px}.orderCenterFilters label{display:grid;gap:6px}.orderCenterFilters span{color:var(--muted);font-size:12px;font-weight:700}.orderCenterFilters div{height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;align-items:center;gap:8px;padding:0 10px}.orderCenterFilters svg{color:var(--muted);flex:0 0 auto}.orderCenterFilters input,.orderCenterFilters select{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 10px;outline:0}.orderCenterFilters div input{height:38px;border:0;padding:0}.panel{min-width:0;padding:16px}.tablePanel{padding:0;overflow:hidden}.panelHeader{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}.tablePanel .panelHeader{padding:16px;margin:0}.panelHeader.withControls{align-items:center}.panelTitle{display:flex;align-items:center;gap:9px}.panelTitle svg{color:var(--muted)}.panelHeader>span{font-size:12px;color:var(--muted)}.selectControl{height:36px;position:relative;display:inline-flex;align-items:center}.selectControl select{appearance:none;min-width:132px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 32px 0 10px;outline:0}.selectControl svg{pointer-events:none;position:absolute;right:10px;color:var(--muted)}.compactList{display:grid;gap:10px}.compactRow{min-height:58px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.compactRow b,.compactRow span{display:block}.compactRow b{font-size:14px}.compactRow span{color:var(--muted);font-size:12px;margin-top:3px}.barSet{display:grid;gap:14px}.barLine{display:grid;grid-template-columns:84px minmax(0,1fr) 98px;gap:10px;align-items:center;min-height:32px}.barLine span{color:var(--muted);font-size:13px}.barLine div{height:12px;background:#e9eef3;border-radius:999px;overflow:hidden}.barLine i{display:block;height:100%;border-radius:999px}.barLine b{text-align:right}.tableWrap{width:100%;min-height:0;overflow:auto}.dataTable{width:100%;min-width:760px;border-collapse:collapse}.dataTable.tight{min-width:520px}.dataTable th,.dataTable td{text-align:left;border-top:1px solid var(--line);padding:14px 18px;vertical-align:middle;font-size:13px}.dataTable thead th{color:var(--muted);font-size:12px;background:#f8fbfd;border-top:0}.dataTable tbody tr{transition:background .16s ease}.dataTable tbody tr:hover,.dataTable tbody tr.selected{background:#edf5fc}.dataTable tbody tr.clickableRow{cursor:pointer}.dataTable tbody tr.clickableRow:hover{background:#edf5fc}.dataTable strong,.dataTable small{display:block}.dataTable small{color:var(--muted);margin-top:5px;font-size:12px}.orderNoCell>div{display:flex;align-items:center;gap:8px}.copyOrderButton{min-height:28px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);display:inline-flex;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:800;white-space:nowrap}.copyOrderButton:hover{color:var(--green);border-color:#bde4d0;background:var(--green-soft)}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;padding:0 9px;font-size:12px;font-weight:700;color:var(--muted);background:#ecf2f6;white-space:nowrap}.badge.green{color:#087348;background:var(--green-soft)}.badge.blue{color:#235ec5;background:var(--blue-soft)}.badge.cyan{color:#087386;background:var(--cyan-soft)}.badge.amber{color:var(--amber);background:var(--amber-soft)}.badge.red{color:var(--red);background:var(--red-soft)}.detailPanel{position:sticky;top:24px}.detailHero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.detailHero b,.detailHero span{display:block}.detailHero b{font-size:16px;line-height:1.35}.detailHero span{color:var(--muted);font-size:13px;margin-top:4px}.moneyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.moneyGrid div{border:1px solid var(--line);border-radius:8px;padding:10px}.moneyGrid span,.moneyGrid b{display:block}.moneyGrid span{font-size:12px;color:var(--muted)}.moneyGrid b{margin-top:4px}.progressTrack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px}.progressTrack div{display:grid;justify-items:center;gap:6px;color:var(--muted-2);font-size:12px}.progressTrack i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-style:normal}.progressTrack .complete{color:var(--green)}.progressTrack .complete i{background:var(--green-soft);border-color:#b9e2ce}.itemList{display:grid;gap:8px;margin-bottom:14px}.itemList div{border:1px solid var(--line);border-radius:8px;padding:10px}.itemList b,.itemList span,.itemList em{display:block}.itemList b{font-size:13px}.itemList span{color:var(--muted);font-size:12px;margin-top:2px}.itemList em{color:var(--text);font-style:normal;font-weight:700;margin-top:6px}.itemList.compact{max-height:260px;overflow:auto}.noteBox{border-left:3px solid var(--blue);background:#f7f9fc;padding:10px 12px;color:#425160;font-size:13px;line-height:1.55;margin-bottom:14px}.noticeBox{border-left-color:var(--green);background:#f2fbf6}.actionStack{display:grid;gap:8px}.rowActions{display:flex;gap:8px}.flowBand{min-height:96px;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center;gap:8px;padding:16px}.flowStep{min-height:62px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:0 12px}.flowStep svg{color:var(--blue)}.flowStep span{color:var(--muted);font-size:13px}.flowStep b{font-size:22px}.flowArrow{color:var(--muted-2);justify-self:center}.mappingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mapItem{min-height:50px;display:grid;grid-template-columns:minmax(90px,.8fr) 18px minmax(0,1.2fr);gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px}.mapItem span{color:var(--muted);font-size:13px}.mapItem b{font-size:13px}.customerGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px}.customerSearch{width:min(520px,44vw);height:36px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#fff}.customerSearch input{border:0;outline:0;width:100%;min-width:0}.customerTableSummary{min-height:38px;display:flex;align-items:center;gap:16px;padding:0 16px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.customerLedgerTable{min-width:1860px}.customerLedgerTable thead th{background:#f3b700;color:#1d2632;border-color:#d9a500;font-weight:800}.customerLedgerTable td{font-size:12px;line-height:1.45}.customerCard{min-height:192px;padding:14px;display:grid;gap:12px}.customerTop{display:flex;justify-content:space-between;gap:10px}.customerTop b,.customerTop span{display:block}.customerTop b{line-height:1.35}.customerTop span{color:var(--muted);font-size:12px;margin-top:4px}.customerStats{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.customerStats span{color:var(--muted);font-size:12px}.tagRow{min-height:28px;display:flex;flex-wrap:wrap;gap:6px}.tagRow i{font-style:normal;font-size:12px;color:#53616f;background:#f1f4f7;border-radius:999px;padding:5px 8px}.configList,.ruleList{display:grid;gap:10px}.configRow{min-height:50px;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px}.configRow span,.ruleList span{color:var(--muted);font-size:13px}.configRow b{min-width:0;overflow-wrap:anywhere}.ruleList div{min-height:42px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:9px 10px}.ruleList svg{flex:0 0 auto;color:var(--green)}.orgShell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}.orgMenu{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;display:grid;align-content:start;gap:8px}.orgSearch{height:40px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:10px}.orgSearch input{border:0;outline:0;min-width:0}.orgMenu button{min-height:46px;border:0;border-radius:8px;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:800}.orgMenu button.active{background:#eef0ff;color:#4f55ff}.orgPanel{min-width:0}.orgGrid{display:grid;gap:14px}.orgForm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end;padding-bottom:12px}.employeeCreateForm{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.roleManager{display:grid;grid-template-columns:380px minmax(0,1fr);gap:14px}.roleManager .orgForm{grid-template-columns:1fr 1fr}.roleManager .orgForm .primaryButton{grid-column:span 2}.roleListTable{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.roleListTable button{width:100%;min-height:58px;border:0;border-top:1px solid var(--line);background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px 10px;align-items:center;text-align:left;padding:8px 12px}.roleListTable button:first-child{border-top:0}.roleListTable button.selected{background:#eef0ff}.roleListTable span{grid-row:span 2;color:var(--muted);font-weight:800}.roleListTable b,.roleListTable small{display:block}.roleListTable small{color:var(--muted)}.inlineEditInput{width:100%;min-height:34px;border:1px solid var(--line);border-radius:8px;outline:0;padding:0 10px;color:var(--text);background:#fff}.inlineEditInput:focus{border-color:#9cc3ff;box-shadow:0 0 0 3px #2f6fed1f}.inlineEditInput.wide{min-width:260px}.permissionMatrix{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.permissionMatrix>div:first-child{margin-bottom:12px}.permissionMatrix h3{margin:0 0 4px}.permissionMatrix>div:first-child span{color:var(--muted);font-size:13px}.permissionMatrix section{border-top:1px solid var(--line);padding:12px 0}.permissionMatrix section:first-of-type{border-top:0}.permissionMatrix section>b{display:block;margin-bottom:8px}.permissionMatrix section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permissionMatrix label{min-height:34px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#fbfdff;font-size:13px;font-weight:700}.modalBackdrop{position:fixed;inset:0;background:#08101885;display:grid;place-items:center;padding:12px;z-index:20}.orderModal{width:min(880px,96vw);max-height:calc(100vh - 24px);overflow:auto;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:12px}.modalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.modalHeader h2{font-size:21px}.modalHeader h2,.modalHeader span{display:block}.modalHeader span{color:var(--muted);font-size:12px;margin-top:2px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:4px}.field.wide{margin-top:8px}.field span{font-size:11px;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);outline:0;min-height:34px;padding:0 9px}.field textarea{padding:8px;resize:vertical}.field select:disabled{color:var(--muted-2);background:var(--bg)}.fixedField b{min-height:34px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);padding:0 9px;font-size:13px;font-weight:800}.modalActions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:8px}.flowHint{margin-right:auto;color:var(--muted);font-size:13px;font-weight:700}.focusBand{min-height:118px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:14px;align-items:center;padding:18px;box-shadow:0 10px 28px #1f2b390d}.focusBand.amber{border-left:4px solid var(--amber)}.focusBand.blue{border-left:4px solid var(--blue)}.focusBand.red{border-left:4px solid var(--red)}.focusBand.green{border-left:4px solid var(--green)}.focusBand.cyan{border-left:4px solid var(--cyan)}.focusMain,.focusKpis,.kpiStrip{display:flex;align-items:center;gap:12px}.focusIcon{width:52px;height:52px;border-radius:8px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);flex:0 0 auto}.focusMain span,.focusMain p{color:var(--muted);font-size:13px;margin:0}.focusMain h2{font-size:24px;margin:3px 0}.focusKpis,.kpiStrip{justify-content:flex-end;flex-wrap:wrap}.sectionCaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px -4px}.sectionCaption b,.sectionCaption span{display:block}.sectionCaption b{font-size:15px}.sectionCaption span{color:var(--muted);font-size:13px}.miniKpi{min-width:150px;min-height:72px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface-2)}.miniKpi span,.miniKpi b{display:block}.miniKpi span{color:var(--muted);font-size:12px}.miniKpi b{font-size:22px;margin-top:8px}.processBoard{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;overflow-x:auto;padding-bottom:2px}.stageCard{min-height:254px;border:1px solid var(--line);border-top:4px solid #c9d2dc;border-radius:8px;background:var(--surface);display:grid;grid-template-rows:auto 1fr}.stageCard.amber{border-top-color:var(--amber)}.stageCard.blue{border-top-color:var(--blue)}.stageCard.red{border-top-color:var(--red)}.stageCard.green{border-top-color:var(--green)}.stageCard.cyan{border-top-color:var(--cyan)}.stageCard header{min-height:88px;padding:12px;border-bottom:1px solid var(--line);position:relative}.stageCard header div{display:flex;align-items:center;gap:7px;color:var(--muted)}.stageCard header i{font-style:normal;font-weight:800;font-size:12px}.stageCard header b,.stageCard header span{display:block}.stageCard header b{margin-top:8px}.stageCard header span{color:var(--muted);font-size:12px;margin-top:3px}.stageCard header em{position:absolute;right:12px;top:12px;min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#edf1f5;font-style:normal;font-weight:800}.stageList{display:grid;align-content:start;gap:8px;padding:10px}.stageOrder{border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:9px;display:grid;gap:4px;cursor:pointer}.stageOrder:hover{background:#f4f8fb}.stageOrder strong,.stageOrder span,.stageOrder small{display:block}.stageOrder strong{font-size:13px;line-height:1.35}.stageOrder span{color:var(--muted);font-size:12px}.stageOrder small{color:var(--text);font-weight:800;font-size:12px}.stageAction{min-height:28px;justify-self:start;border:1px solid #b9e2ce;border-radius:8px;background:var(--green-soft);color:#0a7550;padding:0 10px;font-size:12px;font-weight:800}.emptyStage{min-height:112px;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:13px}.roleQueue{display:grid;gap:10px}.roleLane{border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:8px}.roleLane>div{display:flex;align-items:center;gap:8px}.roleLane>div span{margin-left:auto;color:var(--muted);font-size:12px}.roleLane button{min-height:36px;border:0;border-radius:8px;background:#f7f9fc;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 10px}.roleLane button span,.roleLane em{color:var(--muted);font-size:12px;font-style:normal}.roleHome{flex:1 1 auto;display:grid;gap:14px;min-height:0;height:100%;max-height:100%;overflow:hidden;grid-template-rows:auto auto minmax(0,1fr)}.roleHero{min-height:128px;display:grid;grid-template-columns:minmax(360px,1fr) auto;align-items:center;gap:22px;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:8px;background:linear-gradient(90deg,#2f6fed0d,#2bae7806),var(--surface);padding:20px 24px;box-shadow:var(--shadow)}.roleHero.amber{border-left-color:var(--amber)}.roleHero.blue{border-left-color:var(--blue)}.roleHero.red{border-left-color:var(--red)}.roleHero.green{border-left-color:var(--green)}.roleHero.cyan{border-left-color:var(--cyan)}.roleHeroMain,.roleHeroKpis{display:flex;align-items:center;gap:14px}.roleHeroIcon{width:60px;height:60px;border-radius:8px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);flex:0 0 auto}.roleHero span,.roleHero p{display:block;color:var(--muted)}.roleHero h2{font-size:28px;margin:6px 0}.roleHero p{margin:0;font-size:14px}.roleHeroKpis{justify-content:flex-end;flex-wrap:wrap}.workflowRail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-bottom:2px}.workflowStepButton{min-height:60px;border:1px solid var(--line);border-radius:8px;background:#ffffffe0;color:var(--text);display:grid;grid-template-columns:22px minmax(0,1fr) 32px;grid-template-rows:auto auto;align-items:center;gap:3px 9px;padding:10px 12px;text-align:left;box-shadow:0 8px 18px #17212b09}.workflowStepButton:hover{background:#fbfdff;border-color:var(--line-strong)}.workflowStepButton svg{grid-row:span 2;color:var(--muted)}.workflowStepButton strong{font-size:13px;line-height:1.25}.workflowStepButton span{color:var(--muted);font-size:12px;line-height:1.2}.workflowStepButton b{grid-row:span 2;justify-self:end;min-width:31px;height:31px;border-radius:999px;display:grid;place-items:center;background:#ecf2f6;font-size:14px}.workflowStepButton.amber{border-top:3px solid var(--amber)}.workflowStepButton.blue{border-top:3px solid var(--blue)}.workflowStepButton.red{border-top:3px solid var(--red)}.workflowStepButton.green{border-top:3px solid var(--green)}.workflowStepButton.cyan{border-top:3px solid var(--cyan)}.roleTabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.roleTabs button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:inline-flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);white-space:nowrap}.roleTabs button.active{color:var(--text);border-color:#bfd4fb;background:var(--blue-soft)}.roleTabs b{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#ecf2f6;color:var(--text);font-size:12px}.roleWorkbenchGrid{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:16px;align-items:stretch;min-height:0;height:auto;overflow:hidden}.rolePrimaryPanel{min-height:0;height:100%;padding:0;display:flex;flex-direction:column;overflow:hidden}.rolePrimaryPanel>.panelHeader{flex:0 0 auto;min-height:64px;padding:0 22px;margin:0}.rolePrimaryPanel .tableWrap{flex:1 1 auto;min-height:0;overflow:auto;padding:0}.rolePrimaryPanel .dataTable thead th{position:sticky;top:0;z-index:2}.roleTable{min-width:980px}.roleActionCell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nextActionPill{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900;background:#ecf2f6;color:var(--muted);white-space:nowrap}.nextActionPill.amber{color:#9a5a04;background:var(--amber-soft)}.nextActionPill.blue{color:#2459bf;background:var(--blue-soft)}.nextActionPill.red{color:var(--red);background:var(--red-soft)}.nextActionPill.green{color:#087348;background:var(--green-soft)}.nextActionPill.cyan{color:#087386;background:var(--cyan-soft)}.roleSideStack{display:grid;gap:16px;align-content:start;max-height:100%;overflow:auto}.quickCreatePanel,.stageSummaryPanel,.roleMetricPanel{gap:12px;padding:18px}.ghostButton.full{width:100%}.stageSummaryList{display:grid;gap:7px}.stageSummaryList button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);display:grid;grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:0 10px;color:var(--text);text-align:left}.stageSummaryList button:hover{background:#edf5fc}.stageSummaryList span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.stageSummaryList b{justify-self:end}.compactKpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compactKpis .miniKpi{min-width:0}.barSet.compact{margin-top:4px}.barSet.compact .barLine{grid-template-columns:70px minmax(0,1fr) 88px}.roleQueue.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.emptyTableState{min-height:180px;display:grid;place-items:center;color:var(--muted)}.workflowStageModal{width:min(1120px,calc(100vw - 42px));max-height:86vh;overflow:auto;background:#fff;border:1px solid #b7c8da;border-radius:8px;box-shadow:var(--shadow);padding:14px}.orderCenterModal,.orderDetailModal{width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:1px solid #b7c8da;border-radius:10px;box-shadow:var(--shadow);padding:16px}.orderCenterModal{width:min(1280px,calc(100vw - 32px))}.modalTableTall{max-height:54vh;border:1px solid var(--line);border-radius:8px}.modalProgressTrack{margin:12px 0}.orderDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.orderDetailGrid section{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fbfdff}.orderDetailGrid h3{margin:0 0 8px;color:#425160;font-size:13px}.detailFactList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detailFactList div{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px}.detailFactList span,.detailFactList b{display:block}.detailFactList span{color:var(--muted);font-size:12px}.detailFactList b{margin-top:3px;font-size:13px;line-height:1.35}.stageWindowTable{margin-top:12px}.wdtOrderModal{width:min(1580px,calc(100vw - 36px));max-height:calc(100vh - 36px);position:relative;padding:10px 12px 12px;border-radius:12px}.wdtOrderModal .modalHeader{margin-bottom:7px;padding-bottom:7px}.wdtOrderModal .modalHeader h2{font-size:20px;line-height:1.15}.wdtOrderModal .modalHeader span{margin-top:1px}.wdtSection{border:1px solid var(--line);border-radius:8px;padding:7px 10px;margin-bottom:7px;background:#fbfdff}.sectionLabel{width:fit-content;min-height:28px;display:inline-flex;align-items:center;color:#075f46;font-size:12px;font-weight:800;margin-bottom:7px;padding:0 12px;border:1px solid #a7e2c9;border-left:5px solid var(--green);border-radius:8px;background:#ecfdf5;box-shadow:inset 0 0 0 1px #ffffff73}.sectionToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.sectionToolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.wdtFormGrid{display:grid;gap:7px 10px}.wdtFormGrid.top{grid-template-columns:repeat(7,minmax(120px,1fr))}.compactBaseSection{padding:6px 10px}.compactBaseSection .sectionLabel{margin-bottom:5px}.compactBaseSection .wdtFormGrid{gap:5px 10px}.compactBaseSection .field{gap:2px}.compactBaseSection .field span,.compactBaseSection .fixedField span{font-size:10.5px}.compactBaseSection .field input,.compactBaseSection .field select,.compactBaseSection .fixedField b{min-height:30px;border-radius:8px}.comboInput{background:#fff}.wdtFormGrid.customer{grid-template-columns:minmax(180px,1.1fr) minmax(180px,1.1fr) minmax(120px,.8fr) minmax(130px,.9fr) minmax(96px,.65fr) minmax(96px,.65fr) minmax(96px,.65fr) minmax(220px,1.35fr)}.customerSection{padding:5px 10px 6px}.compactSectionToolbar{margin-bottom:4px}.compactSectionToolbar>div:last-child{display:block}.sectionHint{display:block;margin-top:1px;color:var(--muted);font-size:10.5px;line-height:1.25}.customerSection .wdtFormGrid.customer{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px 8px;align-items:end}.customerSection .field{gap:2px}.customerSection .field span{font-size:10.5px}.customerSection .field input,.customerSection .field select{min-height:29px;border-radius:7px;padding:0 8px}.customerProfileField div,.areaField div{display:grid;gap:5px}.customerProfileField div{grid-template-columns:minmax(0,1fr) minmax(0,.86fr)}.areaField div{grid-template-columns:repeat(3,minmax(0,1fr))}.customerSection .archiveWide{grid-column:span 3}.customerSection .span2{grid-column:span 2}.customerSection .span3{grid-column:span 3}.customerSection .span4{grid-column:span 4}.customerSection .span5{grid-column:span 5}.customerSection .span8{grid-column:span 8}.wdtFormGrid.settle{grid-template-columns:repeat(10,minmax(110px,1fr))}.receiverField{grid-column:span 3}.customerSection .receiverField{grid-column:span 2}.receiverField div{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:6px}.customerSection .receiverField div{grid-template-columns:minmax(0,1fr) 72px;gap:5px}.goodsSection{padding-bottom:6px}.goodsTableWrap{min-height:205px;max-height:276px;overflow:auto;background:#fff;border:1px solid #c9d4df;border-radius:8px}.goodsTable{width:100%;min-width:1160px;border-collapse:collapse}.goodsTable th,.goodsTable td{border:1px solid #d6e0ea;padding:5px 6px;font-size:11px;text-align:left;vertical-align:middle}.goodsTable th{background:#e9f1fb;color:#263545;font-weight:800}.goodsTable input{width:68px;height:26px;border:1px solid var(--line);border-radius:6px;padding:0 8px}.emptyGoods{height:145px;text-align:center!important;color:var(--muted)}.tableIconButton{width:26px;height:26px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff}.productThumb{width:42px;height:34px;border:1px solid #c9d7e4;border-radius:7px;display:inline-grid;place-items:center;overflow:hidden;background:#fff;color:var(--muted);padding:0;vertical-align:middle}.productThumb img{width:100%;height:100%;object-fit:cover}.productThumb.empty{background:#f4f8fb}.goodsFooter{min-height:28px;display:flex;align-items:center;justify-content:flex-end;gap:28px;color:var(--red);font-size:13px}.wdtOrderModal .smallButton{min-height:30px}.wdtOrderModal .field textarea{min-height:38px;height:38px}.wdtSettleArea{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.64fr);gap:7px;margin-bottom:7px}.wdtSettleArea .wdtSection{margin-bottom:0}.voucherSection .voucherBox{margin-top:0;margin-bottom:8px}.settlementSection .wdtFormGrid.settle{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px}.settlementSection .settleNote{grid-column:span 3}.voucherBox{border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:8px;padding:8px}.voucherBox>textarea{width:100%;min-height:60px;border:1px solid var(--line);border-radius:8px;outline:0;padding:9px;resize:vertical;margin-bottom:8px}.voucherHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.voucherHeader>span{color:#425160;font-size:12px;font-weight:800}.voucherHeader>div{display:flex;align-items:center;gap:8px}.voucherContent{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:8px}.voucherContent textarea{width:100%;min-height:54px;border:1px solid var(--line);border-radius:8px;outline:0;padding:8px;resize:vertical}.voucherPreview{min-height:54px;border:1px dashed #c7d3df;border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:12px;overflow:hidden;background:#f8fafc}.voucherPreview.hasImage{grid-template-columns:62px minmax(0,1fr);place-items:center stretch;gap:8px;padding:4px}.voucherPreview img{width:62px;height:46px;object-fit:cover;border-radius:6px}.voucherPreview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploadButton{min-height:30px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:#fff;font-size:12px;font-weight:800;cursor:pointer}.uploadButton input{display:none}.attachmentBox{border:1px solid #d5e1eb;border-radius:8px;background:#fff;padding:8px;display:grid;gap:8px}.attachmentHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.attachmentHeader>span{display:inline-flex;align-items:center;gap:7px;color:#123044;font-weight:800;font-size:12px}.attachmentHeader>input{display:none}.attachmentDropZone{min-height:84px;border:1px dashed #abc4db;border-radius:8px;background:#f7fbff;display:grid;place-items:center;align-content:center;gap:5px;padding:10px;color:#52677a;cursor:pointer;text-align:center}.attachmentDropZone.hasFiles{background:#f2fbf7;border-color:#9dd9bd}.attachmentDropZone b{font-size:13px;color:#1b2a38}.attachmentDropZone span{font-size:12px;line-height:1.35}.attachmentList{display:grid;gap:6px}.attachmentItem{min-height:44px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:8px;border:1px solid #e0e8ef;border-radius:8px;background:#fbfdff;padding:5px}.attachmentThumb,.attachmentFileIcon{width:42px;height:34px;border:1px solid #cfdae5;border-radius:7px;display:grid;place-items:center;overflow:hidden;background:#fff;color:#607586}.attachmentThumb img{width:100%;height:100%;object-fit:cover}.attachmentItem b,.attachmentItem span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachmentItem b{font-size:12px}.attachmentItem span{color:var(--muted);font-size:11px}.tailVoucherModal{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#fff;border-radius:10px;padding:18px;box-shadow:var(--shadow)}.customerArchiveModal{width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:12px}.archiveFacts{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}.archiveGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.archiveGrid section{border:1px solid var(--line);border-radius:8px;background:#fbfdff;padding:10px}.archiveGrid h3{margin:0 0 8px;font-size:14px}.financeAuditModal,.workflowConfirmModal{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#fff;border-radius:10px;padding:18px;box-shadow:var(--shadow)}.compactModal{width:min(640px,calc(100vw - 28px))}.filterModalGrid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;margin-bottom:12px}.filterModalGrid label{display:grid;gap:6px}.filterModalGrid span{color:var(--muted);font-size:13px;font-weight:700}.filterModalGrid input,.filterModalGrid select{height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 12px;outline:0}.workflowConfirmHero{border:1px solid var(--line);border-radius:8px;background:#f8fafc;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:12px;margin-bottom:12px}.workflowConfirmHero svg{color:var(--blue)}.workflowConfirmHero.green svg{color:var(--green)}.workflowConfirmHero.red svg{color:var(--red)}.workflowConfirmHero.cyan svg{color:var(--cyan)}.workflowConfirmHero.amber svg{color:var(--amber)}.workflowConfirmHero b,.workflowConfirmHero span{display:block}.workflowConfirmHero b{font-size:15px}.workflowConfirmHero span{margin-top:3px;color:var(--muted);font-size:13px;line-height:1.5}.auditMoneyGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.financeAuditGrid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px;margin-bottom:12px}.financeAuditGrid section,.financeAuditTrail{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fbfdff}.financeAuditGrid h3,.financeAuditTrail h3{margin:0 0 8px;color:#425160;font-size:13px}.auditRecordList{display:grid;gap:8px}.auditRecordList div{border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:9px}.auditRecordList b,.auditRecordList span{display:block}.auditRecordList span{color:var(--muted);font-size:12px}.auditRecordList .badge{grid-row:span 2}.voucherReadonly{border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:14px;background:#fbfcfd;display:grid;gap:8px}.voucherTrail{display:grid;gap:8px;margin-bottom:14px}.voucherReadonly.empty{color:var(--muted)}.voucherReadonly b,.voucherReadonly span{display:block}.voucherReadonly b{font-size:13px}.voucherReadonly p{margin:0;color:#465565;font-size:13px;line-height:1.5;white-space:pre-wrap}.attachmentReadonly{display:grid;gap:8px}.attachmentReadonly>b{font-size:13px}.attachmentReadonly>div{display:flex;flex-wrap:wrap;gap:8px}.attachmentReadonly.empty{color:var(--muted)}.readonlyAttachment{min-width:150px;max-width:230px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;padding:5px 8px;text-align:left;color:#1e2b37}.readonlyAttachment.image{cursor:zoom-in}.readonlyAttachment img{width:32px;height:30px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.readonlyAttachment span,.readonlyAttachment small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readonlyAttachment span{font-size:12px;font-weight:800}.readonlyAttachment small{grid-column:2;color:var(--muted);font-size:11px}.productLineList{display:grid;gap:7px}.productLineList>div{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:4px 8px;align-items:center}.productLineList .productThumb{grid-row:span 2}.productLineList b,.productLineList span{min-width:0}.productLineList em{grid-row:span 2;white-space:nowrap}.imagePreviewBackdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background:#081018b8}.imagePreviewModal{position:relative;width:min(980px,94vw);max-height:94vh;border-radius:10px;background:#0f1720;padding:46px 14px 14px;display:grid;gap:10px;justify-items:center;box-shadow:var(--shadow)}.imagePreviewModal .iconButton{position:absolute;top:10px;right:10px;background:#fff}.imagePreviewModal img{max-width:100%;max-height:calc(94vh - 96px);object-fit:contain;border-radius:8px;background:#fff}.imagePreviewModal span{color:#dbe7f3;font-size:13px}.goodsFooter b{color:var(--red)}.saveCheck{margin-right:auto;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.primaryButton:disabled{opacity:.55;cursor:not-allowed}.goodsPickerLayer{position:fixed;inset:0;background:#08101857;z-index:40;display:grid;place-items:center;padding:22px}.goodsPicker{width:min(1120px,94vw);max-height:86vh;overflow:auto;background:#eaf3ff;border:1px solid #b7c8da;border-radius:8px;box-shadow:var(--shadow);padding:12px}.manualProductModal{width:min(860px,94vw);max-height:86vh;overflow:auto;background:#fff;border:1px solid #b7c8da;border-radius:8px;box-shadow:var(--shadow);padding:12px}.pickerHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pickerHeader h3{margin:0;font-size:16px}.pickerHeader span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.manualProductGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pickerFilters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;margin-bottom:10px}.pickerBody{max-height:320px;overflow:auto;background:#fff;border:1px solid #c9d4df}.pickerTable{min-width:960px}.pickedBox{min-height:92px;border:1px solid #c9d4df;background:#fff;margin-top:10px;padding:10px}.pickedBox b,.pickedBox em{display:block}.pickedBox div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pickedBox span{min-height:28px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:0 8px;background:#f7f9fc;font-size:12px}.pickedBox button{width:18px;height:18px;border:0;border-radius:50%;display:grid;place-items:center;background:#e4ebf2}.pickedBox em{color:var(--muted);font-size:13px}.pickerActions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}@media(max-width:1180px){.appShell{grid-template-columns:244px minmax(0,1fr)}.metricsGrid,.taskGrid,.customerGrid,.auditMoneyGrid,.wdtFormGrid.top,.wdtFormGrid.customer,.customerSection .wdtFormGrid.customer,.wdtFormGrid.settle,.pickerFilters,.manualProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.customerSection .span2,.customerSection .span3,.customerSection .span4,.customerSection .span5,.customerSection .span8,.customerSection .archiveWide,.customerSection .receiverField,.settlementSection .settleNote{grid-column:auto}.focusBand,.roleHero,.roleWorkbenchGrid,.roleQueue.compact{grid-template-columns:1fr}.workflowRail{grid-template-columns:repeat(3,minmax(0,1fr))}.contentGrid.orderLayout,.contentGrid.two,.contentGrid.two.uneven,.financeAuditGrid,.orderCenterFilters,.orderDetailGrid,.filterModalGrid,.wdtSettleArea,.orgShell,.roleManager{grid-template-columns:1fr}.orgForm,.employeeCreateForm{grid-template-columns:repeat(2,minmax(0,1fr))}.detailPanel{position:static}}@media(max-width:760px){html,body,#root{height:auto;min-height:100%;overflow:auto}.appShell{display:block;height:auto;min-height:100vh;overflow:visible}.sidebar{position:static;height:auto;padding:12px}.brand div:last-child,.navItem span,.syncPanel div:last-child{display:block}.navList{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.topActions{align-items:stretch;flex-direction:column}.topActions,.accountSwitch{min-width:0}.searchBox{max-width:none}.main{height:auto;min-height:100vh;overflow:visible;padding:16px}.roleHome,.roleWorkbenchGrid,.rolePrimaryPanel{height:auto;overflow:visible}.metricsGrid,.metricsGrid.three,.taskGrid,.customerGrid,.auditMoneyGrid,.formGrid,.contractFilters,.mappingGrid,.wdtFormGrid.top,.wdtFormGrid.customer,.customerSection .wdtFormGrid.customer,.wdtFormGrid.settle,.pickerFilters,.manualProductGrid{grid-template-columns:1fr}.receiverField,.customerSection .span2,.customerSection .span3,.customerSection .span4,.customerSection .span5,.customerSection .span8,.customerSection .archiveWide,.customerSection .receiverField,.settlementSection .settleNote{grid-column:auto}.sectionToolbar,.sectionCaption,.modalActions,.focusKpis,.roleHeroKpis,.kpiStrip{align-items:stretch;flex-direction:column}.flowBand,.workflowRail,.financeAuditGrid,.orderDetailGrid,.detailFactList,.wdtSettleArea,.customerProfileField div,.areaField div{grid-template-columns:1fr}.orgShell,.roleManager,.orgForm,.employeeCreateForm,.permissionMatrix section>div{grid-template-columns:1fr}.flowArrow{transform:rotate(90deg)}.barLine{grid-template-columns:76px minmax(0,1fr)}.barLine b{grid-column:2;text-align:left}}