*{box-sizing:border-box}html,body{background:#f3f6fa;min-height:100%;margin:0}body{color:#1d2a3a}.auth-loading{color:#60728a;background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.no-access-page{background:linear-gradient(#f8fbff,#eef3f9);place-items:center;min-height:100vh;padding:24px;display:grid}.login-page{background:#fff;grid-template-columns:minmax(520px,1.16fr) minmax(460px,.84fr);min-height:100vh;display:grid}.login-visual{isolation:isolate;color:#fff;background:linear-gradient(145deg,#003b89 0%,#0047a1 52%,#065eb9 100%);flex-direction:column;padding:42px 58px 36px;display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";z-index:-2;background:linear-gradient(120deg,#ffffff12,#0000 42%),radial-gradient(circle at 78% 25%,#ffffff21,#0000 31%);position:absolute;inset:0}.login-visual:after{content:"";z-index:-1;border:96px solid #ffffff0e;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-280px;right:-250px}.login-brand-lockup{z-index:2;background:#fffffffa;border-radius:5px;width:284px;padding:12px 16px;position:relative;box-shadow:0 12px 34px #0a234d2e}.login-logo{object-fit:contain;object-position:left center;width:100%;height:64px;display:block}.login-brand-graphic{z-index:-1;color:#ffffff57;opacity:.72;pointer-events:none;position:absolute;inset:0 0 0 12%}.login-brand-graphic svg{width:100%;height:100%}.login-circuit-lines path,.login-molecule-lines path{fill:none;stroke:currentColor;stroke-width:2px}.login-molecule-lines circle{fill:#fff;stroke:#ffffff8c;stroke-width:4px}.login-molecule-lines .brand-red-node{fill:#d32f2f;stroke:#ffffffe6}.login-copy{z-index:1;max-width:720px;margin:auto 0;padding:64px 0;position:relative}.login-copy>span{color:#bcd9fa;letter-spacing:3.2px;font-size:13px;font-weight:700;display:block}.login-copy h1{letter-spacing:2px;margin:18px 0 12px;font-size:clamp(44px,4.2vw,68px);line-height:1.18}.login-brand-dashes{gap:7px;margin:0 0 24px;display:flex}.login-brand-dashes i{background:#fff;border-radius:2px;width:28px;height:3px;display:block}.login-brand-dashes i:last-child{background:#d32f2f;width:20px}.login-copy h2{letter-spacing:5px;margin:0 0 17px;font-size:24px;font-weight:600}.login-copy p{color:#dcecff;max-width:610px;margin:0;font-size:16px;line-height:1.85}.login-capabilities{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.login-capabilities span{color:#eef6ff;background:#ffffff12;border:1px solid #ffffff3d;border-radius:4px;padding:8px 13px;font-size:13px}.login-visual-footer{z-index:2;color:#dcecff;border-top:1px solid #ffffff2e;grid-template-columns:1fr auto auto;align-items:end;gap:24px;padding-top:22px;display:grid;position:relative}.login-visual-footer>div:first-child{flex-direction:column;gap:2px;display:flex}.login-visual-footer strong{color:#fff;font-size:14px}.login-visual-footer span{letter-spacing:1.1px;font-size:10px}.login-security{align-items:center;gap:7px;font-size:12px;display:flex}.login-stock{color:#fff;letter-spacing:1px;font-size:13px;font-weight:700}.login-panel{background:linear-gradient(#fff,#f6f9fd);place-items:center;padding:48px;display:grid}.login-card{width:min(440px,100%);box-shadow:0 24px 70px #19437524;border:1px solid #e1eaf4!important}.login-card .ant-card-body{padding:42px}.login-card-logo{object-fit:contain;object-position:left center;width:178px;height:54px;margin-bottom:14px}.login-system-tag{color:#7a8da4;letter-spacing:1.5px;margin-bottom:24px;font-size:10px;font-weight:700}.login-card h2{color:#173f70;margin:0 0 4px!important}.login-alert{margin:24px 0}.login-form{margin-top:4px}.login-footer{color:#d32f2f;text-align:center;letter-spacing:1px;border-top:1px solid #e6ecf3;margin-top:25px;padding-top:18px;font-size:12px;font-weight:600}.demo-shell{min-height:100vh}.demo-sider{border-right:1px solid #e3eaf3;height:100vh;top:0;overflow:auto;box-shadow:4px 0 18px #0047a10b;background:#fff!important;position:sticky!important}.brand-mark{border-bottom:1px solid #e5ebf3;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:102px;padding:10px 19px;display:flex;overflow:hidden}.brand-mark.is-collapsed{align-items:center;padding:8px}.brand-logo-full{object-fit:contain;object-position:left center;width:178px;height:54px}.brand-logo-symbol{object-fit:contain;width:48px;height:48px}.brand-mark>strong{color:#0047a1;letter-spacing:2px;white-space:nowrap;margin-left:3px;font-size:13px}.brand-mark>span{color:#718096;letter-spacing:1.2px;white-space:nowrap;margin-left:3px;font-size:10px}.demo-sider .ant-menu{background:#fff;padding:10px 8px 22px;border-inline-end:0!important}.demo-sider .ant-menu-item,.demo-sider .ant-menu-submenu-title{color:#3b4758}.demo-sider .ant-menu-item-selected{font-weight:600;color:#0047a1!important;background:#eaf2fc!important}.demo-sider .ant-menu-item-selected:after{border-inline-end:3px solid #d32f2f!important}.demo-sider .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#0047a1!important}.demo-header{z-index:10;border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0047a109;background:#fffffff7!important;padding:0 24px!important}.header-icon{font-size:18px}.stock-code{color:#d32f2f;letter-spacing:.5px;border-right:1px solid #e0e5ec;padding-right:18px;font-size:12px;font-weight:600}.brand-avatar{background:#0047a1!important}.user-menu-trigger{cursor:pointer;border-radius:8px;padding:5px 7px;transition:background .2s}.user-menu-trigger:hover{background:#f0f5fb}.demo-content{background:linear-gradient(#f8fbff 0,#f3f6fa 280px);min-width:0;padding:26px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.page-heading h3{color:#172b45;padding-left:14px;position:relative;margin:0 0 4px!important}.page-heading h3:before{content:"";background:linear-gradient(#0047a1 0 70%,#d32f2f 70%);border-radius:2px;width:4px;position:absolute;top:5px;bottom:5px;left:0}.demo-content .ant-card{border-color:#e2eaf3;box-shadow:0 5px 18px #1237610b}.demo-content .ant-card-head-title{color:#173f70}.scope-banner{color:#274b74;background:#edf5ff;border:1px solid #cfe0f5;border-left:4px solid #0047a1;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;display:grid}.scope-banner>.anticon{color:#0047a1;font-size:24px}.scope-banner b,.scope-banner span{display:block}.scope-banner span{color:#58708d;margin-top:3px}.metal-market-panel{margin-bottom:16px;border-color:#d6e4f3!important}.metal-panel-title{align-items:center;gap:10px;display:flex}.metal-panel-title>.anticon{color:#0047a1;font-size:21px}.metal-panel-title b,.metal-panel-title small{display:block}.metal-panel-title small{color:#7a899c;margin-top:2px;font-size:11px;font-weight:400}.metal-price-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.metal-price-item{background:linear-gradient(155deg,#fff,#f4f8fd);border:1px solid #dce7f3;border-radius:9px;min-width:0;padding:15px}.metal-price-item.is-pending{background:#fafbfd;border-style:dashed}.metal-name{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.metal-name b{color:#173f70;font-size:17px}.metal-name span{color:#77879a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.metal-value{color:#0047a1;margin-top:12px;font-size:clamp(21px,2vw,29px);font-weight:700;line-height:1.2}.metal-price-item.is-pending .metal-value{color:#8a98a9;font-size:21px}.metal-unit,.metal-date{color:#8290a2;margin-top:4px;font-size:11px}.metal-meta{color:#61738a;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.metal-meta .ant-tag{margin-inline-end:0}.metal-source-alert{margin-top:14px}.metal-loading{color:#708097;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:140px;display:flex}.stat-grid,.approval-summary,.master-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.master-summary-grid .ant-card,.stat-grid .ant-card,.approval-summary .ant-card{border-top:3px solid #0047a1}.stat-grid .ant-card:nth-child(2),.approval-summary .ant-card:nth-child(4){border-top-color:#d32f2f}.work-grid{grid-template-columns:minmax(0,1.75fr) minmax(330px,1fr);gap:16px;margin-bottom:16px;display:grid}.process-card .ant-steps{margin:10px 0 28px}.flow-note{color:#35527a;background:#edf4fc;border-left:3px solid #0047a1;padding:12px 14px}.todo-line{border-bottom:1px solid #edf0f4;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:44px;display:grid}.todo-line:last-child{border-bottom:0}.source-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.source-strip>div{background:#fff;border:1px solid #e5ebf3;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:78px;padding:14px 16px;display:grid}.source-strip .anticon{color:#0047a1;font-size:21px}.source-strip span,.source-strip b,.source-strip small,.subline,.select-subline{display:block}.source-strip small,.subline,.select-subline{color:#758198;margin-top:3px;font-weight:400}.table-toolbar{grid-template-columns:minmax(280px,560px) 180px auto;align-items:center;gap:12px;margin-bottom:16px;display:grid}.customer-toolbar{grid-template-columns:minmax(360px,680px) 180px auto}.staff-toolbar{grid-template-columns:minmax(320px,1.25fr) minmax(300px,.9fr) 150px;align-items:center;gap:12px;margin-bottom:16px;display:grid}.full-grid-item{grid-column:1/-1}.expanded-product{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:8px 12px 8px 54px;display:grid}.expanded-product b,.expanded-product span{display:block}.expanded-product b{color:#173f70;margin-bottom:4px}.expanded-product span{color:#65758a}.import-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);align-items:start;gap:16px;display:grid}.import-tabs{margin-top:12px}.file-rule{color:#5d6e84;background:#f6f9fd;border-radius:8px;grid-template-columns:92px 1fr;gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.file-rule b{color:#173f70}.import-status-card{position:sticky;top:82px}.import-summary{margin:14px 0}.import-preview-card{grid-column:1/-1}.section-alert{margin-bottom:16px}.quote-create-layout{grid-template-columns:minmax(0,1.9fr) minmax(310px,.65fr);align-items:start;gap:16px;display:grid}.quote-create-layout>.ant-card,.quote-form-card,.quote-form-card .ant-card-body,.quote-form-card form{min-width:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.buyer-supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.party-card{background:#fafcff;border:1px solid #e2eaf3;border-radius:9px;min-width:0;padding:16px 16px 2px}.party-card>b{color:#173f70;margin-bottom:12px;display:block}.auto-field-row{color:#68778c;flex-wrap:wrap;gap:8px 22px;padding:0 0 14px;font-size:12px;display:flex}.quote-template-alert{margin-bottom:6px}.price-basis-panel{background:linear-gradient(145deg,#f8fbff,#eef5ff);border:1px solid #cfe0f5;border-radius:10px;margin:10px 0 6px;padding:16px}.price-basis-panel .ant-form-item{margin-bottom:12px}.subject-address-alert{margin:-6px 0 14px}.quote-visibility-alert{margin-bottom:14px}.quote-mapping-alert{margin:0 0 12px}.quote-line-head,.quote-line{grid-template-columns:minmax(250px,1.8fr) 145px minmax(180px,1.15fr) 150px 130px 34px;align-items:center;gap:10px;display:grid}.quote-line-head{color:#68778c;padding:0 10px 8px;font-size:12px}.quote-line{background:#fff;border-top:1px solid #edf0f4;padding:12px 10px}.quote-line:nth-child(odd){background:#fafcff}.quote-lines{border:1px solid #e5ebf3;border-radius:9px;margin-bottom:12px;overflow:visible}.inline-prices{color:#65758a;flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;display:flex}.inline-prices b{color:#0047a1;font-size:14px}.pricing-policy-cell{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.pricing-policy-cell b{color:#294b73;max-width:190px;font-size:12px;line-height:1.4}.pricing-policy-cell .ant-tag{margin-inline-end:0}.line-amount{color:#173f70}.quote-products-table{max-width:100%;margin-bottom:12px;overflow:hidden}.quote-products-table .ant-table-wrapper,.quote-products-table .ant-spin-nested-loading,.quote-products-table .ant-spin-container{min-width:0}.quote-products-table .ant-input-number,.customer-product-select{width:100%}.approval-reference{border-top:1px solid #e7edf4;margin-top:16px}.approval-reference .ant-collapse-header{font-weight:600;color:#35527a!important}.approval-fields{margin-top:16px}.quote-submit-bar{border-top:1px solid #e7edf4;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:18px;padding-top:18px;display:flex}.quote-submit-bar span,.quote-submit-bar b{display:block}.quote-submit-bar span{color:#748196}.quote-submit-bar b{color:#d32f2f;margin-top:2px;font-size:24px}.sticky-card{position:sticky;top:82px}.empty-guide{text-align:center;color:#738098;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:230px;display:flex}.empty-guide .anticon{color:#96b8e7;font-size:44px}.empty-guide b{color:#273650;font-size:16px}.table-link{padding-left:0!important}.approval-route{color:#4b6078;min-width:250px}.approval-route>span{margin-bottom:6px;display:block}.section-card{margin-top:16px}.approval-explainer .ant-card-body{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.approval-explainer .ant-card-body>div{background:#fafcff;border:1px solid #e4ebf4;border-radius:9px;grid-template-columns:auto 1fr;gap:6px 10px;padding:14px;display:grid}.approval-explainer .anticon{color:#0047a1;grid-row:1/3;font-size:22px}.approval-explainer span{color:#6a788b;line-height:1.55}.order-import-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);align-items:start;gap:16px;display:grid}.order-price-basis-card{background:#f8fbff;border:1px solid #dce7f3;border-radius:9px;gap:14px;margin-top:16px;padding:16px;display:grid}.order-path-alert{margin-top:16px}.order-result-card{grid-column:1/-1}.order-extracted{margin-top:16px}.pending-rule-alert{margin-top:12px}.ant-timeline-item-content p{color:#6f7c91;margin:4px 0 0;line-height:1.55}.settings-page{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.rule-line{border-bottom:1px solid #edf0f4;grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:76px;padding:12px 0;display:grid}.rule-line:last-child{border-bottom:0}.rule-line b,.rule-line span,.interface-card b,.interface-card small{display:block}.rule-line span,.interface-card small{color:#738098;margin-top:4px;line-height:1.5}.interface-card{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:16px;min-height:78px;display:flex}.interface-card:last-child{border-bottom:0}.interface-card>div{align-items:center;gap:12px;display:flex}.interface-card .anticon{color:#0047a1;background:#edf4fc;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.tech-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tech-stack>div{background:#fafcff;border:1px solid #e4ebf4;border-radius:9px;padding:14px}.tech-stack b,.tech-stack span{display:block}.tech-stack b{color:#173f70;margin-bottom:5px}.tech-stack span{color:#68778c}.quote-paper{background:#fff;border:1px solid #e1e6ee;padding:26px;position:relative;overflow:hidden;box-shadow:0 8px 28px #1e375a12}.quote-paper-brand{justify-content:flex-start;padding-bottom:16px;display:flex}.quote-paper-brand img{object-fit:contain;object-position:left center;width:220px;height:70px}.quote-subject-heading{text-align:center;border-bottom:1px solid #dbe5f1;flex-direction:column;align-items:center;gap:4px;padding:6px 12px 15px;display:flex}.quote-subject-heading b{color:#173f70;font-size:21px}.quote-subject-heading span{color:#3e5877;letter-spacing:.5px;font-size:13px}.quote-subject-heading small{color:#6d7b8e;line-height:1.5}.quote-paper-title{text-align:center;border-bottom:2px solid #0047a1;margin-bottom:18px;padding-bottom:18px}.quote-paper-title small{color:#57708f;letter-spacing:2px}.quote-paper-title h2{color:#0047a1;margin:5px 0}.quote-total{text-align:right;padding-top:18px;font-size:16px}.quote-total b{color:#d32f2f;font-size:19px}.electronic-seal{text-align:center;color:#d32f2f;opacity:.86;border:5px double #d32f2f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:116px;height:116px;margin:12px 8px 0 auto;font-weight:700;display:flex;transform:rotate(-8deg)}.electronic-seal small{max-width:92px;padding:0 4px;font-size:8px;line-height:1.2}.password-form{margin-top:18px}.permission-checkboxes{width:100%;display:block}.permission-group{border-bottom:1px solid #edf0f4;grid-template-columns:120px 1fr;gap:12px;padding:13px 0;display:grid}.permission-group>div{flex-wrap:wrap;gap:10px 20px;display:flex}.permission-group .ant-checkbox-wrapper{min-width:150px;margin-inline-start:0!important}@media (max-width:1280px){.metal-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-line-head{display:none}.quote-line{grid-template-columns:minmax(260px,1fr) 145px minmax(180px,1fr)}.quote-line>:nth-child(4),.quote-line>:nth-child(5),.quote-line>:nth-child(6){margin-top:4px}}@media (max-width:1100px){.login-page{grid-template-columns:1fr}.login-visual{min-height:430px;padding:30px 42px}.login-copy{margin:20px 0;padding:32px 0}.login-copy h1{font-size:42px}.login-copy h2{font-size:20px}.stat-grid,.approval-summary,.master-summary-grid{grid-template-columns:repeat(2,1fr)}.work-grid,.quote-create-layout,.order-import-layout,.settings-page,.import-layout{grid-template-columns:1fr}.sticky-card,.import-status-card{position:static}.source-strip,.approval-explainer .ant-card-body,.buyer-supplier-grid{grid-template-columns:1fr}.import-preview-card,.order-result-card{grid-column:auto}.expanded-product{grid-template-columns:repeat(2,1fr);padding-left:12px}}.trial-header-label{color:#2563a8;background:#edf5ff;border:1px solid #cfe1fa;border-radius:20px;padding:5px 12px;font-size:12px}.trial-action-bar{z-index:5;background:#fffffffa;border:1px solid #dce7f5;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:18px 24px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 30px #1441750f}.trial-hero{color:#fff;background:linear-gradient(115deg,#113e79,#2875be);border:0}.trial-hero .ant-card-body{padding:26px 30px}.trial-hero h3,.trial-hero .ant-typography{color:#fff}@media (max-width:720px){.login-visual{min-height:430px;padding:24px}.login-brand-lockup{width:238px}.login-logo{height:52px}.login-copy{padding:28px 0 20px}.login-copy h1{font-size:34px}.login-copy h2{letter-spacing:3px;font-size:16px}.login-copy p{font-size:14px}.login-capabilities{display:none}.login-visual-footer{grid-template-columns:1fr auto;gap:12px}.login-security{display:none}.login-panel{padding:22px}.login-card .ant-card-body{padding:28px 22px}.permission-group{grid-template-columns:1fr}.demo-content{padding:14px}.demo-header{padding:0 12px!important}.stock-code{display:none}.page-heading{flex-direction:column}.stat-grid,.approval-summary,.master-summary-grid,.form-grid,.tech-stack,.expanded-product,.table-toolbar,.customer-toolbar,.staff-toolbar{grid-template-columns:1fr}.full-grid-item{grid-column:auto}.quote-line{grid-template-columns:1fr}.quote-submit-bar{flex-direction:column;align-items:stretch}.scope-banner{grid-template-columns:auto 1fr}.scope-banner .ant-tag{grid-column:2}.metal-price-grid{grid-template-columns:1fr}.metal-market-panel .ant-card-extra{margin-inline-start:0;padding-top:8px}}