:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#172033;background:#f3f6fa;font-size:16px;--nav: #101b2d;--blue: #246bfd;--line: #e5eaf2}*{box-sizing:border-box}body{margin:0}.shell{height:100vh}.sidebar{background:var(--nav);color:#fff}.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #ffffff16}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4e8cff,#15c5b3);font-weight:800}.brand b{display:block;font-size:1.1rem}.brand small{display:block;color:#93a3ba;margin-top:2px}.nav{border:0!important;background:transparent!important;padding:12px}.nav .el-sub-menu__title{color:#dbe4f2;border-radius:8px;height:46px;margin:3px 0;font-weight:600}.nav .el-sub-menu__title:hover{background:#ffffff12;color:#fff}.nav .el-sub-menu .el-menu{background:transparent}.nav .el-menu-item{color:#9fadc2;border-radius:8px;height:40px;margin:2px 0;padding-left:42px!important}.nav>.el-menu-item.nav-root-item{color:#dbe4f2;height:46px;margin:3px 0;padding-left:20px!important;font-weight:600}.nav .el-menu-item:hover,.nav .el-menu-item.is-active{background:#ffffff12;color:#fff}.nav .el-menu-item.is-active{box-shadow:inset 3px 0 var(--blue)}.topbar{height:64px!important;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.project,.account{display:flex;align-items:center;gap:12px}.notification-badge .el-badge__content{top:5px;right:5px}.project>span{color:#69758a;font-size:.875rem}.project .el-select{width:190px}.main{padding:24px;background:#f3f6fa}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-head h1{font-size:1.5rem;margin:0 0 6px}.page-head p{margin:0;color:#778298;font-size:.875rem}.page-head>div:first-child:has(>h1+p),.page-head .title-block:has(>h1+p){position:relative}.page-head>div:first-child>h1:has(+p),.page-head .title-block>h1:has(+p){margin-bottom:0}.page-head>div:first-child>h1:has(+p):after,.page-head .title-block>h1:has(+p):after{content:"!";display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:8px;border:1.5px solid #7183a0;border-radius:50%;color:#7183a0;font-size:12px;font-weight:700;vertical-align:middle;cursor:help}.page-head>div:first-child>h1+p,.page-head .title-block>h1+p{display:none;position:absolute;z-index:50;top:calc(100% + 8px);left:0;width:max-content;max-width:min(440px,80vw);padding:10px 13px;border:1px solid #dce5f2;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1e325524;color:#475467;line-height:1.5;white-space:normal}.page-head>div:first-child>h1:hover+p,.page-head>div:first-child>h1+p:hover,.page-head .title-block>h1:hover+p,.page-head .title-block>h1+p:hover{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.dashboard-metrics .metric strong{font-size:1.35rem}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-grid .el-card{border:1px solid var(--line);border-radius:12px}.chart{height:300px}.role-grid{display:grid;grid-template-columns:260px 1fr;gap:16px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.permission-grid .el-checkbox{height:auto;margin:0;padding:10px;border:1px solid var(--line);border-radius:8px}.permission-grid span,.permission-grid small{display:block}.permission-grid small{color:#8490a4;margin-top:3px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}.metric span,.metric small{color:#778298}.metric strong{font-size:1.75rem}.metric small{font-size:.8rem}.overview,.table-card{border:1px solid var(--line)!important;border-radius:12px!important}.flow{display:flex;gap:16px;align-items:center;margin:12px 0 24px}.flow span{padding:12px 18px;border-radius:8px;background:#eef4ff;color:#2456a8}.flow i{color:#9ba8ba;font-style:normal}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.count{margin-left:auto;color:#778298;font-size:.875rem}.action-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));align-items:center;gap:3px 8px;min-width:0}.action-button-grid>.el-button{min-width:0;margin:0;padding:3px 0;justify-content:flex-start;white-space:normal;line-height:1.25}.action-button-grid>.action-span-2{grid-column:span 2;white-space:nowrap}.el-table td.action-column .cell{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));align-items:center;gap:3px 8px}.el-table td.action-column .cell>.el-button,.el-table td.action-column .cell>.el-dropdown{min-width:0;margin:0;justify-self:start;white-space:normal;line-height:1.25}.head-actions{display:flex;gap:10px}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.purchase-size-section{margin-top:4px;padding:12px 14px 0;border:1px solid #e5eaf2;border-radius:10px;background:#fafcff}.purchase-size-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#566176;font-weight:600}.purchase-size-picker .el-checkbox-group{display:flex;flex-direction:column;padding-top:8px}.el-dialog .el-select,.el-dialog .el-date-editor{width:100%}.field-tip{color:#8490a4;font-size:.78rem;margin-top:4px}.purchase-template-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.purchase-template-bar .el-select{width:280px}.purchase-column-list{max-height:52vh;overflow:auto;border:1px solid #e5eaf2;border-radius:8px}.purchase-column-row{display:grid;grid-template-columns:90px 1fr 44px 130px;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px dashed #dfe5ee}.purchase-column-row.is-dragging{opacity:.45;background:#eef5ff}.purchase-column-row.is-drag-over{border-top:2px solid #409eff;background:#f3f8ff}.purchase-drag{cursor:grab;color:#69758a;-webkit-user-select:none;user-select:none}.purchase-template-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e5eaf2}.product-summary{margin:12px 0 18px}.purchase-product-card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:18px;margin:12px 0 18px;padding:14px;border:1px solid #e3e9f2;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#fff)}.purchase-product-image{height:154px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#eef3f9;color:#98a4b6}.purchase-product-image .auth-thumbnail{width:100%;height:100%;object-fit:cover}.purchase-product-info{min-width:0}.purchase-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e9edf4}.purchase-product-head small{color:#8490a4}.purchase-product-head h3{margin:4px 0 0;font-size:1.25rem;color:#172033}.purchase-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;padding-top:14px}.purchase-product-grid div{min-width:0}.purchase-product-grid span,.purchase-product-grid strong{display:block}.purchase-product-grid span{margin-bottom:5px;color:#8490a4}.transit-remaining{color:#e06a25}.pagination{display:flex;justify-content:flex-end;padding:14px 4px 2px}.column-settings{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.column-settings .el-checkbox{margin-right:0}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 10%,#24446e,#0b1423 48%)}.login-panel{width:min(440px,calc(100vw - 32px));padding:36px;border-radius:16px;background:#fff;box-shadow:0 24px 80px #0008}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:30px}.login-brand h1{margin:0;font-size:1.5rem}.login-brand p{margin:6px 0 0;color:#778298;font-size:.875rem}.login-button{width:100%;margin-top:8px}.mobile-topbar-brand,.mobile-menu-trigger{display:none}.mobile-nav-drawer .el-drawer__body{padding:0;display:flex;flex-direction:column;background:var(--nav)}.mobile-drawer-brand{height:70px;flex:none;display:flex;align-items:center;gap:11px;padding:0 14px 0 18px;color:#fff;border-bottom:1px solid #ffffff16}.mobile-drawer-brand>div{min-width:0;flex:1}.mobile-drawer-brand b,.mobile-drawer-brand small{display:block}.mobile-drawer-brand small{margin-top:2px;color:#93a3ba}.mobile-drawer-brand .el-button{color:#c9d4e4;font-size:18px}.mobile-nav{border:0!important;padding:10px;background:transparent!important}.mobile-nav .el-sub-menu__title{height:45px;margin:2px 0;border-radius:8px;color:#dbe4f2;font-weight:600}.mobile-nav .el-sub-menu__title:hover{color:#fff;background:#ffffff12}.mobile-nav .el-sub-menu .el-menu{background:transparent}.mobile-nav .el-menu-item{height:40px;margin:2px 0;padding-left:42px!important;border-radius:8px;color:#9fadc2}.mobile-nav>.el-menu-item.nav-root-item{height:45px;margin:2px 0;padding-left:20px!important;color:#dbe4f2;font-weight:600}.mobile-nav .el-menu-item:hover,.mobile-nav .el-menu-item.is-active{color:#fff;background:#ffffff12}.mobile-nav .el-menu-item.is-active{box-shadow:inset 3px 0 var(--blue)}@media(max-width:900px){.sidebar{width:190px!important}.metric-grid,.chart-grid{grid-template-columns:repeat(2,1fr)}.main{padding:16px}}@media(max-width:680px){html,body,#app{width:100%;min-height:100%;overflow-x:hidden}.shell{width:100%;height:100dvh}.shell>.el-container,.shell>.el-container>.main{min-width:0}.sidebar{display:none}.topbar{position:relative;z-index:20;height:56px!important;padding:0 8px;gap:6px;box-shadow:0 1px 5px #24354d12}.mobile-topbar-brand{display:flex;align-items:center;gap:3px;flex:none}.mobile-topbar-brand b{font-size:14px;color:#23314a}.mobile-menu-trigger{display:inline-flex;width:34px;padding:0}.hamburger{font-size:22px;line-height:1;color:#26364f}.project{min-width:0;flex:1;gap:4px}.project>span{display:none}.project .el-select{width:100%;max-width:150px}.account{flex:none;gap:0}.account-name{display:none}.account .el-button{padding:7px 5px}.main{padding:12px;overflow-x:hidden}.page-head{align-items:flex-start;gap:10px;margin-bottom:14px}.page-head>div:first-child{min-width:0}.page-head h1{margin-bottom:2px;font-size:1.28rem;line-height:1.35}.page-head p{font-size:.76rem;line-height:1.45}.page-head>.el-button,.page-head>.head-actions{flex:none}.page-head .head-actions{gap:5px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.page-head .el-button{margin-left:0;padding-left:11px;padding-right:11px}.toolbar,.filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important;gap:8px!important;margin:10px 0 12px!important}.toolbar>.el-input,.toolbar>.el-select,.toolbar>.el-date-editor,.filters>.el-input,.filters>.el-select,.filters>.el-date-editor{width:100%!important;min-width:0!important}.toolbar>.el-date-editor--daterange,.filters>.el-date-editor--daterange{grid-column:1 / -1}.toolbar>.el-button,.filters>.el-button{width:100%;margin-left:0!important}.toolbar>.el-dropdown,.filters>.el-dropdown,.toolbar>.el-dropdown .el-button,.filters>.el-dropdown .el-button{width:100%}.toolbar>.count,.filters>.count{grid-column:1 / -1;margin:0;text-align:right}.table-card{width:100%;padding:8px!important;overflow:hidden;border-radius:10px!important}.table-card .el-table{max-width:100%}.el-table .el-table-fixed-column--left,.el-table .el-table-fixed-column--right{position:static!important;box-shadow:none!important}.table-card .el-table[style*=height]{height:calc(100dvh - 290px)!important;min-height:360px}.pager,.pagination{justify-content:center!important;max-width:100%;padding:10px 0 2px!important;overflow-x:auto}.pager .el-pagination,.pagination .el-pagination{flex-wrap:nowrap}.metric-grid,.chart-grid,.summary-grid,.debt-overview,.asset-overview-grid,.amount-cards{grid-template-columns:1fr!important;gap:9px!important}.metric{padding:14px}.chart{height:250px}.role-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.size-grid,.form-row{grid-template-columns:1fr!important;gap:0!important}.purchase-product-card{grid-template-columns:1fr}.purchase-product-image{height:190px}.purchase-product-grid{grid-template-columns:1fr;gap:10px}.el-message-box{width:calc(100vw - 28px)!important;max-width:420px}.el-dialog:not(.cashflow-form-dialog):not(.cashflow-column-dialog):not(.cashflow-template-dialog):not(.cashflow-allocation-dialog){width:100vw!important;max-width:none!important;height:100dvh;margin:0!important;display:flex;flex-direction:column;border-radius:0!important}.el-dialog .el-dialog__header{flex:none;margin-right:0;padding:15px 17px 12px;border-bottom:1px solid #edf0f5}.el-dialog .el-dialog__title{font-size:18px}.el-dialog .el-dialog__body{flex:1;min-height:0;padding:15px;overflow:auto}.el-dialog .el-dialog__footer{flex:none;padding:10px 15px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #edf0f5;background:#fff}.el-dialog .el-dialog__footer>div,.el-dialog .el-dialog__footer{flex-wrap:wrap}.el-dialog .el-form-item{display:block;margin-bottom:16px}.el-dialog .el-form-item__label{width:auto!important;height:auto;margin-bottom:6px;justify-content:flex-start;line-height:1.4}.el-dialog .el-form-item__content{margin-left:0!important}.el-dialog .el-select,.el-dialog .el-date-editor,.el-dialog .el-input-number{width:100%!important}.el-dialog .el-descriptions{overflow-x:auto}.el-dialog .el-table{min-width:680px}.el-drawer{max-width:330px}.column-settings{grid-template-columns:1fr}.el-pagination__total,.el-pagination__sizes,.el-pagination__jump{display:none!important}.el-pagination{--el-pagination-button-width: 30px;--el-pagination-button-height: 30px}.el-tabs__header{margin-bottom:12px}.el-tabs__nav-wrap{padding:0 22px}.el-tabs__nav-scroll{overflow-x:auto;scrollbar-width:none}.el-tabs__nav-scroll::-webkit-scrollbar{display:none}.login-panel{padding:24px 20px}.flow{align-items:stretch;flex-direction:column;gap:7px}.flow i{display:none}.summary-list{grid-template-columns:1fr!important;max-height:230px!important}.table-summary{min-height:0!important;padding:10px 12px!important;grid-template-columns:1fr!important;gap:5px!important}.table-summary strong{text-align:left!important;white-space:normal!important}.title-outstanding{min-width:0!important;width:100%;margin:8px 0 0!important;padding:10px 12px!important}.settlement-debt-board{grid-template-columns:1fr!important;gap:9px!important}.supplier-debt-list{grid-template-columns:1fr!important;max-height:310px!important}.pending-cost-panel{align-items:flex-start!important;flex-direction:column;padding:13px!important}.pending-cost-panel>div:first-child{align-items:flex-start!important;flex-direction:column;gap:4px!important}.pending-chips{justify-content:flex-start!important}.allocation-summary,.cost-final-summary{grid-template-columns:1fr!important;gap:8px!important}.amount-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 16px!important}.amount-panel>div{min-height:74px;padding:10px!important}.summary-line{align-items:flex-start;flex-direction:column;gap:5px;padding:10px 12px!important}.inline-select{flex-wrap:wrap}.inline-select .el-select{min-width:150px}.template-bar{align-items:stretch!important;flex-wrap:wrap;gap:7px!important}.template-bar .el-select{width:100%!important}.column-row,.config-row,.purchase-column-row{grid-template-columns:66px minmax(92px,1fr) 90px!important;gap:6px!important;padding:8px!important}.column-row>span:not(.drag),.config-row>span:not(.handle),.purchase-column-row>span:not(.purchase-drag){display:none}.column-row .el-input-number,.config-row .el-input-number,.purchase-column-row .el-input-number{width:90px!important}.template-item,.purchase-template-row{gap:8px;padding:10px 2px!important}.order-details{padding:10px 0 14px!important}.purchase-product-compact-card{grid-template-columns:1fr!important}.purchase-product-compact-image{height:180px!important}.purchase-product-compact-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.purchase-product-compact-remark{grid-column:1 / -1!important}.purchase-transit-inline{align-items:flex-start!important;flex-wrap:wrap}.purchase-transit-inline>strong{width:100%}.arrival-batch-head{grid-template-columns:1fr!important;gap:7px!important}.arrival-batch-sizes{grid-template-columns:1fr 1fr!important}.arrival-transit-panel,.arrival-entry-section{margin:10px 0 16px!important;padding:10px!important}.arrival-transit-summary,.arrival-detail-summary{align-items:flex-start!important;flex-wrap:wrap;gap:7px 12px!important}.arrival-transit-summary>strong{width:100%}.arrival-transit-summary .el-button{margin-left:0!important}.arrival-size-entry-grid{grid-template-columns:1fr!important}.price-history-row{align-items:flex-start!important;flex-direction:column}.price-history-row>div:first-child{width:100%;grid-template-columns:78px 1fr!important}.price-history-actions{width:100%;justify-content:flex-end}.user-project-assignment-row{grid-template-columns:1fr!important;padding:10px;border:1px solid #e5eaf2;border-radius:8px}}@media(max-width:480px){.page-head{flex-wrap:wrap}.page-head .head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-head .head-actions>*{width:100%;margin:0!important;text-align:center}.permission-grid{grid-template-columns:1fr}}.action-header[data-v-72fe8f7e]{display:inline-flex;align-items:center;gap:5px}.action-header[data-v-72fe8f7e] .el-button{padding:2px}.action-header-settings[data-v-72fe8f7e]{display:grid;gap:8px;color:#475467}.action-header-settings[data-v-72fe8f7e] .el-input-number{width:100%}.action-header-settings small[data-v-72fe8f7e]{color:#98a2b3;line-height:1.4}.action-header-settings>.el-button[data-v-72fe8f7e]{justify-self:end}