*{box-sizing:border-box}html,body,#root{height:100%}body{color:#1f2329;background:#f5f7fa;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.app-logo{color:#fff;letter-spacing:.3px;align-items:center;gap:10px;height:56px;padding:0 16px;font-weight:600;display:flex}.app-logo-mark{color:#fff;background:#1677ff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:inline-flex}.app-header{background:#fff;border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;height:56px;padding:0 20px;line-height:56px;display:flex}.app-header-title{color:#6b7280;font-size:14px}.app-header-right{align-items:center;gap:12px;display:flex}.app-user{cursor:pointer;color:#1f2329;align-items:center;gap:8px;display:inline-flex}.app-content{padding:16px;overflow:auto}.page{width:100%;max-width:none}.login-page{background:linear-gradient(135deg,#eef4ff 0%,#f7f9fc 60%,#eef7f3 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:400px;box-shadow:0 12px 40px #0f172a14}.login-brand{align-items:center;gap:10px;margin-bottom:6px;display:flex}.login-switch{text-align:center;margin-top:12px}.app-shell{background:#f0f2f5;min-height:100vh}.app-rail{z-index:100;background:#001529;flex-direction:column;align-items:center;width:76px;padding-top:6px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.rail-logo{justify-content:center;align-items:center;height:56px;display:flex}.rail-logo span{color:#fff;background:#1677ff;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:inline-flex}.rail-item{color:#ffffffa6;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:76px;min-height:66px;font-size:12.5px;line-height:1.2;transition:background .15s,color .15s;display:flex}.rail-item .anticon{font-size:21px}.rail-item:hover{color:#fff;background:#ffffff14}.rail-item.active{color:#fff;background:#1677ff}.nav-backdrop{z-index:98;background:0 0;position:fixed;inset:0}.nav-flyout{z-index:99;background:#fff;width:220px;padding:8px 0;position:fixed;top:0;bottom:0;left:76px;overflow-y:auto;box-shadow:2px 0 10px #00000029}.flyout-title{color:#8c8c8c;padding:12px 20px 8px;font-size:13px}.flyout-section{color:#8c8c8c;padding:12px 20px 5px;font-size:12px}.flyout-item{color:#333;cursor:pointer;border-right:3px solid #0000;padding:10px 20px;font-size:14px}.flyout-item:hover{color:#1677ff;background:#f0f7ff}.flyout-item.active{color:#1677ff;background:#e6f4ff;border-right-color:#1677ff;font-weight:600}.app-main{background:#f0f2f5;min-height:100vh;margin-left:76px}.app-header{background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;gap:16px;height:56px;padding:0 16px;line-height:56px;display:flex}.page-tabs{background:0 0;border-bottom:none;flex:1;align-items:center;gap:4px;height:56px;padding:0;display:flex;overflow-x:auto}.page-tab{color:#595959;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:13px;display:inline-flex}.page-tab:hover{color:#1677ff;background:#f5f9ff}.page-tab.active{color:#1677ff;background:#e6f4ff;border-color:#91caff;font-weight:600}.page-tab-close{color:#a0a0a0;font-size:11px}.page-tab-close:hover{color:#cf1322}.app-content{padding:16px}.ant-table{font-size:13px}.po-form .ant-form-item{margin-bottom:10px}.po-form-compact .ant-form-item{margin-bottom:6px}.po-form-flat .ant-form-item-row{flex-wrap:nowrap}.po-form-flat .ant-form-item-control,.po-form-flat .ant-form-item-control-input{min-width:0}.po-form-flat .ant-input,.po-form-flat .ant-input-affix-wrapper,.po-form-flat .ant-input-number,.po-form-flat .ant-picker,.po-form-flat .ant-select{box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #e8e8e8!important;border-radius:0!important}.po-form-flat .ant-input-affix-wrapper .ant-input{border-bottom:none!important}.po-form-flat .ant-input,.po-form-flat .ant-picker,.po-form-flat .ant-input-number,.po-form-flat .ant-select{padding-left:4px!important}.po-form-flat .ant-select:hover{border-bottom-color:#bfbfbf!important}.po-form-flat .ant-select-focused{border-bottom-color:#1677ff!important}.po-form-flat .ant-space-compact .ant-select{flex:0 0 62px;width:62px!important}.purchase-create-page{width:calc(100% + 32px);margin:-16px}.purchase-create-page .ant-card{min-height:calc(100vh - 100px)}.po-form-flat .ant-input[disabled],.po-form-flat .ant-select-disabled,.po-form-flat .ant-input-number-disabled,.po-form-flat .ant-picker-disabled{color:#333!important;background:0 0!important}.po-form-flat .ant-input:hover,.po-form-flat .ant-input-affix-wrapper:hover,.po-form-flat .ant-input-number:hover,.po-form-flat .ant-picker:hover{border-bottom-color:#bfbfbf!important}.po-form-flat .ant-input:focus,.po-form-flat .ant-input-affix-wrapper-focused,.po-form-flat .ant-input-number-focused,.po-form-flat .ant-picker-focused{border-bottom-color:#1677ff!important}.po-form-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 16px;display:grid}.po-form-grid .po-span-2{grid-column:span 2}@media (width<=1500px){.po-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1150px){.po-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.po-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.po-form-grid{grid-template-columns:minmax(0,1fr)}.po-form-grid .po-span-2{grid-column:span 1}}.po-form .ant-form-item-label{text-align:right;padding-bottom:2px;padding-right:8px}.po-form .ant-form-item-label>label{color:#595959;font-size:12px}.product-editor{border-top:1px solid #f0f0f0;min-height:520px;display:flex}.product-side{border-right:1px solid #f0f0f0;flex:0 0 180px;width:180px;padding:12px 10px}.product-tabs{border-right:none;flex:none;width:auto;padding:0}.product-tab{color:#595959;cursor:pointer;border-right:3px solid #0000;padding:9px 16px;font-size:13px}.product-tab:hover{color:#1677ff;background:#f5f9ff}.product-tab.active{color:#1677ff;background:#e6f4ff;border-right-color:#1677ff;font-weight:600}.product-image{color:#8c8c8c;cursor:pointer;border:1px dashed #d9d9d9;border-radius:6px;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 12px;font-size:12px;display:flex}.product-image:hover{color:#1677ff;border-color:#1677ff}.product-form{flex:1;min-width:0;padding:8px 16px}.line-table{border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.line-table-header{color:#595959;background:#fafafa;border-bottom:1px solid #f0f0f0;padding:8px;font-size:12px;font-weight:500;display:grid}.line-table-row{border-bottom:1px solid #f7f7f7;align-items:center;padding:4px 8px;display:grid}.line-table-row:last-of-type{border-bottom:none}.line-table-total{color:#595959;border-top:1px solid #f0f0f0;justify-content:flex-end;gap:16px;padding:8px;font-size:12px;display:flex}.section-title{color:#262626;align-items:center;gap:10px;margin:16px 0 10px;font-size:13px;font-weight:600;display:flex}.section-title:before{content:"";background:#1677ff;border-radius:1px;width:3px;height:14px}.list-page{background:#fff;border-radius:4px;width:100%;max-width:none;padding:12px}.list-page .ant-table-thead>tr>th{white-space:nowrap}.product-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.product-toolbar>*{flex-shrink:0}.column-resize-handle{cursor:col-resize;z-index:2;width:6px;position:absolute;top:0;bottom:0;right:0}.column-resize-handle:hover{background:#1677ff40}.list-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}@media (width>=1600px){.list-filter{flex-wrap:nowrap;overflow-x:auto}.list-filter>*{flex-shrink:0}}@media (width>=1400px){.list-page>.list-filter,.list-page>.list-toolbar{vertical-align:top;display:inline-flex}.list-page>.list-toolbar{flex-wrap:nowrap;overflow-x:auto}.list-page>.list-toolbar>*{flex-shrink:0}}.list-toolbar{justify-content:space-between;margin-bottom:8px;display:flex}.ant-table-thead>tr>th{white-space:nowrap}.ant-table-content,.ant-table-body{overflow-x:auto}.ant-table-content>table,.ant-table-body>table{min-width:max-content}.rich-editor{background:#fff;border:1px solid #d9d9d9;border-radius:4px}.rich-toolbar{background:#fafafa;border-bottom:1px solid #f0f0f0;align-items:center;gap:2px;padding:4px 6px;display:flex}.rich-toolbar button{color:#595959;cursor:pointer;background:0 0;border:none;border-radius:3px;width:28px;height:24px;font-size:12px}.rich-toolbar button:hover{color:#1677ff;background:#e6f4ff}.rich-content{outline:none;min-height:180px;padding:8px 12px;font-size:13px;line-height:1.7}.rich-content:empty:before{content:attr(data-placeholder);color:#bfbfbf}.upload-box{color:#8c8c8c;cursor:pointer;border:1px dashed #d9d9d9;border-radius:6px;justify-content:center;align-items:center;width:100px;height:100px;font-size:20px;display:flex}.upload-box:hover{color:#1677ff;border-color:#1677ff}.upload-drop{text-align:center;color:#8c8c8c;cursor:pointer;background:#fafafa;border:1px dashed #d9d9d9;border-radius:6px;margin-top:12px;padding:40px}.upload-drop:hover{color:#1677ff;border-color:#1677ff}.mobile-nav-btn{flex-shrink:0;display:none}.mobile-nav-item{color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5;padding:11px 16px;font-size:14px}.mobile-nav-item.active{color:#1677ff;background:#e6f4ff;font-weight:600}.mobile-nav-title{color:#999;background:#fafafa;padding:10px 16px 6px;font-size:12px}@media (width<=768px){.app-rail,.nav-flyout,.nav-backdrop{display:none!important}.app-main{margin-left:0!important}.app-content{padding:8px}.app-header{gap:4px;padding:0 8px}.mobile-nav-btn{margin-right:2px;display:inline-flex}.app-header-right{gap:6px}.app-header-right .ant-tag{display:none}.app-user{font-size:0}.app-user .ant-avatar{font-size:14px}.page-tab{padding:0 8px;font-size:12px}.page-tab-close{margin-left:2px}.list-page{padding:8px}.list-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:8px}.list-toolbar>.ant-space{flex-wrap:wrap}.list-filter{gap:6px}.list-filter .ant-input-search,.list-filter .ant-select,.list-filter .ant-picker{max-width:100%}.purchase-create-page{width:calc(100% + 16px);margin:-8px}.login-card{width:100%;margin:0 16px}.dashboard-page .ant-col-6{flex:0 0 50%;max-width:50%}.dashboard-page .ant-col-8,.dashboard-page .ant-col-14,.dashboard-page .ant-col-10{flex:0 0 100%;max-width:100%}.ant-table{font-size:12px}}.rail-logo img{object-fit:contain;background:#fff;border-radius:9px;width:46px;height:46px}.login-logo{width:220px;max-width:100%;display:block}