@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Space+Grotesk:wght@300;400;500;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Space+Grotesk:wght@300;400;500;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--el-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(121.3,187.1,255);--el-color-primary-light-5:rgb(159.5,206.5,255);--el-color-primary-light-7:rgb(197.7,225.9,255);--el-color-primary-light-8:rgb(216.8,235.6,255);--el-color-primary-light-9:rgb(235.9,245.3,255);--el-color-primary-dark-2:rgb(51.2,126.4,204);--el-color-success:#67c23a;--el-color-success-light-3:rgb(148.6,212.3,117.1);--el-color-success-light-5:rgb(179,224.5,156.5);--el-color-success-light-7:rgb(209.4,236.7,195.9);--el-color-success-light-8:rgb(224.6,242.8,215.6);--el-color-success-light-9:rgb(239.8,248.9,235.3);--el-color-success-dark-2:rgb(82.4,155.2,46.4);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(237.5,189.9,118.5);--el-color-warning-light-5:rgb(242.5,208.5,157.5);--el-color-warning-light-7:rgb(247.5,227.1,196.5);--el-color-warning-light-8:rgb(250,236.4,216);--el-color-warning-light-9:rgb(252.5,245.7,235.5);--el-color-warning-dark-2:rgb(184,129.6,48);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(248,152.1,152.1);--el-color-danger-light-5:rgb(250,181.5,181.5);--el-color-danger-light-7:rgb(252,210.9,210.9);--el-color-danger-light-8:rgb(253,225.6,225.6);--el-color-danger-light-9:rgb(254,240.3,240.3);--el-color-danger-dark-2:rgb(196,86.4,86.4);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(248,152.1,152.1);--el-color-error-light-5:rgb(250,181.5,181.5);--el-color-error-light-7:rgb(252,210.9,210.9);--el-color-error-light-8:rgb(253,225.6,225.6);--el-color-error-light-9:rgb(254,240.3,240.3);--el-color-error-dark-2:rgb(196,86.4,86.4);--el-color-info:#909399;--el-color-info-light-3:rgb(177.3,179.4,183.6);--el-color-info-light-5:rgb(199.5,201,204);--el-color-info-light-7:rgb(221.7,222.6,224.4);--el-color-info-light-8:rgb(232.8,233.4,234.6);--el-color-info-light-9:rgb(243.9,244.2,244.8);--el-color-info-dark-2:rgb(115.2,117.6,122.4);--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,0.8);--el-overlay-color-light:rgba(0,0,0,0.7);--el-overlay-color-lighter:rgba(0,0,0,0.5);--el-mask-color:rgba(255,255,255,0.9);--el-mask-color-extra-light:rgba(255,255,255,0.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-affix--fixed{position:fixed}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-aside{box-sizing:border-box;flex-shrink:0;overflow:auto;width:var(--el-aside-width,300px)}.el-autocomplete{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;position:relative;width:var(--el-input-width)}.el-autocomplete__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper,.el-autocomplete__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__wrap{box-sizing:border-box;max-height:280px;padding:10px 0}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);line-height:34px;list-style:none;margin:0;overflow:hidden;padding:0 20px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.divider{border-top:1px solid var(--el-color-black);margin-top:6px}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{color:var(--el-text-color-secondary);font-size:20px;height:100px;line-height:100px;text-align:center}.el-autocomplete-suggestion.is-loading li:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-bg-color-overlay)}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;outline:none;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);align-items:center;background-color:var(--el-backtop-bg-color);border-radius:50%;box-shadow:var(--el-box-shadow-lighter);color:var(--el-backtop-text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;width:40px;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:-moz-fit-content;width:fit-content}.el-badge__content{align-items:center;background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;padding:0 var(--el-badge-padding);white-space:nowrap}.el-badge__content.is-fixed{position:absolute;right:calc(1px + var(--el-badge-size)/2);top:0;transform:translateY(-50%) translateX(100%);z-index:var(--el-index-normal)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{content:"";display:table}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{color:var(--el-text-color-placeholder);font-weight:bold;margin:0 9px}.el-breadcrumb__separator.el-icon{font-weight:normal;margin:0 6px}.el-breadcrumb__separator.el-icon svg{vertical-align:middle}.el-breadcrumb__item{align-items:center;display:inline-flex;float:left}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{color:var(--el-text-color-primary);font-weight:bold;text-decoration:none;transition:var(--el-transition-color)}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color:var(--el-text-color-regular);cursor:text;font-weight:normal}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{content:"";display:table}.el-button-group:after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.el-button-group>.el-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button.is-active,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color);border-top-left-radius:0}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}.el-calendar{--el-calendar-border:var(--el-table-border,1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-bg-color:var(--el-color-primary-light-9);--el-calendar-cell-width:85px;background-color:var(--el-fill-color-blank)}.el-calendar__header{border-bottom:var(--el-calendar-header-border-bottom);display:flex;justify-content:space-between;padding:12px 20px}.el-calendar__title{align-self:center;color:var(--el-text-color)}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{color:var(--el-text-color-regular);font-weight:normal;padding:12px 0}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);transition:background-color var(--el-transition-duration-fast) ease;vertical-align:top}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-bg-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;height:var(--el-calendar-cell-width);padding:8px}.el-calendar-table .el-calendar-day:hover{background-color:var(--el-calendar-selected-bg-color);cursor:pointer}.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-carousel__item{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.el-carousel__item,.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__item--card-vertical{height:50%;width:100%}.el-carousel__mask{background-color:var(--el-color-white);height:100%;left:0;opacity:.24;position:absolute;top:0;transition:var(--el-transition-duration-fast);width:100%}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:rgba(31,45,61,0.11);--el-carousel-arrow-hover-background:rgba(31,45,61,0.23);--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal,.el-carousel--vertical{overflow:hidden}.el-carousel__container{height:300px;position:relative}.el-carousel__arrow{align-items:center;background-color:var(--el-carousel-arrow-background);border:none;border-radius:50%;color:#ffffff;cursor:pointer;display:inline-flex;font-size:var(--el-carousel-arrow-font-size);height:var(--el-carousel-arrow-size);justify-content:center;margin:0;outline:none;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:var(--el-transition-duration);width:var(--el-carousel-arrow-size);z-index:10}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{list-style:none;margin:0;padding:0;position:absolute;z-index:calc(var(--el-index-normal) + 1)}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical)*2);position:static;text-align:center;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--right{right:0}.el-carousel__indicators--labels{left:0;right:0;text-align:center;transform:none}.el-carousel__indicators--labels .el-carousel__button{color:#000000;font-size:12px;height:auto;padding:2px 18px;width:auto}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{height:calc(var(--el-carousel-indicator-width)/2);width:var(--el-carousel-indicator-height)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{background-color:#ffffff;border:none;cursor:pointer;display:block;height:var(--el-carousel-indicator-height);margin:0;opacity:.48;outline:none;padding:0;transition:var(--el-transition-duration);width:var(--el-carousel-indicator-width)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{opacity:0;transform:translateY(-50%) translateX(-10px)}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{opacity:0;transform:translateY(-50%) translateX(10px)}.el-transitioning{filter:url(#elCarouselHorizontal)}.el-transitioning-vertical{filter:url(#elCarouselVertical)}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);display:flex;font-size:var(--el-cascader-menu-font-size)}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{border-right:var(--el-cascader-menu-border);box-sizing:border-box;color:var(--el-cascader-menu-text-color);min-width:180px}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{box-sizing:border-box;list-style:none;margin:0;min-height:100%;padding:6px 0;position:relative}.el-cascader-menu__hover-zone{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.el-cascader-menu__empty-text{align-items:center;color:var(--el-cascader-color-empty);display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-cascader-menu__empty-text .is-loading{margin-right:2px}.el-cascader-node{align-items:center;display:flex;height:34px;line-height:34px;outline:none;padding:0 30px 0 20px;position:relative}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{left:10px;position:absolute}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-cascader-node>.el-checkbox,.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);display:inline-block;font-size:var(--el-font-size-base);line-height:32px;outline:none;position:relative;vertical-align:middle}.el-cascader:not(.is-disabled):hover .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset;cursor:pointer}.el-cascader .el-input{cursor:pointer;display:flex}.el-cascader .el-input .el-input__inner{cursor:pointer;text-overflow:ellipsis}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{font-size:14px;transition:transform var(--el-transition-duration)}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotate(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-cascader--large{font-size:14px;line-height:40px}.el-cascader--large .el-cascader__tags{gap:6px;padding:8px}.el-cascader--large .el-cascader__search-input{height:24px;margin-left:7px}.el-cascader--small{font-size:12px;line-height:24px}.el-cascader--small .el-cascader__tags{gap:4px;padding:2px}.el-cascader--small .el-cascader__search-input{height:20px;margin-left:5px}.el-cascader.is-disabled .el-cascader__label{color:var(--el-disabled-text-color);z-index:calc(var(--el-index-normal) + 1)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader__dropdown.el-popper{background:var(--el-cascader-menu-fill)}.el-cascader__dropdown.el-popper,.el-cascader__dropdown.el-popper .el-popper__arrow:before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper{box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__tags{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;left:0;line-height:normal;padding:4px;position:absolute;right:30px;text-align:left;top:50%;transform:translateY(-50%)}.el-cascader__tags .el-tag{align-items:center;background:var(--el-cascader-tag-background);display:inline-flex;max-width:100%;text-overflow:ellipsis}.el-cascader__tags .el-tag.el-tag--dark,.el-cascader__tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__tags .el-tag>span{flex:1;line-height:normal;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__tags .el-tag+input{margin-left:0}.el-cascader__tags.is-validate{right:55px}.el-cascader__collapse-tags{white-space:normal;z-index:var(--el-index-normal)}.el-cascader__collapse-tags .el-tag{align-items:center;background:var(--el-fill-color);display:inline-flex;max-width:100%;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag.el-tag--dark,.el-cascader__collapse-tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__collapse-tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__collapse-tags .el-tag>span{flex:1;line-height:normal;overflow:hidden;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__collapse-tags .el-tag+input{margin-left:0}.el-cascader__collapse-tags .el-tag{margin:2px 0}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{color:var(--el-cascader-menu-text-color);font-size:var(--el-font-size-base);margin:0;max-height:204px;padding:6px 0;text-align:center}.el-cascader__suggestion-item{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:space-between;outline:none;padding:0 15px;text-align:left}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{color:var(--el-cascader-color-empty);margin:10px 0}.el-cascader__search-input{background:transparent;border:none;box-sizing:border-box;color:var(--el-cascader-menu-text-color);flex:1;height:24px;margin-left:7px;min-width:60px;outline:none;padding:0}.el-cascader__search-input::-moz-placeholder{color:transparent}.el-cascader__search-input::placeholder{color:transparent}.el-check-tag{background-color:var(--el-color-info-light-9);border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:bold;line-height:var(--el-font-size-base);padding:7px 15px;transition:var(--el-transition-all)}.el-check-tag:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--primary.is-checked{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary)}.el-check-tag.el-check-tag--primary.is-checked:hover{background-color:var(--el-color-primary-light-7)}.el-check-tag.el-check-tag--primary.is-checked.is-disabled{background-color:var(--el-color-primary-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover{background-color:var(--el-color-primary-light-8)}.el-check-tag.el-check-tag--primary.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-check-tag.el-check-tag--success.is-checked{background-color:var(--el-color-success-light-8);color:var(--el-color-success)}.el-check-tag.el-check-tag--success.is-checked:hover{background-color:var(--el-color-success-light-7)}.el-check-tag.el-check-tag--success.is-checked.is-disabled{background-color:var(--el-color-success-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover{background-color:var(--el-color-success-light-8)}.el-check-tag.el-check-tag--success.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-disabled,.el-check-tag.el-check-tag--success.is-disabled:hover{background-color:var(--el-color-success-light-9)}.el-check-tag.el-check-tag--warning.is-checked{background-color:var(--el-color-warning-light-8);color:var(--el-color-warning)}.el-check-tag.el-check-tag--warning.is-checked:hover{background-color:var(--el-color-warning-light-7)}.el-check-tag.el-check-tag--warning.is-checked.is-disabled{background-color:var(--el-color-warning-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover{background-color:var(--el-color-warning-light-8)}.el-check-tag.el-check-tag--warning.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-disabled,.el-check-tag.el-check-tag--warning.is-disabled:hover{background-color:var(--el-color-warning-light-9)}.el-check-tag.el-check-tag--danger.is-checked{background-color:var(--el-color-danger-light-8);color:var(--el-color-danger)}.el-check-tag.el-check-tag--danger.is-checked:hover{background-color:var(--el-color-danger-light-7)}.el-check-tag.el-check-tag--danger.is-checked.is-disabled{background-color:var(--el-color-danger-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover{background-color:var(--el-color-danger-light-8)}.el-check-tag.el-check-tag--danger.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-disabled,.el-check-tag.el-check-tag--danger.is-disabled:hover{background-color:var(--el-color-danger-light-9)}.el-check-tag.el-check-tag--error.is-checked{background-color:var(--el-color-error-light-8);color:var(--el-color-error)}.el-check-tag.el-check-tag--error.is-checked:hover{background-color:var(--el-color-error-light-7)}.el-check-tag.el-check-tag--error.is-checked.is-disabled{background-color:var(--el-color-error-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover{background-color:var(--el-color-error-light-8)}.el-check-tag.el-check-tag--error.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-disabled,.el-check-tag.el-check-tag--error.is-disabled:hover{background-color:var(--el-color-error-light-9)}.el-check-tag.el-check-tag--info.is-checked{background-color:var(--el-color-info-light-8);color:var(--el-color-info)}.el-check-tag.el-check-tag--info.is-checked:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--info.is-checked.is-disabled{background-color:var(--el-color-info-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover{background-color:var(--el-color-info-light-8)}.el-check-tag.el-check-tag--info.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-disabled,.el-check-tag.el-check-tag--info.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-checkbox-button{--el-checkbox-button-checked-bg-color:var(--el-color-primary);--el-checkbox-button-checked-text-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary);display:inline-block;position:relative}.el-checkbox-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left-color:transparent;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);line-height:1;margin:0;outline:none;padding:8px 15px;position:relative;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-checkbox-button__inner.is-round{padding:8px 15px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{margin:0;opacity:0;outline:none;position:absolute;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{background-color:var(--el-checkbox-button-checked-bg-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-7);color:var(--el-checkbox-button-checked-text-color)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button:first-child .el-checkbox-button__inner{border-bottom-left-radius:var(--el-border-radius-base);border-left:var(--el-border);border-top-left-radius:var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-bottom-right-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-checkbox-button--large .el-checkbox-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-checkbox-button--large .el-checkbox-button__inner.is-round{padding:12px 19px}.el-checkbox-button--small .el-checkbox-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:5px 11px}.el-checkbox-group{font-size:0;line-height:0}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0{flex:0 0 0%;max-width:0}.el-col-0,.el-col-0.is-guttered{display:none}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{left:0;position:relative}.el-col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-1,.el-col-1.is-guttered{display:block}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{left:4.1666666667%;position:relative}.el-col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-2,.el-col-2.is-guttered{display:block}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{left:8.3333333333%;position:relative}.el-col-3{flex:0 0 12.5%;max-width:12.5%}.el-col-3,.el-col-3.is-guttered{display:block}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{left:12.5%;position:relative}.el-col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-4,.el-col-4.is-guttered{display:block}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{left:16.6666666667%;position:relative}.el-col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-5,.el-col-5.is-guttered{display:block}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{left:20.8333333333%;position:relative}.el-col-6{flex:0 0 25%;max-width:25%}.el-col-6,.el-col-6.is-guttered{display:block}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{left:25%;position:relative}.el-col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-7,.el-col-7.is-guttered{display:block}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{left:29.1666666667%;position:relative}.el-col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-8,.el-col-8.is-guttered{display:block}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{left:33.3333333333%;position:relative}.el-col-9{flex:0 0 37.5%;max-width:37.5%}.el-col-9,.el-col-9.is-guttered{display:block}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{left:37.5%;position:relative}.el-col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-10,.el-col-10.is-guttered{display:block}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{left:41.6666666667%;position:relative}.el-col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-11,.el-col-11.is-guttered{display:block}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{left:45.8333333333%;position:relative}.el-col-12{flex:0 0 50%;max-width:50%}.el-col-12,.el-col-12.is-guttered{display:block}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%;position:relative}.el-col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-13,.el-col-13.is-guttered{display:block}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{left:54.1666666667%;position:relative}.el-col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-14,.el-col-14.is-guttered{display:block}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{left:58.3333333333%;position:relative}.el-col-15{flex:0 0 62.5%;max-width:62.5%}.el-col-15,.el-col-15.is-guttered{display:block}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{left:62.5%;position:relative}.el-col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-16,.el-col-16.is-guttered{display:block}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{left:66.6666666667%;position:relative}.el-col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-17,.el-col-17.is-guttered{display:block}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{left:70.8333333333%;position:relative}.el-col-18{flex:0 0 75%;max-width:75%}.el-col-18,.el-col-18.is-guttered{display:block}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{left:75%;position:relative}.el-col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-19,.el-col-19.is-guttered{display:block}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{left:79.1666666667%;position:relative}.el-col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-20,.el-col-20.is-guttered{display:block}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{left:83.3333333333%;position:relative}.el-col-21{flex:0 0 87.5%;max-width:87.5%}.el-col-21,.el-col-21.is-guttered{display:block}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{left:87.5%;position:relative}.el-col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-22,.el-col-22.is-guttered{display:block}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{left:91.6666666667%;position:relative}.el-col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-23,.el-col-23.is-guttered{display:block}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{left:95.8333333333%;position:relative}.el-col-24{flex:0 0 100%;max-width:100%}.el-col-24,.el-col-24.is-guttered{display:block}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{left:100%;position:relative}@media only screen and (max-width:767px){.el-col-xs-0{display:none;flex:0 0 0%;max-width:0}.el-col-xs-0.is-guttered{display:none}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{left:0;position:relative}.el-col-xs-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xs-1,.el-col-xs-1.is-guttered{display:block}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{left:4.1666666667%;position:relative}.el-col-xs-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xs-2,.el-col-xs-2.is-guttered{display:block}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{left:8.3333333333%;position:relative}.el-col-xs-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xs-3,.el-col-xs-3.is-guttered{display:block}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{left:12.5%;position:relative}.el-col-xs-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xs-4,.el-col-xs-4.is-guttered{display:block}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{left:16.6666666667%;position:relative}.el-col-xs-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xs-5,.el-col-xs-5.is-guttered{display:block}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{left:20.8333333333%;position:relative}.el-col-xs-6{flex:0 0 25%;max-width:25%}.el-col-xs-6,.el-col-xs-6.is-guttered{display:block}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{left:25%;position:relative}.el-col-xs-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xs-7,.el-col-xs-7.is-guttered{display:block}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{left:29.1666666667%;position:relative}.el-col-xs-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xs-8,.el-col-xs-8.is-guttered{display:block}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{left:33.3333333333%;position:relative}.el-col-xs-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xs-9,.el-col-xs-9.is-guttered{display:block}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{left:37.5%;position:relative}.el-col-xs-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xs-10.is-guttered{display:block}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{left:41.6666666667%;position:relative}.el-col-xs-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xs-11.is-guttered{display:block}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{left:45.8333333333%;position:relative}.el-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xs-12.is-guttered{display:block}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{left:50%;position:relative}.el-col-xs-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xs-13.is-guttered{display:block}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{left:54.1666666667%;position:relative}.el-col-xs-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xs-14.is-guttered{display:block}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{left:58.3333333333%;position:relative}.el-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xs-15.is-guttered{display:block}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{left:62.5%;position:relative}.el-col-xs-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xs-16.is-guttered{display:block}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{left:66.6666666667%;position:relative}.el-col-xs-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xs-17.is-guttered{display:block}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{left:70.8333333333%;position:relative}.el-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xs-18.is-guttered{display:block}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{left:75%;position:relative}.el-col-xs-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xs-19.is-guttered{display:block}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{left:79.1666666667%;position:relative}.el-col-xs-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xs-20.is-guttered{display:block}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{left:83.3333333333%;position:relative}.el-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xs-21.is-guttered{display:block}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{left:87.5%;position:relative}.el-col-xs-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xs-22.is-guttered{display:block}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{left:91.6666666667%;position:relative}.el-col-xs-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xs-23.is-guttered{display:block}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{left:95.8333333333%;position:relative}.el-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xs-24.is-guttered{display:block}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{left:100%;position:relative}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;flex:0 0 0%;max-width:0}.el-col-sm-0.is-guttered{display:none}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{left:0;position:relative}.el-col-sm-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-sm-1,.el-col-sm-1.is-guttered{display:block}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{left:4.1666666667%;position:relative}.el-col-sm-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-sm-2,.el-col-sm-2.is-guttered{display:block}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{left:8.3333333333%;position:relative}.el-col-sm-3{flex:0 0 12.5%;max-width:12.5%}.el-col-sm-3,.el-col-sm-3.is-guttered{display:block}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{left:12.5%;position:relative}.el-col-sm-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-sm-4,.el-col-sm-4.is-guttered{display:block}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{left:16.6666666667%;position:relative}.el-col-sm-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-sm-5,.el-col-sm-5.is-guttered{display:block}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{left:20.8333333333%;position:relative}.el-col-sm-6{flex:0 0 25%;max-width:25%}.el-col-sm-6,.el-col-sm-6.is-guttered{display:block}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{left:25%;position:relative}.el-col-sm-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-sm-7,.el-col-sm-7.is-guttered{display:block}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{left:29.1666666667%;position:relative}.el-col-sm-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-sm-8,.el-col-sm-8.is-guttered{display:block}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{left:33.3333333333%;position:relative}.el-col-sm-9{flex:0 0 37.5%;max-width:37.5%}.el-col-sm-9,.el-col-sm-9.is-guttered{display:block}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{left:37.5%;position:relative}.el-col-sm-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-sm-10.is-guttered{display:block}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{left:41.6666666667%;position:relative}.el-col-sm-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-sm-11.is-guttered{display:block}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{left:45.8333333333%;position:relative}.el-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.el-col-sm-12.is-guttered{display:block}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{left:50%;position:relative}.el-col-sm-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-sm-13.is-guttered{display:block}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{left:54.1666666667%;position:relative}.el-col-sm-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-sm-14.is-guttered{display:block}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{left:58.3333333333%;position:relative}.el-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-sm-15.is-guttered{display:block}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{left:62.5%;position:relative}.el-col-sm-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-sm-16.is-guttered{display:block}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{left:66.6666666667%;position:relative}.el-col-sm-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-sm-17.is-guttered{display:block}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{left:70.8333333333%;position:relative}.el-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.el-col-sm-18.is-guttered{display:block}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{left:75%;position:relative}.el-col-sm-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-sm-19.is-guttered{display:block}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{left:79.1666666667%;position:relative}.el-col-sm-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-sm-20.is-guttered{display:block}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{left:83.3333333333%;position:relative}.el-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-sm-21.is-guttered{display:block}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{left:87.5%;position:relative}.el-col-sm-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-sm-22.is-guttered{display:block}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{left:91.6666666667%;position:relative}.el-col-sm-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-sm-23.is-guttered{display:block}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{left:95.8333333333%;position:relative}.el-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.el-col-sm-24.is-guttered{display:block}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{left:100%;position:relative}}@media only screen and (min-width:992px){.el-col-md-0{display:none;flex:0 0 0%;max-width:0}.el-col-md-0.is-guttered{display:none}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{left:0;position:relative}.el-col-md-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-md-1,.el-col-md-1.is-guttered{display:block}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{left:4.1666666667%;position:relative}.el-col-md-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-md-2,.el-col-md-2.is-guttered{display:block}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{left:8.3333333333%;position:relative}.el-col-md-3{flex:0 0 12.5%;max-width:12.5%}.el-col-md-3,.el-col-md-3.is-guttered{display:block}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{left:12.5%;position:relative}.el-col-md-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-md-4,.el-col-md-4.is-guttered{display:block}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{left:16.6666666667%;position:relative}.el-col-md-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-md-5,.el-col-md-5.is-guttered{display:block}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{left:20.8333333333%;position:relative}.el-col-md-6{flex:0 0 25%;max-width:25%}.el-col-md-6,.el-col-md-6.is-guttered{display:block}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{left:25%;position:relative}.el-col-md-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-md-7,.el-col-md-7.is-guttered{display:block}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{left:29.1666666667%;position:relative}.el-col-md-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-md-8,.el-col-md-8.is-guttered{display:block}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{left:33.3333333333%;position:relative}.el-col-md-9{flex:0 0 37.5%;max-width:37.5%}.el-col-md-9,.el-col-md-9.is-guttered{display:block}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{left:37.5%;position:relative}.el-col-md-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-md-10.is-guttered{display:block}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{left:41.6666666667%;position:relative}.el-col-md-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-md-11.is-guttered{display:block}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{left:45.8333333333%;position:relative}.el-col-md-12{display:block;flex:0 0 50%;max-width:50%}.el-col-md-12.is-guttered{display:block}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{left:50%;position:relative}.el-col-md-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-md-13.is-guttered{display:block}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{left:54.1666666667%;position:relative}.el-col-md-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-md-14.is-guttered{display:block}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{left:58.3333333333%;position:relative}.el-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-md-15.is-guttered{display:block}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{left:62.5%;position:relative}.el-col-md-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-md-16.is-guttered{display:block}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{left:66.6666666667%;position:relative}.el-col-md-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-md-17.is-guttered{display:block}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{left:70.8333333333%;position:relative}.el-col-md-18{display:block;flex:0 0 75%;max-width:75%}.el-col-md-18.is-guttered{display:block}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{left:75%;position:relative}.el-col-md-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-md-19.is-guttered{display:block}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{left:79.1666666667%;position:relative}.el-col-md-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-md-20.is-guttered{display:block}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{left:83.3333333333%;position:relative}.el-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-md-21.is-guttered{display:block}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{left:87.5%;position:relative}.el-col-md-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-md-22.is-guttered{display:block}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{left:91.6666666667%;position:relative}.el-col-md-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-md-23.is-guttered{display:block}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{left:95.8333333333%;position:relative}.el-col-md-24{display:block;flex:0 0 100%;max-width:100%}.el-col-md-24.is-guttered{display:block}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{left:100%;position:relative}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;flex:0 0 0%;max-width:0}.el-col-lg-0.is-guttered{display:none}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{left:0;position:relative}.el-col-lg-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-lg-1,.el-col-lg-1.is-guttered{display:block}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{left:4.1666666667%;position:relative}.el-col-lg-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-lg-2,.el-col-lg-2.is-guttered{display:block}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{left:8.3333333333%;position:relative}.el-col-lg-3{flex:0 0 12.5%;max-width:12.5%}.el-col-lg-3,.el-col-lg-3.is-guttered{display:block}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{left:12.5%;position:relative}.el-col-lg-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-lg-4,.el-col-lg-4.is-guttered{display:block}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{left:16.6666666667%;position:relative}.el-col-lg-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-lg-5,.el-col-lg-5.is-guttered{display:block}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{left:20.8333333333%;position:relative}.el-col-lg-6{flex:0 0 25%;max-width:25%}.el-col-lg-6,.el-col-lg-6.is-guttered{display:block}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{left:25%;position:relative}.el-col-lg-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-lg-7,.el-col-lg-7.is-guttered{display:block}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{left:29.1666666667%;position:relative}.el-col-lg-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-lg-8,.el-col-lg-8.is-guttered{display:block}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{left:33.3333333333%;position:relative}.el-col-lg-9{flex:0 0 37.5%;max-width:37.5%}.el-col-lg-9,.el-col-lg-9.is-guttered{display:block}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{left:37.5%;position:relative}.el-col-lg-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-lg-10.is-guttered{display:block}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{left:41.6666666667%;position:relative}.el-col-lg-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-lg-11.is-guttered{display:block}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{left:45.8333333333%;position:relative}.el-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.el-col-lg-12.is-guttered{display:block}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{left:50%;position:relative}.el-col-lg-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-lg-13.is-guttered{display:block}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{left:54.1666666667%;position:relative}.el-col-lg-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-lg-14.is-guttered{display:block}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{left:58.3333333333%;position:relative}.el-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-lg-15.is-guttered{display:block}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{left:62.5%;position:relative}.el-col-lg-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-lg-16.is-guttered{display:block}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{left:66.6666666667%;position:relative}.el-col-lg-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-lg-17.is-guttered{display:block}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{left:70.8333333333%;position:relative}.el-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.el-col-lg-18.is-guttered{display:block}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{left:75%;position:relative}.el-col-lg-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-lg-19.is-guttered{display:block}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{left:79.1666666667%;position:relative}.el-col-lg-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-lg-20.is-guttered{display:block}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{left:83.3333333333%;position:relative}.el-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-lg-21.is-guttered{display:block}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{left:87.5%;position:relative}.el-col-lg-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-lg-22.is-guttered{display:block}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{left:91.6666666667%;position:relative}.el-col-lg-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-lg-23.is-guttered{display:block}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{left:95.8333333333%;position:relative}.el-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.el-col-lg-24.is-guttered{display:block}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{left:100%;position:relative}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;flex:0 0 0%;max-width:0}.el-col-xl-0.is-guttered{display:none}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{left:0;position:relative}.el-col-xl-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xl-1,.el-col-xl-1.is-guttered{display:block}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{left:4.1666666667%;position:relative}.el-col-xl-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xl-2,.el-col-xl-2.is-guttered{display:block}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{left:8.3333333333%;position:relative}.el-col-xl-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xl-3,.el-col-xl-3.is-guttered{display:block}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{left:12.5%;position:relative}.el-col-xl-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xl-4,.el-col-xl-4.is-guttered{display:block}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{left:16.6666666667%;position:relative}.el-col-xl-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xl-5,.el-col-xl-5.is-guttered{display:block}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{left:20.8333333333%;position:relative}.el-col-xl-6{flex:0 0 25%;max-width:25%}.el-col-xl-6,.el-col-xl-6.is-guttered{display:block}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{left:25%;position:relative}.el-col-xl-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xl-7,.el-col-xl-7.is-guttered{display:block}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{left:29.1666666667%;position:relative}.el-col-xl-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xl-8,.el-col-xl-8.is-guttered{display:block}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{left:33.3333333333%;position:relative}.el-col-xl-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xl-9,.el-col-xl-9.is-guttered{display:block}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{left:37.5%;position:relative}.el-col-xl-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xl-10.is-guttered{display:block}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{left:41.6666666667%;position:relative}.el-col-xl-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xl-11.is-guttered{display:block}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{left:45.8333333333%;position:relative}.el-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xl-12.is-guttered{display:block}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{left:50%;position:relative}.el-col-xl-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xl-13.is-guttered{display:block}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{left:54.1666666667%;position:relative}.el-col-xl-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xl-14.is-guttered{display:block}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{left:58.3333333333%;position:relative}.el-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xl-15.is-guttered{display:block}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{left:62.5%;position:relative}.el-col-xl-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xl-16.is-guttered{display:block}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{left:66.6666666667%;position:relative}.el-col-xl-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xl-17.is-guttered{display:block}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{left:70.8333333333%;position:relative}.el-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xl-18.is-guttered{display:block}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{left:75%;position:relative}.el-col-xl-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xl-19.is-guttered{display:block}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{left:79.1666666667%;position:relative}.el-col-xl-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xl-20.is-guttered{display:block}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{left:83.3333333333%;position:relative}.el-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xl-21.is-guttered{display:block}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{left:87.5%;position:relative}.el-col-xl-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xl-22.is-guttered{display:block}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{left:91.6666666667%;position:relative}.el-col-xl-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xl-23.is-guttered{display:block}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{left:95.8333333333%;position:relative}.el-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xl-24.is-guttered{display:block}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{left:100%;position:relative}}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-bottom:1px solid var(--el-collapse-border-color);border-top:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{align-items:center;background-color:var(--el-collapse-header-bg-color);border:none;border-bottom:1px solid var(--el-collapse-border-color);color:var(--el-collapse-header-text-color);cursor:pointer;display:flex;font-size:var(--el-collapse-header-font-size);font-weight:500;height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);outline:none;padding:0;transition:border-bottom-color var(--el-transition-duration);width:100%}.el-collapse-item__arrow{font-weight:300;margin:0 8px 0 auto;transition:transform var(--el-transition-duration)}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{background-color:var(--el-collapse-content-bg-color);border-bottom:1px solid var(--el-collapse-border-color);box-sizing:border-box;overflow:hidden;will-change:height}.el-collapse-item__content{color:var(--el-collapse-content-text-color);font-size:var(--el-collapse-content-font-size);line-height:1.7692307692;padding-bottom:25px}.el-collapse-item:last-child{margin-bottom:-1px}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{border-radius:4px;cursor:pointer;height:20px;margin:0 0 8px 8px;width:20px}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{border-radius:3px;display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:#f00;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{height:180px;position:relative;width:280px}.el-color-svpanel__black,.el-color-svpanel__white{bottom:0;left:0;position:absolute;right:0;top:0}.el-color-svpanel__white{background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(0deg,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);cursor:head;height:4px;transform:translate(-2px,-2px);width:4px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider__bar{background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgb(255,255,255))}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{clear:both;content:"";display:table}.el-color-dropdown__btns{margin-top:12px;text-align:right}.el-color-dropdown__value{color:#000000;float:left;font-size:12px;line-height:26px;width:160px}.el-color-picker{display:inline-block;line-height:normal;outline:none;position:relative}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled{pointer-events:none}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--large{height:40px}.el-color-picker--large .el-color-picker__trigger{height:40px;width:40px}.el-color-picker--large .el-color-picker__mask{height:38px;width:38px}.el-color-picker--small{height:24px}.el-color-picker--small .el-color-picker__trigger{height:24px;width:24px}.el-color-picker--small .el-color-picker__mask{height:22px;width:22px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__mask{background-color:rgba(255,255,255,.7);border-radius:4px;cursor:not-allowed;height:30px;left:1px;position:absolute;top:1px;width:30px;z-index:1}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:0;height:32px;justify-content:center;padding:4px;position:relative;width:32px}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);box-sizing:border-box;display:block;height:100%;position:relative;text-align:center;width:100%}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#ffffff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#ffffff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);box-sizing:content-box;padding:6px;position:absolute;z-index:10}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333333}.el-container{box-sizing:border-box;display:flex;flex:1;flex-basis:auto;flex-direction:row;min-width:0}.el-container.is-vertical{flex-direction:column}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-text-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td{box-sizing:border-box;cursor:pointer;height:30px;padding:4px 0;position:relative;text-align:center;width:32px}.el-date-table td .el-date-table-cell{box-sizing:border-box;height:30px;padding:3px 0}.el-date-table td .el-date-table-cell .el-date-table-cell__text{border-radius:50%;display:block;height:24px;left:50%;line-height:24px;margin:0 auto;position:absolute;transform:translateX(-50%);width:24px}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-text-color)}.el-date-table td.today{position:relative}.el-date-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-date-table td.today.end-date .el-date-table-cell__text,.el-date-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-text-color)}.el-date-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-date-table td.end-date .el-date-table-cell,.el-date-table td.start-date .el-date-table-cell{color:#ffffff}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table td.end-date .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table td.disabled .el-date-table-cell{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed;opacity:1}.el-date-table td.selected .el-date-table-cell{border-radius:15px;margin-left:5px;margin-right:5px}.el-date-table td.selected .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);border-radius:15px;color:#ffffff}.el-date-table td.week{color:var(--el-datepicker-header-text-color);font-size:80%}.el-date-table td:focus{outline:none}.el-date-table th{border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-datepicker-header-text-color);font-weight:400;padding:5px}.el-month-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-month-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-month-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-month-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-month-table td.today.end-date .el-date-table-cell__text,.el-month-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-month-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-month-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-month-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translateX(-50%);width:54px}.el-month-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-month-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-month-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-month-table td.end-date .el-date-table-cell,.el-month-table td.start-date .el-date-table-cell{color:#ffffff}.el-month-table td.end-date .el-date-table-cell__text,.el-month-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-month-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px;margin-left:3px}.el-month-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell{border-radius:24px;margin-left:3px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-month-table td:focus-visible{outline:none}.el-month-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-year-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-year-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-year-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-year-table td.today.end-date .el-date-table-cell__text,.el-year-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-year-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-year-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-year-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translateX(-50%);width:60px}.el-year-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-year-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-year-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-year-table td.end-date .el-date-table-cell,.el-year-table td.start-date .el-date-table-cell{color:#ffffff}.el-year-table td.end-date .el-date-table-cell__text,.el-year-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-year-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px}.el-year-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px}.el-year-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-year-table td:focus-visible{outline:none}.el-year-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{display:inline-block;max-height:192px;overflow:auto;position:relative;vertical-align:top;width:50%}.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;overflow:hidden;text-align:center}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:default}.el-time-spinner__arrow{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;height:30px;left:0;line-height:30px;position:absolute;text-align:center;width:100%;z-index:var(--el-index-normal)}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.arrow-up{top:10px}.el-time-spinner__arrow.arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__list{list-style:none;margin:0}.el-time-spinner__list:after,.el-time-spinner__list:before{content:"";display:block;height:80px;width:100%}.el-time-spinner__item{color:var(--el-text-color-regular);font-size:12px;height:32px;line-height:32px}.el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:pointer}.el-time-spinner__item.is-active:not(.is-disabled){color:var(--el-text-color-primary);font-weight:bold}.el-time-spinner__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper{--el-datepicker-border-color:var(--el-disabled-border-color)}.el-picker__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper,.el-picker__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;position:relative;text-align:left;vertical-align:middle}.el-date-editor.el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-date-editor.el-input,.el-date-editor.el-input__wrapper{height:var(--el-input-height,var(--el-component-size));width:var(--el-date-editor-width)}.el-date-editor--monthrange{--el-date-editor-width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange,.el-date-editor--timerange{--el-date-editor-width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange{--el-date-editor-width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .clear-icon,.el-date-editor .close-icon{cursor:pointer}.el-date-editor .clear-icon:hover{color:var(--el-input-clear-hover-color)}.el-date-editor .el-range__icon{color:var(--el-text-color-placeholder);float:left;font-size:14px;height:inherit}.el-date-editor .el-range__icon svg{vertical-align:middle}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-text-color-regular);display:inline-block;font-size:var(--el-font-size-base);height:30px;line-height:30px;margin:0;outline:none;padding:0;text-align:center;width:39%}.el-date-editor .el-range-input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{align-items:center;color:var(--el-text-color-primary);display:inline-flex;flex:1;font-size:14px;height:100%;justify-content:center;margin:0;overflow-wrap:break-word;padding:0 5px}.el-date-editor .el-range__close-icon{color:var(--el-text-color-placeholder);cursor:pointer;font-size:14px;height:inherit;width:unset}.el-date-editor .el-range__close-icon:hover{color:var(--el-input-clear-hover-color)}.el-date-editor .el-range__close-icon svg{vertical-align:middle}.el-date-editor .el-range__close-icon--hidden{opacity:0;visibility:hidden}.el-range-editor.el-input__wrapper{align-items:center;display:inline-flex;padding:0 10px;vertical-align:middle}.el-range-editor.is-active,.el-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor--large{line-height:var(--el-component-size-large)}.el-range-editor--large.el-input__wrapper{height:var(--el-component-size-large)}.el-range-editor--large .el-range-separator{font-size:14px;line-height:40px}.el-range-editor--large .el-range-input{font-size:14px;height:38px;line-height:38px}.el-range-editor--small{line-height:var(--el-component-size-small)}.el-range-editor--small.el-input__wrapper{height:var(--el-component-size-small)}.el-range-editor--small .el-range-separator{font-size:12px;line-height:24px}.el-range-editor--small .el-range-input{font-size:12px;height:22px;line-height:22px}.el-range-editor.is-disabled{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed;pointer-events:none}.el-range-editor.is-disabled,.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:var(--el-disabled-border-color)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-text-color)}.el-picker-panel{background:var(--el-bg-color-overlay);border-radius:var(--el-border-radius-base);color:var(--el-text-color-regular);line-height:30px}.el-picker-panel .el-time-panel{background-color:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light);margin:5px 0}.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after{clear:both;content:"";display:table}.el-picker-panel__content{margin:15px;position:relative}.el-picker-panel__footer{background-color:var(--el-bg-color-overlay);border-top:1px solid var(--el-datepicker-inner-border-color);font-size:0;padding:4px 12px;position:relative;text-align:right}.el-picker-panel__shortcut{background-color:transparent;border:0;color:var(--el-datepicker-text-color);cursor:pointer;display:block;font-size:14px;line-height:28px;outline:none;padding-left:12px;text-align:left;width:100%}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--el-datepicker-active-color)}.el-picker-panel__btn{background-color:transparent;border:1px solid var(--el-fill-color-darker);border-radius:2px;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:24px;outline:none;padding:0 20px}.el-picker-panel__btn[disabled]{color:var(--el-text-color-disabled);cursor:not-allowed}.el-picker-panel__icon-btn{background:transparent;border:0;color:var(--el-datepicker-icon-color);cursor:pointer;font-size:12px;margin-top:8px;outline:none}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn:focus-visible{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-text-color-disabled)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__icon-btn .el-icon{cursor:pointer;font-size:inherit}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{background-color:var(--el-bg-color-overlay);border-right:1px solid var(--el-datepicker-inner-border-color);bottom:0;box-sizing:border-box;overflow:auto;padding-top:6px;position:absolute;top:0;width:110px}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-picker__header{padding:12px 12px 0;text-align:center}.el-date-picker__header--bordered{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:0;padding-bottom:12px}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{color:var(--el-text-color-regular);cursor:pointer;font-size:16px;font-weight:500;line-height:22px;padding:0 5px;text-align:center}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{cursor:pointer;float:left;line-height:30px;margin-left:10px}.el-date-picker .el-time-panel{position:absolute}.el-date-range-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{height:28px;position:relative;text-align:center}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{box-sizing:border-box;float:left;margin:0;padding:16px;width:50%}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-range-picker__time-header>.el-icon-arrow-right{color:var(--el-datepicker-icon-color);display:table-cell;font-size:20px;vertical-align:middle}.el-date-range-picker__time-picker-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-range-picker__time-picker-wrap .el-picker-panel{background:#ffffff;position:absolute;right:0;top:13px;z-index:1}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-time-range-picker{overflow:visible;width:354px}.el-time-range-picker__content{padding:10px;position:relative;text-align:center;z-index:1}.el-time-range-picker__cell{box-sizing:border-box;display:inline-block;margin:0;padding:4px 7px 7px;width:50%}.el-time-range-picker__header{font-size:14px;margin-bottom:5px;text-align:center}.el-time-range-picker__body{border:1px solid var(--el-datepicker-border-color);border-radius:2px}.el-time-panel{border-radius:2px;box-sizing:content-box;left:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:180px;z-index:var(--el-index-top)}.el-time-panel__content{font-size:0;overflow:hidden;position:relative}.el-time-panel__content:after,.el-time-panel__content:before{box-sizing:border-box;content:"";height:32px;left:0;margin-top:-16px;padding-top:6px;position:absolute;right:0;text-align:left;top:50%;z-index:-1}.el-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content:before{border-bottom:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);margin-left:12%;margin-right:12%;padding-left:50%}.el-time-panel__content.has-seconds:after{left:66.6666666667%}.el-time-panel__content.has-seconds:before{padding-left:33.3333333333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));box-sizing:border-box;height:36px;line-height:25px;padding:4px;text-align:right}.el-time-panel__btn{background-color:transparent;border:none;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:28px;margin:0 5px;outline:none;padding:0 5px}.el-time-panel__btn.confirm{color:var(--el-timepicker-active-color,var(--el-color-primary));font-weight:800}.el-descriptions{--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:var(--el-fill-color-light);box-sizing:border-box;color:var(--el-text-color-primary);font-size:var(--el-font-size-base)}.el-descriptions__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.el-descriptions__title{color:var(--el-text-color-primary);font-size:16px;font-weight:bold}.el-descriptions__body{background-color:var(--el-fill-color-blank)}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;font-size:14px;font-weight:normal;line-height:23px;text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:8px 11px}.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--large{font-size:14px}.el-descriptions--large .el-descriptions__header{margin-bottom:20px}.el-descriptions--large .el-descriptions__header .el-descriptions__title{font-size:16px}.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:14px}.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:12px 15px}.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:16px}.el-descriptions--small{font-size:12px}.el-descriptions--small .el-descriptions__header{margin-bottom:12px}.el-descriptions--small .el-descriptions__header .el-descriptions__title{font-size:14px}.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:12px}.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:4px 7px}.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{background:var(--el-descriptions-item-bordered-label-background);color:var(--el-text-color-regular);font-weight:bold}.el-descriptions__label:not(.is-bordered-label){color:var(--el-text-color-primary);margin-right:16px}.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.el-descriptions__content.el-descriptions__cell.is-bordered-content{color:var(--el-text-color-primary)}.el-descriptions__content:not(.is-bordered-label){color:var(--el-text-color-regular)}.el-descriptions--large .el-descriptions__label:not(.is-bordered-label){margin-right:16px}.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.el-descriptions--small .el-descriptions__label:not(.is-bordered-label){margin-right:12px}.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:rgb(114,118,123);display:flex;margin-bottom:32px;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.ltr{left:0}.el-drawer.rtl{right:0}.el-drawer.ttb{top:0}.el-drawer.btt{bottom:0}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);line-height:1;position:relative;vertical-align:top}.el-dropdown.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper,.el-dropdown__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:none}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:0}.el-dropdown .el-dropdown__caret-button{align-items:center;border-left:none;display:inline-flex;justify-content:center;padding-left:0;padding-right:0;width:32px}.el-dropdown .el-dropdown__caret-button>span{display:inline-flex}.el-dropdown .el-dropdown__caret-button:before{background:var(--el-overlay-color-lighter);bottom:-1px;content:"";display:block;left:0;position:absolute;top:-1px;width:1px}.el-dropdown .el-dropdown__caret-button.el-button:before{background:var(--el-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown .el-dropdown-selfdefine{outline:none}.el-dropdown--large .el-dropdown__caret-button{width:40px}.el-dropdown--small .el-dropdown__caret-button{width:24px}.el-dropdown-menu{background-color:var(--el-bg-color-overlay);border:none;border-radius:var(--el-border-radius-base);box-shadow:none;left:0;list-style:none;margin:0;padding:5px 0;position:relative;top:0;z-index:var(--el-dropdown-menu-index)}.el-dropdown-menu__item{align-items:center;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:var(--el-font-size-base);line-height:22px;list-style:none;margin:0;outline:none;padding:5px 16px;white-space:nowrap}.el-dropdown-menu__item:not(.is-disabled):focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{border-top:1px solid var(--el-border-color-lighter);margin:6px 0}.el-dropdown-menu__item.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.el-dropdown-menu--large{padding:7px 0}.el-dropdown-menu--large .el-dropdown-menu__item{font-size:14px;line-height:22px;padding:7px 20px}.el-dropdown-menu--large .el-dropdown-menu__item--divided{margin:8px 0}.el-dropdown-menu--small{padding:3px 0}.el-dropdown-menu--small .el-dropdown-menu__item{font-size:12px;line-height:20px;padding:2px 12px}.el-dropdown-menu--small .el-dropdown-menu__item--divided{margin:4px 0}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-empty-padding);text-align:center}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:100%;vertical-align:top;width:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height);padding:var(--el-footer-padding)}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--inline .el-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--label-left .el-form-item__label{justify-content:flex-start}.el-form-item--label-top{display:block}.el-form-item--label-top .el-form-item__label{display:inline-block;height:auto;line-height:22px;margin-bottom:8px;text-align:left;vertical-align:middle}.el-form-item__label-wrap{display:flex}.el-form-item__label{align-items:flex-start;box-sizing:border-box;color:var(--el-text-color-regular);display:inline-flex;flex:0 0 auto;font-size:var(--el-form-label-font-size);height:32px;justify-content:flex-end;line-height:32px;padding:0 12px 0 0}.el-form-item__content{align-items:center;display:flex;flex:1;flex-wrap:wrap;font-size:var(--font-size);line-height:32px;min-width:0;position:relative}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;left:0;line-height:1;padding-top:2px;position:absolute;top:100%}.el-form-item__error--inline{display:inline-block;left:auto;margin-left:10px;position:relative;top:auto}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{color:var(--el-color-danger);content:"*";margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{color:var(--el-color-danger);content:"*";margin-left:4px}.el-form-item.is-error .el-input-tag__wrapper,.el-form-item.is-error .el-input-tag__wrapper.is-focus,.el-form-item.is-error .el-input-tag__wrapper:focus,.el-form-item.is-error .el-input-tag__wrapper:hover,.el-form-item.is-error .el-input__wrapper,.el-form-item.is-error .el-input__wrapper.is-focus,.el-form-item.is-error .el-input__wrapper:focus,.el-form-item.is-error .el-input__wrapper:hover,.el-form-item.is-error .el-select__wrapper,.el-form-item.is-error .el-select__wrapper.is-focus,.el-form-item.is-error .el-select__wrapper:focus,.el-form-item.is-error .el-select__wrapper:hover,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner.is-focus,.el-form-item.is-error .el-textarea__inner:focus,.el-form-item.is-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-input-group__prepend .el-input__wrapper{box-shadow:inset 0 0 0 1px transparent}.el-form-item.is-error .el-input-group__append .el-input__validateIcon,.el-form-item.is-error .el-input-group__prepend .el-input__validateIcon{display:none}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-header{--el-header-padding:0 20px;--el-header-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-header-height);padding:var(--el-header-padding)}.el-image-viewer__wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;opacity:.8;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.el-image-viewer__btn .el-icon{cursor:pointer}.el-image-viewer__close{font-size:40px;height:40px;right:40px;top:40px;width:40px}.el-image-viewer__canvas{align-items:center;display:flex;height:100%;justify-content:center;position:static;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;bottom:30px;height:44px;left:50%;padding:0 23px;transform:translateX(-50%)}.el-image-viewer__actions__inner{align-items:center;color:#fff;cursor:default;display:flex;font-size:23px;gap:22px;height:100%;justify-content:space-around;padding:0 6px;width:100%}.el-image-viewer__actions__divider{margin:0 -6px}.el-image-viewer__progress{bottom:90px;color:#fff;cursor:default;left:50%;transform:translateX(-50%)}.el-image-viewer__prev{left:40px}.el-image-viewer__next,.el-image-viewer__prev{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;top:50%;transform:translateY(-50%);width:44px}.el-image-viewer__next{right:40px;text-indent:2px}.el-image-viewer__close{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;width:44px}.el-image-viewer__mask{background:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{height:100%;width:100%}.el-image{display:inline-block;overflow:hidden;position:relative}.el-image__inner{opacity:1;vertical-align:top}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{left:0;position:absolute;top:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{align-items:center;color:var(--el-text-color-placeholder);display:flex;font-size:14px;justify-content:center;vertical-align:middle}.el-image__preview{cursor:pointer}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;font-size:var(--el-font-size-base);position:relative;vertical-align:bottom;width:100%}.el-textarea__inner{-webkit-appearance:none;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:block;font-family:inherit;font-size:inherit;line-height:1.5;padding:5px 11px;position:relative;resize:vertical;transition:var(--el-transition-box-shadow);width:100%}.el-textarea__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea .el-input__count{background:var(--el-fill-color-blank);bottom:5px;color:var(--el-color-info);font-size:12px;line-height:14px;position:absolute;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--el-font-size-base);line-height:var(--el-input-height);position:relative;vertical-align:middle;width:var(--el-input-width)}.el-input::-webkit-scrollbar{width:6px;z-index:11}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{align-items:center;color:var(--el-color-info);display:inline-flex;font-size:12px;height:100%}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);display:inline-block;line-height:normal;padding-left:8px}.el-input__wrapper{align-items:center;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--el-transition-box-shadow)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px)}.el-input__inner{-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));flex-grow:1;font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);outline:none;padding:0;width:100%}.el-input__inner:focus{outline:none}.el-input__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;line-height:var(--el-input-inner-height);pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__prefix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;line-height:var(--el-input-inner-height);pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{align-items:center;display:flex;height:inherit;justify-content:center;line-height:inherit;margin-left:8px;transition:all var(--el-transition-duration)}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;cursor:not-allowed;pointer-events:none}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{align-items:stretch;display:inline-flex;width:100%}.el-input-group__append,.el-input-group__prepend{align-items:center;background-color:var(--el-fill-color-light);border-radius:var(--el-input-border-radius);color:var(--el-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0 20px;position:relative;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{background-color:transparent;border-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-left:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper,.el-input-group__append{border-bottom-left-radius:0;border-top-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--append>.el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-hidden{display:none!important}.el-input-number{display:inline-flex;line-height:30px;position:relative;vertical-align:middle;width:150px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;line-height:1;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number__decrease,.el-input-number__increase{align-items:center;background:var(--el-fill-color-light);bottom:1px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:13px;height:auto;justify-content:center;position:absolute;top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-left:var(--el-border);border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{line-height:38px;width:180px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{font-size:14px;width:40px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{line-height:22px;width:120px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{font-size:12px;width:24px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-bottom:var(--el-border);border-radius:0 var(--el-border-radius-base) 0 0;bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;border-right:none;left:auto;right:1px;top:auto}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}.el-input-tag{--el-input-tag-border-color-hover:var(--el-border-color-hover);--el-input-tag-placeholder-color:var(--el-text-color-placeholder);--el-input-tag-disabled-color:var(--el-disabled-text-color);--el-input-tag-disabled-border:var(--el-disabled-border-color);--el-input-tag-font-size:var(--el-font-size-base);--el-input-tag-close-hover-color:var(--el-text-color-secondary);--el-input-tag-text-color:var(--el-text-color-regular);--el-input-tag-input-focus-border-color:var(--el-color-primary);--el-input-tag-width:100%;--el-input-tag-mini-height:var(--el-component-size);--el-input-tag-gap:6px;--el-input-tag-padding:4px;--el-input-tag-inner-padding:8px;--el-input-tag-line-height:24px;align-items:center;background-color:var(--el-fill-color-blank);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--el-input-tag-font-size);line-height:var(--el-input-tag-line-height);min-height:var(--el-input-tag-mini-height);padding:var(--el-input-tag-padding);transform:translateZ(0);transition:var(--el-transition-duration);width:var(--el-input-tag-width)}.el-input-tag.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-input-tag.is-disabled{background-color:var(--el-fill-color-light);cursor:not-allowed;pointer-events:none}.el-input-tag.is-disabled,.el-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--el-input-tag-disabled-border) inset}.el-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input,.el-input-tag.is-disabled .el-input-tag__inner .el-tag{cursor:not-allowed}.el-input-tag__prefix,.el-input-tag__suffix{align-items:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:flex;flex-shrink:0;padding:0 var(--el-input-tag-inner-padding)}.el-input-tag__suffix{gap:8px}.el-input-tag__inner{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--el-input-tag-gap);max-width:100%;min-width:0;position:relative}.el-input-tag__inner.is-left-space{margin-left:var(--el-input-tag-inner-padding)}.el-input-tag__inner.is-right-space{margin-right:var(--el-input-tag-inner-padding)}.el-input-tag__inner.is-draggable .el-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-input-tag__drop-indicator{background-color:var(--el-color-primary);height:var(--el-input-tag-line-height);position:absolute;top:0;width:1px}.el-input-tag__inner .el-tag{border-color:transparent;cursor:pointer;max-width:100%}.el-input-tag__inner .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-input-tag__inner .el-tag .el-tag__content{line-height:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-input-tag__input-wrapper{flex:1}.el-input-tag__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;outline:none;padding:0;width:100%}.el-input-tag__input::-moz-placeholder{color:var(--el-input-tag-placeholder-color)}.el-input-tag__input::placeholder{color:var(--el-input-tag-placeholder-color)}.el-input-tag__input-calculator{left:0;max-width:100%;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:pre}.el-input-tag--large{--el-input-tag-gap:6px;--el-input-tag-padding:8px;--el-input-tag-padding-left:8px;--el-input-tag-font-size:14px}.el-input-tag--small{--el-input-tag-gap:4px;--el-input-tag-padding:2px;--el-input-tag-padding-left:6px;--el-input-tag-font-size:12px;--el-input-tag-line-height:20px;--el-input-tag-mini-height:var(--el-component-size-small)}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);align-items:center;color:var(--el-link-text-color);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link.is-underline:hover:after{border-bottom:1px solid var(--el-link-hover-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default:after{border-color:var(--el-link-hover-text-color)}.el-link__inner{align-items:center;display:inline-flex;justify-content:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:var(--el-link-text-color)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:var(--el-link-text-color)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:var(--el-link-text-color)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:var(--el-link-text-color)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--error.is-underline:hover:after,.el-link.el-link--error:after{border-color:var(--el-link-text-color)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:var(--el-link-text-color)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);bottom:0;left:0;margin:0;position:absolute;right:0;top:0;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-main{--el-main-padding:20px;box-sizing:border-box;display:block;flex:1;flex-basis:auto;overflow:auto;padding:var(--el-main-padding)}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:60px;--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-menu-border-color);box-sizing:border-box;list-style:none;margin:0;padding-left:0;position:relative}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title{padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));white-space:nowrap}.el-menu:not(.el-menu--collapse) .el-sub-menu__title{padding-right:calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))}.el-menu--horizontal{border-right:none;display:flex;flex-wrap:nowrap;height:var(--el-menu-horizontal-height)}.el-menu--horizontal.el-menu--popup-container{height:unset}.el-menu--horizontal.el-menu{border-bottom:1px solid var(--el-menu-border-color)}.el-menu--horizontal>.el-menu-item{align-items:center;border-bottom:2px solid transparent;color:var(--el-menu-text-color);display:inline-flex;height:100%;justify-content:center;margin:0}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:none}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{border-bottom:2px solid transparent;color:var(--el-menu-text-color);height:100%}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-menu-bg-color)}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{align-items:center;background-color:var(--el-menu-bg-color);color:var(--el-menu-text-color);display:flex;height:var(--el-menu-horizontal-sub-item-height);line-height:var(--el-menu-horizontal-sub-item-height);padding:0 10px}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{background-color:var(--el-menu-hover-bg-color);color:var(--el-menu-hover-text-color);outline:none}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--popup{border:none;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light);min-width:200px;padding:5px 0;z-index:100}.el-menu .el-icon{flex-shrink:0}.el-menu-item{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:none}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-menu-item [class^=el-icon]{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{align-items:center;box-sizing:border-box;display:inline-flex;height:100%;left:0;padding:0 var(--el-menu-base-level-padding);position:absolute;top:0;width:100%}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:none}.el-sub-menu__title.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height)}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu .el-icon{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{font-size:12px;margin-right:0;margin-top:-6px;position:absolute;right:var(--el-menu-base-level-padding);top:50%;transition:transform var(--el-transition-duration);width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{color:var(--el-text-color-secondary);font-size:12px;line-height:normal;padding:7px 0 7px var(--el-menu-base-level-padding)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{opacity:0;transition:var(--el-transition-duration-fast)}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-box-shadow:var(--el-box-shadow);--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:12px;--el-messagebox-font-line-height:var(--el-font-line-height-primary);backface-visibility:hidden;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);box-shadow:var(--el-messagebox-box-shadow);box-sizing:border-box;display:inline-block;font-size:var(--el-messagebox-font-size);max-width:var(--el-messagebox-width);overflow:hidden;overflow-wrap:break-word;padding:var(--el-messagebox-padding-primary);position:relative;text-align:left;vertical-align:middle;width:100%}.el-message-box:focus{outline:none!important}.el-overlay.is-message-box .el-overlay-message-box{bottom:0;left:0;overflow:auto;padding:16px;position:fixed;right:0;text-align:center;top:0}.el-overlay.is-message-box .el-overlay-message-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-message-box__header{padding-bottom:var(--el-messagebox-padding-primary)}.el-message-box__header.show-close{padding-right:calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))}.el-message-box__title{color:var(--el-messagebox-title-color);font-size:var(--el-messagebox-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{align-items:center;display:flex;gap:12px}.el-message-box__input{padding-top:12px}.el-message-box__input div.invalid>input,.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{font-size:24px}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0}.el-message-box__message p{line-height:var(--el-messagebox-font-line-height);margin:0}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__btns{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-top:var(--el-messagebox-padding-primary)}.el-message-box--center .el-message-box__title{align-items:center;display:flex;gap:6px;justify-content:center}.el-message-box--center .el-message-box__status{font-size:inherit}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__container{justify-content:center}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);align-items:center;background-color:var(--el-message-bg-color);border-color:var(--el-message-border-color);border-radius:var(--el-border-radius-base);border-style:var(--el-border-style);border-width:var(--el-border-width);box-sizing:border-box;display:flex;gap:8px;left:50%;max-width:calc(100% - 32px);padding:var(--el-message-padding);position:fixed;top:20px;transform:translateX(-50%);transition:opacity var(--el-transition-duration),transform .4s,top .4s;width:-moz-fit-content;width:fit-content}.el-message.is-center{justify-content:center}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;right:-8px;top:-8px}.el-message__content{font-size:14px;line-height:1;padding:0}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{color:var(--el-message-close-icon-color);cursor:pointer;font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{flex:1;margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right);min-width:0}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:bold;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{flex-shrink:0;font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.el-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.el-notification-fade-leave-to{opacity:0}.el-overlay{background-color:var(--el-overlay-color-lighter);bottom:0;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2000}.el-overlay .el-overlay-root{height:0}.el-page-header.is-contentful .el-page-header__main{border-top:1px solid var(--el-border-color-light);margin-top:16px}.el-page-header__header{align-items:center;display:flex;justify-content:space-between;line-height:24px}.el-page-header__left{align-items:center;display:flex;margin-right:40px;position:relative}.el-page-header__back{align-items:center;cursor:pointer;display:flex}.el-page-header__left .el-divider--vertical{margin:0 16px}.el-page-header__icon{align-items:center;display:flex;font-size:16px;margin-right:10px}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{color:var(--el-text-color-primary);font-size:18px}.el-page-header__breadcrumb{margin-bottom:16px}.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-button-width-large:40px;--el-pagination-button-height-large:40px;--el-pagination-item-gap:16px;align-items:center;color:var(--el-pagination-text-color);display:flex;font-size:var(--el-pagination-font-size);font-weight:normal;white-space:nowrap}.el-pagination .el-input__inner{-moz-appearance:textfield;text-align:center}.el-pagination .el-select{width:128px}.el-pagination button{align-items:center;background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;display:flex;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pagination button *{pointer-events:none}.el-pagination button:focus{outline:none}.el-pagination button.is-active,.el-pagination button:hover{color:var(--el-pagination-hover-color)}.el-pagination button.is-active{cursor:default;font-weight:bold}.el-pagination button.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pagination button.is-disabled,.el-pagination button:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pagination button:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:bold;width:inherit}.el-pagination>.is-first{margin-left:0!important}.el-pagination>.is-last{margin-right:0!important}.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination__sizes,.el-pagination__total{color:var(--el-text-color-regular);font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__total[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__jump{align-items:center;color:var(--el-text-color-regular);display:flex;font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__jump[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__goto{margin-right:8px}.el-pagination__editor{box-sizing:border-box;text-align:center}.el-pagination__editor.el-input{width:56px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__classifier{margin-left:8px}.el-pagination__rightwrapper{align-items:center;display:flex;flex:1;justify-content:flex-end}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:var(--el-pagination-button-bg-color);margin:0 4px}.el-pagination.is-background .btn-next.is-active,.el-pagination.is-background .btn-prev.is-active,.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background .btn-next.is-disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.is-disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.is-disabled,.el-pagination.is-background .el-pager li:disabled{background-color:var(--el-disabled-bg-color);color:var(--el-text-color-placeholder)}.el-pagination.is-background .btn-next.is-disabled.is-active,.el-pagination.is-background .btn-next:disabled.is-active,.el-pagination.is-background .btn-prev.is-disabled.is-active,.el-pagination.is-background .btn-prev:disabled.is-active,.el-pagination.is-background .el-pager li.is-disabled.is-active,.el-pagination.is-background .el-pager li:disabled.is-active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary)}.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li{font-size:var(--el-pagination-font-size-small);height:var(--el-pagination-button-height-small);line-height:var(--el-pagination-button-height-small);min-width:var(--el-pagination-button-width-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){font-size:var(--el-pagination-font-size-small)}.el-pagination--small .el-select{width:100px}.el-pagination--large .btn-next,.el-pagination--large .btn-prev,.el-pagination--large .el-pager li{height:var(--el-pagination-button-height-large);line-height:var(--el-pagination-button-height-large);min-width:var(--el-pagination-button-width-large)}.el-pagination--large .el-select .el-input{width:160px}.el-pager{font-size:0;list-style:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-pager,.el-pager li{align-items:center;display:flex}.el-pager li{background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pager li *{pointer-events:none}.el-pager li:focus{outline:none}.el-pager li.is-active,.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.is-active{cursor:default;font-weight:bold}.el-pager li.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pager li.is-disabled,.el-pager li:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-popconfirm__main{align-items:center;display:flex}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{margin-top:8px;text-align:right}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);border:1px solid var(--el-popover-border-color);border-radius:var(--el-popover-border-radius);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;color:var(--el-text-color-regular);font-size:var(--el-popover-font-size);line-height:1.4;min-width:150px;overflow-wrap:break-word;padding:var(--el-popover-padding);z-index:var(--el-index-popper)}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.el-progress{align-items:center;display:flex;line-height:1;position:relative}.el-progress__text{color:var(--el-text-color-regular);font-size:14px;line-height:1;margin-left:5px;min-width:50px}.el-progress__text i{display:block;vertical-align:middle}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{left:0;margin:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{display:inline-block;vertical-align:middle}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{display:block;margin-right:0;padding-right:0}.el-progress--text-inside .el-progress-bar{margin-right:0;padding-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{box-sizing:border-box;flex-grow:1}.el-progress-bar__outer{background-color:var(--el-border-color-lighter);border-radius:100px;height:6px;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{background-color:var(--el-color-primary);border-radius:100px;height:100%;left:0;line-height:1;position:absolute;text-align:right;top:0;transition:width .6s ease;white-space:nowrap}.el-progress-bar__inner:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{animation:indeterminate 3s infinite;transform:translateZ(0)}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 50%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 75%,transparent 0,transparent);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{animation:striped-flow 3s linear infinite}.el-progress-bar__innerText{color:#ffffff;display:inline-block;font-size:12px;margin:0 5px;vertical-align:middle}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button,.el-radio-button__inner{display:inline-block;outline:none;position:relative}.el-radio-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left:0;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;font-size:var(--el-font-size-base);font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));line-height:1;margin:0;padding:8px 15px;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:var(--el-border);border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary));color:var(--el-radio-button-checked-text-color,var(--el-color-white))}.el-radio-button__original-radio{opacity:0;outline:none;position:absolute;z-index:-1}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));border-radius:var(--el-border-radius-base);box-shadow:none;outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2}.el-radio-button__original-radio:disabled+.el-radio-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-fill-color-blank);--el-radio-input-border:var(--el-border);--el-radio-input-border-color:var(--el-border-color);--el-radio-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-radio-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-radio-font-weight);height:32px;margin-right:30px;outline:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-radio.el-radio--large{height:40px}.el-radio.el-radio--small{height:24px}.el-radio.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{border-color:var(--el-border-color-lighter);cursor:not-allowed}.el-radio.is-bordered.el-radio--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-radio.is-bordered.el-radio--large .el-radio__label{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{border-radius:var(--el-border-radius-base);padding:0 11px 0 7px}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{cursor:pointer;display:inline-flex;outline:none;position:relative;vertical-align:middle;white-space:nowrap}.el-radio__input.is-disabled .el-radio__inner{border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled .el-radio__inner:after{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{background:var(--el-color-primary);border-color:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{background-color:var(--el-radio-input-bg-color);border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);box-sizing:border-box;cursor:pointer;display:inline-block;height:var(--el-radio-input-height);position:relative;width:var(--el-radio-input-width)}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner:after{background-color:var(--el-color-white);border-radius:var(--el-radio-input-border-radius);content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in;width:4px}.el-radio__original{bottom:0;left:0;margin:0;opacity:0;outline:none;position:absolute;right:0;top:0;z-index:-1}.el-radio__original:focus-visible+.el-radio__inner{border-radius:var(--el-radio-input-border-radius);outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label{font-size:14px}.el-radio.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.el-radio--small .el-radio__label{font-size:12px}.el-radio.el-radio--small .el-radio__inner{height:12px;width:12px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary);align-items:center;display:inline-flex;height:32px}.el-rate:active,.el-rate:focus{outline:none}.el-rate__item{color:var(--el-rate-void-color);cursor:pointer;display:inline-block;font-size:0;line-height:normal;position:relative;vertical-align:middle}.el-rate .el-rate__icon{display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);position:relative;transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{left:0;position:absolute;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{color:var(--el-rate-fill-color);display:inline-block;overflow:hidden}.el-rate__decimal,.el-rate__decimal--box{left:0;position:absolute;top:0}.el-rate__text{color:var(--el-rate-text-color);font-size:var(--el-rate-font-size);vertical-align:middle}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{color:var(--el-rate-disabled-void-color);cursor:auto}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-result-padding);text-align:center}.el-result__icon svg{height:var(--el-result-icon-font-size);width:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{color:var(--el-text-color-primary);font-size:var(--el-result-title-font-size);line-height:1.3;margin:0}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1.3;margin:0}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-primary{--el-result-color:var(--el-color-primary);color:var(--el-result-color)}.el-result .icon-success{--el-result-color:var(--el-color-success);color:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);color:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);color:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);color:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);color:var(--el-result-color)}.el-row{box-sizing:border-box;display:flex;flex-wrap:wrap;position:relative}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-justify-space-evenly{justify-content:space-evenly}.el-row.is-align-top{align-items:flex-start}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}.el-scrollbar{--el-scrollbar-opacity:0.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:0.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;overflow:hidden;position:relative}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity,.3);position:relative;transition:var(--el-transition-duration) background-color;width:0}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;z-index:1}.el-scrollbar__bar.is-vertical{top:2px;width:6px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-select-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty,.el-select-dropdown__loading{color:var(--el-text-color-secondary);font-size:var(--el-select-font-size);margin:0;padding:10px 0;text-align:center}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:6px 0}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__item{box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);height:34px;line-height:34px;overflow:hidden;padding:0 32px 0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-select-dropdown__item.is-hovering{background-color:var(--el-fill-color-light)}.el-select-dropdown__item.is-selected{color:var(--el-color-primary);font-weight:bold}.el-select-dropdown__item.is-disabled{background-color:unset;color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{background-color:var(--el-color-primary);background-position:50%;background-repeat:no-repeat;border-right:none;border-top:none;content:"";height:12px;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:12px}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after{background-color:var(--el-text-color-placeholder)}.el-select-group{margin:0;padding:0}.el-select-group__wrap{list-style:none;margin:0;padding:0;position:relative}.el-select-group__title{box-sizing:border-box;color:var(--el-color-info);font-size:12px;line-height:34px;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-color:var(--el-disabled-text-color);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px;--el-select-width:100%;display:inline-block;position:relative;vertical-align:middle;width:var(--el-select-width)}.el-select__wrapper{align-items:center;background-color:var(--el-fill-color-blank);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:6px;line-height:24px;min-height:32px;padding:4px 12px;position:relative;text-align:left;transform:translateZ(0);transition:var(--el-transition-duration)}.el-select__wrapper.is-filterable{cursor:text}.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-select__wrapper.is-disabled{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed;pointer-events:none}.el-select__wrapper.is-disabled,.el-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-select__wrapper.is-disabled .el-select__selected-item{color:var(--el-select-disabled-color)}.el-select__wrapper.is-disabled .el-select__caret,.el-select__wrapper.is-disabled .el-tag{cursor:not-allowed}.el-select__prefix,.el-select__suffix{align-items:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:flex;flex-shrink:0;gap:6px}.el-select__caret{color:var(--el-select-input-color);cursor:pointer;font-size:var(--el-select-input-font-size);transform:rotate(0deg);transition:var(--el-transition-duration)}.el-select__caret.is-reverse{transform:rotate(180deg)}.el-select__clear{cursor:pointer}.el-select__clear:hover{color:var(--el-select-close-hover-color)}.el-select__selection{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;position:relative}.el-select__selection.is-near{margin-left:-8px}.el-select__selection .el-tag{border-color:transparent;cursor:pointer}.el-select__selection .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-select__selection .el-tag .el-tag__content{min-width:0}.el-select__selected-item{display:flex;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-select__tags-text{line-height:normal}.el-select__placeholder,.el-select__tags-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__placeholder{color:var(--el-input-text-color,var(--el-text-color-regular));position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.el-select__placeholder.is-transparent{color:var(--el-text-color-placeholder);-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-select__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper,.el-select__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-select__input-wrapper{flex:1}.el-select__input-wrapper.is-hidden{opacity:0;position:absolute;z-index:-1}.el-select__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-select-multiple-input-color);font-family:inherit;font-size:inherit;height:24px;outline:none;padding:0;width:100%}.el-select__input.is-disabled{cursor:not-allowed}.el-select__input-calculator{left:0;max-width:100%;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:pre}.el-select--large .el-select__wrapper{font-size:14px;gap:6px;line-height:24px;min-height:40px;padding:8px 16px}.el-select--large .el-select__selection{gap:6px}.el-select--large .el-select__selection.is-near{margin-left:-8px}.el-select--large .el-select__prefix,.el-select--large .el-select__suffix{gap:6px}.el-select--large .el-select__input{height:24px}.el-select--small .el-select__wrapper{font-size:12px;gap:4px;line-height:20px;min-height:24px;padding:2px 8px}.el-select--small .el-select__selection{gap:4px}.el-select--small .el-select__selection.is-near{margin-left:-6px}.el-select--small .el-select__prefix,.el-select--small .el-select__suffix{gap:4px}.el-select--small .el-select__input{height:20px}.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);border-radius:var(--el-border-radius-base);display:inline-block;height:16px;width:100%}.el-skeleton__circle{border-radius:50%;height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size);width:var(--el-skeleton-circle-size)}.el-skeleton__button{border-radius:4px;height:40px;width:64px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{height:var(--el-font-size-small);width:100%}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{align-items:center;border-radius:0;display:flex;justify-content:center;width:unset}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:22%;width:22%}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{background:var(--el-skeleton-color);height:16px;margin-top:16px}.el-skeleton.is-animated .el-skeleton__item{animation:el-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-time-spinner{white-space:nowrap;width:100%}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;height:50px;width:50px}.el-spinner-inner .path{stroke:var(--el-border-color-lighter);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-step{flex-shrink:1;position:relative}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-grow:0;flex-shrink:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{border-color:var(--el-text-color-primary);color:var(--el-text-color-primary)}.el-step__head.is-wait{border-color:var(--el-text-color-placeholder);color:var(--el-text-color-placeholder)}.el-step__head.is-success{border-color:var(--el-color-success);color:var(--el-color-success)}.el-step__head.is-error{border-color:var(--el-color-danger);color:var(--el-color-danger)}.el-step__head.is-finish{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-step__icon{align-items:center;background:var(--el-bg-color);box-sizing:border-box;display:inline-flex;font-size:14px;height:24px;justify-content:center;position:relative;transition:.15s ease-out;width:24px;z-index:1}.el-step__icon.is-text{border:2px solid;border-radius:50%}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{color:inherit;display:inline-block;font-weight:bold;line-height:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:normal}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{background-color:var(--el-text-color-placeholder);border-color:currentColor;position:absolute}.el-step__line-inner{border:1px solid;box-sizing:border-box;display:block;height:0;transition:.15s ease-out;width:0}.el-step__main{text-align:left;white-space:normal}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{color:var(--el-text-color-primary);font-weight:bold}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{font-size:12px;font-weight:normal;line-height:20px;margin-top:-5px;padding-right:10%}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;left:0;right:0;top:11px}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{flex-grow:1;padding-left:10px}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{bottom:0;left:11px;top:0;width:2px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{align-items:center;display:flex}.el-step.is-simple .el-step__head{font-size:0;padding-right:10px;width:auto}.el-step.is-simple .el-step__icon{background:transparent;font-size:12px;height:16px;width:16px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{align-items:stretch;display:flex;flex-grow:1;position:relative}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;overflow-wrap:break-word}.el-step.is-simple .el-step__arrow{align-items:center;display:flex;flex-grow:1;justify-content:center}.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before{background:var(--el-text-color-placeholder);content:"";display:inline-block;height:15px;position:absolute;width:1px}.el-step.is-simple .el-step__arrow:before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow:after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{display:flex}.el-steps--simple{background:var(--el-fill-color-light);border-radius:4px;padding:13px 8%}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{flex-flow:column;height:100%}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color);align-items:center;display:inline-flex;font-size:14px;height:32px;line-height:20px;position:relative;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{color:var(--el-text-color-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:20px;transition:var(--el-transition-duration-fast);vertical-align:middle}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{display:inline-block;font-size:14px;line-height:1}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{height:0;margin:0;opacity:0;position:absolute;width:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{align-items:center;background:var(--el-switch-off-color);border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:20px;min-width:40px;outline:none;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{align-items:center;display:flex;height:16px;justify-content:center;overflow:hidden;padding:0 4px 0 18px;transition:all var(--el-transition-duration);width:100%}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{color:var(--el-color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-switch__core .el-switch__action{align-items:center;background-color:var(--el-color-white);border-radius:var(--el-border-radius-circle);color:var(--el-switch-off-color);display:flex;height:16px;justify-content:center;left:1px;position:absolute;transition:all var(--el-transition-duration);width:16px}.el-switch.is-checked .el-switch__core{background-color:var(--el-switch-on-color);border-color:var(--el-switch-border-color,var(--el-switch-on-color))}.el-switch.is-checked .el-switch__core .el-switch__action{color:var(--el-switch-on-color);left:calc(100% - 17px)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;height:40px;line-height:24px}.el-switch--large .el-switch__label{font-size:14px;height:24px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{border-radius:12px;height:24px;min-width:50px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{height:20px;width:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;height:24px;line-height:16px}.el-switch--small .el-switch__label{font-size:12px;height:16px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{border-radius:8px;height:16px;min-width:30px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{height:12px;width:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#ffffff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;padding:0 10px}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#ffffff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:transparent;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:none}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,0.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,0.15);--el-table-index:var(--el-index-normal);background-color:var(--el-table-bg-color);box-sizing:border-box;color:var(--el-table-text-color);font-size:var(--el-font-size-base);height:-moz-fit-content;height:fit-content;max-width:100%;overflow:hidden;position:relative;width:100%}.el-table__inner-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.el-table__inner-wrapper:before{bottom:0;height:1px;left:0}.el-table tbody:focus-visible{outline:none}.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell{border-bottom-color:transparent}.el-table__empty-block{align-items:center;display:flex;justify-content:center;left:0;min-height:60px;position:sticky;text-align:center;width:100%}.el-table__empty-text{color:var(--el-text-color-secondary);line-height:60px;width:50%}.el-table__expand-column .cell{padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table__expand-icon{color:var(--el-text-color-regular);cursor:pointer;font-size:12px;height:20px;position:relative;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-bottom:0;border-right:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--fit .el-table__inner-wrapper:before{width:100%}.el-table thead{color:var(--el-table-header-text-color)}.el-table thead th{font-weight:600}.el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-light)}.el-table .el-table__cell{box-sizing:border-box;min-width:0;padding:8px 0;position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;z-index:var(--el-table-index)}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{border-bottom-width:0;border-right-width:0;padding:0;width:15px}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table .cell{box-sizing:border-box;line-height:23px;overflow:hidden;overflow-wrap:break-word;padding:0 12px;text-overflow:ellipsis;white-space:normal}.el-table .cell.el-tooltip{min-width:50px;white-space:nowrap}.el-table--large{font-size:var(--el-font-size-base)}.el-table--large .el-table__cell{padding:12px 0}.el-table--large .cell{padding:0 16px}.el-table--default{font-size:var(--el-font-size-base)}.el-table--default .el-table__cell{padding:8px 0}.el-table--default .cell{padding:0 12px}.el-table--small{font-size:var(--el-font-size-extra-small)}.el-table--small .el-table__cell{padding:4px 0}.el-table--small .cell{padding:0 8px}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div:before{background:#ff4d51;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;vertical-align:middle;width:8px}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table--border .el-table__inner-wrapper:after,.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{background-color:var(--el-table-border-color);content:"";position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table--border .el-table__inner-wrapper:after{height:1px;left:0;top:0;width:100%;z-index:calc(var(--el-table-index) + 2)}.el-table--border:before{height:100%;left:0;top:-1px;width:1px}.el-table--border:after{height:100%;right:0;top:-1px;width:1px}.el-table--border .el-table__inner-wrapper{border-bottom:none;border-right:none}.el-table--border .el-table__footer-wrapper{flex-shrink:0;position:relative}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__body-wrapper tr td.el-table-fixed-column--left,.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__body-wrapper tr th.el-table-fixed-column--left,.el-table__body-wrapper tr th.el-table-fixed-column--right,.el-table__footer-wrapper tr td.el-table-fixed-column--left,.el-table__footer-wrapper tr td.el-table-fixed-column--right,.el-table__footer-wrapper tr th.el-table-fixed-column--left,.el-table__footer-wrapper tr th.el-table-fixed-column--right,.el-table__header-wrapper tr td.el-table-fixed-column--left,.el-table__header-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background:inherit;position:sticky!important;z-index:calc(var(--el-table-index) + 1)}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{bottom:-1px;box-shadow:none;content:"";overflow-x:hidden;overflow-y:hidden;pointer-events:none;position:absolute;top:0;touch-action:none;width:10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{box-shadow:none;right:-10px}.el-table__body-wrapper tr td.el-table__fixed-right-patch,.el-table__body-wrapper tr th.el-table__fixed-right-patch,.el-table__footer-wrapper tr td.el-table__fixed-right-patch,.el-table__footer-wrapper tr th.el-table__fixed-right-patch,.el-table__header-wrapper tr td.el-table__fixed-right-patch,.el-table__header-wrapper tr th.el-table__fixed-right-patch{background:#fff;position:sticky!important;right:0;z-index:calc(var(--el-table-index) + 1)}.el-table__header-wrapper{flex-shrink:0}.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body,.el-table__footer,.el-table__header{border-collapse:separate;table-layout:fixed}.el-table__header-wrapper{overflow:hidden}.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__footer-wrapper{flex-shrink:0;overflow:hidden}.el-table__footer-wrapper tfoot td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__body-wrapper .el-table-column--selection>.cell,.el-table__header-wrapper .el-table-column--selection>.cell{align-items:center;display:inline-flex;height:23px}.el-table__body-wrapper .el-table-column--selection .el-checkbox,.el-table__header-wrapper .el-table-column--selection .el-checkbox{height:unset}.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:var(--el-table-border)}.el-table.is-scrolling-left th.el-table-fixed-column--left{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-right th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before{box-shadow:none}.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body-wrapper{flex:1;overflow:hidden;position:relative}.el-table__body-wrapper .el-scrollbar__bar{z-index:calc(var(--el-table-index) + 2)}.el-table .caret-wrapper{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;height:14px;overflow:initial;position:relative;vertical-align:middle;width:24px}.el-table .sort-caret{border:5px solid transparent;height:0;left:7px;position:absolute;width:0}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{position:absolute;visibility:hidden;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--el-fill-color-lighter)}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell,.el-table__body tr>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table.el-table--scrollable-y .el-table__body-header{position:sticky;top:0;z-index:calc(var(--el-table-index) + 2)}.el-table.el-table--scrollable-y .el-table__body-footer{bottom:0;position:sticky;z-index:calc(var(--el-table-index) + 2)}.el-table__column-resize-proxy{border-left:var(--el-table-border);bottom:0;left:200px;position:absolute;top:0;width:0;z-index:calc(var(--el-table-index) + 9)}.el-table__column-filter-trigger{cursor:pointer;display:inline-block}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:14px;vertical-align:middle}.el-table__border-left-patch{height:100%;top:0;width:1px}.el-table__border-bottom-patch,.el-table__border-left-patch{background-color:var(--el-table-border-color);left:0;position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table__border-bottom-patch{height:1px}.el-table__border-right-patch{background-color:var(--el-table-border-color);height:100%;position:absolute;top:0;width:1px;z-index:calc(var(--el-table-index) + 2)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;height:12px;line-height:12px;margin-right:8px;text-align:center;width:12px}.el-table .el-table.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table:not(.el-table--border) .el-table__cell{border-right:none}.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none}.el-table-v2{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,0.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,0.15);--el-table-index:var(--el-index-normal);font-size:var(--el-font-size-base)}.el-table-v2 *{box-sizing:border-box}.el-table-v2__root{position:relative}.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar{opacity:1}.el-table-v2__main{background-color:var(--el-bg-color);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__main .el-vl__horizontal,.el-table-v2__main .el-vl__vertical{z-index:2}.el-table-v2__left{background-color:var(--el-bg-color);box-shadow:2px 0 4px 0 rgba(0,0,0,.06);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__left .el-virtual-scrollbar{opacity:0}.el-table-v2__left .el-vl__horizontal,.el-table-v2__left .el-vl__vertical{z-index:-1}.el-table-v2__right{background-color:var(--el-bg-color);box-shadow:-2px 0 4px 0 rgba(0,0,0,.06);display:flex;flex-direction:column-reverse;overflow:hidden;position:absolute;right:0;top:0}.el-table-v2__right .el-virtual-scrollbar{opacity:0}.el-table-v2__right .el-vl__horizontal,.el-table-v2__right .el-vl__vertical{z-index:-1}.el-table-v2__header-row,.el-table-v2__row{padding-inline-end:var(--el-table-scrollbar-size)}.el-table-v2__header-wrapper{overflow:hidden}.el-table-v2__header{overflow:hidden;position:relative}.el-table-v2__header .el-checkbox{z-index:0}.el-table-v2__footer{bottom:0;overflow:hidden;right:0}.el-table-v2__empty,.el-table-v2__footer,.el-table-v2__overlay{left:0;position:absolute}.el-table-v2__overlay{bottom:0;right:0;top:0;z-index:9999}.el-table-v2__header-row{border-bottom:var(--el-table-border);display:flex}.el-table-v2__header-cell{align-items:center;background-color:var(--el-table-header-bg-color);color:var(--el-table-header-text-color);display:flex;font-weight:bold;height:100%;overflow:hidden;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table-v2__header-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__header-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__header-cell.is-sortable{cursor:pointer}.el-table-v2__header-cell:hover .el-icon{display:block}.el-table-v2__sort-icon{display:none;opacity:.6;transition:opacity,display var(--el-transition-duration)}.el-table-v2__sort-icon.is-sorting{display:block;opacity:1}.el-table-v2__row{align-items:center;border-bottom:var(--el-table-border);display:flex;transition:background-color var(--el-transition-duration)}.el-table-v2__row.is-hovered,.el-table-v2__row:hover{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row-cell{align-items:center;display:flex;height:100%;overflow:hidden;padding:0 8px}.el-table-v2__row-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__row-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__expand-icon{cursor:pointer;margin:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table-v2__expand-icon svg{transition:transform var(--el-transition-duration)}.el-table-v2__expand-icon.is-expanded svg{transform:rotate(90deg)}.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-table-v2.is-dynamic .el-table-v2__row{align-items:stretch;overflow:hidden}.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell{overflow-wrap:break-word}.el-tabs{--el-tabs-header-height:40px;display:flex}.el-tabs__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px;padding:0;position:relative}.el-tabs__header-vertical{flex-direction:column}.el-tabs__active-bar{background-color:var(--el-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);z-index:1}.el-tabs__new-tab{align-items:center;border:1px solid var(--el-border-color);border-radius:3px;color:var(--el-text-color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;line-height:20px;margin:10px 0 10px 10px;text-align:center;transition:all .15s;width:20px}.el-tabs__new-tab .is-icon-plus{height:inherit;transform:scale(.8);width:inherit}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__new-tab-vertical{margin-left:0}.el-tabs__nav-wrap{flex:1 auto;margin-bottom:-1px;overflow:hidden;position:relative}.el-tabs__nav-wrap:after{background-color:var(--el-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;line-height:44px;position:absolute;text-align:center;width:20px}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{display:flex;float:left;position:relative;transition:transform var(--el-transition-duration);white-space:nowrap;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{display:flex;min-width:100%}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{align-items:center;box-sizing:border-box;color:var(--el-text-color-primary);display:flex;font-size:var(--el-font-size-base);font-weight:500;height:var(--el-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:none}.el-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--el-color-primary) inset}.el-tabs__item .is-icon-close{border-radius:50%;margin-left:5px;text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#ffffff}.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--el-color-primary)}.el-tabs__item:hover{cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-tabs__content{flex-grow:1;overflow:hidden;position:relative}.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top>.el-tabs__header .el-tabs__item:last-child{padding-right:0}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light);height:var(--el-tabs-header-height)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{font-size:12px;height:14px;overflow:hidden;position:relative;right:-2px;transform-origin:100% 50%;width:0}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{border:1px solid transparent;color:var(--el-text-color-secondary);margin-top:-1px;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:var(--el-bg-color-overlay);border-left-color:var(--el-border-color);border-right-color:var(--el-border-color);color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom{flex-direction:column}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-bottom:0;margin-top:-1px}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{bottom:auto;height:auto;top:0;width:2px}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{cursor:pointer;height:30px;line-height:30px;text-align:center;width:100%}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{bottom:0;right:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{bottom:auto;height:100%;top:0;width:2px}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{flex-direction:column}.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left{justify-content:flex-end}.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right{justify-content:flex-start}.el-tabs--left{flex-direction:row-reverse}.el-tabs--left .el-tabs__header.is-left{margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left:after{left:auto;right:0}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-bottom:none;border-left:none;border-right:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:none;border-right:1px solid #fff}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-radius:4px 0 0 4px;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--right .el-tabs__header.is-right{margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:1px solid #fff;border-right:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-left:none;border-radius:0 4px 4px 0}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--top{flex-direction:column-reverse}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--el-transition-duration);left:0;position:absolute;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--el-transition-duration);left:0;position:absolute;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform:translateX(100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes slideInRight-leave{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(100%);transform-origin:0 0}}@keyframes slideInLeft-enter{0%{opacity:0;transform:translateX(-100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes slideInLeft-leave{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(-100%);transform-origin:0 0}}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;align-items:center;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);border-radius:var(--el-tag-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--el-tag-text-color);display:inline-flex;font-size:var(--el-tag-font-size);height:24px;justify-content:center;line-height:1;padding:0 9px;vertical-align:middle;white-space:nowrap;--el-icon-size:14px}.el-tag,.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{background-color:var(--el-tag-hover-color);color:var(--el-color-white)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size)}.el-tag .el-tag__close{margin-left:6px}.el-tag--dark{--el-tag-text-color:var(--el-color-white)}.el-tag--dark,.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info,.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{height:32px;padding:0 11px;--el-icon-size:16px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{height:20px;padding:0 7px;--el-icon-size:12px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);align-self:center;color:var(--el-text-color);font-size:var(--el-text-font-size);margin:0;overflow-wrap:break-word;padding:0}.el-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{margin:0;max-height:200px}.time-select-item{font-size:14px;line-height:20px;padding:8px 10px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--el-fill-color-light);cursor:pointer;font-weight:bold}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:bold}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{padding-left:28px;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;left:4px;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{align-items:center;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;position:absolute}.el-timeline-item__node--normal{height:var(--el-timeline-node-size-normal);left:-1px;width:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{height:var(--el-timeline-node-size-large);left:-2px;width:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{align-items:center;display:flex;justify-content:center;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);font-size:var(--el-font-size-small);line-height:1}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);list-style:none;margin:0}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-tooltip-v2__content{--el-tooltip-v2-padding:5px 10px;--el-tooltip-v2-border-radius:4px;--el-tooltip-v2-border-color:var(--el-border-color);background-color:var(--el-color-white);border:1px solid var(--el-border-color);border-radius:var(--el-tooltip-v2-border-radius);color:var(--el-color-black);padding:var(--el-tooltip-v2-padding)}.el-tooltip-v2__arrow{color:var(--el-color-white);height:var(--el-tooltip-v2-arrow-height);left:var(--el-tooltip-v2-arrow-x);pointer-events:none;position:absolute;top:var(--el-tooltip-v2-arrow-y);width:var(--el-tooltip-v2-arrow-width)}.el-tooltip-v2__arrow:after,.el-tooltip-v2__arrow:before{border:var(--el-tooltip-v2-arrow-border-width) solid transparent;content:"";height:0;position:absolute;width:0}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow{bottom:0}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:before{border-bottom:0;border-top-color:var(--el-color-white);border-top-width:var(--el-tooltip-v2-arrow-border-width);top:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:after{border-bottom:0;border-top-color:var(--el-border-color);border-top-width:var(--el-tooltip-v2-arrow-border-width);top:100%;z-index:-1}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow{top:0}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:before{border-bottom-color:var(--el-color-white);border-bottom-width:var(--el-tooltip-v2-arrow-border-width);border-top:0;bottom:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:after{border-bottom-color:var(--el-border-color);border-bottom-width:var(--el-tooltip-v2-arrow-border-width);border-top:0;bottom:100%;z-index:-1}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow{right:0}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:before{border-left-color:var(--el-color-white);border-left-width:var(--el-tooltip-v2-arrow-border-width);border-right:0;left:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:after{border-left-color:var(--el-border-color);border-left-width:var(--el-tooltip-v2-arrow-border-width);border-right:0;left:100%;z-index:-1}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow{left:0}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:before{border-left:0;border-right-color:var(--el-color-white);border-right-width:var(--el-tooltip-v2-arrow-border-width);right:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:after{border-left:0;border-right-color:var(--el-border-color);border-right-width:var(--el-tooltip-v2-arrow-border-width);right:100%;z-index:-1}.el-tooltip-v2__content.is-dark{--el-tooltip-v2-border-color:transparent;color:var(--el-color-white)}.el-tooltip-v2__content.is-dark,.el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow{background-color:var(--el-color-black);border-color:transparent}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-bg-color:var(--el-fill-color-light);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:278px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px;font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;padding:0 30px;vertical-align:middle}.el-transfer__button{vertical-align:top}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{background:var(--el-bg-color-overlay);box-sizing:border-box;display:inline-block;max-height:100%;overflow:hidden;position:relative;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width)}.el-transfer-panel__body{border-bottom:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);border-left:1px solid var(--el-transfer-border-color);border-right:1px solid var(--el-transfer-border-color);height:var(--el-transfer-panel-body-height);overflow:hidden}.el-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.el-transfer-panel__list{box-sizing:border-box;height:var(--el-transfer-panel-body-height);list-style:none;margin:0;overflow:auto;padding:6px 0}.el-transfer-panel__list.is-filterable{height:calc(100% - var(--el-transfer-filter-height) - 30px);padding-top:0}.el-transfer-panel__item{display:block!important;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular)}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{box-sizing:border-box;display:block;line-height:var(--el-transfer-item-height);overflow:hidden;padding-left:22px;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{box-sizing:border-box;padding:15px;text-align:center}.el-transfer-panel__filter .el-input__inner{box-sizing:border-box;display:inline-block;font-size:12px;height:var(--el-transfer-filter-height);width:100%}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{align-items:center;background:var(--el-transfer-panel-header-bg-color);border:1px solid var(--el-transfer-border-color);border-top-left-radius:var(--el-transfer-border-radius);border-top-right-radius:var(--el-transfer-border-radius);box-sizing:border-box;color:var(--el-color-black);display:flex;height:var(--el-transfer-panel-header-height);margin:0;padding-left:15px}.el-transfer-panel .el-transfer-panel__header .el-checkbox{align-items:center;display:flex;position:relative;width:100%}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{color:var(--el-text-color-primary);font-size:16px;font-weight:normal}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{color:var(--el-text-color-secondary);font-size:12px;font-weight:normal;position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0)}.el-transfer-panel .el-transfer-panel__footer{background:var(--el-bg-color-overlay);border:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);height:var(--el-transfer-panel-footer-height);margin:0;padding:0}.el-transfer-panel .el-transfer-panel__footer:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{color:var(--el-text-color-regular);padding-left:20px}.el-transfer-panel .el-transfer-panel__empty{color:var(--el-text-color-secondary);height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);margin:0;padding:6px 15px 0;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{border-radius:3px;height:14px;width:14px}.el-transfer-panel .el-checkbox__inner:after{height:6px;left:4px;width:3px}.el-tree{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder);background:var(--el-fill-color-blank);color:var(--el-tree-text-color);cursor:default;font-size:var(--el-font-size-base);position:relative}.el-tree__empty-block{height:100%;min-height:60px;position:relative;text-align:center;width:100%}.el-tree__empty-text{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-tree__drop-indicator{background-color:var(--el-color-primary);height:1px;left:0;position:absolute;right:0}.el-tree-node{outline:none;white-space:nowrap}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{--el-checkbox-height:var(--el-tree-node-content-height);align-items:center;cursor:pointer;display:flex;height:var(--el-tree-node-content-height)}.el-tree-node__content>.el-tree-node__expand-icon{box-sizing:content-box;padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{color:var(--el-tree-expand-icon-color);cursor:pointer;font-size:12px;transform:rotate(0deg);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default;visibility:hidden}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{color:var(--el-tree-expand-icon-color);font-size:var(--el-font-size-base);margin-right:8px}.el-tree-node>.el-tree-node__children{background-color:transparent;overflow:hidden}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-tree-select{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree-select__popper .el-tree-node__expand-icon{margin-left:8px}.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after{content:none}.el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item{padding-left:32px}.el-tree-select__popper .el-select-dropdown__item{background:transparent!important;flex:1;height:20px;line-height:20px;padding-left:0}.el-upload{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;outline:none}.el-upload.is-disabled{cursor:not-allowed}.el-upload.is-disabled:focus{color:inherit}.el-upload.is-disabled:focus,.el-upload.is-disabled:focus .el-upload-dragger{border-color:var(--el-border-color-darker)}.el-upload.is-disabled .el-upload-dragger{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-upload.is-disabled .el-upload-dragger .el-upload__text{color:var(--el-text-color-placeholder)}.el-upload.is-disabled .el-upload-dragger .el-upload__text em{color:var(--el-disabled-text-color)}.el-upload.is-disabled .el-upload-dragger:hover{border-color:var(--el-border-color-darker)}.el-upload__input{display:none}.el-upload__tip{color:var(--el-text-color-regular);font-size:12px;margin-top:7px}.el-upload iframe{filter:alpha(opacity=0);left:0;opacity:0;position:absolute;top:0;z-index:-1}.el-upload--picture-card{--el-upload-picture-card-size:148px;align-items:center;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--el-upload-picture-card-size);justify-content:center;vertical-align:top;width:var(--el-upload-picture-card-size)}.el-upload--picture-card>i{color:var(--el-text-color-secondary);font-size:28px}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload.is-drag{display:block}.el-upload:focus{color:var(--el-color-primary)}.el-upload:focus,.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{background-color:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);border-radius:6px;box-sizing:border-box;cursor:pointer;overflow:hidden;padding:var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);position:relative;text-align:center}.el-upload-dragger .el-icon--upload{color:var(--el-text-color-placeholder);font-size:67px;line-height:50px;margin-bottom:16px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:var(--el-border);margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary);padding:calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px)}.el-upload-list{list-style:none;margin:10px 0 0;padding:0;position:relative}.el-upload-list__item{border-radius:4px;box-sizing:border-box;color:var(--el-text-color-regular);font-size:14px;margin-bottom:5px;position:relative;transition:all .5s cubic-bezier(.55,0,.1,1);width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{color:var(--el-text-color-regular);cursor:pointer;display:none;opacity:.75;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:opacity var(--el-transition-duration)}.el-upload-list__item .el-icon--close:hover{color:var(--el-color-primary);opacity:1}.el-upload-list__item .el-icon--close-tip{color:var(--el-color-primary);cursor:pointer;display:none;font-size:12px;font-style:normal;opacity:1;position:absolute;right:5px;top:1px}.el-upload-list__item:hover{background-color:var(--el-fill-color-light)}.el-upload-list__item:hover .el-icon--close{display:inline-flex}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item .el-upload-list__item-info{display:inline-flex;flex-direction:column;justify-content:center;margin-left:4px;width:calc(100% - 30px)}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon--close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none;opacity:0}.el-upload-list__item-name{align-items:center;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);padding:0 4px;text-align:center;transition:color var(--el-transition-duration)}.el-upload-list__item-name .el-icon{color:var(--el-text-color-secondary);margin-right:6px}.el-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-upload-list__item-status-label{align-items:center;display:none;height:100%;justify-content:center;line-height:inherit;position:absolute;right:5px;top:0;transition:opacity var(--el-transition-duration)}.el-upload-list__item-delete{color:var(--el-text-color-regular);display:none;font-size:12px;position:absolute;right:10px;top:0}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{--el-upload-list-picture-card-size:148px;display:inline-flex;flex-wrap:wrap;margin:0}.el-upload-list--picture-card .el-upload-list__item{background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:inline-flex;height:var(--el-upload-list-picture-card-size);margin:0 8px 8px 0;overflow:hidden;padding:0;width:var(--el-upload-list-picture-card-size)}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#ffffff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:block;opacity:0}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{align-items:center;background-color:var(--el-overlay-color-lighter);color:#fff;cursor:default;display:inline-flex;font-size:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--el-transition-duration);width:100%}.el-upload-list--picture-card .el-upload-list__item-actions span{cursor:pointer;display:none}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:16px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{color:inherit;font-size:inherit;position:static}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-flex}.el-upload-list--picture-card .el-progress{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{align-items:center;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:flex;margin-top:10px;overflow:hidden;padding:10px;z-index:0}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#ffffff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{display:inline-flex;opacity:0}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item .el-icon--close{top:5px;transform:translateY(0)}.el-upload-list--picture .el-upload-list__item-thumbnail{align-items:center;background-color:var(--el-color-white);display:inline-flex;height:70px;justify-content:center;-o-object-fit:contain;object-fit:contain;position:relative;width:70px;z-index:1}.el-upload-list--picture .el-upload-list__item-status-label{background:var(--el-color-success);height:26px;position:absolute;right:-17px;text-align:center;top:-7px;transform:rotate(45deg);width:46px}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{cursor:default;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.el-upload-cover:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;height:100%;width:100%}.el-upload-cover__label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-cover__label i{color:#fff;font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-cover__progress{display:inline-block;position:static;vertical-align:middle;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{height:100%;left:0;position:absolute;top:0;width:100%}.el-upload-cover__interact{background-color:var(--el-overlay-color-light);bottom:0;height:100%;left:0;position:absolute;text-align:center;width:100%}.el-upload-cover__interact .btn{color:#ffffff;cursor:pointer;display:inline-block;font-size:14px;margin-top:60px;transition:var(--el-transition-md-fade);vertical-align:middle}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#ffffff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{background-color:#ffffff;bottom:0;color:var(--el-text-color-primary);font-size:14px;font-weight:normal;height:36px;left:0;line-height:36px;margin:0;overflow:hidden;padding:0 10px;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-vl__wrapper{position:relative}.el-vl__wrapper.always-on .el-virtual-scrollbar,.el-vl__wrapper:hover .el-virtual-scrollbar{opacity:1}.el-vl__window{scrollbar-width:none}.el-vl__window::-webkit-scrollbar{display:none}.el-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.el-virtual-scrollbar.always-on{opacity:1}.el-vg__wrapper{position:relative}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);border-radius:var(--el-popper-border-radius);font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;padding:5px 11px;position:absolute;visibility:visible;z-index:2000}.el-popper.is-dark{color:var(--el-bg-color)}.el-popper.is-dark,.el-popper.is-dark>.el-popper__arrow:before{background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark>.el-popper__arrow:before{right:0}.el-popper.is-light,.el-popper.is-light>.el-popper__arrow:before{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{right:0}.el-popper.is-pure{padding:0}.el-popper__arrow,.el-popper__arrow:before{height:10px;position:absolute;width:10px;z-index:-1}.el-popper__arrow:before{background:var(--el-text-color-primary);box-sizing:border-box;content:" ";transform:rotate(45deg)}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-left-color:transparent!important;border-top-color:transparent!important}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-statistic{--el-statistic-title-font-weight:400;--el-statistic-title-font-size:var(--el-font-size-extra-small);--el-statistic-title-color:var(--el-text-color-regular);--el-statistic-content-font-weight:400;--el-statistic-content-font-size:var(--el-font-size-extra-large);--el-statistic-content-color:var(--el-text-color-primary)}.el-statistic__head{color:var(--el-statistic-title-color);font-size:var(--el-statistic-title-font-size);font-weight:var(--el-statistic-title-font-weight);line-height:20px;margin-bottom:4px}.el-statistic__content{color:var(--el-statistic-content-color);font-size:var(--el-statistic-content-font-size);font-weight:var(--el-statistic-content-font-weight)}.el-statistic__value{display:inline-block}.el-statistic__prefix{display:inline-block;margin-right:4px}.el-statistic__suffix{display:inline-block;margin-left:4px}.el-tour{--el-tour-width:520px;--el-tour-padding-primary:12px;--el-tour-font-line-height:var(--el-font-line-height-primary);--el-tour-title-font-size:16px;--el-tour-title-text-color:var(--el-text-color-primary);--el-tour-title-font-weight:400;--el-tour-close-color:var(--el-color-info);--el-tour-font-size:14px;--el-tour-color:var(--el-text-color-primary);--el-tour-bg-color:var(--el-bg-color);--el-tour-border-radius:4px}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{border-radius:var(--el-tour-border-radius);box-shadow:var(--el-box-shadow-light);outline:none;overflow-wrap:break-word;padding:var(--el-tour-padding-primary);width:var(--el-tour-width)}.el-tour__arrow,.el-tour__content{background:var(--el-tour-bg-color);box-sizing:border-box}.el-tour__arrow{height:10px;pointer-events:none;position:absolute;transform:rotate(45deg);width:10px}.el-tour__content[data-side^=top] .el-tour__arrow{border-left-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.el-tour__content[data-side^=left] .el-tour__arrow{border-bottom-color:transparent;border-left-color:transparent}.el-tour__content[data-side^=right] .el-tour__arrow{border-right-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-tour__closebtn .el-tour__close{color:var(--el-tour-close-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding-bottom:var(--el-tour-padding-primary)}.el-tour__header.show-close{padding-right:calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))}.el-tour__title{color:var(--el-tour-title-text-color);font-size:var(--el-tour-title-font-size);font-weight:var(--el-tour-title-font-weight);line-height:var(--el-tour-font-line-height)}.el-tour__body{color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(--el-tour-padding-primary)}.el-tour__content .el-tour-indicators{display:inline-block;flex:1}.el-tour__content .el-tour-indicator{background:var(--el-color-info-light-9);border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color:#fff;--el-tour-text-color:#fff;--el-tour-bg-color:var(--el-color-primary);--el-tour-close-color:#fff}.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close{color:var(--el-tour-title-text-color)}.el-tour.el-tour--primary .el-button--default{background:#fff;border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:rgba(255,255,255,.15)}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);border-radius:4px;opacity:0;position:absolute;z-index:0}.el-anchor.el-anchor--vertical .el-anchor__marker{height:14px;left:0;top:8px;transition:top .25s ease-in-out,opacity .25s;width:4px}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{background-color:rgba(5,5,5,.06);content:"";height:100%;left:0;position:absolute;width:2px}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{bottom:0;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;width:20px}.el-anchor.el-anchor--horizontal .el-anchor__list{display:flex;padding-bottom:4px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{background-color:rgba(5,5,5,.06);bottom:0;content:"";height:2px;position:absolute;width:100%}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{display:flex;flex-direction:column;overflow:hidden}.el-anchor__link{cursor:pointer;font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);max-width:100%;outline:none;overflow:hidden;padding:4px 0;text-decoration:none;text-overflow:ellipsis;transition:color var(--el-transition-duration);white-space:nowrap}.el-anchor__link,.el-anchor__link:focus,.el-anchor__link:hover{color:var(--el-anchor-color)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}.el-segmented--vertical{flex-direction:column}.el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented{--el-segmented-color:var(--el-text-color-regular);--el-segmented-bg-color:var(--el-fill-color-light);--el-segmented-padding:2px;--el-segmented-item-selected-color:var(--el-color-white);--el-segmented-item-selected-bg-color:var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color:var(--el-color-primary-light-5);--el-segmented-item-hover-color:var(--el-text-color-primary);--el-segmented-item-hover-bg-color:var(--el-fill-color-dark);--el-segmented-item-active-bg-color:var(--el-fill-color-darker);--el-segmented-item-disabled-color:var(--el-text-color-placeholder);align-items:stretch;background:var(--el-segmented-bg-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-segmented-color);display:inline-flex;font-size:14px;min-height:32px;padding:var(--el-segmented-padding)}.el-segmented__group{align-items:stretch;display:flex;position:relative;width:100%}.el-segmented__item-selected{background:var(--el-segmented-item-selected-bg-color);border-radius:calc(var(--el-border-radius-base) - 2px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s;width:10px}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{border-radius:inherit;content:"";inset:0;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px;position:absolute}.el-segmented__item{align-items:center;border-radius:calc(var(--el-border-radius-base) - 2px);cursor:pointer;display:flex;flex:1;padding:0 11px}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{background:var(--el-segmented-item-hover-bg-color);color:var(--el-segmented-item-hover-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{color:var(--el-segmented-item-disabled-color);cursor:not-allowed}.el-segmented__item-input{height:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:0}.el-segmented__item-label{flex:1;line-height:normal;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;z-index:1}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{border-radius:var(--el-border-radius-base);font-size:16px;min-height:40px}.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented--large .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:14px;min-height:24px}.el-segmented--small .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 3px)}.el-segmented--small .el-segmented--vertical .el-segmented__item{padding:7px}.el-segmented--small .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 3px);padding:0 7px}.el-mention{position:relative;width:100%}.el-mention__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-mention__popper.el-popper,.el-mention__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-mention.is-disabled{pointer-events:none}.el-mention-dropdown{--el-mention-font-size:var(--el-font-size-base);--el-mention-bg-color:var(--el-bg-color-overlay);--el-mention-shadow:var(--el-box-shadow-light);--el-mention-border:1px solid var(--el-border-color-light);--el-mention-option-color:var(--el-text-color-regular);--el-mention-option-height:34px;--el-mention-option-min-width:100px;--el-mention-option-hover-background:var(--el-fill-color-light);--el-mention-option-selected-color:var(--el-color-primary);--el-mention-option-disabled-color:var(--el-text-color-placeholder);--el-mention-option-loading-color:var(--el-text-color-secondary);--el-mention-option-loading-padding:10px 0;--el-mention-max-height:174px;--el-mention-padding:6px 0;--el-mention-header-padding:10px;--el-mention-footer-padding:10px}.el-mention-dropdown__item{box-sizing:border-box;color:var(--el-mention-option-color);cursor:pointer;font-size:var(--el-mention-font-size);height:var(--el-mention-option-height);line-height:var(--el-mention-option-height);min-width:var(--el-mention-option-min-width);overflow:hidden;padding:0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-mention-dropdown__item.is-hovering{background-color:var(--el-mention-option-hover-background)}.el-mention-dropdown__item.is-selected{color:var(--el-mention-option-selected-color);font-weight:bold}.el-mention-dropdown__item.is-disabled{background-color:unset;color:var(--el-mention-option-disabled-color);cursor:not-allowed}.el-mention-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-mention-dropdown__loading{color:var(--el-mention-option-loading-color);font-size:12px;margin:0;min-width:var(--el-mention-option-min-width);padding:10px 0;text-align:center}.el-mention-dropdown__wrap{max-height:var(--el-mention-max-height)}.el-mention-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:var(--el-mention-padding)}.el-mention-dropdown__header{border-bottom:var(--el-mention-border);padding:var(--el-mention-header-padding)}.el-mention-dropdown__footer{border-top:var(--el-mention-border);padding:var(--el-mention-footer-padding)}
.auth-modal-overlay[data-v-e0acc4ec] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000;
}
.auth-modal-card[data-v-e0acc4ec] {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 1rem;
  padding: 2rem;
  background: #1a2332;
  border: 1px solid #232f48;
  border-radius: 1rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.auth-modal-close[data-v-e0acc4ec] {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.25rem;
  color: #94a3b8;
  background: none;
  border: none;
  cursor: pointer;
}
.auth-modal-close[data-v-e0acc4ec]:hover {
  color: #e2e8f0;
}
.auth-modal-header[data-v-e0acc4ec] {
  margin-bottom: 1.5rem;
}
.auth-modal-logo[data-v-e0acc4ec] {
  font-size: 2rem;
  color: #135bec;
  display: block;
  margin-bottom: 0.5rem;
}
.auth-modal-title[data-v-e0acc4ec] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0 0 0.25rem 0;
}
.auth-modal-subtitle[data-v-e0acc4ec] {
  font-size: 0.875rem;
  color: #94a3b8;
  margin: 0;
}
.auth-form[data-v-e0acc4ec] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-group[data-v-e0acc4ec] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-e0acc4ec] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #cbd5e1;
}
.input-wrapper[data-v-e0acc4ec] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-icon[data-v-e0acc4ec] {
  position: absolute;
  left: 0.75rem;
  color: #94a3b8;
  font-size: 1.125rem;
}
.input-wrapper input[data-v-e0acc4ec] {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #334155;
  background: #0f172a;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.input-wrapper input[data-v-e0acc4ec]:focus {
  outline: none;
  border-color: #135bec;
}
.toggle-pw[data-v-e0acc4ec] {
  position: absolute;
  right: 0.75rem;
  color: #94a3b8;
  cursor: pointer;
}
.submit-btn[data-v-e0acc4ec] {
  width: 100%;
  padding: 0.75rem;
  background: #135bec;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.submit-btn[data-v-e0acc4ec]:hover:not(:disabled) {
  background: #1d64f2;
}
.submit-btn[data-v-e0acc4ec]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.spinner[data-v-e0acc4ec] {
  width: 1rem;
  height: 1rem;
  border: 2px solid transparent;
  border-top-color: white;
  border-radius: 50%;
  animation: spin-e0acc4ec 0.8s linear infinite;
}
@keyframes spin-e0acc4ec {
to { transform: rotate(360deg);
}
}
.error-msg[data-v-e0acc4ec] {
  color: #ef4444;
  font-size: 0.875rem;
  margin: 0;
  text-align: center;
}
.auth-switch[data-v-e0acc4ec] {
  margin-top: 1rem;
  text-align: center;
  font-size: 0.875rem;
  color: #94a3b8;
}
.auth-switch a[data-v-e0acc4ec] {
  color: #135bec;
  text-decoration: none;
}
.auth-switch a[data-v-e0acc4ec]:hover {
  text-decoration: underline;
}



.system-settings-page[data-v-14fc3273] {
  font-family: "Inter", "Noto Sans SC", sans-serif;
  background-color: #0B1120;
  color: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2rem;
  overflow-y: auto;
}
/* Page Header */
.page-header[data-v-14fc3273] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.header-left[data-v-14fc3273] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.back-btn[data-v-14fc3273] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: #151e32;
  border: 1px solid #232f48;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.back-btn[data-v-14fc3273]:hover {
  background-color: #232f48;
  color: white;
}
.back-btn .material-symbols-outlined[data-v-14fc3273] {
  font-size: 1.25rem;
}
.title-section[data-v-14fc3273] {
  display: flex;
  flex-direction: column;
}
.page-title[data-v-14fc3273] {
  font-size: 1.875rem;
  font-weight: 700;
  color: white;
}
.page-subtitle[data-v-14fc3273] {
  font-size: 0.875rem;
  color: #92a4c9;
  margin-top: 0.125rem;
}
/* Content Cards */
.content-cards[data-v-14fc3273] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.content-card[data-v-14fc3273] {
  background-color: #232f48;
  border-radius: 0.75rem;
  padding: 1.5rem;
  border: 1px solid #2d3b59;
}
.card-title[data-v-14fc3273] {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card-icon[data-v-14fc3273] {
  color: #135bec;
  font-size: 1.25rem;
}
/* Avatar Section */
.avatar-section[data-v-14fc3273] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
.avatar-section[data-v-14fc3273] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
}
.avatar-preview-group[data-v-14fc3273] {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
.avatar-preview-wrapper[data-v-14fc3273] {
  position: relative;
  cursor: pointer;
}
.avatar-preview[data-v-14fc3273] {
  width: 6rem;
  height: 6rem;
  border-radius: 9999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid #0B1120;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}
.avatar-overlay[data-v-14fc3273] {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}
.avatar-preview-wrapper:hover .avatar-overlay[data-v-14fc3273] {
  opacity: 1;
}
.avatar-overlay .material-symbols-outlined[data-v-14fc3273] {
  color: #ffffff;
  font-size: 1.5rem;
}
.avatar-info[data-v-14fc3273] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.avatar-title[data-v-14fc3273] {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: normal;
}
.avatar-hint[data-v-14fc3273] {
  color: #92a4c9;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
/* Buttons */
.btn-secondary[data-v-14fc3273] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  height: 2.5rem;
  padding: 0 1.5rem;
  background-color: #111722;
  border: 1px solid #3e4c6b;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  transition: all 0.2s;
  width: 100%;
}
@media (min-width: 768px) {
.btn-secondary[data-v-14fc3273] {
    width: auto;
}
}
.btn-secondary[data-v-14fc3273]:hover {
  background-color: #1c263a;
}
.btn-primary[data-v-14fc3273] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  height: 2.75rem;
  padding: 0 2rem;
  background-color: #135bec;
  border: none;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  transition: all 0.2s;
  box-shadow: 0 0 15px rgba(19, 91, 236, 0.3);
}
.btn-primary[data-v-14fc3273]:hover {
  background-color: #1e40af;
}
.btn-small[data-v-14fc3273] {
  padding: 0 1rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  background-color: #2d3b59;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  transition: background-color 0.2s;
  white-space: nowrap;
}
.btn-small[data-v-14fc3273]:hover {
  background-color: #3e4c6b;
}
.text-btn[data-v-14fc3273] {
  background: none;
  border: none;
  color: #135bec;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s;
}
.text-btn[data-v-14fc3273]:hover {
  color: #60a5fa;
}
/* Form */
.form-grid[data-v-14fc3273] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px) {
.form-grid[data-v-14fc3273] {
    grid-template-columns: repeat(2, 1fr);
}
}
.form-field[data-v-14fc3273] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-field.full-width[data-v-14fc3273] {
  grid-column: 1 / -1;
}
.form-label[data-v-14fc3273] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #92a4c9;
}
.form-input[data-v-14fc3273] {
  width: 100%;
  background-color: #111722;
  border: 1px solid #3e4c6b;
  border-radius: 0.5rem;
  height: 2.75rem;
  padding: 0 1rem;
  color: #ffffff;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.form-input[data-v-14fc3273]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 1px rgba(19, 91, 236, 0.5);
}
.form-input[data-v-14fc3273]::placeholder {
  color: #5e6e8c;
}
.form-input.readonly[data-v-14fc3273] {
  background-color: rgba(17, 23, 34, 0.5);
  color: #92a4c9;
  cursor: not-allowed;
}
.form-textarea[data-v-14fc3273] {
  width: 100%;
  background-color: #111722;
  border: 1px solid #3e4c6b;
  border-radius: 0.5rem;
  padding: 1rem;
  color: #ffffff;
  font-size: 0.875rem;
  resize: none;
  transition: all 0.2s;
}
.form-textarea[data-v-14fc3273]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 1px rgba(19, 91, 236, 0.5);
}
.form-textarea[data-v-14fc3273]::placeholder {
  color: #5e6e8c;
}
.form-hint[data-v-14fc3273] {
  font-size: 0.75rem;
  color: #5e6e8c;
  margin-top: 0.25rem;
}
.input-readonly-wrapper[data-v-14fc3273] {
  position: relative;
}
.input-readonly-wrapper .lock-icon[data-v-14fc3273] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #5e6e8c;
  font-size: 0.875rem;
}
.input-readonly-wrapper .form-input[data-v-14fc3273] {
  padding-right: 2.5rem;
}
.input-group[data-v-14fc3273] {
  display: flex;
  gap: 0.5rem;
}
.input-group .form-input[data-v-14fc3273] {
  flex: 1;
}
.form-fields-compact[data-v-14fc3273] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
/* Form Row */
.form-row[data-v-14fc3273] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px) {
.form-row[data-v-14fc3273] {
    grid-template-columns: repeat(2, 1fr);
}
}
/* Security Settings */
.security-settings[data-v-14fc3273] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.security-item[data-v-14fc3273] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background-color: #111722;
  border: 1px solid #2d3b59;
}
.security-info[data-v-14fc3273] {
  display: flex;
  flex-direction: column;
}
.security-label[data-v-14fc3273] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.security-hint[data-v-14fc3273] {
  font-size: 0.75rem;
  color: #5e6e8c;
}
/* Toggle Switch */
.toggle-switch[data-v-14fc3273] {
  position: relative;
  display: inline-block;
  width: 2.25rem;
  height: 1.25rem;
  cursor: pointer;
}
.toggle-input[data-v-14fc3273] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.toggle-slider[data-v-14fc3273] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3e4c6b;
  border-radius: 9999px;
  transition: 0.3s;
}
.toggle-slider[data-v-14fc3273]::before {
  position: absolute;
  content: '';
  height: 1rem;
  width: 1rem;
  left: 0.125rem;
  bottom: 0.125rem;
  background-color: #ffffff;
  border-radius: 9999px;
  transition: 0.3s;
}
.toggle-input:checked + .toggle-slider[data-v-14fc3273] {
  background-color: #135bec;
}
.toggle-input:checked + .toggle-slider[data-v-14fc3273]::before {
  transform: translateX(1rem);
}
/* Security Footer */
.security-footer[data-v-14fc3273] {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #2d3b59;
}
.danger-btn[data-v-14fc3273] {
  width: 100%;
  padding: 0.5rem;
  color: #ef4444;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
.danger-btn[data-v-14fc3273]:hover {
  background-color: rgba(239, 68, 68, 0.1);
}
/* Toast Notification */
.toast[data-v-14fc3273] {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background-color: #1e293b;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
  z-index: 100;
  animation: slideIn-14fc3273 0.3s ease-out;
}
.toast.success[data-v-14fc3273] {
  border-left: 4px solid #22c55e;
}
.toast.error[data-v-14fc3273] {
  border-left: 4px solid #ef4444;
}
.toast .material-symbols-outlined[data-v-14fc3273] {
  font-size: 1.25rem;
}
.toast.success .material-symbols-outlined[data-v-14fc3273] {
  color: #22c55e;
}
.toast.error .material-symbols-outlined[data-v-14fc3273] {
  color: #ef4444;
}
@keyframes slideIn-14fc3273 {
from {
    transform: translateY(100%);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
/* Custom Scrollbar */
[data-v-14fc3273]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-14fc3273]::-webkit-scrollbar-track {
  background: #111722;
}
[data-v-14fc3273]::-webkit-scrollbar-thumb {
  background: #232f48;
  border-radius: 4px;
}
[data-v-14fc3273]::-webkit-scrollbar-thumb:hover {
  background: #3e4c6b;
}

.personal-settings-page[data-v-3dcf4d7f] {
  padding: 2rem 3rem;
  min-height: 100%;
  background: var(--bg-primary, #0f1923);
}

/* Page Header */
.page-header[data-v-3dcf4d7f] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.5rem;
  gap: 1rem;
  flex-wrap: wrap;
}
.page-title[data-v-3dcf4d7f] {
  font-size: 1.875rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
  margin-bottom: 0.5rem;
}
.page-subtitle[data-v-3dcf4d7f] {
  color: #94a3b8;
  font-size: 0.875rem;
}
.header-actions[data-v-3dcf4d7f] {
  display: flex;
  gap: 0.75rem;
}
.btn-cancel[data-v-3dcf4d7f] {
  padding: 0.625rem 1.5rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-cancel[data-v-3dcf4d7f]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.btn-save[data-v-3dcf4d7f] {
  padding: 0.625rem 1.5rem;
  border-radius: 0.5rem;
  background: #007AFF;
  color: #fff;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 0 15px rgba(0, 122, 255, 0.5);
}
.btn-save[data-v-3dcf4d7f]:hover {
  box-shadow: 0 0 20px rgba(0, 122, 255, 0.7);
  transform: translateY(-1px);
}

/* Settings Grid */
.settings-grid[data-v-3dcf4d7f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 1024px) {
.settings-grid[data-v-3dcf4d7f] {
    grid-template-columns: 1fr;
}
}

/* Glass Card */
.glass-card[data-v-3dcf4d7f] {
  background: rgba(22, 34, 46, 0.8);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 1rem;
  padding: 1.5rem;
}
.glass-card.full-width[data-v-3dcf4d7f] {
  grid-column: 1 / -1;
}
.card-header[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.card-header .text-primary[data-v-3dcf4d7f] {
  color: #007AFF;
}
.card-title[data-v-3dcf4d7f] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
}
.header-with-action[data-v-3dcf4d7f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.header-title-group[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Avatar Section */
.avatar-section[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.avatar-wrapper[data-v-3dcf4d7f] {
  position: relative;
}
.avatar[data-v-3dcf4d7f] {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 4px solid rgba(0, 122, 255, 0.3);
  overflow: hidden;
  background: #1e293b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.avatar[data-v-3dcf4d7f]:hover {
  border-color: #007AFF;
  box-shadow: 0 0 15px rgba(0, 122, 255, 0.4);
}
.avatar img[data-v-3dcf4d7f] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar .material-symbols-outlined[data-v-3dcf4d7f] {
  font-size: 3rem;
  color: #64748b;
}
.avatar-edit-btn[data-v-3dcf4d7f] {
  position: absolute;
  bottom: -0.25rem;
  right: -0.25rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #007AFF;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0f1923;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.avatar-edit-btn .material-symbols-outlined[data-v-3dcf4d7f] {
  font-size: 0.875rem;
}
.avatar-actions[data-v-3dcf4d7f] {
  flex: 1;
}
.btn-ai-avatar[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background: rgba(0, 122, 255, 0.2);
  color: #007AFF;
  border: 1px solid rgba(0, 122, 255, 0.3);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-ai-avatar[data-v-3dcf4d7f]:hover {
  box-shadow: 0 0 15px rgba(0, 122, 255, 0.5);
}
.btn-ai-avatar .material-symbols-outlined[data-v-3dcf4d7f] {
  font-size: 1rem;
}
.avatar-hint[data-v-3dcf4d7f] {
  font-size: 0.75rem;
  color: #64748b;
  font-style: italic;
  margin-top: 0.75rem;
}

/* Form Styles */
.form-grid[data-v-3dcf4d7f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 600px) {
.form-grid[data-v-3dcf4d7f] {
    grid-template-columns: 1fr;
}
}
.form-stack[data-v-3dcf4d7f] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-group[data-v-3dcf4d7f] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-label[data-v-3dcf4d7f] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #94a3b8;
  margin-left: 0.25rem;
}
.form-input[data-v-3dcf4d7f],
.form-select[data-v-3dcf4d7f] {
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: #1A222D;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  color: #fff;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.form-input[data-v-3dcf4d7f]:focus,
.form-select[data-v-3dcf4d7f]:focus {
  outline: none;
  border-color: #007AFF;
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2);
}
.form-input.disabled[data-v-3dcf4d7f] {
  color: #64748b;
  cursor: not-allowed;
  opacity: 0.6;
}
.form-input[data-v-3dcf4d7f]::placeholder {
  color: #64748b;
}

/* Info Tip */
.info-tip[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: rgba(0, 122, 255, 0.05);
  border: 1px solid rgba(0, 122, 255, 0.1);
  margin-top: 1.5rem;
}
.info-tip .material-symbols-outlined[data-v-3dcf4d7f] {
  color: #007AFF;
  font-size: 1rem;
}
.info-tip p[data-v-3dcf4d7f] {
  font-size: 0.625rem;
  color: #94a3b8;
}

/* Permission Badge */
.permission-badge[data-v-3dcf4d7f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  background: linear-gradient(to right, rgba(0, 122, 255, 0.1), transparent);
  border: 1px solid rgba(0, 122, 255, 0.2);
  margin-bottom: 1.5rem;
}
.badge-label[data-v-3dcf4d7f] {
  font-size: 0.75rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}
.badge-value[data-v-3dcf4d7f] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #007AFF;
  letter-spacing: -0.025em;
}
.badge-icon[data-v-3dcf4d7f] {
  font-size: 1.875rem;
  color: rgba(0, 122, 255, 0.4);
}

/* Currency Buttons */
.currency-buttons[data-v-3dcf4d7f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.currency-btn[data-v-3dcf4d7f] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: #1A222D;
  color: #cbd5e1;
  font-size: 0.75rem;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.2s;
}
.currency-btn[data-v-3dcf4d7f]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.currency-btn.active[data-v-3dcf4d7f] {
  background: #007AFF;
  color: #fff;
  border-color: #007AFF;
  box-shadow: 0 0 15px rgba(0, 122, 255, 0.5);
}

/* Security Items */
.security-items[data-v-3dcf4d7f] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.security-item[data-v-3dcf4d7f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: #1A222D;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.security-info[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.security-info .material-symbols-outlined[data-v-3dcf4d7f] {
  color: #94a3b8;
}
.security-info .material-symbols-outlined.verified[data-v-3dcf4d7f] {
  color: #007AFF;
}
.security-label[data-v-3dcf4d7f] {
  font-size: 0.75rem;
  color: #64748b;
}
.security-value[data-v-3dcf4d7f] {
  font-size: 0.875rem;
  color: #fff;
  font-weight: 500;
}
.btn-link[data-v-3dcf4d7f] {
  background: none;
  border: none;
  color: #007AFF;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
}
.btn-link[data-v-3dcf4d7f]:hover {
  text-decoration: underline;
}
.verified-badge[data-v-3dcf4d7f] {
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  background: rgba(34, 197, 94, 0.2);
  color: #4ade80;
  font-size: 0.625rem;
  font-weight: 700;
}
.password-section[data-v-3dcf4d7f] {
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.btn-change-password[data-v-3dcf4d7f] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: #1A222D;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.3s;
}
.btn-change-password[data-v-3dcf4d7f]:hover {
  box-shadow: 0 0 15px rgba(0, 122, 255, 0.3);
}
.btn-change-password .material-symbols-outlined[data-v-3dcf4d7f] {
  font-size: 1.125rem;
}

/* Upload Area */
.upload-area[data-v-3dcf4d7f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border: 2px dashed rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  background: #1A222D;
  cursor: pointer;
  transition: all 0.2s;
}
.upload-area[data-v-3dcf4d7f]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(0, 122, 255, 0.5);
}
.upload-area .material-symbols-outlined[data-v-3dcf4d7f] {
  color: #64748b;
  margin-bottom: 0.5rem;
}
.upload-area:hover .material-symbols-outlined[data-v-3dcf4d7f] {
  color: #007AFF;
}
.upload-area p[data-v-3dcf4d7f] {
  font-size: 0.75rem;
  color: #94a3b8;
}

/* Tags */
.tags-container[data-v-3dcf4d7f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.tag[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background: rgba(0, 122, 255, 0.2);
  color: #007AFF;
  font-size: 0.625rem;
  font-weight: 700;
  border: 1px solid rgba(0, 122, 255, 0.3);
}
.tag-close[data-v-3dcf4d7f] {
  font-size: 0.75rem;
  cursor: pointer;
}
.btn-add-tag[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background: #1A222D;
  color: #64748b;
  font-size: 0.625rem;
  font-weight: 700;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: all 0.2s;
}
.btn-add-tag[data-v-3dcf4d7f]:hover {
  border-color: rgba(0, 122, 255, 0.5);
  color: #007AFF;
}
.btn-add-tag .material-symbols-outlined[data-v-3dcf4d7f] {
  font-size: 0.75rem;
}

/* Add Buttons */
.btn-add-company[data-v-3dcf4d7f],
.btn-add-customer[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  background: rgba(0, 122, 255, 0.2);
  color: #007AFF;
  border: 1px solid rgba(0, 122, 255, 0.3);
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-add-company[data-v-3dcf4d7f]:hover,
.btn-add-customer[data-v-3dcf4d7f]:hover {
  box-shadow: 0 0 15px rgba(0, 122, 255, 0.5);
}
.btn-add-company .material-symbols-outlined[data-v-3dcf4d7f],
.btn-add-customer .material-symbols-outlined[data-v-3dcf4d7f] {
  font-size: 1rem;
}
.btn-add-customer[data-v-3dcf4d7f] {
  padding: 0.5rem 1.25rem;
  background: #007AFF;
  color: #fff;
  border: none;
  box-shadow: 0 0 15px rgba(0, 122, 255, 0.5);
}

/* Customer Form */
.customer-form[data-v-3dcf4d7f] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
.customer-form[data-v-3dcf4d7f] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.customer-form[data-v-3dcf4d7f] {
    grid-template-columns: 1fr;
}
}

/* Customer Table */
.customer-table-wrapper[data-v-3dcf4d7f] {
  overflow: hidden;
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(26, 34, 45, 0.5);
}
.customer-table[data-v-3dcf4d7f] {
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  border-collapse: collapse;
}
.customer-table thead[data-v-3dcf4d7f] {
  background: rgba(255, 255, 255, 0.1);
}
.customer-table th[data-v-3dcf4d7f] {
  padding: 0.75rem 1rem;
  font-weight: 600;
  color: #94a3b8;
}
.customer-table tbody tr[data-v-3dcf4d7f] {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  transition: background 0.2s;
}
.customer-table tbody tr[data-v-3dcf4d7f]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.customer-table td[data-v-3dcf4d7f] {
  padding: 1rem;
  color: #cbd5e1;
}
.customer-table .customer-name[data-v-3dcf4d7f] {
  color: #fff;
  font-weight: 500;
}
.customer-table .text-muted[data-v-3dcf4d7f] {
  color: #64748b;
}
.customer-table .text-center[data-v-3dcf4d7f] {
  text-align: center;
  padding: 2rem 1rem;
}
.customer-table .text-right[data-v-3dcf4d7f] {
  text-align: right;
}

/* Footer */
.page-footer[data-v-3dcf4d7f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  margin-top: 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  color: #64748b;
  font-size: 0.75rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer-links[data-v-3dcf4d7f] {
  display: flex;
  gap: 1.5rem;
}
.footer-links a[data-v-3dcf4d7f] {
  color: #64748b;
  text-decoration: none;
  transition: color 0.2s;
}
.footer-links a[data-v-3dcf4d7f]:hover {
  color: #cbd5e1;
}

/* 公司 Logo 上传区域 */
.company-logo-upload-area[data-v-3dcf4d7f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.company-logo-preview[data-v-3dcf4d7f] {
  width: 200px;
  height: 80px;
  border-radius: 0.5rem;
  border: 2px dashed rgba(148, 163, 184, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s;
  background: rgba(15, 23, 42, 0.4);
}
.company-logo-preview[data-v-3dcf4d7f]:hover {
  border-color: rgba(0, 122, 255, 0.5);
  background: rgba(0, 122, 255, 0.05);
}
.company-logo-img[data-v-3dcf4d7f] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.company-logo-placeholder[data-v-3dcf4d7f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  color: #64748b;
}
.company-logo-placeholder .material-symbols-outlined[data-v-3dcf4d7f] {
  font-size: 1.5rem;
}
.company-logo-placeholder .placeholder-text[data-v-3dcf4d7f] {
  font-size: 0.75rem;
}
.company-logo-actions[data-v-3dcf4d7f] {
  display: flex;
  gap: 0.5rem;
}
.btn-logo-upload[data-v-3dcf4d7f],
.btn-logo-remove[data-v-3dcf4d7f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid;
}
.btn-logo-upload[data-v-3dcf4d7f] {
  background: rgba(0, 122, 255, 0.15);
  color: #60a5fa;
  border-color: rgba(0, 122, 255, 0.3);
}
.btn-logo-upload[data-v-3dcf4d7f]:hover {
  background: rgba(0, 122, 255, 0.25);
}
.btn-logo-remove[data-v-3dcf4d7f] {
  background: rgba(239, 68, 68, 0.1);
  color: #f87171;
  border-color: rgba(239, 68, 68, 0.3);
}
.btn-logo-remove[data-v-3dcf4d7f]:hover {
  background: rgba(239, 68, 68, 0.2);
}
.btn-logo-upload .material-symbols-outlined[data-v-3dcf4d7f],
.btn-logo-remove .material-symbols-outlined[data-v-3dcf4d7f] {
  font-size: 1rem;
}
.logo-hint[data-v-3dcf4d7f] {
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.4;
}

.settings-dialog-overlay[data-v-e62c4f54] {
  position: fixed;
  inset: 0;
  z-index: 99990;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.settings-dialog-container[data-v-e62c4f54] {
  position: relative;
  width: 92vw;
  max-width: 1200px;
  height: 90vh;
  background-color: #0f1623;
  border: 1px solid #232f48;
  border-radius: 1rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.settings-dialog-header[data-v-e62c4f54] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
}
.settings-dialog-close[data-v-e62c4f54] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 1px solid #232f48;
  background-color: rgba(15, 22, 35, 0.9);
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.settings-dialog-close[data-v-e62c4f54]:hover {
  color: #ffffff;
  background-color: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.settings-dialog-body[data-v-e62c4f54] {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}

/* 让内嵌的设置页面适应弹窗容器 */
.settings-dialog-body[data-v-e62c4f54] .system-settings-page,
.settings-dialog-body[data-v-e62c4f54] .personal-settings-page {
  min-height: 100%;
}

/* 隐藏内嵌设置页面的返回按钮（弹窗已有关闭按钮） */
.settings-dialog-body[data-v-e62c4f54] .back-btn {
  display: none;
}

/* 动画 */
.settings-dialog-enter-active[data-v-e62c4f54],
.settings-dialog-leave-active[data-v-e62c4f54] {
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.settings-dialog-enter-active .settings-dialog-container[data-v-e62c4f54],
.settings-dialog-leave-active .settings-dialog-container[data-v-e62c4f54] {
  transition: transform 0.25s ease;
}
.settings-dialog-enter-from[data-v-e62c4f54],
.settings-dialog-leave-to[data-v-e62c4f54] {
  opacity: 0;
}
.settings-dialog-enter-from .settings-dialog-container[data-v-e62c4f54] {
  transform: scale(0.95) translateY(1rem);
}
.settings-dialog-leave-to .settings-dialog-container[data-v-e62c4f54] {
  transform: scale(0.95) translateY(1rem);
}

.hero[data-v-33f1e819] {
  padding: 18px 0 10px;
}
.kicker[data-v-33f1e819] {
  color: #92a4c9;
  font-size: 12px;
  letter-spacing: 0.08em;
}
.headline[data-v-33f1e819] {
  margin: 8px 0 6px;
  font-size: 28px;
  font-weight: 900;
  color: #ffffff;
}
.desc[data-v-33f1e819] {
  color: #b8c5e2;
  font-size: 14px;
}
.grid[data-v-33f1e819] {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.card[data-v-33f1e819] {
  border: 1px solid #232f48;
  background: #151e32;
  color: #e5e7eb;
}
.card[data-v-33f1e819] .el-card__body {
  padding: 16px;
}
.card-body[data-v-33f1e819] {
  display: flex;
  gap: 12px;
  align-items: center;
}
.icon[data-v-33f1e819] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(19, 91, 236, 0.18);
  display: grid;
  place-items: center;
  font-size: 18px;
}
.name[data-v-33f1e819] {
  font-weight: 800;
  color: #ffffff;
}
.hint[data-v-33f1e819] {
  margin-top: 4px;
  font-size: 12px;
  color: #92a4c9;
}
.actions[data-v-33f1e819] {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
}
@media (max-width: 980px) {
.grid[data-v-33f1e819] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}



.product-database[data-v-bf1f3464] {
  font-family: "Noto Sans SC", sans-serif;
  background-color: #101622;
  color: white;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 72px; /* Space for fixed header - reduced */
}
/* Hero Section */
.hero-section[data-v-bf1f3464] {
  position: relative;
  padding: 1rem 1rem 1.5rem 1rem; /* Reduced from 3rem 1rem 2rem */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero-bg[data-v-bf1f3464] {
  position: absolute;
  inset: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23324467" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
  opacity: 0.3;
  z-index: 0;
}
.hero-overlay[data-v-bf1f3464] {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(17, 23, 34, 0.8), #101622);
  z-index: 0;
}
.hero-content[data-v-bf1f3464] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem; /* Reduced from 2rem */
  width: 100%;
  max-width: 1200px;
}
/* Hero Text */
.hero-text[data-v-bf1f3464] {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem; /* Reduced from 0.5rem */
  margin-bottom: 0; /* Removed margin */
}
.hero-title[data-v-bf1f3464] {
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
  font-size: 1.75rem; /* Reduced from 2.5rem */
  font-weight: 700; /* Reduced from 900 */
  letter-spacing: -0.02em;
  color: white;
}
@media (max-width: 768px) {
.hero-title[data-v-bf1f3464] {
    font-size: 1.25rem; /* Reduced from 2rem */
}
}
.hero-subtitle[data-v-bf1f3464] {
  font-size: 0.875rem; /* Reduced from 1rem */
  color: #94a3b8;
}
/* Search and Filter Row */
.search-filter-row[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
/* Search Wrapper */
.search-wrapper[data-v-bf1f3464] {
  flex: 1;
}
.search-box[data-v-bf1f3464] {
  display: flex;
  align-items: stretch;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #324467;
  background-color: #192233;
  transition: border-color 0.2s;
}
.search-box[data-v-bf1f3464]:focus-within {
  border-color: #135bec;
}
.search-icon[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem 0 1rem;
  color: #94a3b8;
}
.search-input[data-v-bf1f3464] {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  outline: none;
  color: white;
  font-size: 1rem;
  font-weight: 500;
  height: 100%;
}
.search-input[data-v-bf1f3464]::placeholder {
  color: rgba(148, 163, 184, 0.5);
}
.search-btn-container[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
.search-btn[data-v-bf1f3464] {
  padding: 0.625rem 1.5rem;
  border-radius: 6px;
  background-color: #135bec;
  color: white;
  font-size: 0.875rem;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
}
.search-btn[data-v-bf1f3464]:hover {
  background-color: #1d6bf5;
}
/* Filter Toggle Button */
.filter-toggle-btn[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1.5rem;
  height: 56px;
  border-radius: 8px;
  background-color: #192233;
  border: 1px solid #324467;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}
.filter-toggle-btn[data-v-bf1f3464]:hover {
  background-color: #232f48;
  border-color: #475e8a;
}
.filter-toggle-btn.active[data-v-bf1f3464] {
  background-color: rgba(19, 91, 236, 0.1);
  border-color: #135bec;
  color: #135bec;
}
.filter-toggle-btn .material-symbols-outlined[data-v-bf1f3464] {
  font-size: 20px;
}
.dropdown-arrow[data-v-bf1f3464] {
  font-size: 20px;
  transition: transform 0.3s;
}
.dropdown-arrow.rotated[data-v-bf1f3464] {
  transform: rotate(180deg);
}
/* Hot Chips Row */
.hot-chips-row[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  flex-wrap: wrap;
}
.hot-label[data-v-bf1f3464] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.hot-chips-list[data-v-bf1f3464] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.hot-chip[data-v-bf1f3464] {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  border-radius: 999px;
  background-color: #192233;
  border: 1px solid #324467;
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.hot-chip[data-v-bf1f3464]:hover {
  border-color: rgba(19, 91, 236, 0.5);
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
/* Filter Panel */
.filter-panel[data-v-bf1f3464] {
  width: 100%;
  border-radius: 12px;
  background-color: rgba(25, 34, 51, 0.8);
  border: 1px solid #324467;
  padding: 1.5rem;
  margin-top: 0;
  animation: slideDown-bf1f3464 0.3s ease-out;
}
@keyframes slideDown-bf1f3464 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.filter-panel-header[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #324467;
  margin-bottom: 1.5rem;
}
.filter-panel-title[data-v-bf1f3464] {
  font-size: 1rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
.reset-link[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #135bec;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.reset-link[data-v-bf1f3464]:hover {
  color: #4dabf7;
}
.reset-link .material-symbols-outlined[data-v-bf1f3464] {
  font-size: 16px;
}
/* Filter Content Grid */
.filter-content[data-v-bf1f3464] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
.filter-content[data-v-bf1f3464] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.filter-content[data-v-bf1f3464] {
    grid-template-columns: 1fr;
}
.search-filter-row[data-v-bf1f3464] {
    flex-direction: column;
    align-items: stretch;
}
.filter-toggle-btn[data-v-bf1f3464] {
    width: 100%;
    justify-content: center;
}
}
/* Filter Item */
.filter-item[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.filter-label[data-v-bf1f3464] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
/* Radio Group */
.radio-group[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.radio-label[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.radio-label input[type="radio"][data-v-bf1f3464] {
  display: none;
}
.radio-dot[data-v-bf1f3464] {
  width: 16px;
  height: 16px;
  border: 2px solid #324467;
  border-radius: 50%;
  position: relative;
  transition: all 0.2s;
}
.radio-label input[type="radio"]:checked + .radio-dot[data-v-bf1f3464] {
  border-color: #135bec;
  background-color: #135bec;
}
.radio-label input[type="radio"]:checked + .radio-dot[data-v-bf1f3464]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: white;
}
.radio-text[data-v-bf1f3464] {
  font-size: 0.875rem;
  color: white;
}
/* Checkbox Group */
.checkbox-group[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 180px;
  overflow-y: auto;
  padding-right: 0.5rem;
}
.checkbox-label[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.checkbox-container[data-v-bf1f3464] {
  position: relative;
}
.checkbox-input[data-v-bf1f3464] {
  display: none;
}
.checkbox-check[data-v-bf1f3464] {
  width: 16px;
  height: 16px;
  border: 1px solid #324467;
  border-radius: 4px;
  background-color: #192233;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.checkbox-label input[type="checkbox"]:checked + .checkbox-check[data-v-bf1f3464] {
  border-color: #135bec;
  background-color: #135bec;
}
.checkbox-check .material-symbols-outlined[data-v-bf1f3464] {
  font-size: 12px;
  color: white;
  opacity: 0;
}
.checkbox-label input[type="checkbox"]:checked + .checkbox-check .material-symbols-outlined[data-v-bf1f3464] {
  opacity: 1;
}
.checkbox-text[data-v-bf1f3464] {
  font-size: 0.875rem;
  color: white;
  flex: 1;
}
.checkbox-count[data-v-bf1f3464] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-left: auto;
}
/* Price Range */
.price-range-box[data-v-bf1f3464] {
  width: 100%;
}
.price-inputs[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.price-input[data-v-bf1f3464] {
  flex: 1;
  height: 40px;
  padding: 0 0.75rem;
  border-radius: 6px;
  border: 1px solid #324467;
  background-color: #111722;
  color: white;
  font-size: 0.875rem;
  transition: border-color 0.2s;
}
.price-input[data-v-bf1f3464]:focus {
  outline: none;
  border-color: #135bec;
}
.price-input[data-v-bf1f3464]::placeholder {
  color: rgba(148, 163, 184, 0.5);
}
.price-separator[data-v-bf1f3464] {
  color: #94a3b8;
}
/* Manufacturer Grid */
.manufacturer-grid[data-v-bf1f3464] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.manufacturer-chip[data-v-bf1f3464] {
  height: 32px;
  padding: 0 1rem;
  border-radius: 999px;
  border: 1px solid #324467;
  background-color: #192233;
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.manufacturer-chip[data-v-bf1f3464]:hover {
  border-color: #475e8a;
}
.manufacturer-chip.active[data-v-bf1f3464] {
  background-color: rgba(19, 91, 236, 0.2);
  border-color: #135bec;
  color: #135bec;
}
/* Filter Footer */
.filter-footer[data-v-bf1f3464] {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  border-top: 1px solid #324467;
}
.apply-filter-btn[data-v-bf1f3464] {
  padding: 0.75rem 3rem;
  border-radius: 8px;
  background-color: #135bec;
  color: white;
  font-size: 0.875rem;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.apply-filter-btn[data-v-bf1f3464]:hover {
  background-color: #1d6bf5;
}
/* Main Content */
.main-content[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 2rem 2rem 2rem;
  flex: 1;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden; /* Prevent outer scroll */
}
/* Results Area */
.results-area[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  gap: 0;
  background-color: #0d1118;
  border: 1px solid #324467;
  border-radius: 8px;
}
/* Results Header */
.results-header[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background-color: #192233;
  border-bottom: 1px solid #324467;
  flex-shrink: 0; /* Prevent shrinking */
}
.results-count[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.count-label[data-v-bf1f3464] {
  font-weight: 500;
  color: white;
}
.count-badge[data-v-bf1f3464] {
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  background-color: rgba(19, 91, 236, 0.2);
  color: #135bec;
  font-size: 0.75rem;
  font-weight: 700;
}
.results-controls[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sort-select[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sort-label[data-v-bf1f3464] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.sort-input[data-v-bf1f3464] {
  background-color: #111722;
  border: 1px solid #324467;
  color: white;
  font-size: 0.875rem;
  border-radius: 4px;
  padding: 0.375rem 0.5rem;
  cursor: pointer;
}
.sort-input[data-v-bf1f3464]:focus {
  outline: none;
  border-color: #135bec;
}
/* Column Filter Button */
.column-filter-btn[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  background-color: #192233;
  border: 1px solid #324467;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.column-filter-btn[data-v-bf1f3464]:hover {
  background-color: #232f48;
  border-color: #475e8a;
}
.column-filter-btn.active[data-v-bf1f3464] {
  background-color: rgba(19, 91, 236, 0.1);
  border-color: #135bec;
  color: #135bec;
}
.column-filter-btn .material-symbols-outlined[data-v-bf1f3464] {
  font-size: 18px;
}
/* Column Filter Panel */
.column-filter-panel[data-v-bf1f3464] {
  padding: 1rem;
  background-color: rgba(25, 34, 51, 0.8);
  border-bottom: 1px solid #324467;
  flex-shrink: 0;
}
.column-filter-header[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.column-filter-title[data-v-bf1f3464] {
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
}
.reset-column-btn[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #135bec;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.reset-column-btn[data-v-bf1f3464]:hover {
  color: #4dabf7;
}
.reset-column-btn .material-symbols-outlined[data-v-bf1f3464] {
  font-size: 16px;
}
.column-filter-grid[data-v-bf1f3464] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* Field Filter Items */
.field-filter-item[data-v-bf1f3464] {
  position: relative;
  width: calc(50% - 0.25rem);
}
.field-filter-trigger[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.625rem 0.75rem;
  background-color: #192233;
  border: 1px solid #324467;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}
.field-filter-trigger[data-v-bf1f3464]:hover {
  background-color: #232f48;
  border-color: #4a5568;
}
.field-filter-trigger.active[data-v-bf1f3464] {
  background-color: #135bec;
  border-color: #135bec;
}
.field-filter-trigger.has-filter[data-v-bf1f3464] {
  border-color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.field-filter-label[data-v-bf1f3464] {
  font-size: 0.875rem;
  color: #cbd5e1;
}
.field-filter-trigger.active .field-filter-label[data-v-bf1f3464],
.field-filter-trigger.has-filter .field-filter-label[data-v-bf1f3464] {
  color: white;
}
.field-filter-count[data-v-bf1f3464] {
  font-size: 0.75rem;
  color: #94a3b8;
  background-color: #0d1118;
  padding: 2px 8px;
  border-radius: 10px;
  min-width: 20px;
  text-align: center;
}
.field-filter-trigger.active .field-filter-count[data-v-bf1f3464],
.field-filter-trigger.has-filter .field-filter-count[data-v-bf1f3464] {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}
.field-filter-trigger .dropdown-icon[data-v-bf1f3464] {
  font-size: 1rem;
  color: #94a3b8;
  transition: transform 0.2s;
}
.field-filter-trigger.active .dropdown-icon[data-v-bf1f3464] {
  color: white;
}
.field-filter-trigger .dropdown-icon.rotated[data-v-bf1f3464] {
  transform: rotate(180deg);
}
/* Field Filter Dropdown */
.field-filter-dropdown[data-v-bf1f3464] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background-color: #192233;
  border: 1px solid #324467;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 100;
  max-height: 300px;
  display: flex;
  flex-direction: column;
}
.field-filter-actions[data-v-bf1f3464] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  border-bottom: 1px solid #324467;
  flex-shrink: 0;
}
.filter-action-btn[data-v-bf1f3464] {
  flex: 1;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  color: #94a3b8;
  background: transparent;
  border: 1px solid #324467;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.filter-action-btn[data-v-bf1f3464]:hover {
  color: white;
  background-color: #232f48;
  border-color: #4a5568;
}
.field-filter-values[data-v-bf1f3464] {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}
.field-value-checkbox[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.15s;
}
.field-value-checkbox[data-v-bf1f3464]:hover {
  background-color: #232f48;
}
.fv-checkbox[data-v-bf1f3464] {
  width: 14px;
  height: 14px;
  border: 1px solid #324467;
  border-radius: 3px;
  background-color: #0d1118;
  cursor: pointer;
  accent-color: #135bec;
  flex-shrink: 0;
}
.fv-text[data-v-bf1f3464] {
  font-size: 0.813rem;
  color: #cbd5e1;
  word-break: break-word;
}
.field-empty[data-v-bf1f3464] {
  padding: 1rem;
  text-align: center;
  color: #64748b;
  font-size: 0.813rem;
}
/* Loading State */
.loading-state[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}
.spinner[data-v-bf1f3464] {
  width: 40px;
  height: 40px;
  border: 3px solid #324467;
  border-top-color: #135bec;
  border-radius: 50%;
  animation: spin-bf1f3464 1s linear infinite;
}
@keyframes spin-bf1f3464 {
to {
    transform: rotate(360deg);
}
}
/* Empty State */
.empty-state[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 0.5rem;
}
.empty-icon[data-v-bf1f3464] {
  font-size: 64px;
  color: #324467;
}
.empty-text[data-v-bf1f3464] {
  font-size: 1rem;
  color: white;
}
.empty-hint[data-v-bf1f3464] {
  font-size: 0.875rem;
  color: #94a3b8;
}
/* Results List Scroll Container */
.results-list-scroll[data-v-bf1f3464] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
}
/* Results List */
.results-list[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
/* Inline Prices */
.device-prices-inline[data-v-bf1f3464] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.inline-price-item[data-v-bf1f3464] {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
}
.inline-price-label[data-v-bf1f3464] {
  font-size: 0.75rem;
  color: #94a3b8;
  white-space: nowrap;
}
.inline-price-value[data-v-bf1f3464] {
  font-size: 0.875rem;
  font-weight: 600;
  font-family: "Space Grotesk", sans-serif;
  color: #135bec;
}
.inline-price-value.price-6[data-v-bf1f3464] {
  color: #22c55e;
}
.inline-price-value.price-13[data-v-bf1f3464] {
  color: #f59e0b;
}
.tag-series[data-v-bf1f3464] {
  border-color: #8b5cf7;
  background-color: rgba(139, 92, 247, 0.1);
  color: #8b5cf7;
}
/* Device Card */
.device-card[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border-radius: 12px;
  background-color: #192233;
  border: 1px solid #324467;
  cursor: pointer;
  transition: all 0.2s;
}
@media (min-width: 768px) {
.device-card[data-v-bf1f3464] {
    flex-direction: row;
    align-items: center;
}
}
.device-card[data-v-bf1f3464]:hover {
  border-color: rgba(19, 91, 236, 0.5);
  box-shadow: 0 10px 25px -5px rgba(19, 91, 236, 0.1);
}
/* Device Image */
.device-image[data-v-bf1f3464] {
  width: 100%;
  height: 128px;
  flex-shrink: 0;
  border-radius: 8px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
.device-image[data-v-bf1f3464] {
    width: 128px;
}
}
.device-icon[data-v-bf1f3464] {
  font-size: 64px;
  color: #324467;
}
.price-badge[data-v-bf1f3464] {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background-color: #ef4444;
  color: white;
  font-size: 0.625rem;
  font-weight: 700;
}
/* Device Details */
.device-details[data-v-bf1f3464] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.device-header[data-v-bf1f3464] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.device-title-section[data-v-bf1f3464] {
  min-width: 0;
}
.device-model[data-v-bf1f3464] {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.device-card:hover .device-model[data-v-bf1f3464] {
  color: #135bec;
}
.device-tags[data-v-bf1f3464] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}
.tag[data-v-bf1f3464] {
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  background-color: #111722;
  border: 1px solid #324467;
  font-size: 0.75rem;
  color: #94a3b8;
}
.tag-manufacturer[data-v-bf1f3464] {
  border-color: #324467;
}
.tag-category[data-v-bf1f3464] {
  border-color: #324467;
}
.tag-sub[data-v-bf1f3464] {
  border-color: #324467;
}
.tag-grade[data-v-bf1f3464] {
  background-color: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.3);
  color: #22c55e;
}
.device-price-section[data-v-bf1f3464] {
  text-align: right;
}
.price-label[data-v-bf1f3464] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.device-price[data-v-bf1f3464] {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #135bec;
}
.device-divider[data-v-bf1f3464] {
  height: 1px;
  background-color: #324467;
  margin: 0.25rem 0;
}
.device-footer[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
/* Device Prices Section */
.device-prices[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.75rem;
  border-radius: 8px;
  background-color: rgba(19, 91, 236, 0.05);
  border: 1px solid rgba(19, 91, 236, 0.15);
}
.price-row[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.device-prices .price-label[data-v-bf1f3464] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.device-prices .price-value[data-v-bf1f3464] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #135bec;
}
.device-prices .price-value.price-6[data-v-bf1f3464] {
  color: #22c55e;
}
.device-prices .price-value.price-13[data-v-bf1f3464] {
  color: #f59e0b;
}
.device-meta[data-v-bf1f3464] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.meta-item[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: #94a3b8;
}
.meta-icon[data-v-bf1f3464] {
  font-size: 16px;
  color: #6b7280;
}
.device-actions[data-v-bf1f3464] {
  display: flex;
  gap: 0.5rem;
}
.action-btn[data-v-bf1f3464] {
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.action-btn.secondary[data-v-bf1f3464] {
  border: 1px solid #324467;
  background-color: #111722;
  color: white;
}
.action-btn.secondary[data-v-bf1f3464]:hover {
  background-color: #324467;
}
.action-btn.primary[data-v-bf1f3464] {
  background-color: #135bec;
  border: none;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.2);
}
.action-btn.primary[data-v-bf1f3464]:hover {
  background-color: #1d6bf5;
}
/* Pagination */
.pagination[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background-color: #192233;
  border-top: 1px solid #324467;
  flex-shrink: 0;
}
.page-btn[data-v-bf1f3464],
.page-num[data-v-bf1f3464] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.page-btn[data-v-bf1f3464] {
  border: 1px solid #324467;
  background-color: #192233;
  color: #94a3b8;
}
.page-btn[data-v-bf1f3464]:hover:not(:disabled) {
  color: white;
  border-color: #135bec;
}
.page-btn[data-v-bf1f3464]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-num[data-v-bf1f3464] {
  border: 1px solid #324467;
  background-color: #192233;
  color: #94a3b8;
}
.page-num[data-v-bf1f3464]:hover {
  color: white;
  border-color: #135bec;
}
.page-num.active[data-v-bf1f3464] {
  background-color: #135bec;
  border-color: #135bec;
  color: white;
  font-weight: 700;
}
/* Modal */
.modal-overlay[data-v-bf1f3464] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 2rem;
}
.modal-dialog[data-v-bf1f3464] {
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 1rem;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.modal-header[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #232f48;
}
.modal-title[data-v-bf1f3464] {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
}
.modal-close[data-v-bf1f3464] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.modal-close[data-v-bf1f3464]:hover {
  background-color: #232f48;
  color: white;
}
.modal-content[data-v-bf1f3464] {
  padding: 1.5rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.detail-image[data-v-bf1f3464] {
  width: 100%;
  height: 200px;
  border-radius: 12px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-icon[data-v-bf1f3464] {
  font-size: 96px;
  color: #324467;
}
.detail-model[data-v-bf1f3464] {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
}
.detail-tags[data-v-bf1f3464] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.detail-tag[data-v-bf1f3464] {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  background-color: #232f48;
  color: #94a3b8;
  font-size: 0.875rem;
}
.detail-grid[data-v-bf1f3464] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.detail-item[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.detail-label[data-v-bf1f3464] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.detail-value[data-v-bf1f3464] {
  font-size: 1rem;
  color: white;
}
.detail-remarks[data-v-bf1f3464] {
  padding: 1rem;
  border-radius: 8px;
  background-color: #111722;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.remarks-label[data-v-bf1f3464] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #94a3b8;
}
.remarks-text[data-v-bf1f3464] {
  font-size: 0.875rem;
  color: white;
  white-space: pre-wrap;
}
/* Detail Prices Section */
.detail-prices-section[data-v-bf1f3464] {
  padding: 1rem;
  border-radius: 8px;
  background-color: rgba(19, 91, 236, 0.05);
  border: 1px solid rgba(19, 91, 236, 0.15);
}
.detail-section-title[data-v-bf1f3464] {
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
  margin-bottom: 0.75rem;
}
.detail-prices-grid[data-v-bf1f3464] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media (max-width: 640px) {
.detail-prices-grid[data-v-bf1f3464] {
    grid-template-columns: 1fr;
}
}
.detail-price-card[data-v-bf1f3464] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.75rem;
  border-radius: 8px;
  background-color: #192233;
  border: 1px solid #324467;
}
.detail-price-card.price-6[data-v-bf1f3464] {
  border-color: rgba(34, 197, 94, 0.3);
  background-color: rgba(34, 197, 94, 0.05);
}
.detail-price-card.price-13[data-v-bf1f3464] {
  border-color: rgba(245, 158, 11, 0.3);
  background-color: rgba(245, 158, 11, 0.05);
}
.detail-price-label[data-v-bf1f3464] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.detail-price-value[data-v-bf1f3464] {
  font-size: 1rem;
  font-weight: 700;
  font-family: "Space Grotesk", sans-serif;
  color: #135bec;
}
.detail-price-card.price-6 .detail-price-value[data-v-bf1f3464] {
  color: #22c55e;
}
.detail-price-card.price-13 .detail-price-value[data-v-bf1f3464] {
  color: #f59e0b;
}
.modal-footer[data-v-bf1f3464] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #232f48;
}
.modal-btn[data-v-bf1f3464] {
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s;
}
.modal-btn.cancel[data-v-bf1f3464] {
  border: 1px solid #324467;
  background: transparent;
  color: white;
}
.modal-btn.cancel[data-v-bf1f3464]:hover {
  background-color: rgba(100, 116, 139, 0.1);
}
.modal-btn.confirm[data-v-bf1f3464] {
  background-color: #22c55e;
  border: none;
  color: white;
}
.modal-btn.confirm[data-v-bf1f3464]:hover {
  background-color: #16a34a;
}
/* Scrollbar */
[data-v-bf1f3464]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-bf1f3464]::-webkit-scrollbar-track {
  background: rgba(35, 47, 72, 0.5);
}
[data-v-bf1f3464]::-webkit-scrollbar-thumb {
  background: #324467;
  border-radius: 4px;
}
[data-v-bf1f3464]::-webkit-scrollbar-thumb:hover {
  background: #475e8a;
}

.history-detail-viewer[data-v-2720083c] {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-2720083c 0.2s ease-out;
}
@keyframes fadeIn-2720083c {
from { opacity: 0;
}
to { opacity: 1;
}
}
.fullscreen-modal[data-v-2720083c] {
  width: 100%;
  height: 100%;
  background-color: #0f172a;
  display: flex;
  flex-direction: column;
  animation: slideUp-2720083c 0.3s ease-out;
}
@keyframes slideUp-2720083c {
from { transform: translateY(20px); opacity: 0;
}
to { transform: translateY(0); opacity: 1;
}
}

/* Header */
.viewer-header[data-v-2720083c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
}
.header-left[data-v-2720083c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.record-badge[data-v-2720083c] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  background-color: rgba(19, 91, 236, 0.15);
  color: #60a5fa;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  width: fit-content;
}
.record-badge .material-symbols-outlined[data-v-2720083c] {
  font-size: 0.875rem;
}
.viewer-title[data-v-2720083c] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0;
}
.viewer-subtitle[data-v-2720083c] {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
}
.header-right[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.readonly-badge[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  background-color: rgba(234, 179, 8, 0.15);
  color: #eab308;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.close-btn[data-v-2720083c] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #334155;
  background-color: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-btn[data-v-2720083c]:hover {
  background-color: #ef4444;
  border-color: #ef4444;
  color: #fff;
}

/* Steps Progress */
.steps-progress[data-v-2720083c] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2rem;
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
  gap: 0;
}
.step-item[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
  position: relative;
}
.step-item[data-v-2720083c]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.step-item.active[data-v-2720083c] {
  background-color: rgba(19, 91, 236, 0.15);
}
.step-number[data-v-2720083c] {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #334155;
  color: #94a3b8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.step-item.active .step-number[data-v-2720083c] {
  background-color: #135bec;
  color: #fff;
}
.step-item.completed .step-number[data-v-2720083c] {
  background-color: #22c55e;
  color: #fff;
}
.step-info[data-v-2720083c] {
  display: flex;
  flex-direction: column;
}
.step-label[data-v-2720083c] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #94a3b8;
  transition: all 0.2s;
}
.step-item.active .step-label[data-v-2720083c] {
  color: #f1f5f9;
}
.step-count[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
}
.step-connector[data-v-2720083c] {
  width: 3rem;
  height: 2px;
  background-color: #334155;
  margin-left: 1rem;
}
.step-item.completed + .step-item .step-connector[data-v-2720083c],
.step-item.completed .step-connector[data-v-2720083c] {
  background-color: #22c55e;
}

/* Content */
.viewer-content[data-v-2720083c] {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem 2rem;
}
.step-content[data-v-2720083c] {
  animation: fadeIn-2720083c 0.3s ease-out;
}
.content-header[data-v-2720083c] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #334155;
}
.content-title-area[data-v-2720083c] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.content-icon[data-v-2720083c] {
  font-size: 2rem;
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.15);
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.content-title[data-v-2720083c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0;
}
.content-desc[data-v-2720083c] {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0.25rem 0 0;
}
.content-stats[data-v-2720083c] {
  display: flex;
  gap: 1.5rem;
}
.stat-item[data-v-2720083c] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0.5rem 1rem;
  background-color: #1e293b;
  border-radius: 0.5rem;
  border: 1px solid #334155;
}
.stat-item.highlight[data-v-2720083c] {
  border-color: #22c55e;
  background-color: rgba(34, 197, 94, 0.1);
}
.stat-item.warning[data-v-2720083c] {
  border-color: #eab308;
  background-color: rgba(234, 179, 8, 0.1);
}
.stat-label[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
}
.stat-value[data-v-2720083c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #f1f5f9;
}
.stat-value.amount[data-v-2720083c] {
  color: #22c55e;
}

/* Import Tables - Side by Side */
.import-tables-row[data-v-2720083c] {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.import-table-col[data-v-2720083c] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.import-table-title[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.import-table-title .title-text[data-v-2720083c] {
  font-size: 0.9375rem;
  font-weight: 600;
}
.import-table-title .title-text.original[data-v-2720083c] {
  color: #3b82f6;
}
.import-table-title .title-text.converted[data-v-2720083c] {
  color: #3b82f6;
}
.import-table-title .title-badge[data-v-2720083c] {
  font-size: 0.75rem;
  color: #22c55e;
  background-color: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 999px;
  padding: 0.125rem 0.625rem;
  white-space: nowrap;
}
.import-table-scroll[data-v-2720083c] {
  max-height: calc(100vh - 360px);
}
.no-data-placeholder[data-v-2720083c] {
  padding: 3rem;
  text-align: center;
  color: #64748b;
  font-size: 0.875rem;
}

/* Headers Hint */
.headers-hint[data-v-2720083c] {
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid #334155;
}
.hint-label[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
}
.hint-value[data-v-2720083c] {
  font-size: 0.875rem;
  color: #94a3b8;
  margin-left: 0.5rem;
}

/* Table Section */
.table-section[data-v-2720083c] {
  background-color: #1e293b;
  border-radius: 0.75rem;
  border: 1px solid #334155;
  overflow: hidden;
}
.table-wrapper[data-v-2720083c] {
  overflow-x: auto;
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}
.data-table[data-v-2720083c] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.data-table thead[data-v-2720083c] {
  position: sticky;
  top: 0;
  z-index: 10;
}
.data-table th[data-v-2720083c] {
  padding: 0.875rem 1rem;
  text-align: left;
  background-color: #0f172a;
  color: #64748b;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #334155;
  white-space: nowrap;
}
.data-table td[data-v-2720083c] {
  padding: 0.75rem 1rem;
  color: #e2e8f0;
  border-bottom: 1px solid #334155;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-table tbody tr[data-v-2720083c]:hover {
  background-color: rgba(255, 255, 255, 0.02);
}
.data-table.readonly td[data-v-2720083c] {
  cursor: default;
}
.row-num[data-v-2720083c] {
  width: 50px;
  text-align: center !important;
  color: #64748b;
  font-weight: 500;
}
.model-cell[data-v-2720083c] {
  font-family: "JetBrains Mono", monospace;
  color: #a5b4fc;
}
.matched-model[data-v-2720083c] {
  font-family: "JetBrains Mono", monospace;
  color: #22c55e;
  font-weight: 500;
}
.price-cell[data-v-2720083c] {
  text-align: right;
  font-weight: 500;
}
.final-price[data-v-2720083c] {
  color: #22c55e !important;
  font-weight: 700;
}
.no-data-cell[data-v-2720083c] {
  text-align: center !important;
  padding: 3rem !important;
  color: #64748b;
}

/* Match Rate */
.match-rate[data-v-2720083c] {
  display: inline-flex;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.75rem;
}
.rate-high[data-v-2720083c] {
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}
.rate-mid[data-v-2720083c] {
  background-color: rgba(234, 179, 8, 0.15);
  color: #eab308;
}
.rate-low[data-v-2720083c] {
  background-color: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

/* Match Row Classes */
.match-high-row[data-v-2720083c] {
  border-left: 3px solid #22c55e;
}
.match-mid-row[data-v-2720083c] {
  border-left: 3px solid #eab308;
}
.match-low-row[data-v-2720083c] {
  border-left: 3px solid #ef4444;
}

/* Profit Rate */
.profit-rate[data-v-2720083c] {
  display: inline-flex;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.75rem;
}
.profit-high[data-v-2720083c] {
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}
.profit-mid[data-v-2720083c] {
  background-color: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}
.profit-low[data-v-2720083c] {
  background-color: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

/* Table Toggle Buttons */
.table-toggle[data-v-2720083c] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.toggle-btn[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.toggle-btn[data-v-2720083c]:hover {
  background-color: #334155;
  color: #f1f5f9;
}
.toggle-btn.active[data-v-2720083c] {
  background-color: #135bec;
  border-color: #135bec;
  color: #fff;
}
.toggle-btn .material-symbols-outlined[data-v-2720083c] {
  font-size: 1.125rem;
}

/* Section Subtitle */
.section-subtitle[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border-radius: 0.5rem;
  border: 1px solid #334155;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
}
.section-subtitle .material-symbols-outlined[data-v-2720083c] {
  font-size: 1.125rem;
  color: #135bec;
}

/* No Data Wrapper */
.no-data-wrapper[data-v-2720083c] {
  background-color: #1e293b;
  border-radius: 0.75rem;
  border: 1px solid #334155;
  padding: 3rem;
}

/* More Hint */
.more-hint[data-v-2720083c] {
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  text-align: center;
  color: #64748b;
  font-size: 0.75rem;
  background-color: rgba(100, 116, 139, 0.1);
  border-radius: 0.375rem;
}

/* Quote Tabs */
.quote-tabs[data-v-2720083c] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.quote-tab[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.quote-tab[data-v-2720083c]:hover {
  background-color: #334155;
  color: #f1f5f9;
}
.quote-tab.active[data-v-2720083c] {
  background-color: #135bec;
  border-color: #135bec;
  color: #fff;
}

/* Footer */
.viewer-footer[data-v-2720083c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background-color: #1e293b;
  border-top: 1px solid #334155;
}
.footer-info[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.info-item[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: #94a3b8;
}
.info-item .material-symbols-outlined[data-v-2720083c] {
  font-size: 1.125rem;
}
.amount-badge[data-v-2720083c] {
  padding: 0.5rem 1rem;
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
  border-radius: 0.5rem;
  font-weight: 600;
}
.footer-nav[data-v-2720083c] {
  display: flex;
  gap: 0.75rem;
}
.nav-btn[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.nav-btn.prev[data-v-2720083c] {
  background-color: #334155;
  color: #f1f5f9;
}
.nav-btn.prev[data-v-2720083c]:hover:not(:disabled) {
  background-color: #475569;
}
.nav-btn.next[data-v-2720083c] {
  background-color: #135bec;
  color: #fff;
}
.nav-btn.next[data-v-2720083c]:hover:not(:disabled) {
  background-color: #1d64f2;
}
.nav-btn[data-v-2720083c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Scrollbar */
.table-wrapper[data-v-2720083c]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.table-wrapper[data-v-2720083c]::-webkit-scrollbar-track {
  background: #1e293b;
}
.table-wrapper[data-v-2720083c]::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}
.table-wrapper[data-v-2720083c]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/* Export Actions */
.export-actions[data-v-2720083c] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.export-action-btn[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.export-action-btn.pdf[data-v-2720083c] {
  background-color: #ef4444;
  color: #fff;
}
.export-action-btn.pdf[data-v-2720083c]:hover:not(:disabled) {
  background-color: #dc2626;
}
.export-action-btn.excel[data-v-2720083c] {
  background-color: #22c55e;
  color: #fff;
}
.export-action-btn.excel[data-v-2720083c]:hover:not(:disabled) {
  background-color: #16a34a;
}
.export-action-btn[data-v-2720083c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Quotation Preview */
.quotation-preview[data-v-2720083c] {
  background-color: white;
  color: #0f172a;
  min-height: 900px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
  padding: 3rem;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 0.125rem;
  max-width: 210mm;
  margin: 0 auto;
}
.doc-decoration[data-v-2720083c] {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  background: linear-gradient(135deg, rgba(19, 91, 236, 0.05) 0%, transparent 70%);
  pointer-events: none;
}
.doc-header[data-v-2720083c] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #e2e8f0;
}
.company-info[data-v-2720083c] {
  flex: 1;
}
.custom-logo-img[data-v-2720083c] {
  max-width: 180px;
  max-height: 60px;
  object-fit: contain;
  margin-bottom: 0.75rem;
}
.company-contact[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}
.company-logo[data-v-2720083c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.company-logo .logo-icon[data-v-2720083c] {
  width: 40px;
  height: 40px;
}
.logo-text-group[data-v-2720083c] {
  display: flex;
  flex-direction: column;
}
.logo-cn[data-v-2720083c] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #005bac;
  line-height: 1.2;
}
.logo-en[data-v-2720083c] {
  font-size: 0.5rem;
  color: #8dc21f;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.company-name[data-v-2720083c] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 0.25rem 0;
}
.company-address[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
  line-height: 1.4;
}
.quote-info[data-v-2720083c] {
  text-align: right;
}
.doc-title[data-v-2720083c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #005bac;
  margin: 0 0 0.5rem 0;
  letter-spacing: 0.1em;
}
.quote-number[data-v-2720083c],
.quote-date[data-v-2720083c] {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0.25rem 0;
}
.info-grid[data-v-2720083c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 3rem;
}
.info-block[data-v-2720083c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.info-block.text-right[data-v-2720083c] {
  text-align: right;
}
.info-label[data-v-2720083c] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748b;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.customer-name[data-v-2720083c] {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 0.25rem 0;
}
.customer-detail[data-v-2720083c] {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0.125rem 0;
}
.validity-date[data-v-2720083c] {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 0.25rem 0;
}
.validity-note[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
}

/* Items Table */
.items-table[data-v-2720083c] {
  margin-bottom: 2rem;
}
.quote-table[data-v-2720083c] {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.quote-table thead tr[data-v-2720083c] {
  border-bottom: 2px solid #f1f5f9;
}
.quote-table th[data-v-2720083c] {
  padding: 0.75rem 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.quote-table tbody tr[data-v-2720083c] {
  border-bottom: 1px solid #f8fafc;
}
.quote-table tbody tr[data-v-2720083c]:hover {
  background-color: #f8fafc;
}
.quote-table td[data-v-2720083c] {
  padding: 1rem 0;
  color: #475569;
}
.quote-table .col-no[data-v-2720083c] {
  width: 50px;
  text-align: center;
}
.quote-table .col-desc[data-v-2720083c] {
  width: auto;
}
.quote-table .col-qty[data-v-2720083c] {
  width: 80px;
  text-align: center;
}
.quote-table .col-period[data-v-2720083c] {
  width: 100px;
  text-align: center;
}
.quote-table .col-price[data-v-2720083c],
.quote-table .col-total[data-v-2720083c] {
  width: 100px;
  text-align: right;
}
.item-desc[data-v-2720083c] {
  padding-right: 1rem;
}
.item-name[data-v-2720083c] {
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 0.25rem 0;
}
.item-detail[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
}
.text-center[data-v-2720083c] {
  text-align: center;
}
.text-right[data-v-2720083c] {
  text-align: right;
}
.item-total[data-v-2720083c] {
  font-weight: 600;
  color: #135bec;
}

/* Summary */
.summary-section[data-v-2720083c] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3rem;
}
.summary-content[data-v-2720083c] {
  width: 50%;
  min-width: 250px;
}
.summary-row[data-v-2720083c] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f1f5f9;
}
.summary-label[data-v-2720083c] {
  color: #475569;
}
.summary-value[data-v-2720083c] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e293b;
}
.summary-total[data-v-2720083c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.total-label[data-v-2720083c] {
  font-size: 1rem;
  font-weight: 700;
  color: #135bec;
}
.total-value[data-v-2720083c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #22c55e;
}

/* Terms */
.terms-section[data-v-2720083c] {
  padding-top: 1.5rem;
  border-top: 1px solid #e2e8f0;
}
.terms-title[data-v-2720083c] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #475569;
  margin: 0 0 0.75rem 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.terms-content[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  white-space: pre-line;
}
.terms-paragraph[data-v-2720083c] {
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
  white-space: pre-wrap;
}
.doc-footer[data-v-2720083c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #e2e8f0;
}
.footer-text[data-v-2720083c] {
  font-size: 0.625rem;
  color: #94a3b8;
  margin: 0;
}

.quote-history-page[data-v-15de3aeb] {
  min-height: 100vh;
  background-color: #101622;
  display: flex;
  flex-direction: column;
}

/* Header */
.page-header[data-v-15de3aeb] {
  padding: 32px;
  border-bottom: 1px solid #232f48;
}
.header-content[data-v-15de3aeb] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.header-left[data-v-15de3aeb] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.breadcrumb[data-v-15de3aeb] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.breadcrumb-link[data-v-15de3aeb] {
  color: #92a4c9;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.breadcrumb-link[data-v-15de3aeb]:hover {
  color: #fff;
}
.breadcrumb-current[data-v-15de3aeb] {
  color: #135bec;
  font-size: 12px;
  font-weight: 500;
}
.material-symbols-outlined[data-v-15de3aeb] {
  font-size: 12px;
}
.page-title[data-v-15de3aeb] {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.page-description[data-v-15de3aeb] {
  color: #92a4c9;
  font-size: 16px;
}
.header-actions[data-v-15de3aeb] {
  display: flex;
  gap: 12px;
}
.action-btn[data-v-15de3aeb] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.secondary-btn[data-v-15de3aeb] {
  background-color: #111722;
  border: 1px solid #232f48;
  color: #fff;
}
.secondary-btn[data-v-15de3aeb]:hover {
  background-color: #1e2736;
  border-color: #135bec;
}
.primary-btn[data-v-15de3aeb] {
  background-color: #135bec;
  color: #fff;
}
.primary-btn[data-v-15de3aeb]:hover {
  background-color: #1d64f2;
}

/* Filters */
.filters-row[data-v-15de3aeb] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.filter-group[data-v-15de3aeb] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.search-group[data-v-15de3aeb] {
  flex: 1;
  min-width: 280px;
  max-width: 400px;
}
.search-input-wrapper[data-v-15de3aeb] {
  display: flex;
  align-items: center;
  height: 40px;
  background-color: #111722;
  border: 1px solid #232f48;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s;
}
.search-input-wrapper[data-v-15de3aeb]:focus-within {
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
.search-icon[data-v-15de3aeb] {
  color: #92a4c9;
  padding: 0 12px;
  font-size: 18px;
}
.search-input[data-v-15de3aeb] {
  flex: 1;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  outline: none;
}
.search-input[data-v-15de3aeb]::placeholder {
  color: rgba(146, 164, 201, 0.5);
}
.filter-select[data-v-15de3aeb] {
  appearance: none;
  width: 180px;
  height: 40px;
  padding: 0 36px 0 12px;
  background-color: #111722;
  border: 1px solid #232f48;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2392a4c9'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px;
}
.filter-select[data-v-15de3aeb]:hover {
  background-color: #1e2736;
}
.query-btn[data-v-15de3aeb] {
  height: 40px;
  padding: 0 24px;
  background-color: #111722;
  border: 1px solid #232f48;
  border-radius: 8px;
  color: #92a4c9;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.query-btn[data-v-15de3aeb]:hover {
  border-color: #135bec;
  color: #135bec;
}

/* Main Content */
.main-content[data-v-15de3aeb] {
  flex: 1;
  padding: 0 32px 32px;
  overflow-y: auto;
}
.table-container[data-v-15de3aeb] {
  background-color: #111722;
  border: 1px solid #232f48;
  border-radius: 12px;
  overflow: hidden;
}
.table-wrapper[data-v-15de3aeb] {
  overflow-x: auto;
}
.data-table[data-v-15de3aeb] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-15de3aeb] {
  padding: 16px 24px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #92a4c9;
  background-color: #1a212e;
  border-bottom: 1px solid #232f48;
}
.data-table th.col-id[data-v-15de3aeb] {
  width: 80px;
}
.data-table th.col-sortable[data-v-15de3aeb] {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.data-table th.col-sortable[data-v-15de3aeb]:hover {
  color: #fff;
}
.sort-icon[data-v-15de3aeb] {
  font-size: 16px;
}
.data-table th.col-amount[data-v-15de3aeb],
.data-table td.col-amount[data-v-15de3aeb] {
  text-align: right;
}
.data-table th.col-status[data-v-15de3aeb],
.data-table td.col-status[data-v-15de3aeb] {
  text-align: center;
}
.data-table th.col-actions[data-v-15de3aeb],
.data-table td.col-actions[data-v-15de3aeb] {
  text-align: right;
}
.data-table td[data-v-15de3aeb] {
  padding: 16px 24px;
  border-bottom: 1px solid #232f48;
  color: #fff;
  font-size: 14px;
}
.table-row[data-v-15de3aeb] {
  transition: background-color 0.2s;
}
.table-row[data-v-15de3aeb]:hover {
  background-color: #1e2736;
}
.row-processing[data-v-15de3aeb] {
  background-color: rgba(19, 91, 236, 0.05);
}

/* File Info */
.file-info[data-v-15de3aeb] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.file-icon[data-v-15de3aeb] {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: #232f48;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.file-icon.icon-excel[data-v-15de3aeb] {
  color: #22c55e;
}
.file-icon.icon-csv[data-v-15de3aeb] {
  color: #3b82f6;
}
.file-icon.icon-zip[data-v-15de3aeb] {
  color: #eab308;
}
.file-icon span[data-v-15de3aeb] {
  font-size: 20px;
}
.file-name[data-v-15de3aeb] {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* User Display */
.user-display[data-v-15de3aeb] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.user-avatar-small[data-v-15de3aeb] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(19, 91, 236, 0.2);
  color: #60a5fa;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Status Badge */
.status-badge[data-v-15de3aeb] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
}
.status-completed[data-v-15de3aeb] {
  background-color: rgba(34, 197, 94, 0.1);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.status-processing[data-v-15de3aeb] {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
  border: 1px solid rgba(19, 91, 236, 0.2);
}
.status-failed[data-v-15de3aeb] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.status-dot[data-v-15de3aeb] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
}
.status-error[data-v-15de3aeb] {
  font-size: 14px;
}
.animate-pulse[data-v-15de3aeb] {
  animation: pulse-15de3aeb 1.5s infinite;
}
@keyframes pulse-15de3aeb {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}

/* Buttons */
.detail-btn[data-v-15de3aeb] {
  padding: 6px 12px;
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.detail-btn[data-v-15de3aeb]:hover {
  background-color: #135bec;
  color: #fff;
}
.detail-btn.disabled[data-v-15de3aeb] {
  background-color: #111722;
  color: #92a4c9;
  cursor: not-allowed;
  opacity: 0.6;
}
.retry-btn[data-v-15de3aeb] {
  padding: 6px 12px;
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-left: auto;
}
.retry-btn[data-v-15de3aeb]:hover {
  background-color: #ef4444;
  color: #fff;
}

/* Amount */
.amount-value[data-v-15de3aeb] {
  font-weight: 700;
  color: #fff;
}
.amount-empty[data-v-15de3aeb] {
  color: #92a4c9;
  font-style: italic;
}

/* Empty State */
.empty-row[data-v-15de3aeb]:hover {
  background-color: transparent !important;
}
.empty-cell[data-v-15de3aeb] {
  padding: 60px 24px !important;
}
.empty-state[data-v-15de3aeb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  color: #92a4c9;
}
.empty-icon[data-v-15de3aeb] {
  font-size: 64px;
  opacity: 0.5;
}

/* Pagination */
.pagination[data-v-15de3aeb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  background-color: #111722;
  border-top: 1px solid #232f48;
}
.pagination-info[data-v-15de3aeb] {
  font-size: 14px;
  color: #92a4c9;
}
.page-current[data-v-15de3aeb],
.page-total[data-v-15de3aeb] {
  color: #fff;
  font-weight: 500;
}
.pagination-controls[data-v-15de3aeb] {
  display: flex;
  gap: 8px;
}
.page-btn[data-v-15de3aeb] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #232f48;
  background-color: transparent;
  color: #92a4c9;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-btn[data-v-15de3aeb]:hover:not(:disabled) {
  background-color: #232f48;
  color: #fff;
}
.page-btn[data-v-15de3aeb]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-num[data-v-15de3aeb] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #232f48;
  background-color: transparent;
  color: #92a4c9;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 14px;
  font-weight: 500;
}
.page-num[data-v-15de3aeb]:hover {
  background-color: #232f48;
  color: #fff;
}
.page-num.active[data-v-15de3aeb] {
  background-color: #135bec;
  border-color: #135bec;
  color: #fff;
}

/* Modal */
.modal-overlay[data-v-15de3aeb] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 24px;
}
.modal-content[data-v-15de3aeb] {
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  background-color: #111722;
  border: 1px solid #232f48;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.modal-header[data-v-15de3aeb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #232f48;
}
.modal-title[data-v-15de3aeb] {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.modal-close[data-v-15de3aeb] {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background-color: transparent;
  color: #92a4c9;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-close[data-v-15de3aeb]:hover {
  background-color: #232f48;
  color: #fff;
}
.modal-body[data-v-15de3aeb] {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}

/* Detail Sections */
.detail-section[data-v-15de3aeb] {
  margin-bottom: 24px;
}
.section-title[data-v-15de3aeb] {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 16px;
}
.info-grid[data-v-15de3aeb] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.info-item[data-v-15de3aeb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.info-label[data-v-15de3aeb] {
  font-size: 12px;
  color: #92a4c9;
}
.info-value[data-v-15de3aeb] {
  font-size: 14px;
  color: #fff;
}
.amount-highlight[data-v-15de3aeb] {
  color: #22c55e;
  font-weight: 600;
}

/* Tabs */
.tabs[data-v-15de3aeb] {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #232f48;
}
.tab-btn[data-v-15de3aeb] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: #92a4c9;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.tab-btn[data-v-15de3aeb]:hover {
  color: #fff;
}
.tab-btn.active[data-v-15de3aeb] {
  color: #135bec;
  border-bottom-color: #135bec;
}
.tab-icon[data-v-15de3aeb] {
  font-size: 18px;
}

/* Tab Content */
.tab-content[data-v-15de3aeb] {
  background-color: #0d111c;
  border-radius: 8px;
  padding: 16px;
  min-height: 300px;
}
.data-node-content[data-v-15de3aeb] {
  height: 100%;
}
.node-info[data-v-15de3aeb] {
  margin-bottom: 16px;
  padding: 12px;
  background-color: #111722;
  border-radius: 6px;
}
.node-label[data-v-15de3aeb] {
  font-size: 12px;
  color: #92a4c9;
}
.node-value[data-v-15de3aeb] {
  font-size: 14px;
  color: #fff;
  margin-left: 8px;
}
.data-table-wrapper[data-v-15de3aeb] {
  overflow-x: auto;
}
.snapshot-table[data-v-15de3aeb] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.snapshot-table th[data-v-15de3aeb] {
  padding: 10px 12px;
  text-align: left;
  background-color: #1a212e;
  color: #92a4c9;
  font-weight: 600;
  border-bottom: 1px solid #232f48;
  white-space: nowrap;
}
.snapshot-table td[data-v-15de3aeb] {
  padding: 10px 12px;
  color: #e2e8f0;
  border-bottom: 1px solid #232f48;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.snapshot-table tbody tr[data-v-15de3aeb]:hover {
  background-color: rgba(255, 255, 255, 0.02);
}
.more-hint[data-v-15de3aeb] {
  margin-top: 12px;
  font-size: 12px;
  color: #92a4c9;
  text-align: center;
}
.no-data[data-v-15de3aeb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 200px;
  gap: 12px;
  color: #92a4c9;
}
.no-data span[data-v-15de3aeb] {
  font-size: 48px;
  opacity: 0.5;
}

/* Quote Summary */
.quote-summary[data-v-15de3aeb] {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
}
.summary-item[data-v-15de3aeb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.summary-label[data-v-15de3aeb] {
  font-size: 12px;
  color: #92a4c9;
}
.summary-value[data-v-15de3aeb] {
  font-size: 16px;
  color: #22c55e;
  font-weight: 600;
}

/* Match Rate Classes */
.match-high[data-v-15de3aeb] {
  color: #22c55e;
}
.match-mid[data-v-15de3aeb] {
  color: #eab308;
}
.match-low[data-v-15de3aeb] {
  color: #ef4444;
}

.draft-box[data-v-f84f3617] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1.5rem;
}

/* Header Section */
.draft-header[data-v-f84f3617] {
  display: flex;
  align-items: center;
}
.header-title-row[data-v-f84f3617] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.header-icon[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  background-color: #1c1f27;
  border: 1px solid #282e39;
  border-radius: 0.5rem;
}
.header-icon .material-symbols-outlined[data-v-f84f3617] {
  color: #135bec;
  font-size: 1.75rem;
}
.header-text[data-v-f84f3617] {
  display: flex;
  flex-direction: column;
}
.header-title[data-v-f84f3617] {
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  margin: 0;
  line-height: 1.2;
}
.header-subtitle[data-v-f84f3617] {
  font-size: 0.875rem;
  color: #9da6b9;
  margin: 0.25rem 0 0 0;
}

/* Toolbar Section */
.draft-toolbar[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  background-color: #161b26;
  border: 1px solid #282e39;
  border-radius: 0.75rem;
}
.search-box[data-v-f84f3617] {
  position: relative;
  flex: 1;
  max-width: 480px;
  min-width: 280px;
}
.search-icon[data-v-f84f3617] {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  pointer-events: none;
}
.search-icon .material-symbols-outlined[data-v-f84f3617] {
  color: #9da6b9;
  font-size: 1.25rem;
}
.search-input[data-v-f84f3617] {
  width: 100%;
  padding: 0.625rem 0.75rem 0.625rem 2.5rem;
  background-color: #0b0e14;
  border: 1px solid #282e39;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.875rem;
  outline: none;
  transition: all 0.2s;
}
.search-input[data-v-f84f3617]::placeholder {
  color: #9da6b9;
}
.search-input[data-v-f84f3617]:focus {
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.1);
}
.toolbar-actions[data-v-f84f3617] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.toolbar-btn[data-v-f84f3617] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.filter-btn[data-v-f84f3617] {
  background-color: #0b0e14;
  color: #9da6b9;
}
.filter-btn[data-v-f84f3617]:hover {
  color: white;
  background-color: #1c1f27;
}
.delete-btn[data-v-f84f3617] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #f87171;
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.delete-btn[data-v-f84f3617]:hover:not(:disabled) {
  background-color: rgba(239, 68, 68, 0.2);
}
.delete-btn[data-v-f84f3617]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Table Section */
.draft-table-container[data-v-f84f3617] {
  flex: 1;
  background-color: #161b26;
  border: 1px solid #282e39;
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.draft-table[data-v-f84f3617] {
  width: 100%;
  border-collapse: collapse;
}
.draft-table thead[data-v-f84f3617] {
  background-color: #1c1f27;
  border-bottom: 1px solid #282e39;
  position: sticky;
  top: 0;
  z-index: 10;
}
.draft-table th[data-v-f84f3617] {
  padding: 1rem 1.5rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #9da6b9;
}
.draft-table td[data-v-f84f3617] {
  padding: 1rem 1.5rem;
}
.draft-table th[data-v-f84f3617],
.draft-table td[data-v-f84f3617] {
  vertical-align: middle;
}
.draft-table tbody[data-v-f84f3617] {
  overflow-y: auto;
}
.draft-row[data-v-f84f3617] {
  border-bottom: 1px solid #282e39;
  transition: background-color 0.2s;
}
.draft-row[data-v-f84f3617]:last-child {
  border-bottom: none;
}
.draft-row[data-v-f84f3617]:hover {
  background-color: rgba(28, 31, 39, 0.5);
}
.draft-row.selected[data-v-f84f3617] {
  background-color: rgba(19, 91, 236, 0.1);
}
.checkbox-col[data-v-f84f3617] {
  width: 60px;
}
.checkbox[data-v-f84f3617] {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: #0b0e14;
  border: 1px solid #282e39;
  cursor: pointer;
  accent-color: #135bec;
}

/* File Info */
.file-info[data-v-f84f3617] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.file-icon[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-icon .material-symbols-outlined[data-v-f84f3617] {
  font-size: 1.5rem;
  color: #217346;
}
.file-details[data-v-f84f3617] {
  display: flex;
  flex-direction: column;
}
.file-name[data-v-f84f3617] {
  font-size: 0.875rem;
  font-weight: 500;
  color: white;
}
.file-name[data-v-f84f3617]:hover {
  color: #135bec;
}
.file-meta[data-v-f84f3617] {
  font-size: 0.75rem;
  color: #9da6b9;
}

/* Stage Badge */
.stage-badge[data-v-f84f3617] {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid;
}
.stage-dot[data-v-f84f3617] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  margin-right: 0.375rem;
}
.stage-blue[data-v-f84f3617] {
  background-color: rgba(59, 130, 246, 0.1);
  color: #60a5fa;
  border-color: rgba(59, 130, 246, 0.2);
}
.stage-blue .stage-dot[data-v-f84f3617] {
  background-color: #60a5fa;
}
.stage-purple[data-v-f84f3617] {
  background-color: rgba(168, 85, 247, 0.1);
  color: #a78bfa;
  border-color: rgba(168, 85, 247, 0.2);
}
.stage-purple .stage-dot[data-v-f84f3617] {
  background-color: #a78bfa;
}
.stage-amber[data-v-f84f3617] {
  background-color: rgba(245, 158, 11, 0.1);
  color: #fbbf24;
  border-color: rgba(245, 158, 11, 0.2);
}
.stage-amber .stage-dot[data-v-f84f3617] {
  background-color: #fbbf24;
}
.stage-green[data-v-f84f3617] {
  background-color: rgba(34, 197, 94, 0.1);
  color: #4ade80;
  border-color: rgba(34, 197, 94, 0.2);
}
.stage-green .stage-dot[data-v-f84f3617] {
  background-color: #4ade80;
}
.stage-gray[data-v-f84f3617] {
  background-color: rgba(107, 114, 128, 0.1);
  color: #9ca3af;
  border-color: rgba(107, 114, 128, 0.2);
}
.stage-gray .stage-dot[data-v-f84f3617] {
  background-color: #9ca3af;
}

/* Item Count */
.item-count[data-v-f84f3617] {
  font-size: 0.875rem;
  color: white;
  font-variant-numeric: tabular-nums;
}

/* User Info */
.user-info[data-v-f84f3617] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.user-avatar[data-v-f84f3617] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}
.user-avatar.bg-indigo[data-v-f84f3617] {
  background-color: rgba(99, 102, 241, 0.2);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: #a5b4fc;
}
.user-avatar.bg-pink[data-v-f84f3617] {
  background-color: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.3);
  color: #f9a8d4;
}
.user-avatar.bg-emerald[data-v-f84f3617] {
  background-color: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #6ee7b7;
}
.user-avatar.bg-cyan[data-v-f84f3617] {
  background-color: rgba(6, 182, 212, 0.2);
  border: 1px solid rgba(6, 182, 212, 0.3);
  color: #67e8f9;
}
.user-avatar.bg-orange[data-v-f84f3617] {
  background-color: rgba(249, 115, 22, 0.2);
  border: 1px solid rgba(249, 115, 22, 0.3);
  color: #fdba74;
}
.user-name[data-v-f84f3617] {
  font-size: 0.875rem;
  color: #9da6b9;
}

/* Save Time */
.save-time[data-v-f84f3617] {
  font-size: 0.875rem;
  color: #9da6b9;
  font-variant-numeric: tabular-nums;
}

/* Actions */
.actions-col[data-v-f84f3617] {
  text-align: right;
}
.row-actions[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.continue-btn[data-v-f84f3617] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  background-color: #135bec;
  color: white;
  border: none;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 6px -1px rgba(19, 91, 236, 0.2);
}
.continue-btn[data-v-f84f3617]:hover {
  background-color: #1e40af;
}
.continue-btn .material-symbols-outlined[data-v-f84f3617] {
  font-size: 1rem;
}
.icon-btn[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  background-color: transparent;
  border: none;
  color: #9da6b9;
  cursor: pointer;
  transition: all 0.2s;
}
.icon-btn[data-v-f84f3617]:hover {
  color: #f87171;
  background-color: rgba(239, 68, 68, 0.1);
}
.icon-btn .material-symbols-outlined[data-v-f84f3617] {
  font-size: 1.125rem;
}

/* Empty State */
.empty-state[data-v-f84f3617] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  background-color: #161b26;
  border: 1px solid #282e39;
  border-radius: 0.75rem;
}
.empty-icon-wrapper[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  background-color: #1c1f27;
  border-radius: 50%;
  margin-bottom: 1rem;
}
.empty-icon[data-v-f84f3617] {
  font-size: 2.5rem;
  color: #9da6b9;
}
.empty-title[data-v-f84f3617] {
  font-size: 1rem;
  font-weight: 500;
  color: white;
  margin: 0 0 0.5rem 0;
}
.empty-text[data-v-f84f3617] {
  font-size: 0.875rem;
  color: #9da6b9;
  margin: 0 0 0.25rem 0;
}
.empty-hint[data-v-f84f3617] {
  font-size: 0.75rem;
  color: #6b7280;
  margin: 0;
}

/* Loading State */
.loading-state[data-v-f84f3617] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  background-color: #161b26;
  border: 1px solid #282e39;
  border-radius: 0.75rem;
}
.spinner[data-v-f84f3617] {
  width: 2rem;
  height: 2rem;
  border: 2px solid #282e39;
  border-top-color: #135bec;
  border-radius: 50%;
  animation: spin-f84f3617 0.8s linear infinite;
}
@keyframes spin-f84f3617 {
to {
    transform: rotate(360deg);
}
}
.loading-state p[data-v-f84f3617] {
  margin-top: 1rem;
  color: #9da6b9;
  font-size: 0.875rem;
}

/* Pagination */
.pagination[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  background-color: #161b26;
  border: 1px solid #282e39;
  border-top: none;
  border-radius: 0 0 0.75rem 0.75rem;
}
.pagination-info[data-v-f84f3617] {
  font-size: 0.875rem;
  color: #9da6b9;
}
.info-number[data-v-f84f3617] {
  color: white;
  font-weight: 500;
}
.pagination-controls[data-v-f84f3617] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-btn[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  background-color: transparent;
  border: none;
  color: #9da6b9;
  cursor: pointer;
  transition: all 0.2s;
}
.page-btn[data-v-f84f3617]:hover:not(:disabled) {
  background-color: #1c1f27;
  color: white;
}
.page-btn[data-v-f84f3617]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-btn .material-symbols-outlined[data-v-f84f3617] {
  font-size: 1.25rem;
}
.page-num[data-v-f84f3617] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  background-color: #135bec;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
}

/* Scrollbar */
.draft-table-container[data-v-f84f3617]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.draft-table-container[data-v-f84f3617]::-webkit-scrollbar-track {
  background: #111318;
}
.draft-table-container[data-v-f84f3617]::-webkit-scrollbar-thumb {
  background: #282e39;
  border-radius: 4px;
}
.draft-table-container[data-v-f84f3617]::-webkit-scrollbar-thumb:hover {
  background: #3b4354;
}

.modal-overlay[data-v-8a8aa8e4] {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.modal-window[data-v-8a8aa8e4] {
  position: fixed;
  background-color: #0f131a;
  border: 1px solid #2d3748;
  border-radius: 0.75rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s ease;
}
.modal-window.maximized[data-v-8a8aa8e4] {
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

/* Header */
.modal-header[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #2d3748;
  background-color: #151b26;
}
.header-left[data-v-8a8aa8e4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.breadcrumb[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #92a4c9;
}
.breadcrumb-link[data-v-8a8aa8e4] {
  color: #92a4c9;
}
.breadcrumb-current[data-v-8a8aa8e4] {
  color: #fff;
  font-weight: 500;
}
.header-title[data-v-8a8aa8e4] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.preview-badge[data-v-8a8aa8e4] {
  font-size: 0.7rem;
  font-weight: 400;
  color: #9ca3af;
  background-color: #1f2937;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #374151;
}
.header-right[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.zoom-controls[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.5rem;
  background-color: #232f48;
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
}
.zoom-btn[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.15s;
}
.zoom-btn[data-v-8a8aa8e4]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.zoom-level[data-v-8a8aa8e4] {
  font-size: 0.7rem;
  color: #d1d5db;
  font-family: monospace;
  min-width: 2.5rem;
  text-align: center;
}
.config-toggle[data-v-8a8aa8e4],
.fullscreen-btn[data-v-8a8aa8e4],
.close-btn[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background-color: #232f48;
  border: 1px solid #2d3748;
  border-radius: 0.5rem;
  color: #d1d5db;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.config-toggle[data-v-8a8aa8e4]:hover,
.fullscreen-btn[data-v-8a8aa8e4]:hover {
  background-color: #2d3b55;
  color: #fff;
}
.close-btn[data-v-8a8aa8e4]:hover {
  background-color: #dc2626;
  color: #fff;
  border-color: #dc2626;
}

/* Content */
.modal-content[data-v-8a8aa8e4] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.content-wrapper[data-v-8a8aa8e4] {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.preview-area[data-v-8a8aa8e4] {
  flex: 1;
  overflow-y: auto;
  padding: 2rem;
  background-color: #0b0e14;
  display: flex;
  justify-content: center;
}
.preview-area[data-v-8a8aa8e4]::-webkit-scrollbar {
  width: 8px;
}
.preview-area[data-v-8a8aa8e4]::-webkit-scrollbar-track {
  background: #0b0e14;
}
.preview-area[data-v-8a8aa8e4]::-webkit-scrollbar-thumb {
  background: #2d3748;
  border-radius: 4px;
}
.preview-area[data-v-8a8aa8e4]::-webkit-scrollbar-thumb:hover {
  background: #4a5568;
}

/* Paper */
.paper[data-v-8a8aa8e4] {
  position: relative;
  background-color: #fff;
  color: #1e293b;
  width: 210mm;
  min-height: 297mm;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  padding: 15mm;
  transform-origin: top center;
}
.watermark[data-v-8a8aa8e4] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  font-size: 4rem;
  font-weight: 900;
  color: rgba(220, 38, 38, 0.1);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}
.paper-content[data-v-8a8aa8e4] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 900px;
}

/* Paper Header */
.paper-header[data-v-8a8aa8e4] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #1e293b;
}
.company-info[data-v-8a8aa8e4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.company-logo-upload[data-v-8a8aa8e4] {
  position: relative;
  cursor: pointer;
  margin-bottom: 0.5rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
  border: 2px dashed transparent;
}
.company-logo-upload[data-v-8a8aa8e4]:hover {
  border-color: #e2e8f0;
  background: #f8fafc;
}
.company-logo-upload:hover .logo-upload-hint[data-v-8a8aa8e4] {
  opacity: 1;
}
.custom-logo-img[data-v-8a8aa8e4] {
  height: 3rem;
  max-width: 12rem;
  object-fit: contain;
}
.logo-upload-hint[data-v-8a8aa8e4] {
  position: absolute;
  top: 50%;
  right: -2rem;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s;
  color: #94a3b8;
}
.logo-upload-hint .material-symbols-outlined[data-v-8a8aa8e4] {
  font-size: 1.25rem;
}
.company-logo-default[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.logo-icon[data-v-8a8aa8e4] {
  width: 2.5rem;
  height: 2.5rem;
}
.logo-text-group[data-v-8a8aa8e4] {
  display: flex;
  flex-direction: column;
}
.logo-cn[data-v-8a8aa8e4] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #005bac;
  letter-spacing: 0.1em;
}
.logo-en[data-v-8a8aa8e4] {
  font-size: 0.625rem;
  font-weight: 600;
  color: #005bac;
  letter-spacing: 0.05em;
}
.company-full-name[data-v-8a8aa8e4] {
  margin-top: 0.25rem;
}
.company-name-text[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  color: #334155;
  font-weight: 500;
}
.title-section[data-v-8a8aa8e4] {
  text-align: right;
}
.document-title[data-v-8a8aa8e4] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 0.25rem;
}
.document-number[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  color: #64748b;
  font-family: monospace;
}

/* Info Grid */
.info-grid[data-v-8a8aa8e4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.info-item[data-v-8a8aa8e4] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.info-item-right[data-v-8a8aa8e4] {
  text-align: right;
  min-width: 180px;
}
.info-label[data-v-8a8aa8e4] {
  font-size: 0.75rem;
  color: #9ca3af;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.info-value[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  color: #64748b;
}
.info-value-bold[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #0f172a;
}
.editable-input[data-v-8a8aa8e4] {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: inherit;
  font-family: inherit;
  transition: background-color 0.2s;
}
.editable-input[data-v-8a8aa8e4]:hover {
  background-color: rgba(59, 130, 246, 0.08);
  border-radius: 0.25rem;
}
.editable-input[data-v-8a8aa8e4]:focus {
  background-color: rgba(59, 130, 246, 0.12);
  border-radius: 0.25rem;
}
input.info-label.editable-input[data-v-8a8aa8e4] {
  font-size: 0.75rem;
  color: #9ca3af;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  min-width: 120px;
  width: 100%;
  box-sizing: border-box;
}
input.info-value-bold.editable-input[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #0f172a;
  min-width: 150px;
  width: 100%;
  box-sizing: border-box;
}
.info-expiry[data-v-8a8aa8e4] {
  color: #dc2626;
  font-weight: 500;
}

/* Services Table */
.services-table[data-v-8a8aa8e4] {
  width: 100%;
  font-size: 0.875rem;
  margin-bottom: 2rem;
  border-collapse: collapse;
}
.services-table thead tr[data-v-8a8aa8e4] {
  background-color: #1e293b;
  color: #fff;
}
.services-table th[data-v-8a8aa8e4] {
  padding: 0.75rem 1rem;
  font-weight: 500;
  text-align: right;
}
.services-table th.text-left[data-v-8a8aa8e4] {
  text-align: left;
  border-top-left-radius: 0.25rem;
}
.services-table th[data-v-8a8aa8e4]:last-child {
  border-top-right-radius: 0.25rem;
}
.services-table tbody tr[data-v-8a8aa8e4] {
  border-bottom: 1px solid #e2e8f0;
}
.services-table td[data-v-8a8aa8e4] {
  padding: 1rem;
  color: #64748b;
  text-align: right;
}
.services-table td.text-left[data-v-8a8aa8e4],
.services-table td.service-name[data-v-8a8aa8e4] {
  text-align: left;
}
.name-bold[data-v-8a8aa8e4] {
  font-weight: 700;
  color: #0f172a;
}
.name-detail[data-v-8a8aa8e4] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}

/* Summary Section */
.summary-section[data-v-8a8aa8e4] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 4rem;
}
.summary-card[data-v-8a8aa8e4] {
  width: 50%;
  background-color: #f8fafc;
  padding: 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #e2e8f0;
}
.summary-row[data-v-8a8aa8e4] {
  display: flex;
  justify-content: space-between;
  color: #64748b;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.summary-row-total[data-v-8a8aa8e4] {
  border-top: 2px solid #e2e8f0;
  padding-top: 1rem;
  margin-top: 1rem;
}
.summary-value[data-v-8a8aa8e4] {
  font-family: monospace;
}
.summary-total-label[data-v-8a8aa8e4] {
  font-weight: 700;
  color: #0f172a;
  font-size: 1rem;
}
.summary-total-value[data-v-8a8aa8e4] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1d4ed8;
  font-family: monospace;
}

/* Footer */
.paper-footer[data-v-8a8aa8e4] {
  margin-top: auto;
  padding-top: 2rem;
  border-top: 1px solid #e2e8f0;
  position: relative;
}
.footer-grid[data-v-8a8aa8e4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
.notes-title[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  color: #64748b;
  margin-bottom: 2rem;
}
.notes-text[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.75;
}
.footer-signature[data-v-8a8aa8e4] {
  position: relative;
}
.stamp[data-v-8a8aa8e4] {
  position: absolute;
  top: -3.5rem;
  right: 2.5rem;
  width: 8rem;
  height: 8rem;
  border: 4px solid #dc2626;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
  transform: rotate(-15deg);
  pointer-events: none;
  color: #dc2626;
  font-weight: 700;
  text-align: center;
  font-size: 0.6rem;
}
.signature-line[data-v-8a8aa8e4] {
  margin-left: auto;
  position: relative;
  z-index: 2;
  text-align: right;
}
.signature-label[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  color: #1e293b;
  font-weight: 600;
  white-space: nowrap;
}
.signature-name[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  color: #64748b;
  margin-top: 0.25rem;
  white-space: nowrap;
}

/* Sidebar */
.sidebar-toggle[data-v-8a8aa8e4] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.sidebar-panel[data-v-8a8aa8e4] {
  width: 0;
  overflow: hidden;
  flex-shrink: 0;
  transition: width 0.3s ease;
  position: relative;
}
.sidebar-panel.open[data-v-8a8aa8e4] {
  width: 380px;
  margin-left: 1rem;
}
.sidebar-content[data-v-8a8aa8e4] {
  width: 380px;
  min-width: 380px;
  display: flex;
  flex-direction: column;
  background-color: #1a202c;
  border-radius: 0.75rem;
  border: 1px solid #2d3748;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  height: 100%;
  overflow: hidden;
}
.sidebar-header[data-v-8a8aa8e4] {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #2d3748;
  background-color: #151b26;
}
.sidebar-title[data-v-8a8aa8e4] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sidebar-title .material-symbols-outlined[data-v-8a8aa8e4] {
  color: #007aff;
}
.sidebar-body[data-v-8a8aa8e4] {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.5rem;
}
.config-section[data-v-8a8aa8e4] {
  margin-bottom: 1.5rem;
}
.config-label[data-v-8a8aa8e4] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 0.5rem;
}
.format-grid[data-v-8a8aa8e4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.format-option[data-v-8a8aa8e4] {
  cursor: pointer;
}
.format-option input[data-v-8a8aa8e4] {
  display: none;
}
.format-card[data-v-8a8aa8e4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
  background-color: #232f48;
  height: 4.5rem;
  transition: all 0.2s;
}
.format-option:hover .format-card[data-v-8a8aa8e4] {
  background-color: #2d3b55;
}
.format-option.active .format-card[data-v-8a8aa8e4] {
  border-color: #007aff;
  background-color: rgba(0, 122, 255, 0.1);
  box-shadow: 0 0 10px rgba(0, 122, 255, 0.2);
}
.format-icon[data-v-8a8aa8e4] {
  font-size: 1.5rem;
}
.format-icon.pdf[data-v-8a8aa8e4] {
  color: #ef4444;
}
.format-icon.excel[data-v-8a8aa8e4] {
  color: #22c55e;
}
.format-icon.word[data-v-8a8aa8e4] {
  color: #60a5fa;
}
.format-name[data-v-8a8aa8e4] {
  font-size: 0.65rem;
  font-weight: 500;
  color: #d1d5db;
}
.format-option.active .format-name[data-v-8a8aa8e4] {
  color: #fff;
}
.config-card[data-v-8a8aa8e4] {
  background-color: #232f48;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
}
.input-group[data-v-8a8aa8e4] {
  margin-bottom: 0.75rem;
}
.input-group[data-v-8a8aa8e4]:last-child {
  margin-bottom: 0;
}
.input-label[data-v-8a8aa8e4] {
  font-size: 0.7rem;
  color: #9ca3af;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.input-icon[data-v-8a8aa8e4] {
  font-size: 0.875rem;
  color: #64748b;
}
.input-value[data-v-8a8aa8e4] {
  font-size: 0.7rem;
  color: #007aff;
}
.config-input[data-v-8a8aa8e4] {
  width: 100%;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  color: #fff;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.375rem 0.5rem;
}
.config-input[data-v-8a8aa8e4]:focus {
  outline: none;
  border-color: #007aff;
}
.slider[data-v-8a8aa8e4] {
  width: 100%;
  height: 0.25rem;
  background-color: #374151;
  border-radius: 9999px;
  appearance: none;
  cursor: pointer;
}
.slider[data-v-8a8aa8e4]::-webkit-slider-thumb {
  appearance: none;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #007aff;
  border-radius: 50%;
  cursor: pointer;
}
.config-list[data-v-8a8aa8e4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.config-item[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background-color: #232f48;
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
}
.config-item-left[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.config-icon[data-v-8a8aa8e4] {
  font-size: 1rem;
}
.config-icon.blue[data-v-8a8aa8e4] {
  color: #3b82f6;
}
.config-icon.purple[data-v-8a8aa8e4] {
  color: #a855f7;
}
.config-item-text[data-v-8a8aa8e4] {
  font-size: 0.75rem;
  color: #e5e7eb;
}

/* Toggle Switch */
.toggle-switch[data-v-8a8aa8e4] {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 1rem;
}
.toggle-switch input[data-v-8a8aa8e4] {
  display: none;
}
.toggle-slider[data-v-8a8aa8e4] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4b5563;
  transition: 0.3s;
  border-radius: 9999px;
}
.toggle-slider[data-v-8a8aa8e4]:before {
  position: absolute;
  content: "";
  height: 0.75rem;
  width: 0.75rem;
  left: 0.125rem;
  bottom: 0.125rem;
  background-color: #fff;
  transition: 0.3s;
  border-radius: 50%;
}
.toggle-switch input:checked + .toggle-slider[data-v-8a8aa8e4] {
  background-color: #007aff;
}
.toggle-switch input:checked + .toggle-slider[data-v-8a8aa8e4]:before {
  transform: translateX(1rem);
}
.config-select[data-v-8a8aa8e4] {
  width: 100%;
  background-color: #232f48;
  border: 1px solid #2d3748;
  color: #fff;
  font-size: 0.75rem;
  border-radius: 0.375rem;
  padding: 0.5rem;
  appearance: none;
}
.mt-4[data-v-8a8aa8e4] {
  margin-top: 1rem;
}
.sidebar-footer[data-v-8a8aa8e4] {
  padding: 1rem 1.5rem;
  border-top: 1px solid #2d3748;
  background-color: #151b26;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.btn-download[data-v-8a8aa8e4],
.btn-email[data-v-8a8aa8e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 600;
  padding: 0.625rem 0.875rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
  transition: all 0.2s;
}
.btn-download[data-v-8a8aa8e4] {
  background-color: #007aff;
  color: #fff;
  border: none;
  box-shadow: 0 0 15px rgba(0, 122, 255, 0.3);
}
.btn-download[data-v-8a8aa8e4]:hover:not(:disabled) {
  background-color: #0062cc;
}
.btn-download[data-v-8a8aa8e4]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.spinning[data-v-8a8aa8e4] {
  animation: spin-8a8aa8e4 1s linear infinite;
}
@keyframes spin-8a8aa8e4 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.btn-email[data-v-8a8aa8e4] {
  background-color: transparent;
  color: #d1d5db;
  border: 1px solid #4b5563;
}
.btn-email[data-v-8a8aa8e4]:hover {
  border-color: #9ca3af;
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}

/* Transition */
.modal-enter-active[data-v-8a8aa8e4],
.modal-leave-active[data-v-8a8aa8e4] {
  transition: opacity 0.2s ease;
}
.modal-enter-from[data-v-8a8aa8e4],
.modal-leave-to[data-v-8a8aa8e4] {
  opacity: 0;
}
.modal-enter-from .modal-window[data-v-8a8aa8e4],
.modal-leave-to .modal-window[data-v-8a8aa8e4] {
  opacity: 0;
  transform: translate(-50%, -45%);
}

.onsite-calculator-page[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-color: #0B1120;
  color: white;
  overflow-y: auto;
}

/* Embedded mode: remove outer padding/background, fit parent container */
.onsite-calculator-page.embedded-mode[data-v-d173a277] {
  background-color: transparent;
  min-height: 0;
  height: 100%;
  border-radius: 12px;
  overflow-y: auto;
}

/* Header */
.page-header[data-v-d173a277] {
  padding: 1.5rem 2rem;
  background-color: #0f172a;
  border-bottom: 1px solid #1e293b;
}
.breadcrumb[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.breadcrumb-item[data-v-d173a277] {
  color: #64748b;
}
.breadcrumb-item.active[data-v-d173a277] {
  color: #f8fafc;
  font-weight: 500;
}
.breadcrumb-separator[data-v-d173a277] {
  font-size: 0.75rem;
  color: #475569;
}
.header-actions-row[data-v-d173a277] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
}
.page-title[data-v-d173a277] {
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.ai-badge[data-v-d173a277] {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background-color: rgba(19, 91, 236, 0.1);
  border: 1px solid rgba(19, 91, 236, 0.2);
  color: #60a5fa;
}
.page-subtitle[data-v-d173a277] {
  color: #94a3b8;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.header-buttons[data-v-d173a277] {
  display: flex;
  gap: 0.75rem;
}
.header-btn[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  color: #cbd5e1;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.header-btn[data-v-d173a277]:hover {
  background-color: #334155;
  color: white;
}
.header-btn .material-symbols-outlined[data-v-d173a277] {
  font-size: 1.125rem;
}

/* Main Content */
.calculator-content[data-v-d173a277] {
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem 2rem;
  flex: 1;
}
.left-column[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1;
  min-width: 0;
}
.left-column > .card[data-v-d173a277]:first-child {
  order: 1;
}
.rules-card[data-v-d173a277] {
  order: 2;
}
.flex-cost-card[data-v-d173a277] {
  order: 3;
}
.right-column[data-v-d173a277] {
  width: 380px;
  min-width: 380px;
  flex-shrink: 0;
}

/* Card */
.card[data-v-d173a277] {
  background-color: #1a202c;
  border-radius: 0.75rem;
  border: 1px solid #2d3748;
  padding: 1.25rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.card-header[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #2d3748;
  position: relative;
}
.rules-header[data-v-d173a277],
.flex-cost-header[data-v-d173a277] {
  display: flex;
  justify-content: space-between;
}
.header-left[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card-icon[data-v-d173a277] {
  color: #135bec;
  font-size: 1.25rem;
}
.card-title[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: white;
}
.card-title-amount[data-v-d173a277] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #135bec;
  padding: 0.25rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.1);
  border-radius: 0.375rem;
}

/* Add Row Button */
.add-row-btn[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-left: auto;
  padding: 0.375rem 0.75rem;
  background-color: rgba(19, 91, 236, 0.15);
  border: 1px solid rgba(19, 91, 236, 0.4);
  border-radius: 0.5rem;
  color: #60a5fa;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.add-row-btn[data-v-d173a277]:hover {
  background-color: rgba(19, 91, 236, 0.25);
  border-color: rgba(19, 91, 236, 0.6);
}
.add-row-btn .material-symbols-outlined[data-v-d173a277] {
  font-size: 1rem;
}

/* Hide number input spinners (up/down arrows) */
input[type="number"][data-v-d173a277]::-webkit-outer-spin-button,
input[type="number"][data-v-d173a277]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"][data-v-d173a277] {
  -moz-appearance: textfield;
}

/* Position Table */
.position-table-header[data-v-d173a277] {
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr 1.2fr 1.2fr 0.8fr 1fr 1fr 50px;
  gap: 0.5rem;
  padding: 0.75rem 0.5rem;
  background-color: #151b26;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.col-header[data-v-d173a277] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}
.position-rows[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 400px;
  overflow-y: auto;
}
.position-row[data-v-d173a277] {
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr 1.2fr 1.2fr 0.8fr 1fr 1fr 50px;
  gap: 0.5rem;
  padding: 0.5rem;
  background-color: rgba(35, 43, 59, 0.3);
  border-radius: 0.5rem;
  align-items: center;
  transition: background-color 0.2s;
}
.position-row[data-v-d173a277]:hover {
  background-color: rgba(35, 43, 59, 0.5);
}
.col-seq[data-v-d173a277] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #60a5fa;
}
.row-select[data-v-d173a277],
.row-input[data-v-d173a277] {
  width: 100%;
  padding: 0.375rem 0.5rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: white;
  font-size: 0.8125rem;
  text-align: center;
}
.row-select[data-v-d173a277] {
  appearance: none;
  cursor: pointer;
}

/* Autocomplete component styles */
.autocomplete-wrapper[data-v-d173a277] {
  position: relative;
  width: 100%;
}
.autocomplete-input[data-v-d173a277] {
  cursor: text;
}
.autocomplete-input[data-v-d173a277]::placeholder {
  color: #64748b;
}
.autocomplete-dropdown[data-v-d173a277] {
  position: fixed;
  max-height: 200px;
  overflow-y: auto;
  background-color: #1a202c;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  margin-top: 0.25rem;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.autocomplete-dropdown-wide[data-v-d173a277] {
  min-width: 250px;
  max-width: 350px;
}
.autocomplete-item[data-v-d173a277] {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  color: #cbd5e1;
  font-size: 0.8125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.autocomplete-item[data-v-d173a277]:hover {
  background-color: rgba(19, 91, 236, 0.2);
  color: white;
}
.autocomplete-empty[data-v-d173a277] {
  padding: 0.5rem 0.75rem;
  color: #64748b;
  font-size: 0.8125rem;
  text-align: center;
}

/* Scrollbar for autocomplete dropdown */
.autocomplete-dropdown[data-v-d173a277]::-webkit-scrollbar {
  width: 6px;
}
.autocomplete-dropdown[data-v-d173a277]::-webkit-scrollbar-track {
  background: #0f172a;
}
.autocomplete-dropdown[data-v-d173a277]::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 3px;
}
.autocomplete-dropdown[data-v-d173a277]::-webkit-scrollbar-thumb:hover {
  background: #475569;
}
.row-select[data-v-d173a277]:focus,
.row-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
}
.row-select option[data-v-d173a277] {
  background-color: #1a202c;
}
.input-with-prefix[data-v-d173a277],
.input-with-suffix[data-v-d173a277] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-prefix[data-v-d173a277],
.input-suffix[data-v-d173a277] {
  position: absolute;
  color: #64748b;
  font-size: 0.6875rem;
}
.input-prefix[data-v-d173a277] {
  left: 0.5rem;
}
.input-with-prefix .row-input[data-v-d173a277] {
  padding-left: 1.25rem;
}
.salary-source-hint[data-v-d173a277] {
  margin-top: 2px;
  font-size: 0.625rem;
  line-height: 1.2;
  color: #d97706;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: help;
}
.input-suffix[data-v-d173a277] {
  right: 0.5rem;
}
.input-with-suffix .row-input[data-v-d173a277] {
  padding-right: 1.25rem;
}

/* Cycle unit select (styled as text) */
.cycle-unit-select[data-v-d173a277] {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  color: #64748b;
  font-size: 0.6875rem;
  cursor: pointer;
  padding: 0 0.25rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cycle-unit-select[data-v-d173a277]:focus {
  outline: none;
}
.cycle-unit-select[data-v-d173a277]:hover {
  color: #135bec;
}
.subtotal-value[data-v-d173a277] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #135bec;
  text-align: center;
}
.delete-btn[data-v-d173a277] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background-color: transparent;
  border: 1px solid #ef4444;
  border-radius: 0.375rem;
  color: #ef4444;
  cursor: pointer;
  transition: all 0.2s;
}
.delete-btn[data-v-d173a277]:hover:not(:disabled) {
  background-color: #ef4444;
  color: white;
}
.delete-btn[data-v-d173a277]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  border-color: #475569;
  color: #475569;
}
.delete-btn .material-symbols-outlined[data-v-d173a277] {
  font-size: 1rem;
}

/* Total Subtotal */
.total-subtotal[data-v-d173a277] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  margin-top: 0.75rem;
  background: linear-gradient(135deg, #1e293b, #131b2e);
  border: 1px solid rgba(19, 91, 236, 0.3);
  border-radius: 0.5rem;
}
.total-label[data-v-d173a277] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #94a3b8;
}
.total-value[data-v-d173a277] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #135bec;
}
.current-city-tag[data-v-d173a277] {
  font-size: 0.75rem;
  color: #64748b;
  background-color: #0f172a;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.header-right[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.row-filter[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.filter-label[data-v-d173a277] {
  font-size: 0.75rem;
  color: #92a4c9;
}
.filter-select[data-v-d173a277] {
  padding: 0.375rem 0.5rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: white;
  font-size: 0.8125rem;
  cursor: pointer;
  min-width: 150px;
}
.filter-select[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
}

/* Vertical actions container */
.vertical-actions[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.other-cost-actions[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.suggest-value-btn[data-v-d173a277] {
  white-space: nowrap;
  background-color: rgba(100, 116, 139, 0.15);
  border-color: rgba(100, 116, 139, 0.4);
  color: #94a3b8;
}
.suggest-value-btn[data-v-d173a277]:hover {
  background-color: rgba(100, 116, 139, 0.25);
  color: #cbd5e1;
}
.suggest-value-btn.active[data-v-d173a277] {
  background-color: rgba(19, 91, 236, 0.25);
  border-color: #135bec;
  color: #60a5fa;
}
.suggest-value-btn.active[data-v-d173a277]:hover {
  background-color: rgba(19, 91, 236, 0.35);
}

/* Global mode switch styles */
.global-mode-switch[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: #232b3b;
  border-radius: 0.375rem;
}
.switch-label[data-v-d173a277] {
  font-size: 0.75rem;
  color: #92a4c9;
  white-space: nowrap;
}
.switch[data-v-d173a277] {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}
.switch input[data-v-d173a277] {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider[data-v-d173a277] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3c4457;
  transition: 0.3s;
  border-radius: 20px;
}
.slider[data-v-d173a277]:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
input:checked + .slider[data-v-d173a277] {
  background-color: #135bec;
}
input:checked + .slider[data-v-d173a277]:before {
  transform: translateX(16px);
}

/* Focus styles for accessibility */
.switch input:focus + .slider[data-v-d173a277] {
  box-shadow: 0 0 1px #135bec;
}
.filter-select option[data-v-d173a277] {
  background-color: #1a202c;
}

/* Form Grid */
.form-grid[data-v-d173a277] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
.form-group[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-label[data-v-d173a277] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.label-with-tag[data-v-d173a277] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.label-with-link[data-v-d173a277] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tag-recommended[data-v-d173a277] {
  font-size: 0.625rem;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  background-color: rgba(234, 179, 8, 0.1);
  border: 1px solid rgba(234, 179, 8, 0.3);
  color: #eab308;
}
.link-text[data-v-d173a277] {
  font-size: 0.75rem;
  color: #135bec;
  cursor: pointer;
}
.link-text[data-v-d173a277]:hover {
  text-decoration: underline;
}
.select-wrapper[data-v-d173a277],
.input-with-prefix[data-v-d173a277],
.input-with-suffix[data-v-d173a277] {
  position: relative;
}
.form-select[data-v-d173a277],
.form-input[data-v-d173a277] {
  width: 100%;
  padding: 0.625rem 0.75rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.form-select[data-v-d173a277] {
  appearance: none;
  cursor: pointer;
}
.form-select[data-v-d173a277]:focus,
.form-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
.form-select option[data-v-d173a277] {
  background-color: #1a202c;
}
.select-arrow[data-v-d173a277] {
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  pointer-events: none;
  font-size: 1.25rem;
}
.input-prefix[data-v-d173a277],
.input-suffix[data-v-d173a277] {
  position: absolute;
  color: #64748b;
  font-size: 0.875rem;
}
.input-prefix[data-v-d173a277] {
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.input-with-prefix .form-input[data-v-d173a277] {
  padding-left: 2rem;
}
.input-suffix[data-v-d173a277] {
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.input-with-suffix .form-input[data-v-d173a277] {
  padding-right: 2rem;
}

/* Rules Card */
.rules-card[data-v-d173a277] {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tabs-container[data-v-d173a277] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #2d3748;
  background-color: #151b26;
  padding-right: 12px;
}
.tabs[data-v-d173a277] {
  display: flex;
}
.tab-btn[data-v-d173a277] {
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #92a4c9;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
}
.tab-btn[data-v-d173a277]:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.05);
}
.tab-btn.active[data-v-d173a277] {
  color: white;
  border-bottom-color: #135bec;
  background-color: rgba(19, 91, 236, 0.05);
}
.tab-content[data-v-d173a277] {
  padding: 1.25rem;
  overflow-x: auto;
  flex: 1;
}
.rules-table[data-v-d173a277] {
  width: 100%;
  font-size: 0.875rem;
  text-align: left;
  table-layout: fixed;
}
.rules-table thead[data-v-d173a277] {
  background-color: #1f293a;
}
.rules-table th[data-v-d173a277] {
  padding: 0.75rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  white-space: nowrap;
}
.rules-table th[data-v-d173a277]:first-child {
  border-radius: 0.5rem 0 0 0;
  width: 100px;
}
.rules-table th[data-v-d173a277]:nth-child(2) {
  width: 130px;
}
.rules-table th[data-v-d173a277]:nth-child(3) {
  width: 110px;
}
.rules-table th[data-v-d173a277]:nth-child(4) {
  width: 110px;
}
.rules-table th[data-v-d173a277]:last-child {
  border-radius: 0 0.5rem 0 0;
}
.rules-table tbody[data-v-d173a277] {
  background-color: rgba(35, 43, 59, 0.3);
}
.rules-table td[data-v-d173a277] {
  padding: 0.75rem;
  border-bottom: 1px solid #1e293b;
  white-space: nowrap;
}
.rules-table tr[data-v-d173a277]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.type-cell[data-v-d173a277] {
  font-weight: 500;
  color: white;
}
.calc-base-cell[data-v-d173a277] {
  color: #60a5fa;
  font-weight: 500;
}
.calc-base-input[data-v-d173a277] {
  width: 100%;
  min-width: 100px;
  padding: 0.375rem 0.5rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: #60a5fa;
  font-size: 0.8125rem;
  text-align: right;
}
.calc-base-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
}
.readonly-input[data-v-d173a277] {
  background-color: #1a202c;
  color: #64748b;
  cursor: not-allowed;
}
.corp-rate[data-v-d173a277] {
  color: #60a5fa;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.rate-edit-input[data-v-d173a277] {
  width: 60px;
  padding: 0.25rem 0.375rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.25rem;
  color: #60a5fa;
  font-size: 0.8125rem;
  text-align: center;
}
.rate-edit-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
}
.rate-percent[data-v-d173a277] {
  font-size: 0.75rem;
  color: #64748b;
}
.cost-corp[data-v-d173a277] {
  color: #4ade80;
  font-weight: 500;
}
.cost-indiv[data-v-d173a277] {
  color: #fbbf24;
}
.summary-row[data-v-d173a277] {
  background-color: rgba(96, 165, 250, 0.15);
  font-weight: 600;
}
.summary-label[data-v-d173a277] {
  text-align: right;
  color: #60a5fa;
}
.summary-value[data-v-d173a277] {
  color: #4ade80;
}
.total-row[data-v-d173a277] {
  background-color: rgba(74, 222, 128, 0.15);
  font-weight: 600;
}
.total-label[data-v-d173a277] {
  text-align: right;
  color: #4ade80;
}
.total-value[data-v-d173a277] {
  color: #4ade80;
  text-align: center;
}
.ops-rules[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ops-item[data-v-d173a277] {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: rgba(35, 43, 59, 0.3);
  border-radius: 0.5rem;
}
.ops-name[data-v-d173a277] {
  color: white;
  font-weight: 500;
}
.ops-value[data-v-d173a277] {
  color: #94a3b8;
}

/* Management Table */
.mgmt-table[data-v-d173a277] {
  width: 100%;
  font-size: 0.875rem;
  text-align: left;
  table-layout: fixed;
}
.mgmt-table thead[data-v-d173a277] {
  background-color: #1f293a;
}
.mgmt-table th[data-v-d173a277] {
  padding: 0.75rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
.mgmt-table th[data-v-d173a277]:first-child {
  border-radius: 0.5rem 0 0 0;
  width: 100px;
}
.mgmt-table th[data-v-d173a277]:nth-child(2) {
  width: 130px;
}
.mgmt-table th[data-v-d173a277]:nth-child(3) {
  width: 110px;
}
.mgmt-table th[data-v-d173a277]:last-child {
  border-radius: 0 0.5rem 0 0;
}
.mgmt-table tbody[data-v-d173a277] {
  background-color: rgba(35, 43, 59, 0.3);
}
.mgmt-table td[data-v-d173a277] {
  padding: 0.75rem;
  border-bottom: 1px solid #1e293b;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
.mgmt-table tr[data-v-d173a277]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.mgmt-name-cell[data-v-d173a277] {
  font-weight: 500;
  color: white;
}
.mgmt-salary-cell[data-v-d173a277] {
  color: #94a3b8;
}
.mgmt-rate-cell[data-v-d173a277] {
  color: #60a5fa;
}
.rate-input-wrapper[data-v-d173a277] {
  position: relative;
  display: inline-block;
  width: 80px;
}
.rate-input[data-v-d173a277] {
  width: 100%;
  padding: 0.375rem 1.5rem 0.375rem 0.5rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: #60a5fa;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: right;
  transition: all 0.2s;
}
.rate-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
.rate-symbol[data-v-d173a277] {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 0.75rem;
  pointer-events: none;
}
.mgmt-amount-cell[data-v-d173a277] {
  color: #94a3b8;
  text-align: right;
}
.mgmt-table tfoot[data-v-d173a277] {
  background-color: #1a202c;
}
.mgmt-total-row[data-v-d173a277] {
  border-top: 2px solid #2d3748;
}
.mgmt-total-row td[data-v-d173a277] {
  padding: 0.75rem 1rem;
  font-weight: 600;
}
.mgmt-total-amount[data-v-d173a277] {
  color: #135bec;
  text-align: right;
}
.other-cost-groups[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.other-cost-group[data-v-d173a277] {
  border: 1px solid #263247;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: rgba(15, 23, 42, 0.35);
}
.other-cost-group-header[data-v-d173a277] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  background-color: #151b26;
  border-bottom: 1px solid #263247;
}
.other-cost-group.collapsed .other-cost-group-header[data-v-d173a277] {
  border-bottom: 0;
}
.other-cost-group-title[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}
.collapse-toggle-btn[data-v-d173a277] {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  padding: 0;
  border: 1px solid #30415d;
  border-radius: 0.25rem;
  background-color: #1d2636;
  color: #8fb5ff;
  cursor: pointer;
  transition: all 0.18s ease;
}
.collapse-toggle-btn[data-v-d173a277]:hover {
  border-color: #3b82f6;
  color: #bfdbfe;
  background-color: #23314a;
}
.collapse-toggle-btn .material-symbols-outlined[data-v-d173a277] {
  font-size: 1.1rem;
  line-height: 1;
}
.other-cost-group-header h4[data-v-d173a277] {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #f8fafc;
}
.other-cost-group-header span[data-v-d173a277] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #60a5fa;
  white-space: nowrap;
}
.other-cost-table th[data-v-d173a277]:first-child {
  width: 180px;
}
.other-cost-table th[data-v-d173a277]:nth-child(2) {
  width: 190px;
}
.other-cost-table th[data-v-d173a277]:nth-child(3) {
  width: auto;
}
.other-cost-table th[data-v-d173a277]:nth-child(4) {
  width: 120px;
}
.other-cost-table th[data-v-d173a277]:last-child {
  width: 150px;
}
.other-cost-table td[data-v-d173a277] {
  white-space: normal;
  line-height: 1.45;
}
.other-cost-grand-total[data-v-d173a277] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.other-cost-grand-total > div[data-v-d173a277] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid #263247;
  border-radius: 0.5rem;
  background-color: #151b26;
}
.other-cost-grand-total span[data-v-d173a277] {
  color: #92a4c9;
  font-weight: 600;
}
.other-cost-grand-total strong[data-v-d173a277] {
  color: #135bec;
  font-size: 1rem;
  white-space: nowrap;
}

/* On-demand Cost Table */
.ondemand-rules[data-v-d173a277] {
  width: 100%;
}
.ondemand-table[data-v-d173a277] {
  width: 100%;
  font-size: 0.8125rem;
  text-align: left;
}
.ondemand-table thead[data-v-d173a277] {
  background-color: #1f293a;
}
.ondemand-table th[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
}
.ondemand-table th[data-v-d173a277]:first-child {
  border-radius: 0.5rem 0 0 0;
}
.ondemand-table th[data-v-d173a277]:last-child {
  border-radius: 0 0.5rem 0 0;
}
.ondemand-table tbody[data-v-d173a277] {
  background-color: rgba(35, 43, 59, 0.3);
}
.ondemand-table td[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid #1e293b;
}
.ondemand-table tr[data-v-d173a277]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.ondemand-name-cell[data-v-d173a277] {
  font-weight: 500;
  color: white;
  white-space: nowrap;
}
.ondemand-desc-cell[data-v-d173a277] {
  color: #94a3b8;
}
.ondemand-basis-cell[data-v-d173a277] {
  color: #64748b;
  font-size: 0.75rem;
  max-width: 200px;
}
.ondemand-amount-cell[data-v-d173a277] {
  text-align: right;
  width: 120px;
}
.amount-input[data-v-d173a277] {
  width: 100%;
  max-width: 120px;
  padding: 0.375rem 0.5rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: #94a3b8;
  font-size: 0.8125rem;
  text-align: right;
  transition: all 0.2s;
}
.amount-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
.ondemand-table tfoot[data-v-d173a277] {
  background-color: #1a202c;
}
.ondemand-total-row[data-v-d173a277] {
  border-top: 2px solid #2d3748;
}
.ondemand-total-row td[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  font-weight: 600;
}
.ondemand-total-amount[data-v-d173a277] {
  color: #135bec;
  text-align: right;
}

/* Operations Cost Table */
.ops-rules[data-v-d173a277] {
  width: 100%;
}
.ops-table[data-v-d173a277] {
  width: 100%;
  font-size: 0.8125rem;
  text-align: left;
}
.ops-table thead[data-v-d173a277] {
  background-color: #1f293a;
}
.ops-table th[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
}
.ops-table th[data-v-d173a277]:first-child {
  border-radius: 0.5rem 0 0 0;
}
.ops-table th[data-v-d173a277]:last-child {
  border-radius: 0 0.5rem 0 0;
}
.ops-table tbody[data-v-d173a277] {
  background-color: rgba(35, 43, 59, 0.3);
}
.ops-table td[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid #1e293b;
}
.ops-table tr[data-v-d173a277]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.ops-name-cell[data-v-d173a277] {
  font-weight: 500;
  color: white;
  white-space: nowrap;
}
.ops-category-cell[data-v-d173a277] {
  color: #94a3b8;
}
.ops-basis-cell[data-v-d173a277] {
  color: #64748b;
  font-size: 0.75rem;
  max-width: 250px;
}
.ops-amount-cell[data-v-d173a277] {
  text-align: right;
  width: 120px;
}
.ops-table tfoot[data-v-d173a277] {
  background-color: #1a202c;
}
.ops-total-row[data-v-d173a277] {
  border-top: 2px solid #2d3748;
}
.ops-total-row td[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  font-weight: 600;
}
.ops-total-amount[data-v-d173a277] {
  color: #135bec;
  text-align: right;
}

/* Contingency Cost Table */
.contingency-rules[data-v-d173a277] {
  width: 100%;
}
.contingency-table[data-v-d173a277] {
  width: 100%;
  font-size: 0.8125rem;
  text-align: left;
}
.contingency-table thead[data-v-d173a277] {
  background-color: #1f293a;
}
.contingency-table th[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
}
.contingency-table th[data-v-d173a277]:first-child {
  border-radius: 0.5rem 0 0 0;
}
.contingency-table th[data-v-d173a277]:last-child {
  border-radius: 0 0.5rem 0 0;
}
.contingency-table tbody[data-v-d173a277] {
  background-color: rgba(35, 43, 59, 0.3);
}
.contingency-table td[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid #1e293b;
  text-align: center;
  vertical-align: middle;
}
.contingency-table tr[data-v-d173a277]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.contingency-name-cell[data-v-d173a277] {
  font-weight: 500;
  color: white;
  white-space: nowrap;
}
.contingency-rate-cell[data-v-d173a277],
.contingency-days-cell[data-v-d173a277],
.contingency-personnel-cell[data-v-d173a277] {
  width: 100px;
}
.rate-input[data-v-d173a277],
.days-input[data-v-d173a277],
.personnel-input[data-v-d173a277] {
  width: 80px;
  padding: 0.375rem 0.5rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: #94a3b8;
  font-size: 0.8125rem;
  text-align: center;
}
.days-input[data-v-d173a277]:focus,
.personnel-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
}
.contingency-unit-price-cell[data-v-d173a277] {
  width: 140px;
}
.unit-price-input[data-v-d173a277] {
  width: 100%;
  padding: 0.375rem 0.75rem 0.375rem 1.25rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: #94a3b8;
  font-size: 0.8125rem;
  text-align: right;
}
.unit-price-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
}

/* Readonly styles for contingency table */
.readonly-value[data-v-d173a277] {
  display: inline-block;
  padding: 0.375rem 0.5rem;
  color: #94a3b8;
  font-size: 0.8125rem;
  text-align: center;
}
.readonly-unit-price[data-v-d173a277] {
  padding: 0.375rem 0.75rem;
  color: #94a3b8;
  font-size: 0.8125rem;
  text-align: center;
}
.contingency-amount-cell[data-v-d173a277] {
  color: #94a3b8;
  text-align: right;
  font-weight: 600;
  width: 140px;
  white-space: nowrap;
}
.contingency-table tfoot[data-v-d173a277] {
  background-color: #1a202c;
}
.contingency-total-row[data-v-d173a277] {
  border-top: 2px solid #2d3748;
}
.contingency-total-row td[data-v-d173a277] {
  padding: 0.625rem 0.75rem;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
.contingency-total-amount[data-v-d173a277] {
  color: #135bec;
  text-align: right;
  width: 140px;
  white-space: nowrap;
}
.update-info[data-v-d173a277] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
  font-size: 0.75rem;
  color: #64748b;
}
.info-icon[data-v-d173a277] {
  font-size: 0.875rem;
}

/* Project Params */
.project-params[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.param-input[data-v-d173a277] {
  width: 100%;
}

/* Summary Card */
.summary-card[data-v-d173a277] {
  background-color: #1a202c;
  border-radius: 0.75rem;
  border: 1px solid rgba(19, 91, 236, 0.3);
  padding: 1.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}
.glow-effect[data-v-d173a277] {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(19, 91, 236, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  transform: translate(50%, -50%);
  pointer-events: none;
}
.summary-title[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1.5rem;
}
.summary-title .material-symbols-outlined[data-v-d173a277] {
  color: #135bec;
}

/* Global Params Section */
.global-params-section[data-v-d173a277] {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: rgba(35, 43, 59, 0.3);
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
}
.section-title[data-v-d173a277] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}
.global-params-grid[data-v-d173a277] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.75rem;
}
.global-param-item[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.param-label[data-v-d173a277] {
  font-size: 0.6875rem;
  color: #94a3b8;
}
.param-input[data-v-d173a277] {
  width: 100%;
  padding: 0.5rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: white;
  font-size: 0.8125rem;
  text-align: center;
}
.param-input[data-v-d173a277]:focus {
  outline: none;
  border-color: #135bec;
}
.global-param-item .input-with-suffix[data-v-d173a277] {
  position: relative;
}
.global-param-item .input-suffix[data-v-d173a277] {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 0.6875rem;
}
.global-param-item .input-with-suffix .param-input[data-v-d173a277] {
  padding-right: 1.5rem;
}

/* Readonly cost display */
.readonly-cost-display[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.625rem 0.75rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.5rem;
}
.cost-value[data-v-d173a277] {
  font-size: 1rem;
  font-weight: 700;
  color: #135bec;
}
.cost-formula[data-v-d173a277] {
  font-size: 0.6875rem;
  color: #64748b;
}
.summary-numbers[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.main-price[data-v-d173a277] {
  background-color: rgba(35, 43, 59, 0.5);
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
  transition: border-color 0.2s;
}
.main-price[data-v-d173a277]:hover {
  border-color: rgba(19, 91, 236, 0.5);
}
.price-label[data-v-d173a277] {
  font-size: 0.75rem;
  color: #92a4c9;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.price-value[data-v-d173a277] {
  font-size: 1.875rem;
  font-weight: 700;
  color: white;
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  letter-spacing: -0.025em;
}
.price-symbol[data-v-d173a277] {
  font-size: 1rem;
  color: #64748b;
  font-weight: 400;
}
.price-trend[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #22c55e;
}
.trend-icon[data-v-d173a277] {
  font-size: 1rem;
}
.sub-prices[data-v-d173a277] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.sub-price-item[data-v-d173a277] {
  background-color: rgba(35, 43, 59, 0.5);
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
}
.sub-price-item.highlight[data-v-d173a277] {
  border-color: rgba(19, 91, 236, 0.3);
}
.sub-price-label[data-v-d173a277] {
  font-size: 0.625rem;
  color: #92a4c9;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.sub-price-value[data-v-d173a277] {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
}
.sub-price-item.highlight .sub-price-value[data-v-d173a277] {
  color: #135bec;
}
.sub-price-note[data-v-d173a277] {
  font-size: 0.625rem;
  color: #64748b;
  margin-top: 0.25rem;
}

/* Breakdown */
.breakdown-section[data-v-d173a277] {
  flex: 1;
}
.breakdown-title[data-v-d173a277] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}
.breakdown-list[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.breakdown-header[data-v-d173a277] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #cbd5e1;
  margin-bottom: 0.25rem;
  gap: 0.5rem;
}
.breakdown-name[data-v-d173a277] {
  flex: 1;
}
.breakdown-amount[data-v-d173a277] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
}
.breakdown-percent[data-v-d173a277] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #cbd5e1;
  min-width: 40px;
  text-align: right;
}
.breakdown-bar[data-v-d173a277] {
  width: 100%;
  height: 0.5rem;
  background-color: #374151;
  border-radius: 0.25rem;
  overflow: hidden;
}
.breakdown-fill[data-v-d173a277] {
  height: 100%;
  border-radius: 0.25rem;
  transition: width 0.3s ease;
}

/* AI Insight */
.ai-insight[data-v-d173a277] {
  margin-top: 1rem;
  background: linear-gradient(135deg, #1e293b, #131b2e);
  border: 1px solid rgba(19, 91, 236, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.insight-header[data-v-d173a277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.ai-icon[data-v-d173a277] {
  color: #135bec;
  font-size: 1.125rem;
}
.insight-title[data-v-d173a277] {
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
}
.insight-text[data-v-d173a277] {
  font-size: 0.6875rem;
  color: #94a3b8;
  line-height: 1.5;
  margin: 0;
}

/* Actions */
.summary-actions[data-v-d173a277] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.btn-primary[data-v-d173a277] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #135bec;
  color: white;
  font-weight: 700;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 0 15px rgba(19, 91, 236, 0.3);
}
.btn-primary[data-v-d173a277]:hover {
  background-color: #1d6bf3;
}
.btn-primary .material-symbols-outlined[data-v-d173a277] {
  font-size: 1.125rem;
}
.btn-secondary[data-v-d173a277] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: transparent;
  color: #94a3b8;
  font-weight: 500;
  border-radius: 0.5rem;
  border: 1px solid #374151;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-secondary[data-v-d173a277]:hover {
  border-color: #4b5563;
  color: white;
}
.btn-secondary .material-symbols-outlined[data-v-d173a277] {
  font-size: 1.125rem;
}

/* Mobile Footer */
.mobile-footer[data-v-d173a277] {
  display: none;
}

/* Scrollbar */
.onsite-calculator-page[data-v-d173a277]::-webkit-scrollbar {
  width: 8px;
}
.onsite-calculator-page[data-v-d173a277]::-webkit-scrollbar-track {
  background: #0f172a;
}
.onsite-calculator-page[data-v-d173a277]::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 4px;
}
.onsite-calculator-page[data-v-d173a277]::-webkit-scrollbar-thumb:hover {
  background: #4a5568;
}

/* Responsive */
@media (max-width: 1024px) {
.form-grid[data-v-d173a277] {
    grid-template-columns: repeat(2, 1fr);
}
.calculator-content[data-v-d173a277] {
    flex-direction: column;
}
.right-column[data-v-d173a277] {
    width: 100%;
    min-width: 0;
}
}
@media (max-width: 768px) {
.page-header[data-v-d173a277] {
    padding: 1rem;
}
.header-actions-row[data-v-d173a277] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.page-title[data-v-d173a277] {
    font-size: 1.25rem;
}
.calculator-content[data-v-d173a277] {
    padding: 1rem;
}
.form-grid[data-v-d173a277] {
    grid-template-columns: 1fr;
}
.right-column[data-v-d173a277] {
    display: none;
}
.mobile-footer[data-v-d173a277] {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1a202c;
    border-top: 1px solid #2d3748;
    padding: 1rem;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
}
.mobile-label[data-v-d173a277] {
    font-size: 0.75rem;
    color: #92a4c9;
}
.mobile-price[data-v-d173a277] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
}
.mobile-calc-btn[data-v-d173a277] {
    padding: 0.5rem 1.5rem;
    background-color: #135bec;
    color: white;
    font-weight: 700;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
}
}

.relocation-calculator-page[data-v-13389e8e] {
  padding: 0 1.5rem 1.5rem;
  min-height: 100%;
  background: #0f172a;
  color: #e2e8f0;
}
.relocation-calculator-page.embedded-mode[data-v-13389e8e] {
  background: transparent;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  border-radius: 12px;
}

/* ---------- 内联报价视图（嵌入模式 tab4） ---------- */
.inline-quotation-view[data-v-13389e8e] {
  margin-top: 1rem;
}
.inline-quotation-main[data-v-13389e8e] {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 1.5rem;
  min-height: 600px;
}
.inline-quotation-preview[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  background: #111827;
  border: 1px solid #1e293b;
  border-radius: 12px;
  overflow: hidden;
}
.inline-quotation-toolbar[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #1e293b;
  background: #0f172a;
  flex-shrink: 0;
}
.inline-quotation-title[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #e2e8f0;
  margin: 0;
}
.inline-quotation-actions[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.inline-quotation-scroll[data-v-13389e8e] {
  flex: 1;
  overflow-y: auto;
  padding: 2rem;
  display: flex;
  justify-content: center;
  background: #1a1f2e;
}
.inline-quotation-sidebar[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: #111827;
  border: 1px solid #1e293b;
  border-radius: 12px;
  padding: 1.25rem;
  overflow-y: auto;
  max-height: 800px;
}
@media (max-width: 1200px) {
.inline-quotation-main[data-v-13389e8e] {
    grid-template-columns: 1fr;
}
.inline-quotation-sidebar[data-v-13389e8e] {
    max-height: none;
}
}
.page-header[data-v-13389e8e] {
  margin-bottom: 1.5rem;
}
.breadcrumb[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
}
.breadcrumb-item[data-v-13389e8e] {
  color: #94a3b8;
}
.breadcrumb-item.active[data-v-13389e8e] {
  color: #f1f5f9;
  font-weight: 500;
}
.breadcrumb-separator[data-v-13389e8e] {
  font-size: 1rem;
  color: #64748b;
}
.header-actions-row[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.page-title[data-v-13389e8e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0 0 0.25rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ai-badge[data-v-13389e8e] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.15);
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
}
.page-subtitle[data-v-13389e8e] {
  font-size: 0.875rem;
  color: #94a3b8;
  margin: 0;
}
.header-buttons.actions[data-v-13389e8e] {
  display: flex;
  gap: 12px;
  align-items: center;
}
.header-btn[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  color: #cbd5e1;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.header-btn[data-v-13389e8e]:hover {
  background-color: #334155;
  color: white;
}
.header-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.125rem;
}
.add-row-btn[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-left: auto;
  padding: 0.375rem 0.75rem;
  background-color: rgba(19, 91, 236, 0.15);
  border: 1px solid rgba(19, 91, 236, 0.4);
  border-radius: 0.5rem;
  color: #60a5fa;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.add-row-btn[data-v-13389e8e]:hover {
  background-color: rgba(19, 91, 236, 0.25);
  border-color: rgba(19, 91, 236, 0.6);
}
.add-row-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}
.btn-icon[data-v-13389e8e] {
  font-size: 1.1rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.calculator-content[data-v-13389e8e] {
  display: flex;
  gap: 2rem;
  max-width: 100%;
  width: 100%;
  margin: 0;
}
.left-section[data-v-13389e8e] {
  flex: 1;
  min-width: 0;
}
.tabs-row[data-v-13389e8e] {
  margin-bottom: 1.5rem;
}
.tabs[data-v-13389e8e] {
  display: flex;
  gap: 2rem;
  border-bottom: 1px solid #1e293b;
}
.tab[data-v-13389e8e] {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.75rem 0;
  cursor: pointer;
}
.tab[data-v-13389e8e]:hover {
  color: #e2e8f0;
}
.tab.active[data-v-13389e8e] {
  color: #f1f5f9;
  border-bottom-color: #38bdf8;
}

/* 搬迁路径配置 */
.route-config-section[data-v-13389e8e] {
  margin-bottom: 1.5rem;
}
.route-config-header[data-v-13389e8e] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.route-config-title[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0 0 0.25rem 0;
}
.route-config-icon[data-v-13389e8e] {
  font-size: 1.25rem;
  color: #38bdf8;
}
.route-config-desc[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
}
.route-path-list[data-v-13389e8e] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.route-path-line[data-v-13389e8e] {
  position: absolute;
  left: 1.4375rem;
  top: 2.5rem;
  bottom: 2.5rem;
  width: 2px;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.5), #334155, rgba(16, 185, 129, 0.5));
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 640px) {
.route-path-line[data-v-13389e8e] {
    display: none;
}
}
.route-location-row[data-v-13389e8e] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 1px solid #334155;
  background: #0f172a;
  transition: border-color 0.2s, background 0.2s;
}
.route-location-row.confirmed[data-v-13389e8e] {
  background: #1e293b;
  border-color: #334155;
}
.route-location-row.has-dropdown[data-v-13389e8e] {
  z-index: 100;
}
.route-type-badge[data-v-13389e8e] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 2px solid;
  background: #0f172a;
  font-size: 0.625rem;
  font-weight: 700;
}
.route-type-badge.origin[data-v-13389e8e] {
  border-color: #3b82f6;
  color: #3b82f6;
}
.route-type-badge.destination[data-v-13389e8e] {
  border-color: #10b981;
  color: #10b981;
}
.route-location-content[data-v-13389e8e] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.route-location-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.route-location-label[data-v-13389e8e] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.route-tier-badge[data-v-13389e8e] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  font-weight: 700;
}
.route-tier-badge.tier-1[data-v-13389e8e] {
  background: rgba(168, 85, 247, 0.2);
  color: #c084fc;
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.route-tier-badge.tier-remote[data-v-13389e8e] {
  background: rgba(249, 115, 22, 0.2);
  color: #fb923c;
  border: 1px solid rgba(249, 115, 22, 0.3);
}
.route-tier-badge.tier-other[data-v-13389e8e] {
  background: rgba(59, 130, 246, 0.2);
  color: #60a5fa;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.route-address-row[data-v-13389e8e] {
  display: flex;
  gap: 0.5rem;
}
.route-address-input-wrap[data-v-13389e8e] {
  position: relative;
  flex: 1;
  min-width: 0;
}
.route-address-input[data-v-13389e8e] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.625rem 2.5rem 0.625rem 0.75rem;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid #334155;
  border-radius: 0.5rem;
  color: #f1f5f9;
  font-size: 0.875rem;
  transition: border-color 0.2s;
}
.route-address-input[data-v-13389e8e]::placeholder {
  color: #64748b;
}
.route-address-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #38bdf8;
}
.route-map-btn[data-v-13389e8e] {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.375rem;
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  transition: color 0.2s;
}
.route-map-btn[data-v-13389e8e]:hover {
  color: #38bdf8;
}
.route-map-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.125rem;
}

/* 内联搜索下拉框 */
.route-inline-dropdown[data-v-13389e8e] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.25rem;
  background: #1e293b;
  border: 1px solid #475569;
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  max-height: 20rem;
  overflow-y: auto;
}
.route-inline-loading[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  color: #64748b;
  font-size: 0.8125rem;
}
.route-inline-loading .spinning[data-v-13389e8e] {
  animation: spin-13389e8e 1s linear infinite;
  font-size: 1rem;
}
.route-inline-item[data-v-13389e8e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  cursor: pointer;
  transition: background-color 0.15s;
}
.route-inline-item[data-v-13389e8e]:hover {
  background: rgba(59, 130, 246, 0.15);
}
.route-inline-icon[data-v-13389e8e] {
  flex-shrink: 0;
  font-size: 1rem;
  color: #3b82f6;
  margin-top: 0.125rem;
}
.route-inline-text[data-v-13389e8e] {
  flex: 1;
  min-width: 0;
}
.route-inline-addr[data-v-13389e8e] {
  font-size: 0.8125rem;
  color: #e2e8f0;
  line-height: 1.3;
  word-break: break-all;
}
.route-inline-meta[data-v-13389e8e] {
  font-size: 0.6875rem;
  color: #64748b;
  margin-top: 0.125rem;
}

/* 选中地址显示样式 */
.route-selected-addr[data-v-13389e8e] {
  max-width: 50%;
}
.route-selected-addr .place-icon[data-v-13389e8e] {
  color: #3b82f6;
}
.route-selected-text[data-v-13389e8e] {
  color: #94a3b8;
  font-size: 0.6875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20rem;
}
.route-confirmed-info[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.6875rem;
}
.route-info-item[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #64748b;
}
.route-info-icon[data-v-13389e8e] {
  font-size: 0.75rem;
}
.route-info-icon.success[data-v-13389e8e] {
  color: #10b981;
}
.route-mono[data-v-13389e8e] {
  font-family: ui-monospace, monospace;
  color: #cbd5e1;
}
.route-text[data-v-13389e8e] {
  color: #cbd5e1;
}
.route-delete-btn[data-v-13389e8e] {
  padding: 0.5rem;
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  transition: color 0.2s;
  flex-shrink: 0;
}
.route-delete-btn[data-v-13389e8e]:hover {
  color: #f87171;
}
.route-delete-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.125rem;
}

/* 地图弹窗 */
.route-map-overlay[data-v-13389e8e] {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(4px);
}
.route-map-modal[data-v-13389e8e] {
  width: 100%;
  max-width: 42rem;
  background: #1e293b;
  border-radius: 1rem;
  border: 1px solid #334155;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.route-map-modal-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #334155;
  background: rgba(30, 41, 59, 0.5);
}
.route-map-modal-title[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0;
}
.route-map-modal-title .material-symbols-outlined[data-v-13389e8e] {
  color: #38bdf8;
}
.route-map-close[data-v-13389e8e] {
  padding: 0.25rem;
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  transition: color 0.2s;
}
.route-map-close[data-v-13389e8e]:hover {
  color: #f1f5f9;
}
.route-map-modal-body[data-v-13389e8e] {
  padding: 1rem;
  background: #0f172a;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.route-map-search-wrap[data-v-13389e8e] {
  position: relative;
  display: flex;
  align-items: center;
}
.route-map-search-icon[data-v-13389e8e] {
  position: absolute;
  left: 0.75rem;
  font-size: 1.125rem;
  color: #64748b;
}
.route-map-search-input[data-v-13389e8e] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.625rem 1rem 0.625rem 2.5rem;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  color: #f1f5f9;
  font-size: 0.875rem;
  transition: border-color 0.2s;
}
.route-map-search-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #38bdf8;
}
.route-map-preview[data-v-13389e8e] {
  aspect-ratio: 16/10;
  background: #1e293b;
  border-radius: 0.75rem;
  border: 1px solid #334155;
  overflow: hidden;
  position: relative;
  min-height: 280px;
}
.route-map-inner[data-v-13389e8e] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 280px;
}
.route-map-loading[data-v-13389e8e] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(15, 23, 42, 0.85);
  color: #94a3b8;
  font-size: 0.875rem;
}
.route-map-tiles-hint[data-v-13389e8e] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5rem;
  pointer-events: none;
  z-index: 10;
}
.route-map-tiles-hint-content[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.9);
  color: #1e293b;
  font-size: 0.75rem;
  border-radius: 0.375rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.route-map-tiles-hint-content .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
  flex-shrink: 0;
}
.route-map-confirm-row[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  margin-top: 0.5rem;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 0.5rem;
}
.route-map-pending-text[data-v-13389e8e] {
  font-size: 0.8125rem;
  color: #e2e8f0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.route-map-confirm-btn[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: #22c55e;
  color: #fff;
  border: none;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  flex-shrink: 0;
}
.route-map-confirm-btn[data-v-13389e8e]:hover {
  background: #16a34a;
}
.route-map-confirm-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}
.route-map-placeholder[data-v-13389e8e] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #64748b;
  font-size: 0.75rem;
}
.route-map-placeholder-hint[data-v-13389e8e] {
  font-size: 0.6875rem;
  color: #475569;
}
.route-map-pin[data-v-13389e8e] {
  font-size: 2.5rem;
  color: #3b82f6;
}
.route-map-results[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 10rem;
  overflow-y: auto;
}
.route-map-results-hint[data-v-13389e8e] {
  font-size: 0.8125rem;
  color: #64748b;
  padding: 0.5rem 0;
  margin: 0;
}
.route-map-results-title[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: #22c55e;
  padding: 0.25rem 0 0.5rem;
  margin: 0;
  font-weight: 500;
}
.route-map-results-title .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}
.route-map-result-item[data-v-13389e8e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem;
  text-align: left;
  background: rgba(34, 197, 94, 0.05);
  border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: 0.5rem;
  color: inherit;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.route-map-result-item[data-v-13389e8e]:hover {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.4);
}
.route-result-icon[data-v-13389e8e] {
  font-size: 1.125rem;
  color: #22c55e;
  flex-shrink: 0;
}
.route-result-addr[data-v-13389e8e] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #f1f5f9;
}
.route-result-meta[data-v-13389e8e] {
  font-size: 0.625rem;
  color: #64748b;
  text-transform: uppercase;
  margin-top: 0.125rem;
}
.route-tip-box[data-v-13389e8e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(249, 115, 22, 0.08);
  border: 1px solid rgba(249, 115, 22, 0.2);
  border-radius: 0.75rem;
}
.route-tip-icon[data-v-13389e8e] {
  font-size: 1.125rem;
  color: #fb923c;
  flex-shrink: 0;
}
.route-tip-content[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #94a3b8;
  line-height: 1.6;
}
.route-tip-title[data-v-13389e8e] {
  color: #fb923c;
}
.route-tip-highlight[data-v-13389e8e] {
  color: #e2e8f0;
}
.config-section[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.card.panel[data-v-13389e8e] {
  background: rgba(30, 41, 59, 0.5);
  border: 1px solid #334155;
  border-radius: 0.75rem;
  padding: 1.5rem;
}
.card-title-row[data-v-13389e8e],
.title-with-icon[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.card-icon[data-v-13389e8e] {
  font-size: 1.25rem;
  color: #94a3b8;
}
.card-icon.primary[data-v-13389e8e] {
  color: #38bdf8;
}
.card-title[data-v-13389e8e] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0;
}
.config-grid.two-cols[data-v-13389e8e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

/* 人工服务费 */
.labor-cost-panel[data-v-13389e8e],
.value-added-panel[data-v-13389e8e] {
  padding: 1.5rem;
}

/* 其他费用 */
.other-cost-panel[data-v-13389e8e] {
  padding: 0 0 1.5rem;
}
.other-cost-header[data-v-13389e8e] {
  padding: 1rem 1.25rem 0;
  margin-bottom: 0;
}
.other-cost-tabs-row[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0 1.25rem;
  border-bottom: 1px solid #2d3748;
  background-color: #151b26;
}
.other-cost-tabs[data-v-13389e8e] {
  display: flex;
}
.other-cost-tab[data-v-13389e8e] {
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #92a4c9;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
}
.other-cost-tab[data-v-13389e8e]:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}
.other-cost-tab.active[data-v-13389e8e] {
  color: #fff;
  border-bottom-color: #135bec;
  background-color: rgba(19, 91, 236, 0.08);
}
.other-cost-table-wrap[data-v-13389e8e] {
  padding: 1.25rem;
  overflow-x: auto;
}
.equipment-name-cell[data-v-13389e8e] {
  min-width: 0;
}
.equipment-name-combobox[data-v-13389e8e] {
  position: relative;
  width: 100%;
}
.equipment-name-input[data-v-13389e8e] {
  width: 100%;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
.equipment-name-caret[data-v-13389e8e] {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  cursor: pointer;
  color: #94a3b8;
  padding: 0 0.125rem;
}
.equipment-name-caret[data-v-13389e8e]:hover {
  color: #e2e8f0;
}
.equipment-name-caret .material-symbols-outlined[data-v-13389e8e] {
  font-size: 0.875rem;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}
.equipment-name-dropdown[data-v-13389e8e] {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 10;
  overflow: hidden;
}
.equipment-name-dropdown-fixed[data-v-13389e8e] {
  position: fixed;
  z-index: 9999;
}
.equipment-name-option[data-v-13389e8e] {
  display: block;
  width: 100%;
  padding: 0.4rem 0.75rem;
  font-size: 0.8125rem;
  color: #e2e8f0;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s;
}
.equipment-name-option[data-v-13389e8e]:hover {
  background: rgba(56, 189, 248, 0.15);
  color: #fff;
}
.labor-cost-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.labor-cost-header .actions[data-v-13389e8e] {
  display: flex;
  gap: 12px;
  align-items: center;
}
.labor-cost-table-wrap[data-v-13389e8e] {
  overflow-x: auto;
}
.labor-cost-table[data-v-13389e8e] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.labor-cost-table thead tr[data-v-13389e8e] {
  border-bottom: 1px solid #334155;
}
.labor-cost-table th[data-v-13389e8e] {
  padding-bottom: 0.75rem;
  font-weight: 500;
  font-size: 0.6875rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.labor-cost-table th.col-type[data-v-13389e8e] { width: 18%;
}
.labor-cost-table th.col-desc[data-v-13389e8e] { width: 28%;
}
.labor-cost-table th.col-unit[data-v-13389e8e] { width: 8%; text-align: center;
}
.labor-cost-table th.col-qty[data-v-13389e8e] { width: 10%; text-align: center;
}
.labor-cost-table th.col-price[data-v-13389e8e] { width: 12%; text-align: center;
}
.labor-cost-table th.col-total[data-v-13389e8e] { width: 14%; text-align: right;
}
.labor-cost-table th.col-action[data-v-13389e8e] { width: 3rem;
}
.labor-cost-row[data-v-13389e8e] {
  border-bottom: 1px solid rgba(51, 65, 85, 0.5);
}
.labor-cost-row td[data-v-13389e8e] {
  padding: 0.75rem 0.5rem 0.75rem 0;
  vertical-align: middle;
}
.labor-cost-row td[data-v-13389e8e]:first-child {
  padding-left: 0;
}
.labor-input[data-v-13389e8e] {
  width: 100%;
  min-width: 0;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid #334155;
  border-radius: 0.25rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  padding: 0.375rem 0.5rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.labor-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #38bdf8;
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.3);
}
.labor-select[data-v-13389e8e] {
  cursor: pointer;
  appearance: none;
}
.labor-input-num[data-v-13389e8e] {
  width: 4rem;
  max-width: 100%;
  text-align: center;
}
.labor-input-readonly[data-v-13389e8e] {
  display: inline-block;
  min-width: 3rem;
  cursor: default;
}
.unit-cell[data-v-13389e8e] {
  text-align: center;
  color: #94a3b8;
  font-size: 0.875rem;
}
.qty-cell[data-v-13389e8e],
.price-cell[data-v-13389e8e] {
  text-align: center;
}
.total-cell[data-v-13389e8e] {
  text-align: right;
  font-weight: 700;
  color: #f1f5f9;
}
.action-cell[data-v-13389e8e] {
  text-align: right;
  padding-right: 0;
}
.labor-cost-row .row-delete-btn[data-v-13389e8e] {
  color: #64748b;
}
.labor-cost-row .row-delete-btn[data-v-13389e8e]:hover {
  color: #f87171;
}
.field-group[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.field-label[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.input-with-suffix[data-v-13389e8e] {
  display: flex;
  align-items: center;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: hidden;
}
.field-input[data-v-13389e8e] {
  flex: 1;
  background: transparent;
  border: none;
  color: #f1f5f9;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.field-input[data-v-13389e8e]:focus {
  outline: none;
}
.input-suffix[data-v-13389e8e] {
  padding: 0 0.75rem;
  font-size: 0.875rem;
  color: #64748b;
}
.packaging-section .card.panel[data-v-13389e8e] {
  margin-bottom: 0;
}
.packaging-detail-table thead th[data-v-13389e8e] {
  padding: 0.75rem 0.5rem 0.75rem 0;
  text-align: left;
  vertical-align: middle;
}
.packaging-detail-table thead th[data-v-13389e8e]:first-child {
  padding-left: 0;
}
.packaging-detail-table thead th.col-unit[data-v-13389e8e],
.packaging-detail-table thead th.col-qty[data-v-13389e8e],
.packaging-detail-table thead th.col-price[data-v-13389e8e] {
  text-align: center;
}
.packaging-detail-table thead th.col-total[data-v-13389e8e] {
  text-align: right;
}
.packaging-detail-table .labor-cost-row td[data-v-13389e8e] {
  vertical-align: middle;
}
.packaging-detail-table .qty-cell .labor-input-num[data-v-13389e8e] {
  margin: 0 auto;
}
.packaging-tier-select[data-v-13389e8e] {
  min-width: 6rem;
}
.packaging-summary-row[data-v-13389e8e] {
  border-top: 1px solid #334155;
}
.packaging-summary-row td[data-v-13389e8e] {
  padding: 0.75rem 0.5rem;
  font-size: 0.875rem;
}
.packaging-summary-row .summary-label[data-v-13389e8e] {
  font-weight: 600;
  color: #94a3b8;
  text-align: right;
}
.packaging-summary-row .summary-qty[data-v-13389e8e] {
  font-weight: 600;
  color: #e2e8f0;
  text-align: right;
}
.packaging-summary-row .summary-total[data-v-13389e8e] {
  font-weight: 600;
  color: #38bdf8;
}
.packaging-section .actions[data-v-13389e8e] {
  display: flex;
  gap: 12px;
  align-items: center;
}
.sync-equipment-btn[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #22c55e;
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
}
.sync-equipment-btn[data-v-13389e8e]:hover {
  background: rgba(34, 197, 94, 0.25);
  border-color: #22c55e;
}
.sync-equipment-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}
.packaging-validation-alert[data-v-13389e8e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  font-size: 0.8125rem;
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.packaging-validation-alert .alert-icon[data-v-13389e8e] {
  font-size: 1.125rem;
  flex-shrink: 0;
}
.unknown-tier-row[data-v-13389e8e] {
  background: rgba(251, 191, 36, 0.08) !important;
}
.unknown-tier-select[data-v-13389e8e] {
  border-color: #f59e0b !important;
  color: #fbbf24 !important;
}
.packaging-tiers-title[data-v-13389e8e] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}
.packaging-section .section-title-row[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.section-hint[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #64748b;
}
.packaging-tiers[data-v-13389e8e] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.75rem;
}
.tier-card[data-v-13389e8e] {
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.tier-card[data-v-13389e8e]:hover {
  border-color: #38bdf8;
}
.tier-card.selected[data-v-13389e8e] {
  border-color: #38bdf8;
  background: rgba(56, 189, 248, 0.1);
}
.tier-range[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin: 0 0 0.25rem 0;
}
.tier-price-wrap[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin: 0;
}
.tier-price-prefix[data-v-13389e8e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #f1f5f9;
}
.tier-price-input[data-v-13389e8e] {
  width: 4rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #f1f5f9;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  padding: 0.25rem 0.5rem;
  -moz-appearance: textfield;
}
.tier-price-input[data-v-13389e8e]::-webkit-outer-spin-button,
.tier-price-input[data-v-13389e8e]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tier-price-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #38bdf8;
}
.tier-label[data-v-13389e8e] {
  font-size: 0.625rem;
  color: #64748b;
  margin: 0.25rem 0 0 0;
}

/* 车辆与物流配送：卡片头部（仅标题） */
.logistics-card-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #1e293b;
}
.logistics-card-header .header-left[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.logistics-card-header .card-title[data-v-13389e8e] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #f1f5f9;
}

/* 标签栏：与人力硬成本（社保规则/公积金规则）一致 */
.logistics-tabs-container[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #2d3748;
  background-color: #151b26;
  padding-right: 12px;
}
.logistics-header-actions[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.split-batch-switch-label[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  color: #94a3b8;
  font-size: 0.875rem;
}
.split-batch-switch-label .switch-label-text[data-v-13389e8e] {
  cursor: pointer;
}
.logistics-flat-layout[data-v-13389e8e] {
  border: 1px solid #334155;
  border-radius: 0.75rem;
  overflow: hidden;
  background: #0f172a;
}
.logistics-tabs[data-v-13389e8e] {
  display: flex;
}
.logistics-tab-btn[data-v-13389e8e] {
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #92a4c9;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
}
.logistics-tab-btn[data-v-13389e8e]:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}
.logistics-tab-btn.active[data-v-13389e8e] {
  color: #fff;
  border-bottom-color: #135bec;
  background-color: rgba(19, 91, 236, 0.08);
}
.logistics-tab-content[data-v-13389e8e] {
  padding: 1.25rem;
  overflow-x: auto;
}
.logistics-panel .labor-cost-table-wrap[data-v-13389e8e] {
  margin-bottom: 0;
}

/* 车辆与物流配送价格表：表头不换行，列宽保证单行显示 */
.logistics-detail-table thead th[data-v-13389e8e] {
  white-space: nowrap;
}
.logistics-detail-table thead th.col-type[data-v-13389e8e] {
  min-width: 10rem;
}
.logistics-detail-table thead th.col-route[data-v-13389e8e] {
  width: auto;
  white-space: nowrap;
}
.logistics-detail-table .route-cell[data-v-13389e8e] {
  vertical-align: middle;
}
.route-path-inline[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.route-path-link-select[data-v-13389e8e] {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: none;
  color: #38bdf8;
  font-size: inherit;
  font-weight: 500;
  cursor: pointer;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  min-width: 1.5em;
  text-align: center;
}
.route-path-link-select[data-v-13389e8e]::-ms-expand {
  display: none;
}
.route-path-link-select[data-v-13389e8e]:hover {
  color: #7dd3fc;
  background: rgba(56, 189, 248, 0.1);
}
.route-path-link-select.empty[data-v-13389e8e] {
  color: #94a3b8;
}
.route-path-link-select.empty[data-v-13389e8e]:hover {
  color: #cbd5e1;
}
.route-path-arrow[data-v-13389e8e] {
  color: #64748b;
  font-size: 0.875rem;
  flex-shrink: 0;
  user-select: none;
}
.route-distance-loading[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #3b82f6;
  display: block;
  margin-top: 0.25rem;
}

/* ========== 批次管理布局 ========== */
.add-batch-btn[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #3b82f6;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.add-batch-btn[data-v-13389e8e]:hover {
  background: rgba(59, 130, 246, 0.25);
  border-color: #3b82f6;
}
.add-batch-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 0.875rem;
}

/* ===== 拆分批次：卡片式布局 ===== */
.batch-cards-layout[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* 单个批次卡片 */
.batch-card[data-v-13389e8e] {
  background: rgba(22, 34, 46, 0.6);
  border-radius: 0.75rem;
  border: 1px solid #2e4b6b;
  overflow: hidden;
  transition: border-color 0.2s;
}
.batch-card.active[data-v-13389e8e] {
  border-color: rgba(0, 122, 255, 0.5);
}

/* 批次卡片顶部：属性区域 */
.batch-card-top[data-v-13389e8e] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
}
.batch-card-fields[data-v-13389e8e] {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem 1.5rem;
}
.batch-field[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.batch-field.batch-field-wide[data-v-13389e8e] {
  grid-column: 1 / -1;
}
.batch-field-label[data-v-13389e8e] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.batch-field-input[data-v-13389e8e] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  background: rgba(15, 25, 35, 0.5);
  border: 1px solid #2e4b6b;
  border-radius: 0.5rem;
  color: #e2e8f0;
  font-size: 0.8125rem;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
.batch-field-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #007aff;
  box-shadow: 0 0 0 1px rgba(0, 122, 255, 0.3);
}
.batch-card-delete[data-v-13389e8e] {
  padding: 0.5rem;
  background: transparent;
  border: none;
  color: #475569;
  cursor: pointer;
  border-radius: 0.375rem;
  transition: color 0.2s;
  flex-shrink: 0;
  margin-top: 1.25rem;
}
.batch-card-delete[data-v-13389e8e]:hover:not(:disabled) {
  color: #ef4444;
}
.batch-card-delete[data-v-13389e8e]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.batch-card-delete .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.125rem;
}

/* 批次卡片：车型条目区域 */
.batch-card-items[data-v-13389e8e] {
  padding: 0 1.5rem;
}
.batch-card-items-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.625rem;
  border-top: 1px solid rgba(46, 75, 107, 0.3);
  padding-top: 0.75rem;
}
.batch-card-items-title[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #94a3b8;
}
.batch-card-items-title .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
  color: #64748b;
}

/* 批次卡片内单条车型 */
.batch-card-item-list[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.batch-card-item-row[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  background: rgba(15, 25, 35, 0.3);
  border: 1px solid rgba(46, 75, 107, 0.3);
  border-radius: 0.5rem;
}
.bc-item-field[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  flex-shrink: 1;
}
.bc-item-field[data-v-13389e8e]:first-child {
  /* 车型列：自适应内容宽度，不过度拉伸 */
  flex: 0 1 auto;
}
.bc-item-field[data-v-13389e8e]:nth-child(2) {
  /* 运输路径列：左侧留出间距避免与车型交叉 */
  flex: 0 1 auto;
  margin-left: 1rem;
}
.bc-item-label[data-v-13389e8e] {
  font-size: 0.625rem;
  color: #64748b;
  font-weight: 500;
  white-space: nowrap;
}
.bc-item-nums[data-v-13389e8e] {
  display: flex;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.bc-num-field[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
.bc-num-field.bc-num-narrow[data-v-13389e8e] {
  flex: 0 0 3.5rem;
  max-width: 3.5rem;
}
.bc-item-total-field[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.bc-item-total-val[data-v-13389e8e] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #e2e8f0;
  font-family: ui-monospace, monospace;
  white-space: nowrap;
  line-height: 2rem;
}
.bc-item-delete[data-v-13389e8e] {
  padding: 0.25rem;
  background: transparent;
  border: none;
  color: #475569;
  cursor: pointer;
  transition: color 0.2s;
  flex-shrink: 0;
}
.bc-item-delete[data-v-13389e8e]:hover {
  color: #ef4444;
}
.bc-item-delete .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}

/* 批次模式内的车型select：自适应宽度 */
.batch-card-item-row .vehicle-cell[data-v-13389e8e] {
  gap: 0.375rem;
}
.batch-card-item-row .vehicle-select[data-v-13389e8e] {
  flex: 0 1 auto;
  width: auto;
  min-width: 5rem;
  max-width: 10rem;
}
.batch-card-item-row .vehicle-icon[data-v-13389e8e] {
  width: 1.75rem;
  height: 1.75rem;
}

/* 批次模式内的路径select */
.batch-card-item-row .route-path-inline[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.batch-card-item-row .route-select[data-v-13389e8e] {
  min-width: 3rem;
  max-width: 5rem;
}

/* 批次模式内的数值输入 */
.batch-card-item-row .num-input[data-v-13389e8e] {
  width: 100%;
  min-width: 3rem;
}

/* 批次车辆表格 */
.batch-vehicle-table[data-v-13389e8e] {
  /* 复用 labor-cost-table 的基础样式，仅覆盖列宽 */
}
.batch-vehicle-table thead th.col-type[data-v-13389e8e] { width: 18%;
}
.batch-vehicle-table thead th.col-desc[data-v-13389e8e] { width: 28%;
}
.batch-vehicle-table thead th.col-qty[data-v-13389e8e] { width: 10%; text-align: center;
}
.batch-vehicle-table thead th.col-price[data-v-13389e8e] { width: 12%; text-align: center;
}
.batch-vehicle-table thead th.col-total[data-v-13389e8e] { width: 14%; text-align: right;
}
.batch-vehicle-table thead th.col-action[data-v-13389e8e] { width: 3rem;
}
.batch-vehicle-table .route-path-inline[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.batch-vehicle-table .route-inline-select[data-v-13389e8e] {
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.batch-vehicle-table .route-inline-select.empty[data-v-13389e8e] {
  color: #64748b;
}
.batch-vehicle-table .route-arrow[data-v-13389e8e] {
  color: #475569;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.batch-vehicle-table .route-map-btn-small[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  margin-left: 0.125rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.25rem;
  color: #3b82f6;
  cursor: pointer;
  flex-shrink: 0;
}
.batch-vehicle-table .route-map-btn-small[data-v-13389e8e]:hover {
  background: rgba(59, 130, 246, 0.25);
}
.batch-vehicle-table .route-map-btn-small .material-symbols-outlined[data-v-13389e8e] {
  font-size: 0.75rem;
}
.batch-card-empty-cell[data-v-13389e8e] {
  text-align: center !important;
  color: #475569 !important;
  font-size: 0.8125rem;
  padding: 1.5rem !important;
}

/* 批次卡片底部：费用小计 */
.batch-card-footer[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.875rem 1.5rem;
  margin-top: 0.75rem;
  background: rgba(15, 25, 35, 0.3);
  border-top: 1px solid rgba(46, 75, 107, 0.3);
}
.batch-card-footer-label[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #64748b;
}
.batch-card-footer-total[data-v-13389e8e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #e2e8f0;
  font-family: ui-monospace, monospace;
}

/* 车辆条目区域 */
.vehicle-section[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vehicle-section-header[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-title[data-v-13389e8e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #94a3b8;
}
.add-item-btn[data-v-13389e8e] {
  font-size: 0.625rem;
  color: #3b82f6;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.add-item-btn[data-v-13389e8e]:hover {
  text-decoration: underline;
}

/* 车辆条目列表 */
.vehicle-items[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* 车辆条目行 - 12列网格 */
.vehicle-item-row[data-v-13389e8e] {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 2fr 2fr 1fr;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem;
  background: rgba(15, 23, 42, 0.3);
  border: 1px solid #1e293b;
  border-radius: 0.5rem;
}
.vi-name[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
}
.vi-icon[data-v-13389e8e] {
  padding: 0.375rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
  color: #3b82f6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vi-icon .material-symbols-outlined[data-v-13389e8e] {
  font-size: 0.875rem;
}
.vi-select[data-v-13389e8e] {
  flex: 1;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
}
.vi-select[data-v-13389e8e]:focus {
  outline: none;
}
.vi-field[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  color: #64748b;
}
.vi-label[data-v-13389e8e] {
  white-space: nowrap;
}
.vi-input[data-v-13389e8e] {
  width: 3rem;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: none;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
}
.vi-input[data-v-13389e8e]:focus {
  outline: none;
}
.vi-unit[data-v-13389e8e] {
  color: #64748b;
}
.vi-total[data-v-13389e8e] {
  text-align: right;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: ui-monospace, monospace;
  color: #34d399;
}
.vi-action[data-v-13389e8e] {
  text-align: right;
}
.vi-delete[data-v-13389e8e] {
  padding: 0.25rem;
  background: transparent;
  border: none;
  color: #475569;
  cursor: pointer;
  transition: color 0.2s;
}
.vi-delete[data-v-13389e8e]:hover {
  color: #f87171;
}
.vi-delete .material-symbols-outlined[data-v-13389e8e] {
  font-size: 0.875rem;
}

/* 空状态 */
.vehicle-empty[data-v-13389e8e] {
  padding: 2rem;
  text-align: center;
  color: #475569;
  font-size: 0.875rem;
}
.vehicle-empty p[data-v-13389e8e] {
  margin: 0;
}

/* 非批次模式的旧版grid布局 */
.batch-vehicles-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.batch-vehicles-title[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #e2e8f0;
  margin: 0;
}
.batch-vehicles-title .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.125rem;
  color: #64748b;
}
.add-vehicle-btn[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  background: transparent;
  border: 1px solid #475569;
  border-radius: 0.5rem;
  color: #94a3b8;
  font-size: 0.8125rem;
  cursor: pointer;
  transition: all 0.2s;
}
.add-vehicle-btn[data-v-13389e8e]:hover {
  border-color: #3b82f6;
  color: #3b82f6;
}
.add-vehicle-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}
.batch-table-header[data-v-13389e8e] {
  display: grid;
  grid-template-columns: minmax(160px, 2fr) minmax(120px, 1.5fr) 3.5rem minmax(50px, 1fr) 3.5rem minmax(70px, 1fr) 2.5rem;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.625rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.batch-table-header .col-total[data-v-13389e8e],
.batch-table-header .col-action[data-v-13389e8e] {
  text-align: right;
}
.batch-vehicle-row[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
}
.batch-vehicle-card[data-v-13389e8e] {
  display: grid;
  grid-template-columns: minmax(160px, 2fr) minmax(120px, 1.5fr) 3.5rem minmax(50px, 1fr) 3.5rem minmax(70px, 1fr) 2.5rem;
  gap: 0.75rem;
  align-items: center;
  padding: 0.875rem 1rem;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid #334155;
  border-radius: 0.75rem;
  transition: border-color 0.2s;
}
.batch-vehicle-card[data-v-13389e8e]:hover {
  border-color: #475569;
}
.vehicle-cell[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.vehicle-icon[data-v-13389e8e] {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  color: #3b82f6;
  flex-shrink: 0;
}
.vehicle-icon .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}
.vehicle-select[data-v-13389e8e] {
  flex: 1;
  min-width: 0;
  padding: 0.375rem 0.5rem;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vehicle-select[data-v-13389e8e]:focus {
  outline: none;
  border-color: #3b82f6;
}
.col-route[data-v-13389e8e] {
  min-width: 0;
  overflow: hidden;
}
.col-route .route-path-inline[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
}
.route-select[data-v-13389e8e] {
  padding: 0.25rem 0.375rem;
  background: transparent;
  border: none;
  color: #38bdf8;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  min-width: 2.5rem;
  max-width: 5rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.route-select[data-v-13389e8e]:hover {
  color: #7dd3fc;
}
.route-select.empty[data-v-13389e8e] {
  color: #64748b;
}
.route-arrow[data-v-13389e8e] {
  color: #475569;
  font-size: 0.75rem;
}
.route-map-btn-small[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  margin-left: 0.25rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.25rem;
  color: #3b82f6;
  cursor: pointer;
  flex-shrink: 0;
}
.route-map-btn-small[data-v-13389e8e]:hover {
  background: rgba(59, 130, 246, 0.25);
}
.route-map-btn-small .material-symbols-outlined[data-v-13389e8e] {
  font-size: 0.75rem;
}
.route-loading[data-v-13389e8e] {
  font-size: 0.625rem;
  color: #3b82f6;
  margin-top: 0.125rem;
}
.num-input[data-v-13389e8e] {
  width: 100%;
  padding: 0.375rem 0.5rem;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.8125rem;
  text-align: center;
}
.num-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #3b82f6;
}
/* 确保 grid 子项不溢出 */
.batch-vehicle-card > div[data-v-13389e8e] {
  min-width: 0;
}
.col-total .total-value[data-v-13389e8e] {
  font-size: 0.875rem;
  font-weight: 600;
  font-family: ui-monospace, monospace;
  color: #4ade80;
}
.col-action[data-v-13389e8e] {
  display: flex;
  justify-content: flex-end;
}
.delete-btn[data-v-13389e8e] {
  padding: 0.375rem;
  background: transparent;
  border: none;
  color: #475569;
  cursor: pointer;
  transition: color 0.2s;
}
.delete-btn[data-v-13389e8e]:hover {
  color: #ef4444;
}
.delete-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}
.batch-vehicle-formula[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem 0 3.5rem;
  font-size: 0.625rem;
  color: #64748b;
  font-style: italic;
}
.formula-dot[data-v-13389e8e] {
  color: #475569;
}

/* 批次空状态 */
.batch-empty[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  border: 2px dashed #334155;
  border-radius: 1rem;
  color: #475569;
}
.batch-empty .material-symbols-outlined[data-v-13389e8e] {
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.3;
}
.batch-empty p[data-v-13389e8e] {
  font-size: 0.875rem;
  margin: 0;
}

/* 车型信息卡片区域 */
.vehicle-info-cards[data-v-13389e8e] {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #334155;
}
.vehicle-info-cards-header[data-v-13389e8e] {
  margin-bottom: 0.75rem;
}
.vehicle-info-grid[data-v-13389e8e] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: 0.75rem;
}
.vehicle-info-card[data-v-13389e8e] {
  padding: 0.875rem;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid #334155;
  border-radius: 0.625rem;
}
.vehicle-card-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.vehicle-card-icon[data-v-13389e8e] {
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.375rem;
  color: #3b82f6;
}
.vehicle-card-icon .material-symbols-outlined[data-v-13389e8e] {
  font-size: 0.875rem;
}
.vehicle-card-name[data-v-13389e8e] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #e2e8f0;
}
.vehicle-card-specs[data-v-13389e8e] {
  font-size: 0.6875rem;
  color: #64748b;
  margin-bottom: 0.625rem;
}
.vehicle-spec-value[data-v-13389e8e] {
  color: #94a3b8;
}
.vehicle-card-prices[data-v-13389e8e] {
  display: flex;
  gap: 1rem;
}
.vehicle-price-item[data-v-13389e8e] {
  flex: 1;
}
.vehicle-price-label[data-v-13389e8e] {
  display: block;
  font-size: 0.625rem;
  color: #64748b;
  margin-bottom: 0.25rem;
}
.vehicle-price-input-wrap[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.price-prefix[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #64748b;
}
.vehicle-price-input[data-v-13389e8e] {
  flex: 1;
  width: 100%;
  padding: 0.375rem 0.5rem;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.8125rem;
  text-align: right;
}
.vehicle-price-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #3b82f6;
}

/* 运力不足提醒 */
.capacity-warning[data-v-13389e8e] {
  display: flex;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin-top: 0.75rem;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.capacity-warning-icon[data-v-13389e8e] {
  font-size: 1.25rem;
  color: #f59e0b;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.capacity-warning-body[data-v-13389e8e] {
  flex: 1;
  min-width: 0;
}
.capacity-warning-title[data-v-13389e8e] {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #fbbf24;
  margin: 0 0 0.25rem;
}
.capacity-warning-desc[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #d1d5db;
  margin: 0 0 0.375rem;
  line-height: 1.5;
}
.capacity-warning-desc strong[data-v-13389e8e] {
  color: #fbbf24;
}
.capacity-warning-list[data-v-13389e8e] {
  margin: 0;
  padding: 0 0 0 1rem;
  font-size: 0.75rem;
  color: #9ca3af;
  line-height: 1.6;
}
.capacity-warning-list strong[data-v-13389e8e] {
  color: #e2e8f0;
}
.capacity-short[data-v-13389e8e] {
  color: #f87171;
  font-weight: 600;
}

/* 底部结算栏 */
.batch-summary-bar[data-v-13389e8e] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  background: #161e31;
  border-radius: 0.75rem;
  border: 1px solid #334155;
}
.batch-summary-stats[data-v-13389e8e] {
  display: flex;
  gap: 1.5rem;
}
.summary-stat[data-v-13389e8e] {
  text-align: right;
}
.stat-label[data-v-13389e8e] {
  display: block;
  font-size: 0.625rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.stat-value[data-v-13389e8e] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #e2e8f0;
}
.batch-summary-total[data-v-13389e8e] {
  text-align: right;
  padding-left: 1.5rem;
  border-left: 1px solid #334155;
}
.total-label[data-v-13389e8e] {
  display: block;
  font-size: 0.625rem;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.batch-summary-total .total-value[data-v-13389e8e] {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: ui-monospace, monospace;
  color: #fff;
}
.total-currency[data-v-13389e8e] {
  font-size: 1rem;
  font-weight: 400;
  color: #64748b;
  margin-right: 0.125rem;
}

/* 路线规划按钮（运输路径旁） */
.route-planning-btn[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin-left: 0.375rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.25rem;
  color: #3b82f6;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}
.route-planning-btn[data-v-13389e8e]:hover {
  background: rgba(59, 130, 246, 0.25);
  border-color: #3b82f6;
  color: #60a5fa;
}
.route-planning-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 0.875rem;
}

/* 路线规划弹窗 */
.route-planning-modal[data-v-13389e8e] {
  width: 100%;
  max-width: 56rem;
  background: #1e293b;
  border-radius: 1rem;
  border: 1px solid #334155;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.route-planning-body[data-v-13389e8e] {
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.route-planning-info[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.route-planning-endpoints[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(15, 23, 42, 0.5);
  border-radius: 0.5rem;
}
.route-endpoint[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.endpoint-marker[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 50%;
  flex-shrink: 0;
}
.endpoint-marker.origin[data-v-13389e8e] {
  background: #3b82f6;
  color: white;
}
.endpoint-marker.dest[data-v-13389e8e] {
  background: #22c55e;
  color: white;
}
.endpoint-text[data-v-13389e8e] {
  font-size: 0.8125rem;
  color: #e2e8f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.endpoint-arrow[data-v-13389e8e] {
  color: #64748b;
  font-size: 1rem;
  flex-shrink: 0;
}
.route-policy-tabs[data-v-13389e8e] {
  display: flex;
  gap: 0.5rem;
}
.route-policy-tab[data-v-13389e8e] {
  padding: 0.5rem 1rem;
  font-size: 0.8125rem;
  background: transparent;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.route-policy-tab[data-v-13389e8e]:hover {
  border-color: #3b82f6;
  color: #e2e8f0;
}
.route-policy-tab.active[data-v-13389e8e] {
  background: #3b82f6;
  border-color: #3b82f6;
  color: white;
}
.route-planning-map-wrap[data-v-13389e8e] {
  position: relative;
  height: 300px;
  background: #0f172a;
  border-radius: 0.5rem;
  overflow: hidden;
}
.route-planning-map[data-v-13389e8e] {
  width: 100%;
  height: 100%;
}
.route-planning-loading[data-v-13389e8e] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(15, 23, 42, 0.8);
  color: #94a3b8;
  font-size: 0.875rem;
}
.route-planning-loading .spinning[data-v-13389e8e] {
  animation: spin-13389e8e 1s linear infinite;
}
@keyframes spin-13389e8e {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.route-planning-results[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 180px;
  overflow-y: auto;
}
.route-planning-empty[data-v-13389e8e] {
  padding: 1rem;
  text-align: center;
  color: #64748b;
  font-size: 0.875rem;
}
.route-result-card[data-v-13389e8e] {
  padding: 0.875rem 1rem;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid #334155;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
}
.route-result-card[data-v-13389e8e]:hover {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
}
.route-result-card.selected[data-v-13389e8e] {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.15);
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2);
}
.route-result-header[data-v-13389e8e] {
  margin-bottom: 0.5rem;
}
.route-result-tag[data-v-13389e8e] {
  display: inline-block;
  padding: 0.1875rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.25rem;
  background: #334155;
  color: #94a3b8;
}
.route-result-tag.recommend[data-v-13389e8e] {
  background: #3b82f6;
  color: white;
}
.route-result-info[data-v-13389e8e] {
  display: flex;
  align-items: baseline;
  gap: 0.625rem;
  margin-bottom: 0.375rem;
}
.route-result-duration[data-v-13389e8e] {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #f1f5f9;
}
.route-result-divider[data-v-13389e8e] {
  color: #475569;
  font-size: 0.875rem;
}
.route-result-distance[data-v-13389e8e] {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #4ade80;
}
.route-result-via[data-v-13389e8e] {
  font-size: 0.8125rem;
  color: #94a3b8;
  line-height: 1.4;
}
.route-planning-actions[data-v-13389e8e] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid #334155;
}
.route-planning-cancel[data-v-13389e8e] {
  padding: 0.5rem 1rem;
  font-size: 0.8125rem;
  background: transparent;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.route-planning-cancel[data-v-13389e8e]:hover {
  border-color: #64748b;
  color: #e2e8f0;
}
.route-planning-confirm[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  font-size: 0.8125rem;
  background: #22c55e;
  border: none;
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}
.route-planning-confirm[data-v-13389e8e]:hover:not(:disabled) {
  background: #16a34a;
}
.route-planning-confirm[data-v-13389e8e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.route-planning-confirm .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1rem;
}
.logistics-detail-table thead th.col-qty[data-v-13389e8e] {
  min-width: 4rem;
}
.logistics-detail-table thead th.col-price[data-v-13389e8e] {
  min-width: 7rem;
}
.logistics-detail-table thead th.col-total[data-v-13389e8e] {
  min-width: 5rem;
}
.logistics-vehicle-select[data-v-13389e8e] {
  min-width: 10rem;
}

/* 车型信息：表格式横向布局，单位空间内显示更多卡片 */
.vehicle-info-table-wrap[data-v-13389e8e] {
  margin-top: 1rem;
  overflow-x: auto;
}
.vehicle-info-table[data-v-13389e8e] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}
.vehicle-info-table thead th[data-v-13389e8e] {
  padding: 0.5rem 0.75rem;
  text-align: left;
  background: #1e293b;
  color: #94a3b8;
  font-weight: 600;
  border-bottom: 1px solid #334155;
  white-space: nowrap;
}
.vehicle-info-table thead th.col-vehicle-info[data-v-13389e8e] {
  min-width: 12rem;
}
.vehicle-info-table thead th.col-start-price[data-v-13389e8e],
.vehicle-info-table thead th.col-km-price[data-v-13389e8e] {
  width: 7rem;
  text-align: center;
}
.vehicle-info-table thead th.col-action[data-v-13389e8e] {
  width: 4rem;
  text-align: center;
}
.vehicle-info-row td[data-v-13389e8e] {
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  border-bottom: 1px solid #334155;
}
.vehicle-info-cell[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 2.5rem;
}
.vehicle-info-icon[data-v-13389e8e] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.375rem;
  background: rgba(56, 189, 248, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.vehicle-info-icon .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.25rem;
  color: #38bdf8;
}
.vehicle-info-text[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.vehicle-info-name[data-v-13389e8e] {
  font-weight: 700;
  color: #f1f5f9;
  font-size: 0.875rem;
  line-height: 1.3;
}
.vehicle-info-spec[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #94a3b8;
  line-height: 1.3;
}
.vehicle-info-row .col-start-price[data-v-13389e8e],
.vehicle-info-row .col-km-price[data-v-13389e8e] {
  text-align: center;
}
.vehicle-info-input[data-v-13389e8e] {
  width: 5rem;
  max-width: 100%;
  box-sizing: border-box;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #f1f5f9;
  font-size: 0.8125rem;
  padding: 0.35rem 0.5rem;
  text-align: center;
  -moz-appearance: textfield;
}
.vehicle-info-input[data-v-13389e8e]::-webkit-outer-spin-button,
.vehicle-info-input[data-v-13389e8e]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.vehicle-info-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #38bdf8;
}
.vehicle-info-row .col-action[data-v-13389e8e] {
  text-align: center;
}
.vehicle-detail-link[data-v-13389e8e] {
  background: none;
  border: none;
  color: #38bdf8;
  font-size: 0.8125rem;
  cursor: pointer;
  padding: 0.25rem 0;
  text-decoration: none;
  transition: color 0.2s;
}
.vehicle-detail-link[data-v-13389e8e]:hover {
  color: #7dd3fc;
  text-decoration: underline;
}
.logistics-list[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.logistics-row[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid #334155;
  border-radius: 0.5rem;
}
.logistics-info[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.logistics-icon[data-v-13389e8e] {
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  background: rgba(100, 116, 139, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.logistics-icon.primary[data-v-13389e8e] {
  background: rgba(56, 189, 248, 0.15);
}
.logistics-icon .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.5rem;
  color: #94a3b8;
}
.logistics-icon.primary .material-symbols-outlined[data-v-13389e8e] {
  color: #38bdf8;
}
.logistics-name[data-v-13389e8e] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0 0 0.125rem 0;
}
.logistics-desc[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
}
.logistics-controls[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.stepper[data-v-13389e8e] {
  display: flex;
  align-items: center;
  border: 1px solid #334155;
  border-radius: 0.25rem;
  overflow: hidden;
}
.stepper-btn[data-v-13389e8e] {
  background: rgba(255, 255, 255, 0.05);
  border: none;
  color: #e2e8f0;
  padding: 0.25rem 0.75rem;
  cursor: pointer;
  font-size: 1rem;
}
.stepper-btn[data-v-13389e8e]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.stepper-input[data-v-13389e8e] {
  width: 2.5rem;
  text-align: center;
  background: transparent;
  border: none;
  color: #f1f5f9;
  font-size: 0.875rem;
  padding: 0.25rem 0;
}
.logistics-unit[data-v-13389e8e] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #f1f5f9;
  min-width: 5rem;
  text-align: right;
}
.insurance-panel .insurance-row[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.insurance-total[data-v-13389e8e] {
  flex: 1;
}
.insurance-total .total-value[data-v-13389e8e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0.25rem 0 0 0;
}
.insurance-total .input-with-prefix[data-v-13389e8e] {
  display: flex;
  align-items: center;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 0.25rem;
}
.insurance-total .input-prefix[data-v-13389e8e] {
  padding: 0.5rem 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #94a3b8;
}
.insurance-total .declared-value-input[data-v-13389e8e] {
  flex: 1;
  min-width: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.insurance-rate-field[data-v-13389e8e] {
  width: auto;
}
.insurance-rate-field .input-with-suffix[data-v-13389e8e] {
  width: 6.5rem;
  max-width: 100%;
}
.insurance-premium[data-v-13389e8e] {
  flex: 1;
}
.insurance-premium .total-value[data-v-13389e8e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0.25rem 0 0 0;
}

/* 1. 项目概况 */
.overview-section[data-v-13389e8e] {
  margin-bottom: 1.5rem;
}
.overview-section[data-v-13389e8e]:last-of-type {
  margin-bottom: 0;
}
.overview-input-grid[data-v-13389e8e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
.overview-input-grid[data-v-13389e8e] {
    grid-template-columns: 1fr;
}
}
.upload-col[data-v-13389e8e],
.desc-col[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.upload-zone[data-v-13389e8e] {
  border: 2px dashed #334155;
  border-radius: 0.75rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(15, 23, 42, 0.3);
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.upload-zone[data-v-13389e8e]:hover,
.upload-zone-dragover[data-v-13389e8e] {
  background: rgba(15, 23, 42, 0.5);
  border-color: #38bdf8;
}
.upload-icon[data-v-13389e8e] {
  font-size: 2.5rem;
  color: #64748b;
  transition: color 0.2s;
}
.upload-zone:hover .upload-icon[data-v-13389e8e],
.upload-zone-dragover .upload-icon[data-v-13389e8e] {
  color: #38bdf8;
}
.upload-text[data-v-13389e8e] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #cbd5e1;
  margin: 0;
}
.upload-hint[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
}
.upload-input-hidden[data-v-13389e8e] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.upload-files-hint[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #38bdf8;
  margin: 0.25rem 0 0 0;
}
.overview-textarea[data-v-13389e8e] {
  flex: 1;
  min-height: 140px;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  color: #e2e8f0;
  padding: 1rem;
  font-size: 0.875rem;
  resize: vertical;
  font-family: inherit;
}
.overview-textarea[data-v-13389e8e]::placeholder {
  color: #64748b;
}
.overview-textarea[data-v-13389e8e]:focus {
  outline: none;
  border-color: #38bdf8;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2);
}
.overview-actions[data-v-13389e8e] {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.5rem;
}
.ai-glow-btn[data-v-13389e8e] {
  background-color: #38bdf8;
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.5);
  border: none;
  position: relative;
  overflow: hidden;
}
.ai-glow-btn[data-v-13389e8e]::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transform: rotate(45deg);
  animation: shimmer-13389e8e 3s infinite;
}
@keyframes shimmer-13389e8e {
0% { transform: translateX(-100%) rotate(45deg);
}
100% { transform: translateX(100%) rotate(45deg);
}
}
.breakdown-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.breakdown-subtitle[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #64748b;
}
.breakdown-table-wrap[data-v-13389e8e] {
  overflow-x: auto;
}
.tech-table[data-v-13389e8e] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.tech-table th[data-v-13389e8e] {
  background: #1a2b3c;
  color: #38bdf8;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #334155;
}
.tech-table td[data-v-13389e8e] {
  padding: 0.75rem 1rem;
  color: #cbd5e1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.tech-table-row[data-v-13389e8e]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.tech-table .service-type[data-v-13389e8e] {
  font-weight: 500;
  color: #38bdf8;
}
.tech-table .total-price[data-v-13389e8e] {
  color: #38bdf8;
  font-weight: 700;
}

/* 2. 设备清单管理 */
.equipment-import-section .equipment-import-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.download-template-btn[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.equipment-upload-zone[data-v-13389e8e] {
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
}
.equipment-upload-icon[data-v-13389e8e] {
  font-size: 2.5rem;
}
.equipment-upload-text[data-v-13389e8e] {
  text-align: left;
}
.equipment-upload-text .upload-hint[data-v-13389e8e] {
  margin-top: 0.25rem;
}
.equipment-list-section[data-v-13389e8e] {
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.equipment-list-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
  background: rgba(30, 41, 59, 0.6);
}
.equipment-list-title-row[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.equipment-list-title[data-v-13389e8e] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.inline-edit-tag[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  font-size: 0.6875rem;
  color: #94a3b8;
}
.inline-edit-dot[data-v-13389e8e] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #38bdf8;
}
.equipment-header-actions[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.eq-source-select[data-v-13389e8e] {
  padding: 0.4rem 0.625rem;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.8125rem;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  padding-right: 1.5rem;
}
.eq-source-select[data-v-13389e8e]:focus {
  border-color: #38bdf8;
}
.eq-source-select option[data-v-13389e8e] {
  background: #1e293b;
  color: #e2e8f0;
}
.clear-list-btn[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.equipment-table-wrap[data-v-13389e8e] {
  overflow-x: auto;
}
.equipment-import-actions[data-v-13389e8e] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.equipment-table th.col-brand[data-v-13389e8e] { min-width: 6rem;
}
.equipment-table th.col-model[data-v-13389e8e] { min-width: 8rem;
}
.equipment-table th.col-match-model[data-v-13389e8e] { min-width: 10rem;
}
.equipment-table th.col-type[data-v-13389e8e] { min-width: 6rem;
}
.equipment-table th.col-match-type[data-v-13389e8e] { min-width: 10rem;
}
.equipment-table th.col-u[data-v-13389e8e],
.equipment-table th.col-qty[data-v-13389e8e] { min-width: 5rem;
}
.equipment-table th.col-asset[data-v-13389e8e] { min-width: 8rem;
}
.equipment-table th.col-action[data-v-13389e8e] { width: 4rem; text-align: center;
}

/* ---- 原始导入表格 ---- */
.eq-original-table-section[data-v-13389e8e] {
  overflow: hidden;
  padding: 0;
}
.eq-original-table-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #334155;
  background: rgba(30, 41, 59, 0.6);
}
.eq-original-file-tag[data-v-13389e8e],
.eq-original-count-tag[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 9999px;
  font-size: 0.6875rem;
  color: #38bdf8;
  margin-left: 0.5rem;
}
.eq-original-count-tag[data-v-13389e8e] {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: #94a3b8;
}
.eq-original-table-wrap[data-v-13389e8e] {
  overflow-x: auto;
  max-height: 280px;
  overflow-y: auto;
}
.eq-original-table th[data-v-13389e8e] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #1e293b;
  white-space: nowrap;
  font-size: 0.75rem;
  color: #94a3b8;
}
.eq-original-table td[data-v-13389e8e] {
  white-space: nowrap;
  font-size: 0.8125rem;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- 列映射表头 ---- */
.eq-header-dropdown-wrap[data-v-13389e8e] {
  position: relative;
  cursor: pointer;
  user-select: none;
}
.eq-header-cell[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.eq-dropdown-icon[data-v-13389e8e] {
  font-size: 1rem;
  color: #64748b;
  transition: transform 0.2s;
}
.eq-mapped-source[data-v-13389e8e] {
  display: block;
  font-size: 0.625rem;
  color: #64748b;
  font-weight: 400;
  margin-top: 0.125rem;
}
.eq-mapped-source.mapped[data-v-13389e8e] {
  color: #38bdf8;
}
.eq-mapping-dropdown[data-v-13389e8e] {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  min-width: 180px;
  max-height: 240px;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.eq-dd-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #334155;
  font-size: 0.75rem;
  color: #94a3b8;
}
.eq-dd-header button[data-v-13389e8e] {
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0;
  display: flex;
}
.eq-dd-header button .material-symbols-outlined[data-v-13389e8e] { font-size: 1rem;
}
.eq-dd-options[data-v-13389e8e] {
  overflow-y: auto;
  max-height: 200px;
}
.eq-dd-option[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  font-size: 0.8125rem;
  color: #cbd5e1;
  transition: background 0.15s;
}
.eq-dd-option[data-v-13389e8e]:hover {
  background: rgba(56, 189, 248, 0.1);
}
.eq-dd-option.selected[data-v-13389e8e] {
  color: #38bdf8;
}
.eq-dd-option .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.125rem;
}

/* ---- 匹配型号列 ---- */
.eq-match-cell[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.eq-matched-model[data-v-13389e8e] {
  cursor: pointer;
  font-size: 0.8125rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  transition: background 0.15s;
  white-space: nowrap;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eq-matched-model[data-v-13389e8e]:hover {
  background: rgba(255, 255, 255, 0.08);
}
.eq-matched-model.high-match[data-v-13389e8e] { color: #4ade80;
}
.eq-matched-model.mid-match[data-v-13389e8e] { color: #facc15;
}
.eq-matched-model.low-match[data-v-13389e8e] { color: #fb923c;
}
.eq-matched-model.no-match[data-v-13389e8e] { color: #64748b;
}
.eq-match-badge[data-v-13389e8e] {
  font-size: 0.625rem;
  padding: 0.0625rem 0.375rem;
  border-radius: 9999px;
  font-weight: 600;
  white-space: nowrap;
}
.eq-match-badge.high[data-v-13389e8e] { background: rgba(74, 222, 128, 0.15); color: #4ade80;
}
.eq-match-badge.mid[data-v-13389e8e] { background: rgba(250, 204, 21, 0.15); color: #facc15;
}
.eq-match-badge.low[data-v-13389e8e] { background: rgba(251, 146, 60, 0.15); color: #fb923c;
}
.eq-clear-match-btn[data-v-13389e8e] {
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  transition: color 0.15s;
}
.eq-clear-match-btn[data-v-13389e8e]:hover { color: #f87171;
}
.eq-clear-match-btn .material-symbols-outlined[data-v-13389e8e] { font-size: 0.875rem;
}
.eq-match-type-text[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #94a3b8;
  white-space: nowrap;
}
.eq-match-type-text.empty[data-v-13389e8e] {
  color: #475569;
}

/* 行状态高亮 */
.eq-row-warning[data-v-13389e8e] {
  border-left: 3px solid #facc15;
}
.eq-row-error[data-v-13389e8e] {
  border-left: 3px solid #f87171;
}

/* 匹配中动画 */
.eq-matching-tag[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 9999px;
  font-size: 0.6875rem;
  color: #38bdf8;
  margin-left: 0.5rem;
}
.eq-matching-spinner[data-v-13389e8e] {
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid rgba(56, 189, 248, 0.2);
  border-top-color: #38bdf8;
  border-radius: 50%;
  animation: eq-spin-13389e8e 0.7s linear infinite;
}
@keyframes eq-spin-13389e8e {
to { transform: rotate(360deg);
}
}

/* ---- 搜索弹窗 ---- */
.eq-search-overlay[data-v-13389e8e] {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.eq-search-dialog[data-v-13389e8e] {
  width: 90%;
  max-width: 600px;
  max-height: 80vh;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
}
.eq-search-dialog-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #1e293b;
}
.eq-search-dialog-header h3[data-v-13389e8e] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #f1f5f9;
}
.eq-search-close-btn[data-v-13389e8e] {
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  transition: color 0.15s;
}
.eq-search-close-btn[data-v-13389e8e]:hover { color: #f1f5f9;
}
.eq-search-bar[data-v-13389e8e] {
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #1e293b;
}
.eq-search-input[data-v-13389e8e] {
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.2s;
}
.eq-search-input[data-v-13389e8e]:focus {
  border-color: #38bdf8;
}
.eq-search-source-selector[data-v-13389e8e] {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #94a3b8;
}
.eq-search-source-selector label[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
}
.eq-search-source-selector input[type="radio"][data-v-13389e8e] {
  accent-color: #38bdf8;
}
.eq-search-results[data-v-13389e8e] {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
  min-height: 100px;
  max-height: 400px;
}
.eq-search-loading[data-v-13389e8e],
.eq-search-empty[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  color: #64748b;
  font-size: 0.875rem;
}
.eq-search-result-item[data-v-13389e8e] {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background 0.15s;
  border: 1px solid transparent;
}
.eq-search-result-item[data-v-13389e8e]:hover {
  background: rgba(56, 189, 248, 0.08);
  border-color: rgba(56, 189, 248, 0.2);
}
.eq-result-main[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.eq-result-manufacturer[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #94a3b8;
  min-width: 4rem;
}
.eq-result-model[data-v-13389e8e] {
  font-size: 0.875rem;
  color: #f1f5f9;
  font-weight: 500;
}
.eq-result-meta[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.25rem;
}
.eq-result-category[data-v-13389e8e] {
  font-size: 0.6875rem;
  color: #64748b;
}
.eq-result-price[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #38bdf8;
  font-weight: 500;
}
.equipment-row[data-v-13389e8e]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.inline-input[data-v-13389e8e] {
  width: 100%;
  min-width: 0;
  background: transparent;
  border: none;
  color: #e2e8f0;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: box-shadow 0.2s;
}
.inline-input[data-v-13389e8e]:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.5);
}
.inline-input[data-v-13389e8e]::placeholder {
  color: #64748b;
}
.inline-select[data-v-13389e8e] {
  cursor: pointer;
  appearance: none;
  background: rgba(15, 23, 42, 0.5);
}
.row-delete-btn[data-v-13389e8e] {
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}
.row-delete-btn[data-v-13389e8e]:hover {
  color: #f87171;
}
.row-delete-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.25rem;
}
.equipment-list-footer[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
  background: rgba(26, 43, 60, 0.3);
}
.equipment-stats[data-v-13389e8e] {
  display: flex;
  gap: 2rem;
}
.stat-item[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.stat-label[data-v-13389e8e] {
  font-size: 0.625rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.stat-value[data-v-13389e8e] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #f1f5f9;
}
.stat-value.primary[data-v-13389e8e] {
  color: #38bdf8;
}
.stat-unit[data-v-13389e8e] {
  font-size: 0.625rem;
  font-weight: 400;
  color: #94a3b8;
  margin-left: 0.125rem;
}
.add-row-btn[data-v-13389e8e] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
}
.add-row-btn[data-v-13389e8e]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #f1f5f9;
}
.placeholder-tab[data-v-13389e8e] {
  padding: 2rem;
  background: rgba(30, 41, 59, 0.5);
  border: 1px solid #334155;
  border-radius: 0.75rem;
  color: #94a3b8;
}
.right-dashboard[data-v-13389e8e] {
  width: 26rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /* 与左侧「人工服务费」上端对齐：预留与 tabs-row 等高的上边距 */
  padding-top: 4.5rem;
}

/* 右侧栏：参考驻场「实时测算结果」布局与样式 */
.summary-card[data-v-13389e8e] {
  background-color: #1a202c;
  border-radius: 0.75rem;
  border: 1px solid rgba(19, 91, 236, 0.3);
  padding: 1.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}
.glow-effect[data-v-13389e8e] {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(19, 91, 236, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  transform: translate(50%, -50%);
  pointer-events: none;
}
.summary-title[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1.5rem;
}
.summary-title .material-symbols-outlined[data-v-13389e8e] {
  color: #135bec;
}
.global-params-section[data-v-13389e8e] {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: rgba(35, 43, 59, 0.3);
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
}
.section-title[data-v-13389e8e] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}
.global-params-grid[data-v-13389e8e] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.75rem;
}
.global-param-item[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.param-label[data-v-13389e8e] {
  font-size: 0.6875rem;
  color: #94a3b8;
  white-space: nowrap;
}
.param-input[data-v-13389e8e] {
  width: 100%;
  padding: 0.5rem;
  background-color: #232b3b;
  border: 1px solid #2d3748;
  border-radius: 0.375rem;
  color: white;
  font-size: 0.8125rem;
  text-align: center;
}
.param-input[data-v-13389e8e]:focus {
  outline: none;
  border-color: #135bec;
}
.global-param-item .input-with-suffix[data-v-13389e8e] {
  position: relative;
}
.global-param-item .input-suffix[data-v-13389e8e] {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 0.6875rem;
}
.global-param-item .input-with-suffix .param-input[data-v-13389e8e] {
  padding-right: 1.5rem;
}
.summary-numbers[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.main-price[data-v-13389e8e] {
  background-color: rgba(35, 43, 59, 0.5);
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
  transition: border-color 0.2s;
}
.main-price[data-v-13389e8e]:hover {
  border-color: rgba(19, 91, 236, 0.5);
}
.price-label[data-v-13389e8e] {
  font-size: 0.75rem;
  color: #92a4c9;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.price-value[data-v-13389e8e] {
  font-size: 1.875rem;
  font-weight: 700;
  color: white;
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  letter-spacing: -0.025em;
}
.price-trend[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #22c55e;
}
.trend-icon[data-v-13389e8e] {
  font-size: 1rem;
}
.sub-prices[data-v-13389e8e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.sub-price-item[data-v-13389e8e] {
  background-color: rgba(35, 43, 59, 0.5);
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #2d3748;
}
.sub-price-label[data-v-13389e8e] {
  font-size: 0.625rem;
  color: #92a4c9;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.sub-price-value[data-v-13389e8e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
}
.sub-price-note[data-v-13389e8e] {
  font-size: 0.625rem;
  color: #64748b;
  margin-top: 0.25rem;
  white-space: nowrap;
}
.breakdown-section[data-v-13389e8e] {
  flex: 1;
  margin-bottom: 1rem;
}
.breakdown-title[data-v-13389e8e] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}
.breakdown-list[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.breakdown-item[data-v-13389e8e] {
  display: block;
}
.breakdown-header[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #cbd5e1;
  margin-bottom: 0.25rem;
  gap: 0.5rem;
}
.breakdown-name[data-v-13389e8e] {
  flex: 1;
}
.breakdown-amount[data-v-13389e8e] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
}
.breakdown-percent[data-v-13389e8e] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #cbd5e1;
  min-width: 40px;
  text-align: right;
}
.breakdown-bar[data-v-13389e8e] {
  width: 100%;
  height: 0.5rem;
  background-color: #374151;
  border-radius: 0.25rem;
  overflow: hidden;
}
.breakdown-fill[data-v-13389e8e] {
  height: 100%;
  border-radius: 0.25rem;
  transition: width 0.3s ease;
}
.breakdown-group[data-v-13389e8e] {
  margin-bottom: 0.25rem;
}
.breakdown-item-group .breakdown-name[data-v-13389e8e] {
  font-weight: 600;
}
.breakdown-children[data-v-13389e8e] {
  padding-left: 0.75rem;
  margin-top: 0.25rem;
  margin-bottom: 0.375rem;
  border-left: 2px solid #334155;
}
.breakdown-sub-item[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.125rem 0;
  font-size: 0.6875rem;
  color: #64748b;
}
.breakdown-sub-name[data-v-13389e8e] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breakdown-sub-amount[data-v-13389e8e] {
  font-family: ui-monospace, monospace;
  font-size: 0.6875rem;
  color: #94a3b8;
  margin-left: 0.5rem;
  white-space: nowrap;
}
.summary-actions[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.btn-primary[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #135bec;
  color: white;
  font-weight: 700;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 0 15px rgba(19, 91, 236, 0.3);
}
.btn-primary[data-v-13389e8e]:hover {
  background-color: #1d6bf3;
}
.btn-primary .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.125rem;
}
.btn-secondary[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: transparent;
  color: #94a3b8;
  font-weight: 500;
  border-radius: 0.5rem;
  border: 1px solid #374151;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-secondary[data-v-13389e8e]:hover {
  border-color: #4b5563;
  color: white;
}
.btn-secondary .material-symbols-outlined[data-v-13389e8e] {
  font-size: 1.125rem;
}
.warning-card[data-v-13389e8e] {
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(234, 88, 12, 0.1);
  border: 1px solid rgba(234, 88, 12, 0.3);
  display: flex;
  gap: 0.75rem;
}
.warning-icon[data-v-13389e8e] {
  font-size: 1.25rem;
  color: #f97316;
  flex-shrink: 0;
}
.warning-title[data-v-13389e8e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #fdba74;
  margin: 0 0 0.25rem 0;
}
.warning-desc[data-v-13389e8e] {
  font-size: 0.6875rem;
  color: #fed7aa;
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 1024px) {
.calculator-content[data-v-13389e8e] {
    flex-direction: column;
}
.right-dashboard[data-v-13389e8e] {
    width: 100%;
}
.packaging-tiers[data-v-13389e8e] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.config-grid.two-cols[data-v-13389e8e] {
    grid-template-columns: 1fr;
}
.insurance-row[data-v-13389e8e] {
    flex-direction: column;
    align-items: flex-start !important;
}
.insurance-rate-field .input-with-suffix[data-v-13389e8e] {
    width: 100%;
}
}

/* ---------- 生成正式报价单弹窗 ---------- */
.relocation-quotation-overlay[data-v-13389e8e] {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.relocation-quotation-window[data-v-13389e8e] {
  position: fixed;
  background-color: #0b0e14;
  border: 1px solid #30363d;
  border-radius: 0.75rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s ease;
}
.relocation-quotation-window.maximized[data-v-13389e8e] {
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.relocation-quotation-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #30363d;
  background-color: #0b0e14;
}
.relocation-quotation-header-left[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.relocation-quotation-breadcrumb[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #8b949e;
}
.relocation-quotation-breadcrumb-link[data-v-13389e8e] {
  color: #8b949e;
}
.relocation-quotation-breadcrumb-current[data-v-13389e8e] {
  color: #fff;
  font-weight: 500;
}
.relocation-quotation-title[data-v-13389e8e] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.relocation-quotation-badge[data-v-13389e8e] {
  font-size: 0.7rem;
  font-weight: 400;
  color: #8b949e;
  background-color: #161b22;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #30363d;
}
.relocation-quotation-header-right[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.relocation-quotation-zoom[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.5rem;
  background-color: #161b22;
  border-radius: 0.5rem;
  border: 1px solid #30363d;
}
.relocation-quotation-zoom-btn[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  color: #8b949e;
  cursor: pointer;
  transition: all 0.15s;
}
.relocation-quotation-zoom-btn[data-v-13389e8e]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.relocation-quotation-zoom-level[data-v-13389e8e] {
  font-size: 0.7rem;
  color: #c9d1d9;
  font-family: monospace;
  min-width: 2.5rem;
  text-align: center;
}
.relocation-quotation-fullscreen-btn[data-v-13389e8e],
.relocation-quotation-close-btn[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background-color: transparent;
  border: none;
  border-radius: 0.375rem;
  color: #8b949e;
  cursor: pointer;
  transition: all 0.2s;
}
.relocation-quotation-fullscreen-btn[data-v-13389e8e]:hover {
  background-color: #30363d;
  color: #fff;
}
.relocation-quotation-close-btn[data-v-13389e8e]:hover {
  background-color: #dc2626;
  color: #fff;
}

/* 主内容区域：预览 + 侧边栏 */
.relocation-quotation-main[data-v-13389e8e] {
  flex: 1;
  display: flex;
  overflow: hidden;
}

/* 文档预览区域 */
.relocation-quotation-preview-section[data-v-13389e8e] {
  flex: 1;
  overflow: hidden;
  background-color: #1e2430;
}
.relocation-quotation-preview-scroll[data-v-13389e8e] {
  height: 100%;
  overflow-y: auto;
  padding: 2rem;
  display: flex;
  justify-content: center;
}
.relocation-quotation-preview-scroll[data-v-13389e8e]::-webkit-scrollbar {
  width: 6px;
}
.relocation-quotation-preview-scroll[data-v-13389e8e]::-webkit-scrollbar-track {
  background: transparent;
}
.relocation-quotation-preview-scroll[data-v-13389e8e]::-webkit-scrollbar-thumb {
  background: #30363d;
  border-radius: 10px;
}
.relocation-quotation-paper[data-v-13389e8e] {
  background-color: #fff;
  color: #0f172a;
  width: 842px;
  min-height: 1190px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  padding: 48px;
  transform-origin: top center;
  display: flex;
  flex-direction: column;
}
.relocation-quotation-paper-inner[data-v-13389e8e] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* 文档头部 */
.rq-doc-header[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 48px;
}
.rq-doc-header-left[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rq-doc-logo[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.rq-doc-logo .material-symbols-outlined[data-v-13389e8e] {
  font-size: 28px;
  color: #067bf9;
}
.rq-doc-logo-text[data-v-13389e8e] {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.rq-doc-title[data-v-13389e8e] {
  font-size: 28px;
  font-weight: 900;
  color: #1e293b;
  margin: 0;
}
.rq-doc-subtitle[data-v-13389e8e] {
  font-size: 14px;
  color: #64748b;
  margin: 8px 0 0 0;
}
.rq-doc-header-right[data-v-13389e8e] {
  text-align: right;
}
.rq-doc-status[data-v-13389e8e] {
  display: inline-block;
  padding: 8px 16px;
  border: 2px solid #067bf9;
  color: #067bf9;
  font-weight: 700;
  border-radius: 8px;
  margin-bottom: 8px;
  font-size: 12px;
}
.rq-doc-date[data-v-13389e8e] {
  font-size: 12px;
  color: #94a3b8;
  margin: 0;
}

/* 信息网格 */
.rq-info-grid[data-v-13389e8e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 48px;
  padding-bottom: 32px;
  border-bottom: 1px solid #f1f5f9;
}
.rq-info-block[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rq-info-label[data-v-13389e8e] {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #94a3b8;
  margin: 0 0 4px 0;
}
.rq-info-title[data-v-13389e8e] {
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  font-size: 14px;
}
.rq-info-text[data-v-13389e8e] {
  font-size: 13px;
  color: #64748b;
  margin: 0;
}
.rq-info-highlight[data-v-13389e8e] {
  font-weight: 500;
  color: #1e293b;
}

/* 报价表格 */
.rq-table-section[data-v-13389e8e] {
  flex: 1;
  margin-bottom: 48px;
}
.rq-table[data-v-13389e8e] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.rq-th[data-v-13389e8e] {
  padding: 12px 8px;
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
  border-bottom: 2px solid #0f172a;
}
.rq-th-right[data-v-13389e8e] {
  text-align: right;
}
.rq-group-row[data-v-13389e8e] {
  background-color: rgba(241, 245, 249, 0.5);
}
.rq-group-cell[data-v-13389e8e] {
  padding: 12px 8px;
  font-size: 13px;
  font-weight: 700;
  color: #067bf9;
}
.rq-item-row[data-v-13389e8e] {
  border-bottom: 1px solid #f1f5f9;
}
.rq-td[data-v-13389e8e] {
  padding: 16px 8px;
  font-size: 13px;
  color: #334155;
}
.rq-td-name[data-v-13389e8e] {
  font-weight: 500;
}
.rq-td-desc[data-v-13389e8e] {
  font-size: 11px;
  color: #94a3b8;
}
.rq-td-right[data-v-13389e8e] {
  text-align: right;
}
.rq-td-total[data-v-13389e8e] {
  font-weight: 500;
}

/* 汇总区域 */
.rq-summary[data-v-13389e8e] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 48px;
}
.rq-summary-box[data-v-13389e8e] {
  width: 256px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rq-summary-row[data-v-13389e8e] {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}
.rq-summary-label[data-v-13389e8e] {
  color: #64748b;
}
.rq-summary-value[data-v-13389e8e] {
  font-weight: 500;
  color: #0f172a;
}
.rq-summary-divider[data-v-13389e8e] {
  height: 1px;
  background-color: #0f172a;
  margin: 8px 0;
}
.rq-summary-total-row[data-v-13389e8e] {
  align-items: baseline;
}
.rq-summary-total-label[data-v-13389e8e] {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}
.rq-summary-total-value[data-v-13389e8e] {
  font-size: 24px;
  font-weight: 900;
  color: #067bf9;
}

/* 条款说明 */
.rq-terms[data-v-13389e8e] {
  margin-top: auto;
  padding-top: 32px;
  border-top: 1px solid #f1f5f9;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  font-size: 10px;
  color: #94a3b8;
}
.rq-terms-col[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rq-terms-title[data-v-13389e8e] {
  font-weight: 700;
  margin: 0 0 4px 0;
}
.rq-terms-list[data-v-13389e8e] {
  margin: 0;
  padding-left: 16px;
}
.rq-terms-list li[data-v-13389e8e] {
  margin-bottom: 2px;
}
.rq-terms-text[data-v-13389e8e] {
  margin: 0;
  line-height: 1.5;
}

/* ========== 配置侧边栏 ========== */
.relocation-quotation-sidebar[data-v-13389e8e] {
  width: 320px;
  background-color: #161b22;
  border-left: 1px solid #30363d;
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 24px;
  overflow-y: auto;
}
.rq-sidebar-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rq-sidebar-title[data-v-13389e8e] {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.rq-sidebar-icon[data-v-13389e8e] {
  color: #8b949e;
  cursor: pointer;
  transition: color 0.2s;
}
.rq-sidebar-icon[data-v-13389e8e]:hover {
  color: #fff;
}
.rq-sidebar-section[data-v-13389e8e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rq-sidebar-label[data-v-13389e8e] {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8b949e;
}
.rq-sidebar-select-wrap[data-v-13389e8e] {
  position: relative;
}
.rq-sidebar-select[data-v-13389e8e] {
  width: 100%;
  padding: 10px 12px;
  padding-right: 36px;
  background-color: #0b0e14;
  border: 1px solid #30363d;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  appearance: none;
  cursor: pointer;
  outline: none;
  transition: all 0.2s;
}
.rq-sidebar-select[data-v-13389e8e]:focus {
  border-color: #067bf9;
}
.rq-sidebar-select-icon[data-v-13389e8e] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #8b949e;
  pointer-events: none;
  font-size: 20px;
}
.rq-sidebar-toggle-group[data-v-13389e8e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 4px;
  background-color: #0b0e14;
  border-radius: 8px;
}
.rq-sidebar-toggle-btn[data-v-13389e8e] {
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
  background-color: transparent;
  color: #8b949e;
}
.rq-sidebar-toggle-btn[data-v-13389e8e]:hover {
  color: #fff;
}
.rq-sidebar-toggle-btn.active[data-v-13389e8e] {
  background-color: #067bf9;
  color: #fff;
  box-shadow: 0 4px 12px rgba(6, 123, 249, 0.3);
}
.rq-sidebar-templates[data-v-13389e8e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.rq-sidebar-template[data-v-13389e8e] {
  padding: 8px;
  border: 2px solid transparent;
  border-radius: 8px;
  background-color: #0b0e14;
  cursor: pointer;
  transition: all 0.2s;
}
.rq-sidebar-template[data-v-13389e8e]:hover {
  border-color: #30363d;
}
.rq-sidebar-template.active[data-v-13389e8e] {
  border-color: #067bf9;
  background-color: rgba(6, 123, 249, 0.1);
}
.rq-template-preview[data-v-13389e8e] {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 6px;
  gap: 4px;
}
.rq-template-classic[data-v-13389e8e] {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.rq-template-classic .rq-tpl-bar[data-v-13389e8e] {
  height: 8px;
  background-color: rgba(6, 123, 249, 0.2);
  border-radius: 99px;
}
.rq-template-classic .rq-tpl-line[data-v-13389e8e] {
  height: 4px;
  width: 66%;
  background-color: #e2e8f0;
  border-radius: 99px;
}
.rq-template-classic .rq-tpl-body[data-v-13389e8e] {
  flex: 1;
  border: 1px solid #f1f5f9;
  border-radius: 2px;
}
.rq-template-dark[data-v-13389e8e] {
  background-color: #0f172a;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.rq-template-dark .rq-tpl-bar[data-v-13389e8e] {
  height: 8px;
  background-color: #334155;
  border-radius: 99px;
}
.rq-template-dark .rq-tpl-line[data-v-13389e8e] {
  height: 4px;
  width: 66%;
  background-color: #334155;
  border-radius: 99px;
}
.rq-template-dark .rq-tpl-body[data-v-13389e8e] {
  flex: 1;
  border: 1px solid #334155;
  border-radius: 2px;
}
.rq-template-name[data-v-13389e8e] {
  font-size: 10px;
  text-align: center;
  margin: 8px 0 0 0;
  color: #8b949e;
}
.rq-sidebar-template.active .rq-template-name[data-v-13389e8e] {
  color: #fff;
}

/* 侧边栏底部 */
.rq-sidebar-footer[data-v-13389e8e] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rq-ai-suggestion[data-v-13389e8e] {
  padding: 16px;
  background-color: rgba(6, 123, 249, 0.05);
  border: 1px solid rgba(6, 123, 249, 0.2);
  border-radius: 12px;
}
.rq-ai-header[data-v-13389e8e] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.rq-ai-header .material-symbols-outlined[data-v-13389e8e] {
  font-size: 18px;
  color: #067bf9;
}
.rq-ai-title[data-v-13389e8e] {
  font-size: 11px;
  font-weight: 700;
  color: #067bf9;
}
.rq-ai-text[data-v-13389e8e] {
  font-size: 12px;
  color: #8b949e;
  line-height: 1.5;
  margin: 0;
}
.rq-sidebar-actions[data-v-13389e8e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.rq-action-btn[data-v-13389e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.rq-action-btn .material-symbols-outlined[data-v-13389e8e] {
  font-size: 18px;
}
.rq-action-secondary[data-v-13389e8e] {
  background-color: #30363d;
  color: #fff;
}
.rq-action-secondary[data-v-13389e8e]:hover {
  background-color: #484f58;
}
.rq-action-primary[data-v-13389e8e] {
  background-color: #067bf9;
  color: #fff;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(6, 123, 249, 0.3);
}
.rq-action-primary[data-v-13389e8e]:hover {
  background-color: #0969da;
}

/* 弹窗过渡 */
.relocation-modal-enter-active[data-v-13389e8e],
.relocation-modal-leave-active[data-v-13389e8e] {
  transition: opacity 0.2s ease;
}
.relocation-modal-enter-from[data-v-13389e8e],
.relocation-modal-leave-to[data-v-13389e8e] {
  opacity: 0;
}
.relocation-modal-enter-from .relocation-quotation-window[data-v-13389e8e] {
  opacity: 0;
  transform: translate(-50%, -45%);
}
.relocation-modal-leave-to .relocation-quotation-window[data-v-13389e8e]:not(.maximized) {
  opacity: 0;
  transform: translate(-50%, -45%);
}
.relocation-modal-leave-to .relocation-quotation-window.maximized[data-v-13389e8e] {
  opacity: 0;
}
@media print {
.relocation-quotation-overlay[data-v-13389e8e] {
    background: transparent !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}
.relocation-quotation-window[data-v-13389e8e] {
    position: static !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
}
.relocation-quotation-header[data-v-13389e8e],
  .relocation-quotation-sidebar[data-v-13389e8e] {
    display: none !important;
}
.relocation-quotation-preview-section[data-v-13389e8e] {
    padding: 0 !important;
    background: #fff !important;
}
.relocation-quotation-paper[data-v-13389e8e] {
    box-shadow: none !important;
}

  /* 防止内容被分页截断 */
.rq-doc-header[data-v-13389e8e],
  .rq-info-grid[data-v-13389e8e],
  .rq-info-block[data-v-13389e8e],
  .rq-table thead[data-v-13389e8e],
  .rq-table tbody tr[data-v-13389e8e],
  .rq-group-row[data-v-13389e8e],
  .rq-item-row[data-v-13389e8e],
  .rq-summary[data-v-13389e8e],
  .rq-terms[data-v-13389e8e] {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}
}

/* 用于PDF渲染时的防分页样式 */
.relocation-quotation-paper .rq-doc-header[data-v-13389e8e],
.relocation-quotation-paper .rq-info-grid[data-v-13389e8e],
.relocation-quotation-paper .rq-info-block[data-v-13389e8e],
.relocation-quotation-paper .rq-table thead[data-v-13389e8e],
.relocation-quotation-paper .rq-table tbody tr[data-v-13389e8e],
.relocation-quotation-paper .rq-summary[data-v-13389e8e],
.relocation-quotation-paper .rq-terms[data-v-13389e8e] {
  break-inside: avoid;
  page-break-inside: avoid;
}

.lenovo-model-page[data-v-8e4692ee] {
  padding: 1.5rem 2rem;
  color: #e5e7eb;
  background: #0a0e1a;
  min-height: 100%;
}
.page-header[data-v-8e4692ee] {
  margin-bottom: 1.25rem;
}
.breadcrumb[data-v-8e4692ee] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
  color: #6b7d96;
  margin-bottom: 0.75rem;
}
.breadcrumb-item.active[data-v-8e4692ee] { color: #c7d3e6; font-weight: 500;
}
.breadcrumb-separator[data-v-8e4692ee] { font-size: 1rem;
}
.page-title[data-v-8e4692ee] {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0;
  color: #f1f5f9;
}
.page-subtitle[data-v-8e4692ee] {
  margin: 0.35rem 0 0 0;
  color: #8aa0c0;
  font-size: 0.9rem;
}
.tabs-bar[data-v-8e4692ee] {
  display: flex;
  gap: 0.35rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(75, 97, 137, 0.25);
}
.tab-btn[data-v-8e4692ee] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.6rem 1rem;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: #8aa0c0;
  cursor: pointer;
  font-size: 0.9rem;
  transition: color 0.15s, border-color 0.15s;
}
.tab-btn[data-v-8e4692ee]:hover { color: #c7d3e6;
}
.tab-btn.active[data-v-8e4692ee] {
  color: #74a8ff;
  border-bottom-color: #2563eb;
  font-weight: 600;
}
.card[data-v-8e4692ee] {
  background: rgba(20, 30, 48, 0.6);
  border: 1px solid rgba(75, 97, 137, 0.25);
  border-radius: 0.6rem;
  padding: 1.25rem;
  margin-bottom: 1rem;
}
.card-header[data-v-8e4692ee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.card-icon[data-v-8e4692ee] { color: #74a8ff; font-size: 1.25rem;
}
.card-title[data-v-8e4692ee] { margin: 0; font-size: 1rem; color: #e3eaf5;
}
.card-hint[data-v-8e4692ee] { color: #6b7d96; font-size: 0.78rem; margin-left: 0.5rem;
}
.form-grid[data-v-8e4692ee] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.85rem 1.2rem;
}
.form-item[data-v-8e4692ee] { display: flex; flex-direction: column; gap: 0.35rem;
}
.form-item.inline[data-v-8e4692ee] { flex-direction: row; align-items: center; gap: 0.5rem;
}
.form-item.inline.grow[data-v-8e4692ee] { flex: 1;
}
.form-item.inline label[data-v-8e4692ee] { white-space: nowrap;
}
.form-item label[data-v-8e4692ee] { font-size: 0.8rem; color: #8aa0c0;
}
.req[data-v-8e4692ee] { color: #f87171;
}
.form-item input[data-v-8e4692ee], .form-item select[data-v-8e4692ee] {
  padding: 0.5rem 0.7rem;
  background: rgba(20, 30, 48, 0.8);
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.4rem;
  color: #e3eaf5;
  font-size: 0.88rem;
}
.form-item.inline input[data-v-8e4692ee], .form-item.inline select[data-v-8e4692ee] { flex: 1;
}
.form-actions[data-v-8e4692ee] {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.2rem;
}
.btn-primary[data-v-8e4692ee], .btn-secondary[data-v-8e4692ee] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 1rem;
  border-radius: 0.4rem;
  border: none;
  cursor: pointer;
  font-size: 0.85rem;
}
.btn-primary[data-v-8e4692ee] { background: #2563eb; color: #fff;
}
.btn-primary[data-v-8e4692ee]:hover:not(:disabled) { background: #1d4ed8;
}
.btn-primary[data-v-8e4692ee]:disabled { opacity: 0.5; cursor: not-allowed;
}
.btn-secondary[data-v-8e4692ee] {
  background: rgba(75, 97, 137, 0.25); color: #e3eaf5;
}
.result-panel[data-v-8e4692ee] {
  margin-top: 1.2rem;
  padding: 1rem 1.2rem;
  background: rgba(20, 30, 48, 0.4);
  border: 1px solid rgba(75, 97, 137, 0.25);
  border-radius: 0.5rem;
}
.result-panel.compact[data-v-8e4692ee] { padding: 0.75rem 1rem;
}
.result-row[data-v-8e4692ee] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.35rem 0;
}
.result-label[data-v-8e4692ee] {
  min-width: 7rem;
  color: #8aa0c0;
  font-size: 0.85rem;
}
.result-value[data-v-8e4692ee] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #e3eaf5;
  font-size: 0.88rem;
}
.result-value.price[data-v-8e4692ee] { color: #fbbf24; font-weight: 600;
}
.result-value.strong[data-v-8e4692ee] { font-size: 1.05rem;
}
.result-value .muted[data-v-8e4692ee] { color: #6b7d96; font-size: 0.78rem;
}
.status-badge[data-v-8e4692ee], .method-badge[data-v-8e4692ee], .end-type-badge[data-v-8e4692ee] {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 0.3rem;
  font-size: 0.78rem;
  font-weight: 600;
}
.status-ok[data-v-8e4692ee] { background: rgba(34, 197, 94, 0.18); color: #4ade80;
}
.status-no_price[data-v-8e4692ee] { background: rgba(234, 179, 8, 0.18); color: #facc15;
}
.status-unmatched[data-v-8e4692ee] { background: rgba(239, 68, 68, 0.18); color: #f87171;
}
.method-exact[data-v-8e4692ee] { background: rgba(34, 197, 94, 0.18); color: #4ade80;
}
.method-fuzzy[data-v-8e4692ee] { background: rgba(234, 179, 8, 0.18); color: #facc15;
}
.method-pattern[data-v-8e4692ee] { background: rgba(168, 85, 247, 0.18); color: #c084fc;
}
.method-none[data-v-8e4692ee] { background: rgba(239, 68, 68, 0.18); color: #f87171;
}
.end-type-badge[data-v-8e4692ee] { background: rgba(37, 99, 235, 0.18); color: #74a8ff;
}

/* 浏览表 */
.browse-toolbar[data-v-8e4692ee] {
  display: flex;
  align-items: end;
  gap: 1rem;
  margin-bottom: 0.85rem;
  flex-wrap: wrap;
}
.muted[data-v-8e4692ee] { color: #6b7d96;
}
.small[data-v-8e4692ee] { font-size: 0.8rem;
}
.table-wrap[data-v-8e4692ee] {
  overflow: auto;
  background: rgba(20, 30, 48, 0.4);
  border: 1px solid rgba(75, 97, 137, 0.25);
  border-radius: 0.5rem;
  max-height: 24rem;
}
.data-table[data-v-8e4692ee] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.data-table th[data-v-8e4692ee] {
  text-align: left;
  padding: 0.5rem 0.85rem;
  background: rgba(20, 30, 48, 0.85);
  border-bottom: 1px solid rgba(75, 97, 137, 0.25);
  color: #8aa0c0;
  font-weight: 500;
  white-space: nowrap;
  position: sticky;
  top: 0;
}
.data-table td[data-v-8e4692ee] {
  padding: 0.45rem 0.85rem;
  border-bottom: 1px solid rgba(75, 97, 137, 0.12);
  color: #d6dfee;
}
.data-table .empty[data-v-8e4692ee] {
  text-align: center;
  padding: 1.5rem;
  color: #6b7d96;
}
.data-table .empty .material-symbols-outlined[data-v-8e4692ee] {
  display: block;
  margin: 0 auto 0.4rem auto;
  font-size: 1.5rem;
}
.pagination[data-v-8e4692ee] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.page-btn[data-v-8e4692ee] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: rgba(20, 30, 48, 0.6);
  border: 1px solid rgba(75, 97, 137, 0.3);
  border-radius: 0.35rem;
  color: #c7d3e6;
  cursor: pointer;
}
.page-btn[data-v-8e4692ee]:disabled { opacity: 0.4; cursor: not-allowed;
}
.page-cur[data-v-8e4692ee] { color: #c7d3e6; font-size: 0.85rem; padding: 0 0.5rem;
}
.page-size[data-v-8e4692ee] {
  padding: 0.35rem 0.5rem;
  background: rgba(20, 30, 48, 0.6);
  border: 1px solid rgba(75, 97, 137, 0.3);
  border-radius: 0.35rem;
  color: #c7d3e6;
  font-size: 0.85rem;
}



.homepage-container[data-v-3cef8c24] {
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
  background-color: #0B1120;
  color: white;
  overflow: hidden;
  height: 100vh;
  display: flex;
}
/* Sidebar Styles */
.sidebar[data-v-3cef8c24] {
  width: 16rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #232f48;
  background-color: #0B1120;
  flex-shrink: 0;
  z-index: 20;
}
.sidebar-header[data-v-3cef8c24] {
  width: 100%;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: opacity 0.2s;
}
.sidebar-header[data-v-3cef8c24]:hover {
  opacity: 0.9;
}
.logo-icon[data-v-3cef8c24] {
  width: 2rem;
  height: 2rem;
  color: #135bec;
}
.logo-icon .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.875rem;
}
.logo-text[data-v-3cef8c24] {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: white;
}
.sidebar-content[data-v-3cef8c24] {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.menu-section[data-v-3cef8c24] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.menu-title[data-v-3cef8c24] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0 0.5rem;
}
.menu-item[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  color: #cbd5e1;
  transition: all 0.2s;
  cursor: pointer;
  background: transparent;
  border: none;
  text-decoration: none;
  width: 100%;
}
.menu-item[data-v-3cef8c24]:hover {
  background-color: #151e32;
  color: white;
}
.menu-item.active-item[data-v-3cef8c24] {
  background-color: #135bec;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.2);
}
.menu-item.nav-active[data-v-3cef8c24] {
  background-color: #151e32;
  color: #135bec;
  font-weight: 500;
  border-left: 4px solid #135bec;
}
.menu-item .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.25rem;
}
.item-text[data-v-3cef8c24] {
  font-size: 0.875rem;
  font-weight: 500;
}
.sidebar-footer[data-v-3cef8c24] {
  padding: 1rem;
  border-top: 1px solid #232f48;
}
.logout-btn[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  width: 100%;
  border-radius: 0.5rem;
  color: #ef4444;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.875rem;
  font-weight: 500;
}
.logout-btn[data-v-3cef8c24]:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #f87171;
}
.logout-btn .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.25rem;
}
/* Main Content Styles */
.main-content[data-v-3cef8c24] {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #0B1120;
  position: relative;
}
.top-header[data-v-3cef8c24] {
  height: 4rem;
  border-bottom: 1px solid #232f48;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  flex-shrink: 0;
  background-color: rgba(11, 17, 32, 0.9);
  backdrop-filter: blur(12px);
  z-index: 10;
}
.mobile-header[data-v-3cef8c24] {
  display: none;
  align-items: center;
  gap: 0.75rem;
  color: white;
}
.mobile-title[data-v-3cef8c24] {
  font-weight: 700;
  font-size: 1.125rem;
}
/* Navigation Buttons */
.nav-buttons[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nav-btn[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  border-radius: 0.5rem;
  color: #94a3b8;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  white-space: nowrap;
}
.nav-btn[data-v-3cef8c24]:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.05);
}
.nav-btn.active[data-v-3cef8c24] {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.nav-btn .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.125rem;
}
.search-container[data-v-3cef8c24] {
  display: flex;
  flex: 1;
  max-width: 36rem;
}
.search-wrapper[data-v-3cef8c24] {
  position: relative;
  width: 100%;
}
.search-icon[data-v-3cef8c24] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding-left: 0.75rem;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.search-icon .material-symbols-outlined[data-v-3cef8c24] {
  color: #94a3b8;
}
.search-input[data-v-3cef8c24] {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  background-color: #151e32;
  color: white;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.search-input[data-v-3cef8c24]::placeholder {
  color: #94a3b8;
}
.search-input[data-v-3cef8c24]:focus {
  outline: none;
  border-color: #135bec;
  ring: 1px solid rgba(19, 91, 236, 0.5);
}
.header-actions[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header-divider[data-v-3cef8c24] {
  width: 1px;
  height: 1.5rem;
  background-color: #232f48;
}
.header-auth-buttons[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-auth-btn[data-v-3cef8c24] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.header-auth-btn.register[data-v-3cef8c24] {
  color: #94a3b8;
  background: transparent;
}
.header-auth-btn.register[data-v-3cef8c24]:hover {
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.05);
}
.header-auth-btn.login[data-v-3cef8c24] {
  color: white;
  background: #135bec;
}
.header-auth-btn.login[data-v-3cef8c24]:hover {
  background: #1d64f2;
}
.header-user-info[data-v-3cef8c24] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.375rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
.header-user-info[data-v-3cef8c24]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.header-user-avatar[data-v-3cef8c24] {
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background-color: #1e293b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-position: center;
}
.header-user-details[data-v-3cef8c24] {
  display: flex;
  flex-direction: column;
}
.header-user-name[data-v-3cef8c24] {
  font-size: 0.875rem;
  font-weight: 500;
  color: white;
}
.header-user-role[data-v-3cef8c24] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.dropdown-arrow[data-v-3cef8c24] {
  font-size: 1.25rem;
  color: #94a3b8;
  transition: transform 0.2s;
}
.dropdown-arrow.expanded[data-v-3cef8c24] {
  transform: rotate(180deg);
}
/* 用户下拉菜单 - 使用 Teleport 渲染到 body，position 由内联样式控制 */
.user-dropdown-menu[data-v-3cef8c24] {
  min-width: 16rem;
  background-color: #151e32;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
  z-index: 99999;
  overflow: hidden;
  animation: dropdownFadeIn-3cef8c24 0.2s ease-out;
}
@keyframes dropdownFadeIn-3cef8c24 {
from {
    opacity: 0;
    transform: translateY(-0.5rem);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dropdown-header[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 1px solid #232f48;
}
.dropdown-avatar[data-v-3cef8c24] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  background-color: #1e293b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-position: center;
}
.dropdown-info[data-v-3cef8c24] {
  display: flex;
  flex-direction: column;
}
.dropdown-name[data-v-3cef8c24] {
  font-size: 0.875rem;
  font-weight: 500;
  color: white;
}
.dropdown-role[data-v-3cef8c24] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.dropdown-divider[data-v-3cef8c24] {
  height: 1px;
  background-color: #232f48;
  margin: 0;
}
.dropdown-item[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  color: #cbd5e1;
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.2s;
  cursor: pointer;
}
.dropdown-item[data-v-3cef8c24]:hover {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.dropdown-item .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.125rem;
}
.dropdown-item.logout-item[data-v-3cef8c24] {
  color: #ef4444;
}
.dropdown-item.logout-item[data-v-3cef8c24]:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #f87171;
}
.icon-button[data-v-3cef8c24] {
  position: relative;
  padding: 0.5rem;
  color: #cbd5e1;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.icon-button[data-v-3cef8c24]:hover {
  color: white;
}
.notification-badge[data-v-3cef8c24] {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ef4444;
  border-radius: 9999px;
  animation: pulse-3cef8c24 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse-3cef8c24 {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
/* Content Area */
.content-area[data-v-3cef8c24] {
  flex: 1;
  overflow-y: auto;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
/* Chat active: no padding, fill height */
.content-area.chat-active[data-v-3cef8c24] {
  padding: 0;
  overflow: hidden;
}
.content-area.chat-active .home-content[data-v-3cef8c24] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* Hero Section */
.hero-section[data-v-3cef8c24] {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  background-image: linear-gradient(rgba(11, 17, 32, 0.85), rgba(11, 17, 32, 0.7)),
                    url("/images/homepage/hero-bg.jpg");
  background-size: cover;
  background-position: center;
}
.hero-content[data-v-3cef8c24] {
  position: relative;
  z-index: 10;
  max-width: 64rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
.hero-text[data-v-3cef8c24] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.version-badge[data-v-3cef8c24] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background-color: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  backdrop-filter: blur(4px);
  margin-bottom: 0.5rem;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  color: #60a5fa;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.badge-dot[data-v-3cef8c24] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background-color: #60a5fa;
  animation: pulse-3cef8c24 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.hero-title[data-v-3cef8c24] {
  color: white;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
.hero-description[data-v-3cef8c24] {
  color: #cbd5e1;
  font-size: 1.125rem;
  font-weight: 300;
  max-width: 42rem;
  margin: 0 auto;
  line-height: 1.625;
}
.search-box-container[data-v-3cef8c24] {
  width: 100%;
  max-width: 42rem;
  margin-top: 1.5rem;
}
.search-box-wrapper[data-v-3cef8c24] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 3.5rem;
  position: relative;
}
.search-box[data-v-3cef8c24] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  align-items: stretch;
  min-height: 3.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 25px 50px -12px rgba(19, 91, 236, 0.2);
  background-color: rgba(21, 30, 50, 0.8);
  backdrop-filter: blur(12px);
  border: 1px solid #232f48;
  transition: all 0.3s;
  overflow: hidden;
}
.search-box.has-files[data-v-3cef8c24] {
  flex-wrap: wrap;
}
.search-box.has-files .search-box-body[data-v-3cef8c24] {
  min-height: 2.5rem;
}
.search-box[data-v-3cef8c24]:focus-within {
  border-color: #135bec;
  box-shadow: 0 0 0 1px rgba(19, 91, 236, 0.5);
}
.search-box-icon[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3rem;
  padding: 0 0.5rem;
  border-radius: 0.75rem 0 0 0.75rem;
  color: #60a5fa;
}
.search-box-icon .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.5rem;
  animation: pulse-3cef8c24 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.search-box-body[data-v-3cef8c24] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5rem 0;
}
.search-box-input[data-v-3cef8c24] {
  width: 100%;
  min-width: 0;
  background: transparent;
  border: none;
  color: white;
  padding: 0 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: none;
  outline: none;
}
.search-box-input[data-v-3cef8c24]::placeholder {
  color: #64748b;
}
.search-box-input[data-v-3cef8c24]:focus {
  outline: none;
}
.attach-files-row[data-v-3cef8c24] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem 0 0;
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}
.attach-label[data-v-3cef8c24] {
  margin-right: 0.25rem;
}
.file-tag[data-v-3cef8c24] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.5rem;
  background: rgba(19, 91, 236, 0.15);
  border: 1px solid rgba(19, 91, 236, 0.3);
  border-radius: 0.375rem;
  color: #93c5fd;
}
.file-tag-remove[data-v-3cef8c24] {
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0 0.125rem;
  font-size: 1rem;
  line-height: 1;
}
.file-tag-remove[data-v-3cef8c24]:hover {
  color: #f87171;
}
.search-box-actions[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-right: 0.5rem;
}
.search-box-actions-bar[data-v-3cef8c24] {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  gap: 0.25rem;
  padding: 0.375rem 0.5rem 0.375rem 0;
}
.search-box-toolbar[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 0.75rem 0.5rem 0;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.toolbar-left[data-v-3cef8c24],
.toolbar-right[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.toolbar-icon[data-v-3cef8c24] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 0.5rem;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.toolbar-icon[data-v-3cef8c24]:hover {
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.06);
}
.toolbar-icon.active[data-v-3cef8c24] {
  background: rgba(19, 91, 236, 0.2);
  color: #60a5fa;
  border-radius: 9999px;
  padding: 0 0.5rem;
  width: auto;
}
.toolbar-model-wrap[data-v-3cef8c24] {
  position: relative;
}
.toolbar-model-wrap .toolbar-icon .model-name[data-v-3cef8c24] {
  max-width: 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
}
.model-dropdown[data-v-3cef8c24] {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 0.25rem;
  min-width: 12rem;
  max-height: 14rem;
  overflow-y: auto;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  z-index: 50;
  padding: 0.25rem;
}
.model-option[data-v-3cef8c24] {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  text-align: left;
  border: none;
  border-radius: 0.375rem;
  background: transparent;
  color: #e2e8f0;
  font-size: 0.875rem;
  cursor: pointer;
}
.model-option[data-v-3cef8c24]:hover,
.model-option.active[data-v-3cef8c24] {
  background: rgba(19, 91, 236, 0.2);
  color: #60a5fa;
}
.voice-btn.recording[data-v-3cef8c24] {
  background: rgba(34, 197, 94, 0.25);
  color: #4ade80;
}
.inline-generate[data-v-3cef8c24] {
  padding: 0.5rem 0.75rem;
  min-width: 2.5rem;
}
.inline-generate .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.25rem;
}
/* ========== 交互模式（AI 对话页） ========== */
.chat-mode-section[data-v-3cef8c24] {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 420px;
}
/* 顶部返回按钮栏 */
.chat-top-bar[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}
.chat-back-btn[data-v-3cef8c24] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  padding: 6px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.chat-back-btn[data-v-3cef8c24]:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.chat-back-btn .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 18px;
}
/* 滚动消息区域 */
.chat-scroll-area[data-v-3cef8c24] {
  flex: 1;
  overflow-y: auto;
  padding: 2rem 1rem 10rem;
  scroll-behavior: smooth;
}
.chat-center-col[data-v-3cef8c24] {
  max-width: 56rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
/* 欢迎区域 */
.chat-welcome[data-v-3cef8c24] {
  text-align: center;
  padding: 3rem 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.chat-welcome-icon[data-v-3cef8c24] {
  width: 4rem;
  height: 4rem;
  background: rgba(19, 91, 236, 0.2);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px rgba(19, 91, 236, 0.5), 0 8px 24px rgba(19, 91, 236, 0.2);
}
.chat-welcome-icon .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 2rem;
  color: #135bec;
}
.chat-welcome-title[data-v-3cef8c24] {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
.chat-welcome-desc[data-v-3cef8c24] {
  font-size: 0.875rem;
  color: #94a3b8;
  max-width: 28rem;
  line-height: 1.7;
  margin: 0;
}
/* --- 消息行 --- */
.cmsg[data-v-3cef8c24] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.cmsg-ai[data-v-3cef8c24] {
  justify-content: flex-start;
}
.cmsg-user[data-v-3cef8c24] {
  justify-content: flex-end;
}
/* AI 头像 */
.cmsg-avatar[data-v-3cef8c24] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: #135bec;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cmsg-avatar .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.125rem;
  color: white;
}
.cmsg-avatar-dot[data-v-3cef8c24] {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 0.75rem;
  height: 0.75rem;
  background: #22c55e;
  border-radius: 9999px;
  border: 2px solid #0B1120;
}
/* 消息体 */
.cmsg-body[data-v-3cef8c24] {
  max-width: 85%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cmsg-user .cmsg-body[data-v-3cef8c24] {
  align-items: flex-end;
}
/* 气泡 */
.cmsg-bubble[data-v-3cef8c24] {
  padding: 1.25rem;
  line-height: 1.7;
  font-size: 0.9375rem;
  word-break: break-word;
  white-space: pre-wrap;
}
.cmsg-bubble-ai[data-v-3cef8c24] {
  background: rgba(22, 27, 38, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 1rem 1rem 1rem 0;
  color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.cmsg-bubble-user[data-v-3cef8c24] {
  background: #135bec;
  color: white;
  border-radius: 1rem 1rem 0 1rem;
  box-shadow: 0 4px 12px rgba(19, 91, 236, 0.15);
}
/* AI 消息内部 */
.cmsg-source-hint[data-v-3cef8c24] {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0 0 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.cmsg-ai-content[data-v-3cef8c24] {
  font-size: 0.9375rem;
  color: #e2e8f0;
  line-height: 1.7;
}
.cmsg-ai-content[data-v-3cef8c24] strong {
  color: #93c5fd;
  font-weight: 600;
}
.cmsg-ai-content[data-v-3cef8c24] b {
  color: #60a5fa;
  font-weight: 600;
}
/* Markdown 渲染样式 */
.cmsg-ai-content[data-v-3cef8c24] h1,
.cmsg-ai-content[data-v-3cef8c24] h2,
.cmsg-ai-content[data-v-3cef8c24] h3,
.cmsg-ai-content[data-v-3cef8c24] h4 {
  color: #f1f5f9;
  margin: 1rem 0 0.5rem;
  font-weight: 600;
}
.cmsg-ai-content[data-v-3cef8c24] h1 { font-size: 1.25rem;
}
.cmsg-ai-content[data-v-3cef8c24] h2 { font-size: 1.125rem;
}
.cmsg-ai-content[data-v-3cef8c24] h3 { font-size: 1rem;
}
.cmsg-ai-content[data-v-3cef8c24] h4 { font-size: 0.9375rem;
}
.cmsg-ai-content[data-v-3cef8c24] p {
  margin: 0.4rem 0;
}
.cmsg-ai-content[data-v-3cef8c24] ul,
.cmsg-ai-content[data-v-3cef8c24] ol {
  margin: 0.4rem 0;
  padding-left: 1.5rem;
}
.cmsg-ai-content[data-v-3cef8c24] li {
  margin: 0.2rem 0;
}
.cmsg-ai-content[data-v-3cef8c24] blockquote {
  border-left: 3px solid #3b82f6;
  padding: 0.25rem 0.75rem;
  margin: 0.5rem 0;
  color: #94a3b8;
  background: rgba(59, 130, 246, 0.05);
  border-radius: 0 6px 6px 0;
}
.cmsg-ai-content[data-v-3cef8c24] hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0.75rem 0;
}
.cmsg-ai-content[data-v-3cef8c24] table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0;
  font-size: 0.875rem;
}
.cmsg-ai-content[data-v-3cef8c24] th,
.cmsg-ai-content[data-v-3cef8c24] td {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.4rem 0.6rem;
  text-align: left;
}
.cmsg-ai-content[data-v-3cef8c24] th {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  font-weight: 600;
}
.cmsg-ai-content[data-v-3cef8c24] tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02);
}
.cmsg-ai-content[data-v-3cef8c24] code {
  background: rgba(255, 255, 255, 0.08);
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
  font-size: 0.85em;
  color: #fbbf24;
}
.cmsg-ai-content[data-v-3cef8c24] pre {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem;
  border-radius: 6px;
  overflow-x: auto;
  margin: 0.5rem 0;
}
.cmsg-ai-content[data-v-3cef8c24] pre code {
  background: none;
  padding: 0;
  color: #e2e8f0;
}
/* 宽气泡（结构化报价结果） - 让表格有足够空间 */
.cmsg-bubble-wide[data-v-3cef8c24] {
  max-width: none !important;
  width: 100%;
}
.cmsg-ai .cmsg-body[data-v-3cef8c24]:has(.cmsg-bubble-wide) {
  max-width: 95%;
}
/* 快捷操作按钮 */
.cmsg-actions[data-v-3cef8c24] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.cmsg-action-btn[data-v-3cef8c24] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.05);
  color: #94a3b8;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
}
.cmsg-action-btn[data-v-3cef8c24]:hover {
  color: white;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}
.cmsg-action-btn .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 0.875rem;
}
.cmsg-action-btn.cmsg-action-primary[data-v-3cef8c24] {
  background: rgba(19, 91, 236, 0.2);
  border-color: rgba(19, 91, 236, 0.3);
  color: #60a5fa;
}
.cmsg-action-btn.cmsg-action-primary[data-v-3cef8c24]:hover {
  background: rgba(19, 91, 236, 0.3);
  color: white;
}
/* 用户文件卡片 */
.cmsg-user-files[data-v-3cef8c24] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.cmsg-file-card[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(22, 27, 38, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  min-width: 14rem;
}
.cmsg-file-icon[data-v-3cef8c24] {
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cmsg-file-icon .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.25rem;
  color: #ef4444;
}
.cmsg-file-name[data-v-3cef8c24] {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 10rem;
}
/* ========== 底部浮动输入区 ========== */
.chat-float-bar[data-v-3cef8c24] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  background: linear-gradient(to top, #0B1120 40%, rgba(11, 17, 32, 0.95) 70%, transparent 100%);
  z-index: 10;
}
.chat-float-inner[data-v-3cef8c24] {
  max-width: 56rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
/* 快捷建议 */
.chat-suggest-row[data-v-3cef8c24] {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
.chat-suggest-pill[data-v-3cef8c24] {
  flex-shrink: 0;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #cbd5e1;
  font-size: 0.8125rem;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.chat-suggest-pill[data-v-3cef8c24]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.15);
  color: white;
}
/* 输入卡片 */
.chat-input-card[data-v-3cef8c24] {
  background: rgba(22, 27, 38, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  padding: 0.5rem;
  transition: all 0.2s;
}
.chat-input-card.focused[data-v-3cef8c24] {
  border-color: rgba(19, 91, 236, 0.4);
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.15), 0 4px 20px rgba(0, 0, 0, 0.4);
}
.chat-input-row[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.chat-attach-btn[data-v-3cef8c24] {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.chat-attach-btn[data-v-3cef8c24]:hover {
  color: white;
  background: rgba(255, 255, 255, 0.05);
}
.chat-text-input[data-v-3cef8c24] {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  color: white;
  font-size: 0.9375rem;
  padding: 0.5rem 0.25rem;
  outline: none;
}
.chat-text-input[data-v-3cef8c24]::placeholder {
  color: #64748b;
}
.chat-input-btns[data-v-3cef8c24] {
  display: flex;
  gap: 0.25rem;
  padding-right: 0.25rem;
}
.chat-send-btn[data-v-3cef8c24] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.75rem;
  background: #135bec;
  color: white;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 12px rgba(19, 91, 236, 0.2);
}
.chat-send-btn[data-v-3cef8c24]:hover:not(:disabled) {
  background: #2563eb;
}
.chat-send-btn[data-v-3cef8c24]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.chat-send-btn .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.125rem;
}
.chat-send-btn .btn-loading[data-v-3cef8c24] {
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin-3cef8c24 0.8s linear infinite;
}
/* 已附加文件 */
.chat-attached-row[data-v-3cef8c24] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem 0.5rem;
  font-size: 0.75rem;
}
.chat-attached-label[data-v-3cef8c24] {
  color: #94a3b8;
}
.chat-attached-tag[data-v-3cef8c24] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.5rem;
  background: rgba(19, 91, 236, 0.15);
  border: 1px solid rgba(19, 91, 236, 0.3);
  border-radius: 0.375rem;
  color: #93c5fd;
  font-size: 0.75rem;
}
.chat-attached-remove[data-v-3cef8c24] {
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
}
.chat-attached-remove[data-v-3cef8c24]:hover {
  color: #f87171;
}
/* 免责声明 */
.chat-disclaimer[data-v-3cef8c24] {
  text-align: center;
  font-size: 0.625rem;
  color: #475569;
  margin: 0;
}
.file-input-hidden[data-v-3cef8c24] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.attach-btn[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  background: transparent;
  border: 1px solid #334155;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.attach-btn[data-v-3cef8c24]:hover {
  border-color: #135bec;
  color: #60a5fa;
}
.attach-btn .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.25rem;
}
.search-box-button[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.generate-button[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #135bec;
  color: white;
  font-weight: 700;
  border-radius: 0.5rem;
  padding: 0.625rem 1.5rem;
  transition: all 0.2s;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.3);
}
.generate-button-inline[data-v-3cef8c24] {
  align-self: stretch;
  border-radius: 0 0.75rem 0.75rem 0;
  padding: 0 1.25rem;
  min-height: 2.5rem;
}
.generate-button[data-v-3cef8c24]:hover:not(:disabled) {
  background-color: #1e40af;
  box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);
}
.generate-button[data-v-3cef8c24]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.generate-button .btn-loading[data-v-3cef8c24] {
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin-3cef8c24 0.8s linear infinite;
}
@keyframes spin-3cef8c24 {
to { transform: rotate(360deg);
}
}
/* AI 分析结果弹窗 */
.result-modal-overlay[data-v-3cef8c24] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
}
.result-modal[data-v-3cef8c24] {
  width: 100%;
  max-width: 36rem;
  max-height: 85vh;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 1rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
}
.result-modal-header[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #334155;
}
.result-modal-header h3[data-v-3cef8c24] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #f1f5f9;
}
.result-modal-close[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  transition: color 0.2s;
}
.result-modal-close[data-v-3cef8c24]:hover {
  color: #f1f5f9;
}
.result-modal-body[data-v-3cef8c24] {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem;
}
.result-analysis[data-v-3cef8c24] {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #e2e8f0;
}
.result-analysis[data-v-3cef8c24] strong {
  color: #f1f5f9;
}
.result-modal-footer[data-v-3cef8c24] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid #334155;
}
.result-btn[data-v-3cef8c24] {
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.result-btn.secondary[data-v-3cef8c24] {
  background: #334155;
  color: #e2e8f0;
}
.result-btn.secondary[data-v-3cef8c24]:hover {
  background: #475569;
}
.result-btn.primary[data-v-3cef8c24] {
  background: #135bec;
  color: white;
}
.result-btn.primary[data-v-3cef8c24]:hover {
  background: #1e40af;
}
.quick-examples[data-v-3cef8c24] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
  color: #94a3b8;
  font-size: 0.875rem;
}
.examples-label[data-v-3cef8c24] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #64748b;
  padding-top: 0.125rem;
}
.example-link[data-v-3cef8c24] {
  color: inherit;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}
.example-link[data-v-3cef8c24]:hover {
  color: #135bec;
  text-decoration: underline;
}
.example-separator[data-v-3cef8c24] {
  color: #475569;
}
/* Stats Section */
.stats-section[data-v-3cef8c24] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.stat-card[data-v-3cef8c24] {
  background-color: #151e32;
  padding: 1.5rem;
  border-radius: 0.75rem;
  border: 1px solid #232f48;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: border-color 0.2s;
}
.stat-card[data-v-3cef8c24]:hover {
  border-color: rgba(19, 91, 236, 0.3);
}
.stat-header[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stat-label[data-v-3cef8c24] {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
}
.stat-icon[data-v-3cef8c24] {
  color: #135bec;
  font-size: 1.25rem;
}
.stat-icon.orange[data-v-3cef8c24] {
  color: #f97316;
}
.stat-icon.green[data-v-3cef8c24] {
  color: #22c55e;
}
.stat-content[data-v-3cef8c24] {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.stat-value[data-v-3cef8c24] {
  font-size: 1.875rem;
  font-weight: 700;
  color: white;
}
.stat-trend[data-v-3cef8c24] {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.stat-trend.positive[data-v-3cef8c24] {
  color: #22c55e;
  background-color: rgba(34, 197, 94, 0.1);
}
.stat-trend.negative[data-v-3cef8c24] {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.stat-trend .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 0.75rem;
}
.stat-subtitle[data-v-3cef8c24] {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 400;
}
.stat-subtitle.green[data-v-3cef8c24] {
  color: #22c55e;
  font-weight: 500;
}
/* Categories Section */
.categories-section[data-v-3cef8c24] {
  display: flex;
  flex-direction: column;
}
.section-header[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.section-title[data-v-3cef8c24] {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.title-marker[data-v-3cef8c24] {
  width: 0.25rem;
  height: 1.5rem;
  background-color: #135bec;
  border-radius: 9999px;
}
.view-all-link[data-v-3cef8c24] {
  font-size: 0.875rem;
  color: #135bec;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.2s;
  text-decoration: none;
}
.view-all-link[data-v-3cef8c24]:hover {
  color: #60a5fa;
  gap: 0.5rem;
}
.view-all-link .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1rem;
}
.categories-grid[data-v-3cef8c24] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.category-card[data-v-3cef8c24] {
  position: relative;
  background-color: #151e32;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid #232f48;
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.category-card[data-v-3cef8c24]:hover {
  border-color: rgba(19, 91, 236, 0.5);
  box-shadow: 0 20px 25px -5px rgba(19, 91, 236, 0.05);
}
.category-image[data-v-3cef8c24] {
  height: 12rem;
  background-size: cover;
  background-position: center;
  position: relative;
  transition: transform 0.7s;
}
.category-card:hover .category-image[data-v-3cef8c24] {
  transform: scale(1.05);
}
.category-image[data-v-3cef8c24]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #151e32, rgba(21, 30, 50, 0.5), transparent);
  opacity: 0.9;
}
.category-image.datacenter[data-v-3cef8c24] {
  background-image: url("/images/homepage/category-datacenter.jpg");
}
.category-image.office[data-v-3cef8c24] {
  background-image: url("/images/homepage/category-office.jpg");
}
.category-image.security[data-v-3cef8c24] {
  background-image: url("/images/homepage/category-security.jpg");
}
.category-content[data-v-3cef8c24] {
  padding: 1.25rem;
  position: relative;
}
.category-icon-wrapper[data-v-3cef8c24] {
  position: absolute;
  top: -2rem;
  right: 1.25rem;
  width: 3.5rem;
  height: 3.5rem;
  background: linear-gradient(135deg, #135bec, #1e40af);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
  color: white;
  transition: transform 0.3s;
}
.category-card:hover .category-icon-wrapper[data-v-3cef8c24] {
  transform: translateY(-0.25rem);
}
.category-icon-wrapper .material-symbols-outlined[data-v-3cef8c24] {
  font-size: 1.875rem;
}
.category-title[data-v-3cef8c24] {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.5rem;
  transition: color 0.2s;
}
.category-card:hover .category-title[data-v-3cef8c24] {
  color: #135bec;
}
.category-description[data-v-3cef8c24] {
  color: #94a3b8;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  height: 2.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.category-tags[data-v-3cef8c24] {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #94a3b8;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.tag[data-v-3cef8c24] {
  background-color: #1e293b;
  border: 1px solid #334155;
  padding: 0.25rem 0.625rem;
  border-radius: 0.375rem;
  color: #cbd5e1;
}
/* Scrollbar Styles */
[data-v-3cef8c24]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[data-v-3cef8c24]::-webkit-scrollbar-track {
  background: #0B1120;
}
[data-v-3cef8c24]::-webkit-scrollbar-thumb {
  background: #232f48;
  border-radius: 4px;
}
[data-v-3cef8c24]::-webkit-scrollbar-thumb:hover {
  background: #324467;
}
/* Embedded View (Product Database, Quote History, System Settings) */
.content-area.embedded-view[data-v-3cef8c24] {
  padding: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.content-area.embedded-view[data-v-3cef8c24] >  .product-database,
.content-area.embedded-view[data-v-3cef8c24] >  .quote-history-page,
.content-area.embedded-view[data-v-3cef8c24] >  .onsite-calculator-page,
.content-area.embedded-view[data-v-3cef8c24] >  .relocation-calculator-page {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.content-area.embedded-view[data-v-3cef8c24] >  .product-database > *,
.content-area.embedded-view[data-v-3cef8c24] >  .quote-history-page > *,
.content-area.embedded-view[data-v-3cef8c24] >  .onsite-calculator-page > *,
.content-area.embedded-view[data-v-3cef8c24] >  .relocation-calculator-page > * {
  border-radius: 0;
}
.content-area.embedded-view[data-v-3cef8c24] >  .product-database .page-header,
.content-area.embedded-view[data-v-3cef8c24] >  .quote-history-page .page-header,
.content-area.embedded-view[data-v-3cef8c24] >  .onsite-calculator-page .page-header,
.content-area.embedded-view[data-v-3cef8c24] >  .relocation-calculator-page .page-header {
  border-radius: 0;
}
/* Draft View */
.content-area.draft-view[data-v-3cef8c24] {
  display: block;
  padding: 2rem;
  height: calc(100vh - 5rem);
}
.draft-view-container[data-v-3cef8c24] {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
/* Responsive Design */
@media (max-width: 768px) {
.sidebar[data-v-3cef8c24] {
    display: none;
}
.mobile-header[data-v-3cef8c24] {
    display: flex;
}
.search-container[data-v-3cef8c24] {
    display: none;
}
.stats-section[data-v-3cef8c24] {
    grid-template-columns: 1fr;
}
.categories-grid[data-v-3cef8c24] {
    grid-template-columns: 1fr;
}
.hero-title[data-v-3cef8c24] {
    font-size: 2rem;
}
.content-area[data-v-3cef8c24] {
    padding: 1.5rem;
}
}
@media (max-width: 980px) {
.categories-grid[data-v-3cef8c24] {
    grid-template-columns: 1fr;
}
}

.shared-nav[data-v-2b731c7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nav-item[data-v-2b731c7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  border-radius: 0.5rem;
  color: #94a3b8;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  white-space: nowrap;
  cursor: pointer;
}
.nav-item[data-v-2b731c7f]:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.05);
}
.nav-item.active[data-v-2b731c7f] {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.nav-item .material-symbols-outlined[data-v-2b731c7f] {
  font-size: 1.125rem;
}
.nav-text[data-v-2b731c7f] {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
.shared-nav[data-v-2b731c7f] {
    display: none;
}
.nav-text[data-v-2b731c7f] {
    display: none;
}
.nav-item .material-symbols-outlined[data-v-2b731c7f] {
    font-size: 1.25rem;
}
}

.branch-page-header[data-v-fa1b873e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #232f48;
  background-color: #101622;
  padding: 1rem 1.5rem;
  position: sticky;
  top: 0;
  z-index: 50;
}
.header-left[data-v-fa1b873e] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.logo-link[data-v-fa1b873e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s;
}
.logo-link[data-v-fa1b873e]:hover {
  opacity: 0.8;
}
.logo-wrapper[data-v-fa1b873e] {
  width: 2rem;
  height: 2rem;
  color: #135bec;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(19, 91, 236, 0.1);
  border-radius: 0.5rem;
}
.header-title[data-v-fa1b873e] {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  margin: 0;
}
.header-right[data-v-fa1b873e] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.icon-btn[data-v-fa1b873e] {
  position: relative;
  color: #94a3b8;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  transition: color 0.2s;
}
.icon-btn[data-v-fa1b873e]:hover {
  color: #135bec;
}
.notification-dot[data-v-fa1b873e] {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ef4444;
  border-radius: 9999px;
}
.divider[data-v-fa1b873e] {
  height: 2rem;
  width: 1px;
  background-color: #232f48;
}
.user-info[data-v-fa1b873e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s;
}
.user-info[data-v-fa1b873e]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.user-avatar[data-v-fa1b873e] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  background-color: #1e293b;
  background-repeat: no-repeat;
  background-position: center;
}
.user-details[data-v-fa1b873e] {
  display: none;
  flex-direction: column;
}
@media (min-width: 1024px) {
.user-details[data-v-fa1b873e] {
    display: flex;
}
}
.user-name[data-v-fa1b873e] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: white;
}
.user-role[data-v-fa1b873e] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}
.dropdown-arrow[data-v-fa1b873e] {
  font-size: 1.25rem;
  color: #94a3b8;
  transition: transform 0.2s;
}
.dropdown-arrow.expanded[data-v-fa1b873e] {
  transform: rotate(180deg);
}

/* 用户下拉菜单 - Teleport 到 body，需确保选择器能命中 */
.user-dropdown-menu[data-v-fa1b873e] {
  min-width: 16rem;
  background-color: #151e32;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
  z-index: 99999;
  overflow: hidden;
  animation: branchHeaderDropdownFadeIn-fa1b873e 0.2s ease-out;
}
@keyframes branchHeaderDropdownFadeIn-fa1b873e {
from {
    opacity: 0;
    transform: translateY(-0.5rem);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dropdown-header[data-v-fa1b873e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 1px solid #232f48;
}
.dropdown-avatar[data-v-fa1b873e] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  background-color: #1e293b;
  background-repeat: no-repeat;
  background-position: center;
}
.dropdown-info[data-v-fa1b873e] {
  display: flex;
  flex-direction: column;
}
.dropdown-name[data-v-fa1b873e] {
  font-size: 0.875rem;
  font-weight: 500;
  color: white;
}
.dropdown-role[data-v-fa1b873e] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.dropdown-divider[data-v-fa1b873e] {
  height: 1px;
  background-color: #232f48;
  margin: 0;
}
.dropdown-item[data-v-fa1b873e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  color: #cbd5e1;
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.2s;
  cursor: pointer;
}
.dropdown-item[data-v-fa1b873e]:hover {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.dropdown-item .material-symbols-outlined[data-v-fa1b873e] {
  font-size: 1.125rem;
}
.dropdown-item.logout-item[data-v-fa1b873e] {
  color: #ef4444;
}
.dropdown-item.logout-item[data-v-fa1b873e]:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #f87171;
}
.auth-buttons[data-v-fa1b873e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.auth-btn[data-v-fa1b873e] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.auth-btn.register[data-v-fa1b873e] {
  color: #94a3b8;
  background: transparent;
}
.auth-btn.register[data-v-fa1b873e]:hover {
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.05);
}
.auth-btn.login[data-v-fa1b873e] {
  color: white;
  background: #135bec;
}
.auth-btn.login[data-v-fa1b873e]:hover {
  background: #1d64f2;
}

.modal-overlay[data-v-78911458] {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9998;
}
.modal-window[data-v-78911458] {
  position: fixed;
  background-color: #0B1120;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.2s ease;
}
.modal-window.maximized[data-v-78911458] {
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.modal-window.minimized[data-v-78911458] {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.5rem 0.5rem 0 0;
}
.modal-header[data-v-78911458] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #151e32;
  border-bottom: 1px solid #232f48;
  cursor: move;
  user-select: none;
}
.header-left[data-v-78911458] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-icon[data-v-78911458] {
  color: #135bec;
  font-size: 1.25rem;
}
.header-title[data-v-78911458] {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
}
.header-right[data-v-78911458] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.window-btn[data-v-78911458] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.15s;
}
.window-btn[data-v-78911458]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.window-btn.close-btn[data-v-78911458]:hover {
  background-color: #ef4444;
  color: #ffffff;
}
.window-btn .material-symbols-outlined[data-v-78911458] {
  font-size: 1.125rem;
}
.modal-content[data-v-78911458] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* 确保 ProductDatabase 组件在弹窗中正确显示 */
.modal-content[data-v-78911458] .product-database {
  height: 100%;
  padding-top: 0;
  overflow: hidden;
}

/* 确保主内容区域有正确的高度 */
.modal-content[data-v-78911458] .main-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* 确保结果区域有正确的高度 */
.modal-content[data-v-78911458] .results-area {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* 确保滚动区域有正确的高度 */
.modal-content[data-v-78911458] .results-list-scroll {
  min-height: 100px;
  max-height: 100%;
}

/* 添加滚动条样式 */
.modal-content[data-v-78911458] .results-list-scroll::-webkit-scrollbar {
  width: 8px;
}
.modal-content[data-v-78911458] .results-list-scroll::-webkit-scrollbar-track {
  background: #1a2332;
  border-radius: 4px;
}
.modal-content[data-v-78911458] .results-list-scroll::-webkit-scrollbar-thumb {
  background: #3a4a5f;
  border-radius: 4px;
}
.modal-content[data-v-78911458] .results-list-scroll::-webkit-scrollbar-thumb:hover {
  background: #4a5a6f;
}

/* 弹窗动画 */
.modal-enter-active[data-v-78911458],
.modal-leave-active[data-v-78911458] {
  transition: opacity 0.2s ease;
}
.modal-enter-active .modal-window[data-v-78911458],
.modal-leave-active .modal-window[data-v-78911458] {
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.modal-enter-from[data-v-78911458],
.modal-leave-to[data-v-78911458] {
  opacity: 0;
}
.modal-enter-from .modal-window[data-v-78911458],
.modal-leave-to .modal-window[data-v-78911458] {
  transform: scale(0.95);
  opacity: 0;
}



.document-recognition[data-v-b5b2f695] {
  font-family: "Noto Sans SC", sans-serif;
  background-color: #101622;
  color: white;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
}
/* Header Styles */
.page-header[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #232f48;
  background-color: #101622;
  padding: 1rem 1.5rem;
  position: sticky;
  top: 0;
  z-index: 50;
}
.header-left[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.logo-link[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  transition: opacity 0.2s;
}
.logo-link[data-v-b5b2f695]:hover {
  opacity: 0.8;
}
.logo-wrapper[data-v-b5b2f695] {
  width: 2rem;
  height: 2rem;
  color: #135bec;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(19, 91, 236, 0.1);
  border-radius: 0.5rem;
}
.header-title[data-v-b5b2f695] {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.header-right[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.nav-links[data-v-b5b2f695] {
  display: none;
  flex: 1;
  justify-content: center;
  gap: 2.5rem;
}
@media (min-width: 768px) {
.nav-links[data-v-b5b2f695] {
    display: flex;
}
}
.nav-link[data-v-b5b2f695] {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.nav-link[data-v-b5b2f695]:hover, .nav-link.active[data-v-b5b2f695] {
  color: #135bec;
}
.icon-btn[data-v-b5b2f695] {
  position: relative;
  color: #94a3b8;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.icon-btn[data-v-b5b2f695]:hover {
  color: #135bec;
}
.notification-dot[data-v-b5b2f695] {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ef4444;
  border-radius: 9999px;
}
.divider[data-v-b5b2f695] {
  height: 2rem;
  width: 1px;
  background-color: #232f48;
}
.user-info[data-v-b5b2f695] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.375rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
.user-info[data-v-b5b2f695]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.user-details[data-v-b5b2f695] {
  display: none;
  flex-direction: column;
}
/* 用户下拉箭头 */
.dropdown-arrow[data-v-b5b2f695] {
  font-size: 1.25rem;
  color: #94a3b8;
  transition: transform 0.2s;
}
.dropdown-arrow.expanded[data-v-b5b2f695] {
  transform: rotate(180deg);
}
/* 用户下拉菜单 - 使用 Teleport 渲染到 body，position 由内联样式控制 */
.user-dropdown-menu[data-v-b5b2f695] {
  min-width: 16rem;
  background-color: #151e32;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
  z-index: 99999;
  overflow: hidden;
  animation: dropdownFadeIn-b5b2f695 0.2s ease-out;
}
@keyframes dropdownFadeIn-b5b2f695 {
from {
    opacity: 0;
    transform: translateY(-0.5rem);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dropdown-header[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 1px solid #232f48;
}
.dropdown-avatar[data-v-b5b2f695] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  background-color: #1e293b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
}
.dropdown-info[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
}
.dropdown-name[data-v-b5b2f695] {
  font-size: 0.875rem;
  font-weight: 500;
  color: white;
}
.dropdown-role[data-v-b5b2f695] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.dropdown-divider[data-v-b5b2f695] {
  height: 1px;
  background-color: #232f48;
  margin: 0;
}
.dropdown-item[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  color: #cbd5e1;
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.2s;
  cursor: pointer;
}
.dropdown-item[data-v-b5b2f695]:hover {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.dropdown-item .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1.125rem;
}
.dropdown-item.logout-item[data-v-b5b2f695] {
  color: #ef4444;
}
.dropdown-item.logout-item[data-v-b5b2f695]:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #f87171;
}
@media (min-width: 1024px) {
.user-details[data-v-b5b2f695] {
    display: flex;
}
}
.user-name[data-v-b5b2f695] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
}
.user-role[data-v-b5b2f695] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}
.user-avatar[data-v-b5b2f695] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  background-color: #1e293b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 2px #232f48;
}
/* Main Container */
.main-container[data-v-b5b2f695] {
  flex: 1;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 1rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  max-height: calc(100vh - 72px);
}
/* Page Header */
.page-header[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 0.5rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
.page-header[data-v-b5b2f695] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}
.header-content[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
}
.header-right[data-v-b5b2f695] {
  display: flex;
  align-items: center;
}
.breadcrumb[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #92a4c9;
}
.breadcrumb-link[data-v-b5b2f695] {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
  cursor: pointer;
}
.breadcrumb-link[data-v-b5b2f695]:hover {
  color: #135bec;
  text-decoration: underline;
}
.breadcrumb-current[data-v-b5b2f695] {
  color: white;
  font-weight: 500;
}
.breadcrumb .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1rem;
}
.page-title[data-v-b5b2f695] {
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  letter-spacing: -0.025em;
  margin-top: 0.25rem;
}
/* 标题行 - 包含标题和报价类型选择器 */
.title-row[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 0.25rem;
}
/* 报价类型选择器 - 参考"价格调整"页面filter-select样式 */
.quotation-type-selector[data-v-b5b2f695] {
  position: relative;
  display: flex;
  align-items: center;
}
.quotation-type-selector .material-symbols-outlined[data-v-b5b2f695] {
  position: absolute;
  left: 0.75rem;
  color: #94a3b8;
  font-size: 1.25rem;
  pointer-events: none;
}
.quotation-type-dropdown[data-v-b5b2f695] {
  padding: 0.5rem 2rem 0.5rem 2.5rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.875rem;
  cursor: pointer;
  outline: none;
  appearance: none;
  min-width: 200px;
}
.quotation-type-dropdown[data-v-b5b2f695]:focus {
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.3);
}
.quotation-type-dropdown option[data-v-b5b2f695] {
  background-color: #101622;
  color: white;
  padding: 0.5rem;
}
.page-description[data-v-b5b2f695] {
  color: #92a4c9;
  font-size: 1rem;
  margin-top: 0.25rem;
}
/* Steps Progress */
.steps-progress[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #1a2332;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #232f48;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.step[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.step[data-v-b5b2f695]:hover {
  opacity: 0.8;
}
.step.active[data-v-b5b2f695] {
  color: #135bec;
  opacity: 1;
}
.step-number[data-v-b5b2f695] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
  color: white;
}
.step.active .step-number[data-v-b5b2f695] {
  background-color: #135bec;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.25);
}
.step-label[data-v-b5b2f695] {
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
}
.step.active .step-label[data-v-b5b2f695] {
  font-weight: 700;
}
.step-label[data-v-b5b2f695]:hover {
  text-decoration: underline;
}
.step-divider[data-v-b5b2f695] {
  height: 1px;
  width: 1rem;
  background-color: #475569;
  flex-shrink: 0;
}
/* Content Grid */
.content-grid[data-v-b5b2f695] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.5rem;
  margin-top: 0.5rem;
  align-items: stretch;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
/* 驻场服务嵌入模式：全宽显示 */
.content-grid.onsite-mode[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
}
.onsite-embed-section[data-v-b5b2f695] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(11, 17, 32, 0.6);
}
.upload-section[data-v-b5b2f695] {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
  min-height: 0;
  overflow: hidden;
}
.upload-section.collapsed[data-v-b5b2f695] {
  grid-column: span 1;
}
.upload-section.collapsed .upload-card[data-v-b5b2f695] {
  min-width: 3rem;
  width: 3rem;
  padding: 0.5rem;
}
.upload-section.collapsed .card-title[data-v-b5b2f695] {
  display: none;
}
.preview-section[data-v-b5b2f695] {
  grid-column: span 9;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  min-height: 0;
  overflow: hidden;
}
.upload-section.collapsed + .preview-section[data-v-b5b2f695] {
  grid-column: span 11;
}
/* Upload Card */
.upload-card[data-v-b5b2f695] {
  background-color: #1e232f;
  border-radius: 0.75rem;
  border: 1px solid #2a3447;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  min-height: 0;
}
.card-header[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  gap: 0.5rem;
  flex-shrink: 0;
}
.upload-section.collapsed .card-header[data-v-b5b2f695] {
  margin-bottom: 0;
  justify-content: center;
}
/* Upload Content - scrollable area */
.upload-content[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}
.collapse-btn[data-v-b5b2f695] {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  background: rgba(19, 91, 236, 0.1);
  border: none;
  color: #135bec;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.collapse-btn[data-v-b5b2f695]:hover {
  background-color: rgba(19, 91, 236, 0.2);
}
.upload-section.collapsed .collapse-btn[data-v-b5b2f695] {
  right: 0.5rem;
  top: 0.5rem;
}
.collapse-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.collapse-btn .material-symbols-outlined.rotated[data-v-b5b2f695] {
  transform: rotate(180deg);
}
.card-title[data-v-b5b2f695] {
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
}
/* Upload Zone */
.upload-zone[data-v-b5b2f695] {
  border: 2px dashed #2a3447;
  border-radius: 0.5rem;
  background-color: #151a23;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  flex: 0 0 auto;
  min-height: 160px;
}
.upload-zone[data-v-b5b2f695]:hover {
  border-color: #135bec;
}
.upload-icon-wrapper[data-v-b5b2f695] {
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  background-color: rgba(19, 91, 236, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  transition: transform 0.3s;
}
.upload-zone:hover .upload-icon-wrapper[data-v-b5b2f695] {
  transform: scale(1.1);
}
.upload-icon-wrapper .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1.5rem;
  color: #135bec;
}
.upload-title[data-v-b5b2f695] {
  color: white;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.upload-subtitle[data-v-b5b2f695] {
  color: #92a4c9;
  font-size: 0.875rem;
}
/* 文档解析加载状态 */
.parsing-overlay[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: rgba(19, 91, 236, 0.04);
  border: 1px dashed rgba(19, 91, 236, 0.3);
  border-radius: 0.75rem;
  margin-top: 0.75rem;
}
.parsing-spinner[data-v-b5b2f695] {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(19, 91, 236, 0.15);
  border-top-color: #135bec;
  border-radius: 50%;
  animation: parsing-spin-b5b2f695 0.8s linear infinite;
}
@keyframes parsing-spin-b5b2f695 {
to { transform: rotate(360deg);
}
}
.parsing-text[data-v-b5b2f695] {
  margin-top: 0.75rem;
  color: #5b7bb8;
  font-size: 0.875rem;
}
/* Sheet Selector for multi-sheet Excel files */
.sheet-selector[data-v-b5b2f695] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(19, 91, 236, 0.05);
  border: 1px solid rgba(19, 91, 236, 0.2);
  border-radius: 0.5rem;
}
.sheet-selector-title[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #92a4c9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}
.sheet-selector-title .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1rem;
  color: #135bec;
}
.sheet-tabs[data-v-b5b2f695] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}
.sheet-actions[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.625rem;
}
.sheet-action-btn[data-v-b5b2f695] {
  height: 24px;
  padding: 0 0.5rem;
  border: 1px solid rgba(51, 65, 85, 0.7);
  border-radius: 0.25rem;
  background: rgba(15, 23, 42, 0.65);
  color: #cbd5e1;
  font-size: 0.7rem;
  cursor: pointer;
}
.sheet-action-btn[data-v-b5b2f695]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.sheet-selected-count[data-v-b5b2f695] {
  margin-left: auto;
  color: #7f8da8;
  font-size: 0.7rem;
}
.sheet-tab[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  background: rgba(30, 41, 59, 0.6);
  border: 1px solid rgba(51, 65, 85, 0.5);
  border-radius: 0.375rem;
  color: #94a3b8;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
  width: 100%;
  max-width: none;
  min-width: 0;
}
.sheet-checkbox[data-v-b5b2f695] {
  width: 14px;
  height: 14px;
  accent-color: #135bec;
  cursor: pointer;
}
.sheet-open-btn[data-v-b5b2f695] {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  width: 100%;
}
.sheet-tab[data-v-b5b2f695]:hover {
  background: rgba(30, 41, 59, 0.8);
  border-color: rgba(51, 65, 85, 0.8);
  color: #e2e8f0;
}
.sheet-tab.checked[data-v-b5b2f695] {
  border-color: rgba(19, 91, 236, 0.65);
}
.sheet-tab.active[data-v-b5b2f695] {
  background: #135bec;
  border-color: #135bec;
  color: white;
}
.sheet-tab-name[data-v-b5b2f695] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  max-width: none;
}
.sheet-tab-rows[data-v-b5b2f695] {
  font-size: 0.625rem;
  opacity: 0.8;
  white-space: nowrap;
}
/* Recent Uploads */
.recent-uploads[data-v-b5b2f695] {
  margin-top: 1rem;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.recent-title[data-v-b5b2f695] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #92a4c9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
  flex-shrink: 0;
}
.upload-list[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  min-height: 0;
  padding-right: 4px;
}
/* Enable scroll on hover */
.upload-list[data-v-b5b2f695]:hover {
  overflow-y: auto;
}
.upload-item[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  transition: all 0.2s;
  cursor: pointer;
  opacity: 0.6;
}
.upload-item.active[data-v-b5b2f695] {
  background-color: #151a23;
  border-color: rgba(19, 91, 236, 0.5);
  opacity: 1;
}
.upload-item[data-v-b5b2f695]:hover {
  background-color: #151a23;
  border-color: #2a3447;
}
.file-icon[data-v-b5b2f695] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.file-icon.excel[data-v-b5b2f695] {
  background-color: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}
.file-icon .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1.125rem;
}
.file-info[data-v-b5b2f695] {
  flex: 1;
  min-width: 0;
}
.file-name[data-v-b5b2f695] {
  font-size: 0.875rem;
  font-weight: 500;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-meta[data-v-b5b2f695] {
  font-size: 0.75rem;
  color: #6b7280;
}
.file-action[data-v-b5b2f695] {
  opacity: 0;
  transition: opacity 0.2s;
}
.upload-item:hover .file-action[data-v-b5b2f695] {
  opacity: 1;
}
.upload-item.active .file-action[data-v-b5b2f695] {
  opacity: 1;
}
.action-btn[data-v-b5b2f695] {
  color: #9ca3af;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
}
.action-btn[data-v-b5b2f695]:hover {
  color: #ef4444;
}
/* Preview Card */
.preview-card[data-v-b5b2f695] {
  background-color: #1e232f;
  border-radius: 0.75rem;
  border: 1px solid #2a3447;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.empty-state[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #6b7280;
}
.empty-icon[data-v-b5b2f695] {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}
.empty-title[data-v-b5b2f695] {
  font-size: 1.125rem;
  font-weight: 500;
  color: #9ca3af;
  margin-bottom: 0.5rem;
}
.empty-subtitle[data-v-b5b2f695] {
  font-size: 0.875rem;
  color: #6b7280;
}
/* 手动输入模式样式 */
.manual-entry-hint[data-v-b5b2f695] {
  font-size: 0.75rem;
  color: #6b7280;
  margin-left: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.manual-entry-view[data-v-b5b2f695] {
  flex: 1;
  overflow: auto;
  padding: 1rem;
  min-height: 0;
}
.manual-entry-table[data-v-b5b2f695] {
  width: 100%;
}
.manual-entry-field[data-v-b5b2f695] {
  font-size: 0.7rem;
  color: #6b7280;
}
.manual-entry-field.required[data-v-b5b2f695] {
  color: #10b981;
}
.table-cell-text.placeholder[data-v-b5b2f695] {
  color: #4b5563;
  font-style: italic;
  font-size: 0.75rem;
}
.add-row-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem !important;
  background-color: rgba(59, 130, 246, 0.1) !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
  color: #60a5fa !important;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
}
.add-row-btn[data-v-b5b2f695]:hover {
  background-color: rgba(59, 130, 246, 0.2) !important;
  border-color: rgba(59, 130, 246, 0.5) !important;
}
.add-row-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1rem;
}
.preview-header[data-v-b5b2f695] {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #2a3447;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background-color: rgba(21, 26, 35, 0.5);
  flex-shrink: 0;
}
.header-info[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.confidence-badge[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background-color: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.pulse-dot[data-v-b5b2f695] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: #3b82f6;
  animation: pulse-b5b2f695 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse-b5b2f695 {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
.badge-text[data-v-b5b2f695] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #3b82f6;
  text-transform: uppercase;
}
.item-count[data-v-b5b2f695] {
  font-size: 0.875rem;
  color: #9ca3af;
}
.header-controls[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.control-btn[data-v-b5b2f695] {
  padding: 0.5rem;
  color: #9ca3af;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
}
.control-btn[data-v-b5b2f695]:hover {
  color: #135bec;
  background-color: #2a3447;
}
.divider[data-v-b5b2f695] {
  width: 1px;
  height: 1.5rem;
  background-color: #2a3447;
  margin: 0 0.25rem;
}
.export-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  background-color: #2a3447;
  color: white;
  border: none;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s;
}
.export-btn[data-v-b5b2f695]:hover {
  background-color: #324467;
}
.export-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1rem;
}
/* Split View */
.split-view[data-v-b5b2f695] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 1rem;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.table-section[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.table-title-with-count[data-v-b5b2f695] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #92a4c9;
  margin-bottom: 0.75rem;
  flex-shrink: 0;
}
.table-count[data-v-b5b2f695] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  margin-left: 0.5rem;
}
/* Table Wrapper */
.table-wrapper[data-v-b5b2f695] {
  flex: 1;
  /* 虚拟滚动需要持续可用的滚动容器（scrollTop 计算） */
  overflow: auto;
  border: 1px solid #2a3447;
  border-radius: 0.5rem;
  background-color: #151a23;
  min-height: 0;
}
/* 虚拟列表 spacer 行：透明、无 padding、不影响行高 */
.data-table tbody tr.virtual-spacer[data-v-b5b2f695],
.modal-data-table tbody tr.virtual-spacer[data-v-b5b2f695] {
  background: transparent !important;
  border: none !important;
  transition: none;
  pointer-events: none;
}
.data-table tbody tr.virtual-spacer td[data-v-b5b2f695],
.modal-data-table tbody tr.virtual-spacer td[data-v-b5b2f695] {
  padding: 0;
  border: none;
}
/* 固定行高：与 useVirtualList 的 ORIGINAL_ROW_HEIGHT / CONVERTED_ROW_HEIGHT 保持一致 */
.data-table tbody tr[data-v-b5b2f695]:not(.virtual-spacer) {
  height: 36px;
}
.excel-data-table tbody tr[data-v-b5b2f695]:not(.virtual-spacer) {
  height: 56px;
}
.modal-data-table tbody tr[data-v-b5b2f695]:not(.virtual-spacer) {
  height: 36px;
}
.data-table[data-v-b5b2f695] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.75rem;
}
.data-table thead[data-v-b5b2f695] {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #1e232f;
}
.data-table th[data-v-b5b2f695] {
  padding: 0.75rem 0.5rem;
  font-weight: 600;
  color: #92a4c9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #2a3447;
  white-space: nowrap;
}
/* Column Mapping Table Header */
.column-mapping-th[data-v-b5b2f695] {
  padding: 0 !important;
  vertical-align: top;
}
.header-with-dropdown[data-v-b5b2f695] {
  padding: 0.5rem;
  cursor: pointer;
  user-select: none;
  position: relative;
  transition: background-color 0.2s;
  border-radius: 0.25rem;
}
.header-with-dropdown[data-v-b5b2f695]:hover {
  background-color: rgba(19, 91, 236, 0.1);
}
.header-label[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
}
.header-name[data-v-b5b2f695] {
  font-weight: 600;
  color: #e2e8f0;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.dropdown-icon[data-v-b5b2f695] {
  font-size: 1rem;
  color: #6b7280;
  transition: transform 0.2s;
}
.header-with-dropdown:hover .dropdown-icon[data-v-b5b2f695] {
  color: #135bec;
}
.mapped-source[data-v-b5b2f695] {
  display: block;
  font-size: 0.625rem;
  color: #6b7280;
  margin-top: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mapped-source.mapped[data-v-b5b2f695] {
  color: #22c55e;
}
/* Column Mapping Dropdown */
.column-mapping-dropdown[data-v-b5b2f695] {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  min-width: 200px;
  max-width: 280px;
  background-color: #1e232f;
  border: 1px solid #2a3447;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  margin-top: 0.25rem;
  animation: dropdownFadeIn-b5b2f695 0.15s ease-out;
}
@keyframes dropdownFadeIn-b5b2f695 {
from {
    opacity: 0;
    transform: translateY(-0.5rem);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dropdown-header[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #2a3447;
  background-color: rgba(21, 26, 35, 0.5);
}
.dropdown-title[data-v-b5b2f695] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #92a4c9;
}
.clear-mapping-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #ef4444;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s;
}
.clear-mapping-btn[data-v-b5b2f695]:hover {
  background-color: rgba(239, 68, 68, 0.1);
}
.clear-mapping-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1rem;
}
.dropdown-options[data-v-b5b2f695] {
  max-height: 240px;
  overflow-y: auto;
  padding: 0.25rem;
}
.dropdown-option[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.2s;
  font-size: 0.75rem;
}
.dropdown-option[data-v-b5b2f695]:hover {
  background-color: rgba(19, 91, 236, 0.1);
}
.dropdown-option.selected[data-v-b5b2f695] {
  background-color: rgba(19, 91, 236, 0.15);
}
.dropdown-option.selected .option-icon[data-v-b5b2f695] {
  color: #22c55e;
}
.dropdown-option .option-icon[data-v-b5b2f695] {
  font-size: 1rem;
  color: #6b7280;
  flex-shrink: 0;
}
.dropdown-option.selected .option-icon[data-v-b5b2f695] {
  color: #22c55e;
}
.option-text[data-v-b5b2f695] {
  color: #e2e8f0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-empty[data-v-b5b2f695] {
  padding: 1rem;
  text-align: center;
  color: #6b7280;
  font-size: 0.75rem;
}
.resizable-th[data-v-b5b2f695] {
  position: relative;
}
.data-table td[data-v-b5b2f695] {
  padding: 0.5rem;
  border-bottom: 1px solid rgba(42, 52, 71, 0.5);
}
.table-input[data-v-b5b2f695] {
  width: 100%;
  background: transparent;
  border: 1px solid transparent;
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  transition: all 0.2s;
}
.table-cell-text[data-v-b5b2f695] {
  display: inline-block;
  width: 100%;
  color: #9ca3af;
  cursor: default;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.table-input.readonly-input[data-v-b5b2f695] {
  color: #9ca3af;
  cursor: default;
  font-weight: 600;
}
.table-input[data-v-b5b2f695]:focus {
  border-color: #135bec;
  outline: none;
  background-color: rgba(19, 91, 236, 0.05);
}
.table-input.readonly-input[data-v-b5b2f695]:focus {
  border-color: transparent;
  background-color: transparent;
}
.data-table tbody tr[data-v-b5b2f695]:hover {
  background-color: rgba(19, 91, 236, 0.05);
}
/* ========== Excel-like Table Styles ========== */
.excel-table-section[data-v-b5b2f695] {
  position: relative;
}
.table-section-header[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.original-table-header[data-v-b5b2f695],
.modal-original-header[data-v-b5b2f695] {
  align-items: flex-start;
}
.selection-summary[data-v-b5b2f695] {
  margin: -0.25rem 0 0;
  font-size: 0.75rem;
  color: #6b7280;
}
.original-selection-actions[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.excel-toolbar[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #1a2332;
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  border: 1px solid #2a3447;
}
.toolbar-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s;
}
.toolbar-btn[data-v-b5b2f695]:hover:not(:disabled) {
  background: #374151;
  color: #e5e7eb;
}
.toolbar-btn[data-v-b5b2f695]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.toolbar-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1.125rem;
}
.toolbar-btn.primary[data-v-b5b2f695] {
  width: auto;
  gap: 0.375rem;
  padding: 0 0.625rem;
  background: rgba(19, 91, 236, 0.12);
  color: #bfdbfe;
}
.toolbar-btn.text-btn[data-v-b5b2f695] {
  width: auto;
  height: 1.75rem;
  gap: 0.375rem;
  padding: 0 0.625rem;
  white-space: nowrap;
}
.toolbar-btn.reset-btn[data-v-b5b2f695]:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
/* 无表头切换按钮 */
.toolbar-btn.no-header-toggle[data-v-b5b2f695] {
  width: auto;
  gap: 0.375rem;
  padding: 0 0.625rem;
  white-space: nowrap;
  border: 1px solid rgba(75, 97, 137, 0.4);
}
.toolbar-btn.no-header-toggle.active[data-v-b5b2f695] {
  background: rgba(168, 85, 247, 0.16);
  border-color: rgba(168, 85, 247, 0.55);
  color: #c084fc;
}
.toolbar-btn.no-header-toggle.active[data-v-b5b2f695]:hover:not(:disabled) {
  background: rgba(168, 85, 247, 0.22);
  color: #d8b4fe;
}
.toolbar-divider[data-v-b5b2f695] {
  width: 1px;
  height: 1.25rem;
  background: #374151;
  margin: 0 0.25rem;
}
.selection-info[data-v-b5b2f695] {
  font-size: 0.75rem;
  color: #6b7280;
  padding: 0 0.5rem;
}
.excel-table-wrapper[data-v-b5b2f695] {
  position: relative;
  outline: none;
}
.excel-table-wrapper[data-v-b5b2f695]:focus {
  outline: 2px solid rgba(19, 91, 236, 0.3);
  outline-offset: 2px;
}
.excel-data-table[data-v-b5b2f695] {
  user-select: none;
}
.excel-cell[data-v-b5b2f695] {
  position: relative;
  padding: 0 !important;
  cursor: cell;
  border: 1px solid transparent;
  transition: background-color 0.1s;
}
.excel-cell .cell-content[data-v-b5b2f695] {
  display: block;
  padding: 0.625rem 0.75rem;
  min-height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.excel-cell .table-cell-text[data-v-b5b2f695] {
  display: block;
  padding: 0.625rem 0.75rem;
  color: #6b7280;
  font-size: 0.8125rem;
}
.original-cell[data-v-b5b2f695] {
  cursor: crosshair;
  transition: background-color 0.15s, box-shadow 0.15s;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.original-cell.selected[data-v-b5b2f695] {
  background: rgba(19, 91, 236, 0.18);
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.45);
}
.original-cell.applied[data-v-b5b2f695] {
  background: rgba(34, 197, 94, 0.12);
  box-shadow: inset 0 0 0 1px rgba(74, 222, 128, 0.3);
}
.excel-cell.selected[data-v-b5b2f695] {
  background: rgba(19, 91, 236, 0.15) !important;
  border-color: #135bec;
}
.excel-cell.in-selection[data-v-b5b2f695] {
  background: rgba(19, 91, 236, 0.1) !important;
}
.excel-cell.editing[data-v-b5b2f695] {
  padding: 0 !important;
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.3);
}
.excel-cell.fill-preview-cell[data-v-b5b2f695] {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: #10b981;
}
.excel-cell .table-input[data-v-b5b2f695] {
  width: 100%;
  padding: 0.625rem 0.75rem;
  border: none;
  background: #1a2332;
  color: #e5e7eb;
  font-size: 0.8125rem;
  outline: none;
}
.excel-cell .table-input.editing[data-v-b5b2f695] {
  background: #111827;
}
/* 填充手柄 */
.fill-handle[data-v-b5b2f695] {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 8px;
  height: 8px;
  background: #135bec;
  border: 1px solid #1a2332;
  cursor: crosshair;
  z-index: 10;
}
.fill-handle[data-v-b5b2f695]:hover {
  background: #1d4ed8;
  transform: scale(1.2);
}
/* 选择覆盖层 */
.selection-overlay[data-v-b5b2f695] {
  position: absolute;
  border: 2px dashed #135bec;
  background: rgba(19, 91, 236, 0.05);
  pointer-events: none;
  z-index: 5;
}
/* 填充预览 */
.fill-preview[data-v-b5b2f695] {
  position: absolute;
  border: 2px dashed #10b981;
  background: rgba(16, 185, 129, 0.05);
  pointer-events: none;
  z-index: 5;
}
/* 操作列表头 */
.actions-header[data-v-b5b2f695] {
  width: 60px;
  text-align: center;
}
.actions-cell[data-v-b5b2f695] {
  text-align: center;
}
.action-btn[data-v-b5b2f695] {
  padding: 0.25rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #9ca3af;
}
.action-btn[data-v-b5b2f695]:hover {
  color: #ef4444;
}
.action-btn.delete[data-v-b5b2f695]:hover {
  background-color: rgba(239, 68, 68, 0.1);
}
/* Table Footer */
.table-footer[data-v-b5b2f695] {
  padding: 0.75rem 1.5rem;
  border-top: 1px solid #2a3447;
  background-color: #151a23;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
.footer-stats[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
}
.stat-item[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
}
.stat-label[data-v-b5b2f695] {
  color: #92a4c9;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
}
.stat-value[data-v-b5b2f695] {
  color: white;
  font-family: monospace;
  font-size: 1.125rem;
  font-weight: 700;
}
.stat-divider[data-v-b5b2f695] {
  width: 1px;
  height: 2rem;
  background-color: #2a3447;
}
.footer-action[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.action-buttons[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.draft-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: transparent;
  color: #92a4c9;
  font-weight: 600;
  font-size: 0.875rem;
  border: 1px solid #3e4c6b;
  cursor: pointer;
  transition: all 0.2s;
}
.draft-btn[data-v-b5b2f695]:hover:not(:disabled) {
  background-color: #2d3b59;
  color: white;
  border-color: #4e5c7b;
}
.draft-btn[data-v-b5b2f695]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.draft-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1.125rem;
}
.draft-btn .material-symbols-outlined.spinning[data-v-b5b2f695] {
  animation: spin-b5b2f695 1s linear infinite;
}
@keyframes spin-b5b2f695 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.total-amount[data-v-b5b2f695] {
  text-align: right;
}
.amount-label[data-v-b5b2f695] {
  color: #92a4c9;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
}
.amount-value[data-v-b5b2f695] {
  font-size: 1.5rem;
  font-weight: 900;
  color: #135bec;
  font-family: monospace;
}
.next-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1.25rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: #135bec;
  color: white;
  font-weight: 700;
  font-size: 0.875rem;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.25);
  transition: background-color 0.2s;
}
.next-btn[data-v-b5b2f695]:hover {
  background-color: #1e40af;
}
.next-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1.125rem;
}
/* Background Effects */
.background-effects[data-v-b5b2f695] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.effect-blob[data-v-b5b2f695] {
  position: absolute;
  border-radius: 9999px;
  filter: blur(100px);
}
.effect-top[data-v-b5b2f695] {
  top: -10%;
  right: -5%;
  width: 500px;
  height: 500px;
  background-color: rgba(19, 91, 236, 0.05);
}
.effect-bottom[data-v-b5b2f695] {
  bottom: -10%;
  left: -5%;
  width: 600px;
  height: 600px;
  background-color: rgba(37, 99, 235, 0.05);
  filter: blur(120px);
}
/* Scrollbar Styles */
[data-v-b5b2f695]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-b5b2f695]::-webkit-scrollbar-track {
  background: #1e232f;
}
[data-v-b5b2f695]::-webkit-scrollbar-thumb {
  background: #324467;
  border-radius: 4px;
}
[data-v-b5b2f695]::-webkit-scrollbar-thumb:hover {
  background: #4b6189;
}
/* Responsive */
@media (max-width: 1024px) {
.content-grid[data-v-b5b2f695] {
    grid-template-columns: 1fr;
}
.upload-section[data-v-b5b2f695],
  .preview-section[data-v-b5b2f695] {
    grid-column: span 1;
}
.nav-links[data-v-b5b2f695] {
    display: none;
}
}
/* 全屏模态框样式 */
.fullscreen-modal[data-v-b5b2f695] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-backdrop[data-v-b5b2f695] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
}
.modal-container[data-v-b5b2f695] {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: #1a2332;
  border-radius: 12px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  border: 1px solid #2a3447;
  overflow: hidden;
  z-index: 1;
}
.fullscreen-modal.maximized .modal-container[data-v-b5b2f695] {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0;
}
.modal-header[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  background: #111827;
  border-bottom: 1px solid #2a3447;
  cursor: move;
  user-select: none;
}
.modal-title[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: white;
}
.modal-title .material-symbols-outlined[data-v-b5b2f695] {
  color: #135bec;
  font-size: 1.5rem;
}
.modal-count[data-v-b5b2f695] {
  font-size: 0.875rem;
  font-weight: 400;
  color: #6b7280;
  margin-left: 0.5rem;
}
.modal-actions[data-v-b5b2f695] {
  display: flex;
  gap: 0.5rem;
}
.modal-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.2s;
}
.modal-btn[data-v-b5b2f695]:hover {
  background: #374151;
  color: white;
}
.modal-btn.close-btn[data-v-b5b2f695]:hover {
  background: #ef4444;
  color: white;
}
.modal-content[data-v-b5b2f695] {
  flex: 1;
  padding: 1.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.modal-split-view[data-v-b5b2f695] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  flex: 1;
  min-height: 0;
}
.modal-single-view[data-v-b5b2f695] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.modal-table-section[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  background: #111827;
  border-radius: 8px;
  border: 1px solid #2a3447;
  overflow: hidden;
  flex: 1;
  min-height: 0;
}
.modal-table-title[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: white;
  background: #1a2332;
  border-bottom: 1px solid #2a3447;
}
.modal-table-count[data-v-b5b2f695] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #10b981;
}
.modal-table-wrapper[data-v-b5b2f695] {
  flex: 1;
  overflow-x: auto;
  overflow-y: auto;
}
/* Excel 表格的 wrapper 需要允许下拉框显示 */
.modal-excel-wrapper.modal-table-wrapper[data-v-b5b2f695] {
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
}
.modal-data-table[data-v-b5b2f695] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.modal-data-table th[data-v-b5b2f695] {
  position: sticky;
  top: 0;
  background: #1a2332;
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 500;
  color: #9ca3af;
  border-bottom: 1px solid #2a3447;
  white-space: nowrap;
  z-index: 10;
}
.modal-data-table td[data-v-b5b2f695] {
  padding: 0.75rem 1rem;
  color: #e5e7eb;
  border-bottom: 1px solid #1f2937;
  white-space: nowrap;
}
.modal-data-table tbody tr[data-v-b5b2f695]:hover {
  background: rgba(19, 91, 236, 0.1);
}
.modal-footer[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  background: #111827;
  border-top: 1px solid #2a3447;
}
.modal-stats[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.stat-item[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.stat-label[data-v-b5b2f695] {
  font-size: 0.75rem;
  color: #6b7280;
}
.stat-value[data-v-b5b2f695] {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
}
.stat-divider[data-v-b5b2f695] {
  width: 1px;
  height: 2.5rem;
  background: #374151;
}
.modal-footer-actions[data-v-b5b2f695] {
  display: flex;
  gap: 0.75rem;
}
.modal-export-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border: none;
  border-radius: 6px;
  background: #374151;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.modal-export-btn[data-v-b5b2f695]:hover {
  background: #4b5563;
}
.modal-close-btn[data-v-b5b2f695] {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: 6px;
  background: #135bec;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.modal-close-btn[data-v-b5b2f695]:hover {
  background: #1d4ed8;
}
/* 调整大小手柄 */
.resize-handle[data-v-b5b2f695] {
  position: absolute;
  z-index: 10;
}
.resize-n[data-v-b5b2f695], .resize-s[data-v-b5b2f695] {
  left: 10px;
  right: 10px;
  height: 6px;
  cursor: ns-resize;
}
.resize-n[data-v-b5b2f695] { top: 0;
}
.resize-s[data-v-b5b2f695] { bottom: 0;
}
.resize-e[data-v-b5b2f695], .resize-w[data-v-b5b2f695] {
  top: 10px;
  bottom: 10px;
  width: 6px;
  cursor: ew-resize;
}
.resize-e[data-v-b5b2f695] { right: 0;
}
.resize-w[data-v-b5b2f695] { left: 0;
}
.resize-ne[data-v-b5b2f695], .resize-nw[data-v-b5b2f695], .resize-se[data-v-b5b2f695], .resize-sw[data-v-b5b2f695] {
  width: 12px;
  height: 12px;
}
.resize-ne[data-v-b5b2f695] { top: 0; right: 0; cursor: nesw-resize;
}
.resize-nw[data-v-b5b2f695] { top: 0; left: 0; cursor: nwse-resize;
}
.resize-se[data-v-b5b2f695] { bottom: 0; right: 0; cursor: nwse-resize;
}
.resize-sw[data-v-b5b2f695] { bottom: 0; left: 0; cursor: nesw-resize;
}
/* 弹窗中转换后表格的列映射样式 */
.modal-column-mapping-th[data-v-b5b2f695] {
  position: relative;
  cursor: pointer;
  z-index: 50;
}
.modal-header-with-dropdown[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  z-index: 50;
}
.modal-header-label[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.modal-header-name[data-v-b5b2f695] {
  font-weight: 500;
  color: #e5e7eb;
}
.modal-dropdown-icon[data-v-b5b2f695] {
  font-size: 1rem;
  color: #6b7280;
  transition: transform 0.2s;
}
.modal-column-mapping-th:hover .modal-dropdown-icon[data-v-b5b2f695] {
  color: #135bec;
}
.modal-mapped-source[data-v-b5b2f695] {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6b7280;
}
.modal-mapped-source.mapped[data-v-b5b2f695] {
  color: #10b981;
}
.modal-column-mapping-dropdown[data-v-b5b2f695] {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #1f2937;
  border: 1px solid #374151;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  overflow: hidden;
}
.modal-dropdown-header[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #374151;
  background: #111827;
}
.modal-dropdown-title[data-v-b5b2f695] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #9ca3af;
}
.modal-clear-mapping-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
}
.modal-clear-mapping-btn[data-v-b5b2f695]:hover {
  background: #374151;
  color: #ef4444;
}
.modal-dropdown-options[data-v-b5b2f695] {
  max-height: 200px;
  overflow-y: auto;
}
.modal-dropdown-option[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  cursor: pointer;
  transition: background 0.15s;
}
.modal-dropdown-option[data-v-b5b2f695]:hover {
  background: #374151;
}
.modal-dropdown-option.selected[data-v-b5b2f695] {
  background: rgba(19, 91, 236, 0.2);
}
.modal-option-icon[data-v-b5b2f695] {
  font-size: 1.125rem;
  color: #6b7280;
}
.modal-dropdown-option.selected .modal-option-icon[data-v-b5b2f695] {
  color: #135bec;
}
.modal-option-text[data-v-b5b2f695] {
  font-size: 0.875rem;
  color: #e5e7eb;
}
.modal-dropdown-empty[data-v-b5b2f695] {
  padding: 1rem;
  text-align: center;
  color: #6b7280;
  font-size: 0.875rem;
}
/* 弹窗表格可编辑单元格 */
.modal-editable-cell[data-v-b5b2f695] {
  padding: 0 !important;
}
.modal-table-input[data-v-b5b2f695] {
  width: 100%;
  padding: 0.625rem 0.75rem;
  border: none;
  background: transparent;
  color: #e5e7eb;
  font-size: 0.8125rem;
  outline: none;
  transition: background 0.2s;
}
.modal-table-input[data-v-b5b2f695]:focus {
  background: rgba(19, 91, 236, 0.15);
}
.modal-cell-text[data-v-b5b2f695] {
  display: block;
  padding: 0.625rem 0.75rem;
  color: #e5e7eb;
  font-size: 0.8125rem;
}
/* 弹窗操作列 */
.modal-actions-th[data-v-b5b2f695] {
  width: 60px;
  text-align: center;
}
.modal-actions-cell[data-v-b5b2f695] {
  text-align: center;
  padding: 0.5rem !important;
}
.modal-action-btn[data-v-b5b2f695] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
}
.modal-action-btn[data-v-b5b2f695]:hover {
  background: #374151;
  color: #9ca3af;
}
.modal-action-btn.delete[data-v-b5b2f695]:hover {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
.modal-action-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1.125rem;
}
/* 弹窗转换表格样式调整 */
.modal-data-table.converted-table th[data-v-b5b2f695] {
  padding: 0.5rem 0.75rem;
}
/* ========== 弹窗 Excel 表格样式 ========== */
.modal-excel-section[data-v-b5b2f695] {
  display: flex;
  flex-direction: column;
}
.modal-section-header[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  margin: 0;
  background: #1a2332;
  border-bottom: 1px solid #2a3447;
}
.modal-section-header .modal-table-title[data-v-b5b2f695] {
  padding: 0;
  border-bottom: none;
  background: transparent;
}
.modal-excel-toolbar[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  background: #111827;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  border: 1px solid #374151;
}
.modal-toolbar-btn[data-v-b5b2f695] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  border-radius: 3px;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s;
}
.modal-toolbar-btn[data-v-b5b2f695]:hover:not(:disabled) {
  background: #374151;
  color: #e5e7eb;
}
.modal-toolbar-btn[data-v-b5b2f695]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.modal-toolbar-btn .material-symbols-outlined[data-v-b5b2f695] {
  font-size: 1rem;
}
.modal-toolbar-btn.primary[data-v-b5b2f695] {
  width: auto;
  gap: 0.25rem;
  padding: 0 0.5rem;
  background: rgba(19, 91, 236, 0.16);
  color: #bfdbfe;
}
.modal-toolbar-btn.text-btn[data-v-b5b2f695] {
  width: auto;
  min-width: fit-content;
  gap: 0.25rem;
  padding: 0 0.5rem;
  white-space: nowrap;
}
.modal-toolbar-btn.reset-btn[data-v-b5b2f695]:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
.modal-toolbar-divider[data-v-b5b2f695] {
  width: 1px;
  height: 1rem;
  background: #374151;
  margin: 0 0.125rem;
}
.modal-selection-info[data-v-b5b2f695] {
  font-size: 0.6875rem;
  color: #6b7280;
  padding: 0 0.25rem;
  white-space: nowrap;
}
.modal-excel-wrapper[data-v-b5b2f695] {
  position: relative;
  outline: none;
}
.modal-excel-wrapper[data-v-b5b2f695]:focus {
  outline: 2px solid rgba(19, 91, 236, 0.3);
  outline-offset: -2px;
}
.modal-excel-table[data-v-b5b2f695] {
  user-select: none;
}
/* 弹窗 Excel 单元格 */
.modal-excel-cell[data-v-b5b2f695] {
  position: relative;
  padding: 0 !important;
  cursor: cell;
  border: 1px solid transparent;
  transition: background-color 0.1s;
}
.modal-excel-cell .modal-cell-content[data-v-b5b2f695] {
  display: block;
  padding: 0.5rem 0.75rem;
  min-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #e5e7eb;
  font-size: 0.8125rem;
}
.modal-excel-cell .modal-cell-text[data-v-b5b2f695] {
  display: block;
  padding: 0.5rem 0.75rem;
  color: #6b7280;
  font-size: 0.8125rem;
}
.modal-excel-cell.selected[data-v-b5b2f695] {
  background: rgba(19, 91, 236, 0.2) !important;
  border-color: #135bec;
}
.modal-excel-cell.in-selection[data-v-b5b2f695] {
  background: rgba(19, 91, 236, 0.1) !important;
}
.modal-excel-cell.editing[data-v-b5b2f695] {
  padding: 0 !important;
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.3);
}
.modal-excel-cell.fill-preview-cell[data-v-b5b2f695] {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: #10b981;
}
.modal-excel-cell .modal-table-input[data-v-b5b2f695] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: none;
  background: transparent;
  color: #e5e7eb;
  font-size: 0.8125rem;
  outline: none;
}
.modal-excel-cell .modal-table-input.modal-editing[data-v-b5b2f695] {
  background: #111827;
}
/* 弹窗填充手柄 */
.modal-fill-handle[data-v-b5b2f695] {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 7px;
  height: 7px;
  background: #135bec;
  border: 1px solid #1a2332;
  cursor: crosshair;
  z-index: 10;
}
.modal-fill-handle[data-v-b5b2f695]:hover {
  background: #1d4ed8;
  transform: scale(1.2);
}
/* 模态框响应式 */
@media (max-width: 1024px) {
.modal-split-view[data-v-b5b2f695] {
    grid-template-columns: 1fr;
}
}



.smart-matching[data-v-f21e7e6a] {
  font-family: "Noto Sans SC", sans-serif;
  background-color: #101622;
  color: white;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
}
/* Header Styles */
.page-header[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #232f48;
  background-color: #101622;
  padding: 1rem 1.5rem;
  position: sticky;
  top: 0;
  z-index: 50;
}
.header-left[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.logo-link[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  transition: opacity 0.2s;
}
.logo-link[data-v-f21e7e6a]:hover {
  opacity: 0.8;
}
.logo-wrapper[data-v-f21e7e6a] {
  width: 2rem;
  height: 2rem;
  color: #135bec;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(19, 91, 236, 0.1);
  border-radius: 0.5rem;
}
.header-title[data-v-f21e7e6a] {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.nav-links[data-v-f21e7e6a] {
  display: none;
  flex: 1;
  justify-content: center;
  gap: 2.5rem;
}
@media (min-width: 768px) {
.nav-links[data-v-f21e7e6a] {
  display: flex;
}
}
.nav-link[data-v-f21e7e6a] {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.nav-link[data-v-f21e7e6a]:hover, .nav-link.active[data-v-f21e7e6a] {
  color: #135bec;
}
.header-right[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.icon-btn[data-v-f21e7e6a] {
  position: relative;
  color: #94a3b8;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.icon-btn[data-v-f21e7e6a]:hover {
  color: #135bec;
}
.notification-dot[data-v-f21e7e6a] {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ef4444;
  border-radius: 9999px;
}
.divider[data-v-f21e7e6a] {
  height: 2rem;
  width: 1px;
  background-color: #232f48;
}
.user-info[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.user-avatar[data-v-f21e7e6a] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  background-image: url("/images/homepage/page-bg.jpg");
  background-size: cover;
  background-position: center;
  ring: 2px solid #232f48;
}
.user-details[data-v-f21e7e6a] {
  display: none;
  flex-direction: column;
}
@media (min-width: 1024px) {
.user-details[data-v-f21e7e6a] {
    display: flex;
}
}
.user-name[data-v-f21e7e6a] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
}
.user-role[data-v-f21e7e6a] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}
/* Main Container */
.main-container[data-v-f21e7e6a] {
  flex: 1;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 1rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
/* Page Header */
.page-header[data-v-f21e7e6a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
.page-header[data-v-f21e7e6a] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}
.header-content[data-v-f21e7e6a] {
  display: flex;
  flex-direction: column;
}
.header-right[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
}
.breadcrumb[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #92a4c9;
}
.breadcrumb-link[data-v-f21e7e6a] {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
  cursor: pointer;
}
.breadcrumb-link[data-v-f21e7e6a]:hover {
  color: #135bec;
  text-decoration: underline;
}
.breadcrumb-current[data-v-f21e7e6a] {
  color: white;
  font-weight: 500;
}
.breadcrumb .material-symbols-outlined[data-v-f21e7e6a] {
  font-size: 1rem;
}
.page-title[data-v-f21e7e6a] {
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  letter-spacing: -0.025em;
  margin-top: 0.25rem;
}
.page-description[data-v-f21e7e6a] {
  color: #92a4c9;
  font-size: 1rem;
  margin-top: 0.25rem;
}
/* Steps Progress */
.steps-progress[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #1a2332;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #232f48;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.step[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.step[data-v-f21e7e6a]:hover {
  opacity: 0.8;
}
.step.active[data-v-f21e7e6a] {
  color: #135bec;
  opacity: 1;
}
.step.completed[data-v-f21e7e6a] {
  opacity: 0.5;
}
.step-number[data-v-f21e7e6a] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
  color: white;
}
.step.active .step-number[data-v-f21e7e6a] {
  background-color: #135bec;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.25);
}
.step.completed .step-number[data-v-f21e7e6a] {
  background-color: #22c55e;
  color: white;
}
.step-label[data-v-f21e7e6a] {
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}
.step.active .step-label[data-v-f21e7e6a] {
  font-weight: 700;
}
.step-label[data-v-f21e7e6a]:hover {
  text-decoration: underline;
}
.step-divider[data-v-f21e7e6a] {
  height: 1px;
  width: 1rem;
  background-color: #475569;
  flex-shrink: 0;
}
/* Empty State */
.empty-state[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6rem 2rem;
  background-color: #1a2332;
  border-radius: 0.75rem;
  border: 1px solid #232f48;
}
.empty-content[data-v-f21e7e6a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.empty-icon[data-v-f21e7e6a] {
  font-size: 5rem;
  color: #475569;
  margin-bottom: 1.5rem;
}
.empty-title[data-v-f21e7e6a] {
  font-size: 1.5rem;
  font-weight: 600;
  color: white;
  margin-bottom: 0.5rem;
}
.empty-subtitle[data-v-f21e7e6a] {
  font-size: 1rem;
  color: #92a4c9;
  margin-bottom: 2rem;
}
.btn-primary[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background-color: #135bec;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-primary[data-v-f21e7e6a]:hover {
  background-color: #1e40af;
}
/* Matching Progress */
.matching-progress[data-v-f21e7e6a] {
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.progress-content[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.progress-icon[data-v-f21e7e6a] {
  font-size: 2rem;
  color: #135bec;
  animation: spin-f21e7e6a 1s linear infinite;
}
@keyframes spin-f21e7e6a {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.progress-info[data-v-f21e7e6a] {
  flex: 1;
}
.progress-title[data-v-f21e7e6a] {
  font-size: 1rem;
  font-weight: 600;
  color: white;
  margin-bottom: 0.25rem;
}
.progress-status[data-v-f21e7e6a] {
  font-size: 0.875rem;
  color: #92a4c9;
}
.progress-bar-wrapper[data-v-f21e7e6a] {
  flex: 1;
  height: 0.5rem;
  background-color: #232f48;
  border-radius: 9999px;
  overflow: hidden;
}
.progress-bar[data-v-f21e7e6a] {
  height: 100%;
  background: linear-gradient(90deg, #135bec, #3b82f6);
  border-radius: 9999px;
  transition: width 0.3s ease;
}
.progress-percent[data-v-f21e7e6a] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #135bec;
  min-width: 3.5rem;
  text-align: right;
}
.stop-matching-btn[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  background-color: #ef4444;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.stop-matching-btn[data-v-f21e7e6a]:hover {
  background-color: #dc2626;
  transform: scale(1.02);
}
.stop-matching-btn .material-symbols-outlined[data-v-f21e7e6a] {
  font-size: 1.125rem;
}
/* Stats Grid */
.stats-grid[data-v-f21e7e6a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.stat-card[data-v-f21e7e6a] {
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s;
}
.stat-card[data-v-f21e7e6a]:hover {
  border-color: #324467;
}
.stat-bar[data-v-f21e7e6a] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
.stat-card.success .stat-bar[data-v-f21e7e6a] {
  background-color: #22c55e;
}
.stat-card.warning .stat-bar[data-v-f21e7e6a] {
  background-color: #eab308;
}
.stat-card.error .stat-bar[data-v-f21e7e6a] {
  background-color: #ef4444;
}
.stat-header[data-v-f21e7e6a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.stat-label[data-v-f21e7e6a] {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.stat-badge[data-v-f21e7e6a] {
  background-color: rgba(234, 179, 8, 0.1);
  color: #eab308;
  font-size: 0.625rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.stat-card.error .stat-badge[data-v-f21e7e6a] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.stat-content[data-v-f21e7e6a] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.stat-value[data-v-f21e7e6a] {
  font-size: 1.875rem;
  font-weight: 700;
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
}
.stat-card.success .stat-value[data-v-f21e7e6a] {
  color: #22c55e;
}
.stat-card.warning .stat-value[data-v-f21e7e6a] {
  color: #eab308;
}
.stat-card.error .stat-value[data-v-f21e7e6a] {
  color: #ef4444;
}
.stat-icon[data-v-f21e7e6a] {
  color: #475569;
  font-size: 1.5rem;
}
.stat-card.success .stat-icon[data-v-f21e7e6a] {
  color: rgba(34, 197, 94, 0.2);
}
.stat-card.warning .stat-icon[data-v-f21e7e6a] {
  color: rgba(234, 179, 8, 0.2);
}
.stat-card.error .stat-icon[data-v-f21e7e6a] {
  color: rgba(239, 68, 68, 0.2);
}
/* Table Container */
.table-container[data-v-f21e7e6a] {
  display: flex;
  flex-direction: column;
  background-color: #1e232f;
  border: 1px solid #2a3447;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
}
.sheet-tabs-bar[data-v-f21e7e6a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem 1rem 0;
}
.sheet-tab-btn[data-v-f21e7e6a] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 32px;
  padding: 0 0.75rem;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  background: rgba(15, 23, 42, 0.7);
  color: #94a3b8;
  cursor: pointer;
  font-size: 0.8125rem;
}
.sheet-tab-btn.active[data-v-f21e7e6a] {
  border-color: #135bec;
  background: #135bec;
  color: #fff;
}
.sheet-tab-count[data-v-f21e7e6a] {
  min-width: 20px;
  padding: 0 0.375rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 0.7rem;
}
.table-header[data-v-f21e7e6a] {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #2a3447;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(21, 26, 35, 0.5);
}
.table-controls-left[data-v-f21e7e6a],
.table-controls-right[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.filter-select[data-v-f21e7e6a],
.data-source-select[data-v-f21e7e6a] {
  position: relative;
  display: flex;
  align-items: center;
}
.filter-select .material-symbols-outlined[data-v-f21e7e6a],
.data-source-select .material-symbols-outlined[data-v-f21e7e6a] {
  position: absolute;
  left: 0.75rem;
  color: #94a3b8;
  font-size: 1.25rem;
  pointer-events: none;
}
.filter-select select[data-v-f21e7e6a],
.data-source-select select[data-v-f21e7e6a] {
  padding: 0.5rem 2rem 0.5rem 2.5rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.875rem;
  cursor: pointer;
  outline: none;
  appearance: none;
}
.filter-select select[data-v-f21e7e6a]:focus,
.data-source-select select[data-v-f21e7e6a]:focus {
  border-color: #135bec;
}
/* Pricing Params Dropdown */
.pricing-params-dropdown[data-v-f21e7e6a] {
  position: relative;
}
.pricing-params-btn[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  cursor: pointer;
  outline: none;
  transition: all 0.2s;
}
.pricing-params-btn[data-v-f21e7e6a]:hover {
  border-color: #3b4d6a;
  background-color: #161d2d;
}
.pricing-params-btn.active[data-v-f21e7e6a] {
  border-color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.pricing-params-btn .material-symbols-outlined[data-v-f21e7e6a] {
  font-size: 1.125rem;
}
.pricing-params-btn .dropdown-arrow[data-v-f21e7e6a] {
  font-size: 1rem;
  transition: transform 0.2s;
}
.pricing-params-btn.active .dropdown-arrow[data-v-f21e7e6a] {
  transform: rotate(180deg);
}
/* 去重切换按钮 */
.dedupe-btn[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  cursor: pointer;
  outline: none;
  transition: all 0.2s;
}
.dedupe-btn[data-v-f21e7e6a]:hover {
  border-color: #3b4d6a;
  background-color: #161d2d;
}
.dedupe-btn.active[data-v-f21e7e6a] {
  border-color: #135bec;
  background-color: #135bec;
  color: #ffffff;
  box-shadow: 0 0 0 1px rgba(19, 91, 236, 0.4), 0 2px 8px rgba(19, 91, 236, 0.35);
}
.dedupe-btn .material-symbols-outlined[data-v-f21e7e6a] {
  font-size: 1.125rem;
}
.dedupe-count[data-v-f21e7e6a] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.05rem 0.35rem;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}
.pricing-params-panel[data-v-f21e7e6a] {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  width: 320px;
  background-color: #1a2332;
  border: 1px solid #3b4d6a;
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  z-index: 100;
  overflow: hidden;
}
.params-panel-header[data-v-f21e7e6a] {
  padding: 1rem;
  border-bottom: 1px solid #2a3447;
  background-color: rgba(19, 91, 236, 0.05);
}
.params-panel-title[data-v-f21e7e6a] {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #f1f5f9;
}
.params-panel-desc[data-v-f21e7e6a] {
  display: block;
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}
.params-list[data-v-f21e7e6a] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.param-item[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 0.75rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  transition: all 0.2s;
}
.param-item[data-v-f21e7e6a]:hover {
  border-color: #3b4d6a;
  background-color: #161d2d;
}
.param-info[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.param-icon[data-v-f21e7e6a] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(19, 91, 236, 0.15);
  border-radius: 0.375rem;
  color: #60a5fa;
  font-size: 1.125rem;
}
.param-text[data-v-f21e7e6a] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.param-name[data-v-f21e7e6a] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #f1f5f9;
}
.param-desc[data-v-f21e7e6a] {
  font-size: 0.75rem;
  color: #94a3b8;
}
/* Switch Toggle */
.param-switch[data-v-f21e7e6a] {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
}
.param-switch input[data-v-f21e7e6a] {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-slider[data-v-f21e7e6a] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #374151;
  border-radius: 22px;
  transition: all 0.3s;
}
.switch-slider[data-v-f21e7e6a]:before {
  content: '';
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  transition: all 0.3s;
}
.param-switch input:checked + .switch-slider[data-v-f21e7e6a] {
  background-color: #135bec;
}
.param-switch input:checked + .switch-slider[data-v-f21e7e6a]:before {
  transform: translateX(18px);
}
.params-panel-footer[data-v-f21e7e6a] {
  padding: 0.75rem 1rem;
  border-top: 1px solid #2a3447;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  background-color: rgba(21, 26, 35, 0.5);
}
.params-reset-btn[data-v-f21e7e6a],
.params-apply-btn[data-v-f21e7e6a] {
  padding: 0.5rem 0.875rem;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.params-reset-btn[data-v-f21e7e6a] {
  background-color: transparent;
  color: #94a3b8;
  border: 1px solid #374151;
}
.params-reset-btn[data-v-f21e7e6a]:hover {
  background-color: #374151;
  color: #e2e8f0;
}
.params-apply-btn[data-v-f21e7e6a] {
  background-color: #135bec;
  color: white;
}
.params-apply-btn[data-v-f21e7e6a]:hover {
  background-color: #1d4ed8;
}
.btn-secondary[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #cbd5e1;
  background: transparent;
  border: 1px solid #232f48;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-secondary[data-v-f21e7e6a]:hover:not(:disabled) {
  background-color: rgba(100, 116, 139, 0.1);
}
.btn-secondary[data-v-f21e7e6a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-danger[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fca5a5;
  background: transparent;
  border: 1px solid #ef4444;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-danger[data-v-f21e7e6a]:hover:not(:disabled) {
  background-color: rgba(239, 68, 68, 0.15);
  color: #f87171;
}
.btn-danger[data-v-f21e7e6a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #9ca3af;
  border-color: #4b5563;
}
.delete-count[data-v-f21e7e6a] {
  font-size: 0.75rem;
  color: inherit;
}
/* Custom Circular Checkbox */
.custom-checkbox[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.checkbox-circle[data-v-f21e7e6a] {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 2px solid #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  background: transparent;
}
.checkbox-circle[data-v-f21e7e6a]:hover {
  border-color: #94a3b8;
}
.checkbox-circle.checked[data-v-f21e7e6a] {
  border-color: #3b82f6;
  background: #3b82f6;
}
.checkbox-circle.indeterminate[data-v-f21e7e6a] {
  border-color: #3b82f6;
  background: transparent;
}
.checkbox-circle .material-symbols-outlined[data-v-f21e7e6a] {
  font-size: 0.875rem;
  color: #fff;
}
.checkbox-circle.indeterminate .material-symbols-outlined[data-v-f21e7e6a] {
  color: #3b82f6;
}
/* Table Wrapper */
.table-wrapper[data-v-f21e7e6a] {
  flex: 1;
  overflow: auto;
  position: relative;
  min-height: 400px;
  /* 虚拟滚动需要可计算的容器高度（clientHeight） */
  height: calc(100vh - 360px);
  max-height: calc(100vh - 360px);
}
/* 虚拟列表 spacer 行：去除任何边距 / padding，避免影响行高度计算 */
.data-table tbody tr.virtual-spacer[data-v-f21e7e6a] {
  background: transparent !important;
  border: none !important;
  transition: none;
}
.data-table tbody tr.virtual-spacer td[data-v-f21e7e6a] {
  padding: 0;
  border: none;
}
.data-table[data-v-f21e7e6a] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.75rem;
}
.data-table thead[data-v-f21e7e6a] {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #1e232f;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.data-table th[data-v-f21e7e6a] {
  padding: 1rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #2a3447;
  white-space: nowrap;
}
.col-checkbox[data-v-f21e7e6a] { width: 3rem; text-align: center;
}
.col-index[data-v-f21e7e6a] { width: 3.5rem; text-align: center;
}
.col-manufacturer[data-v-f21e7e6a] { width: 10rem;
}
.col-model[data-v-f21e7e6a] { width: 14rem;
}
.col-category[data-v-f21e7e6a] { width: 10rem;
}
.col-service-level[data-v-f21e7e6a] { width: 8rem;
}
.col-match[data-v-f21e7e6a] { width: 14rem;
}
.col-confidence[data-v-f21e7e6a] { width: 5rem; text-align: center;
}
.col-price[data-v-f21e7e6a] { width: 7rem; text-align: right;
}
.col-coefficient[data-v-f21e7e6a] { width: 7rem; text-align: center;
}
.col-adjusted-price[data-v-f21e7e6a] { width: 7rem; text-align: right;
}
.col-actions[data-v-f21e7e6a] { width: 6rem; text-align: center;
}
.data-table tbody tr[data-v-f21e7e6a] {
  transition: background-color 0.2s;
  border-bottom: 1px solid rgba(35, 47, 72, 0.5);
}
.data-table tbody tr[data-v-f21e7e6a]:hover {
  background-color: rgba(255, 255, 255, 0.02);
}
.data-table tbody tr.warning-row[data-v-f21e7e6a] {
  background-color: rgba(234, 179, 8, 0.05);
  border-left: 3px solid #eab308;
}
.data-table tbody tr.error-row[data-v-f21e7e6a] {
  background-color: rgba(239, 68, 68, 0.05);
  border-left: 3px solid #ef4444;
}
.data-table td[data-v-f21e7e6a] {
  padding: 0.75rem 0.5rem;
}
.original-model[data-v-f21e7e6a] {
  color: #cbd5e1;
}
.matched-model[data-v-f21e7e6a] {
  cursor: pointer;
  font-weight: 500;
  transition: color 0.2s;
}
.matched-model.high-match[data-v-f21e7e6a] {
  color: #22c55e;
}
.matched-model.mid-match[data-v-f21e7e6a] {
  color: #eab308;
}
.matched-model.low-match[data-v-f21e7e6a] {
  color: #f97316;
}
.matched-model.no-match[data-v-f21e7e6a] {
  color: #94a3b8;
  font-style: italic;
}
.matched-model[data-v-f21e7e6a]:hover {
  text-decoration: underline;
}
/* 匹配单元格包装器 */
.match-cell-wrapper[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.clear-match-btn[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  background-color: transparent;
  border: 1px solid #475569;
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
  opacity: 0.6;
}
.clear-match-btn[data-v-f21e7e6a]:hover {
  background-color: rgba(239, 68, 68, 0.15);
  border-color: #ef4444;
  color: #ef4444;
  opacity: 1;
}
.clear-match-btn .material-symbols-outlined[data-v-f21e7e6a] {
  font-size: 0.875rem;
}
.confidence-badge[data-v-f21e7e6a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 3rem;
}
.confidence-badge.high[data-v-f21e7e6a] {
  background-color: rgba(34, 197, 94, 0.1);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.confidence-badge.mid[data-v-f21e7e6a] {
  background-color: rgba(234, 179, 8, 0.1);
  color: #eab308;
  border: 1px solid rgba(234, 179, 8, 0.2);
}
.confidence-badge.low[data-v-f21e7e6a] {
  background-color: rgba(249, 115, 22, 0.1);
  color: #f97316;
  border: 1px solid rgba(249, 115, 22, 0.2);
}
.confidence-badge.none[data-v-f21e7e6a] {
  background-color: rgba(148, 163, 184, 0.1);
  color: #94a3b8;
  border: 1px solid rgba(148, 163, 184, 0.2);
}
.coefficient-value[data-v-f21e7e6a] {
  color: #135bec;
  font-weight: 500;
}
.service-level-info[data-v-f21e7e6a] {
  color: #92a4c9;
  font-size: 0.7rem;
}
.action-btn[data-v-f21e7e6a] {
  padding: 0.25rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #9ca3af;
  margin: 0 0.125rem;
}
.action-btn.edit[data-v-f21e7e6a]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.confirm[data-v-f21e7e6a]:hover {
  color: #22c55e;
  background-color: rgba(34, 197, 94, 0.1);
}
/* Table Footer */
.table-footer[data-v-f21e7e6a] {
  padding: 1rem 1.5rem;
  border-top: 1px solid #2a3447;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #1e232f;
}
.footer-text[data-v-f21e7e6a] {
  font-size: 0.875rem;
  color: #94a3b8;
}
/* Bottom Bar */
.bottom-bar[data-v-f21e7e6a] {
  position: sticky;
  bottom: 0;
  z-index: 50;
  background-color: #1a2332;
  border-top: 1px solid #232f48;
  padding: 1rem;
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1);
}
.bottom-content[data-v-f21e7e6a] {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bottom-info[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #94a3b8;
}
.bottom-info .material-symbols-outlined[data-v-f21e7e6a] {
  color: #eab308;
}
.bottom-info strong[data-v-f21e7e6a] {
  color: white;
}
.bottom-actions[data-v-f21e7e6a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.action-buttons[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.btn-draft[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  background-color: transparent;
  color: #92a4c9;
  font-weight: 600;
  font-size: 0.875rem;
  border: 1px solid #3e4c6b;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-draft[data-v-f21e7e6a]:hover:not(:disabled) {
  background-color: #2d3b59;
  color: white;
  border-color: #4e5c7b;
}
.btn-draft[data-v-f21e7e6a]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-draft .material-symbols-outlined[data-v-f21e7e6a] {
  font-size: 1.125rem;
}
.btn-draft .material-symbols-outlined.spinning[data-v-f21e7e6a] {
  animation: spin-f21e7e6a 1s linear infinite;
}
@keyframes spin-f21e7e6a {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.btn-back[data-v-f21e7e6a],
.btn-next[data-v-f21e7e6a] {
  padding: 0.625rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-back[data-v-f21e7e6a] {
  border: 1px solid #232f48;
  background: transparent;
  color: white;
}
.btn-back[data-v-f21e7e6a]:hover {
  background-color: rgba(100, 116, 139, 0.1);
}
.btn-next[data-v-f21e7e6a] {
  background-color: #135bec;
  color: white;
  border: none;
  font-weight: 700;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.25);
}
.btn-next[data-v-f21e7e6a]:hover {
  background-color: #1d6bf5;
}
/* Search Dialog */
.dialog-overlay[data-v-f21e7e6a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog-content[data-v-f21e7e6a] {
  background-color: #1e232f;
  border: 1px solid #2a3447;
  border-radius: 0.75rem;
  width: 90%;
  max-width: 600px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.dialog-header[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #2a3447;
}
.dialog-title[data-v-f21e7e6a] {
  font-size: 1.125rem;
  font-weight: 600;
  color: white;
}
.dialog-close[data-v-f21e7e6a] {
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s;
}
.dialog-close[data-v-f21e7e6a]:hover {
  background-color: rgba(100, 116, 139, 0.1);
  color: white;
}
.dialog-body[data-v-f21e7e6a] {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
/* 搜索对话框中的数据源选择器 */
.search-source-selector[data-v-f21e7e6a] {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
}
.search-source-selector .source-label[data-v-f21e7e6a] {
  display: block;
  color: #94a3b8;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.search-source-selector .source-options[data-v-f21e7e6a] {
  display: flex;
  gap: 1.5rem;
}
.source-option[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  position: relative;
}
.source-option input[type="radio"][data-v-f21e7e6a] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.source-radio[data-v-f21e7e6a] {
  width: 16px;
  height: 16px;
  border: 2px solid #475569;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.source-option:hover .source-radio[data-v-f21e7e6a] {
  border-color: #22c55e;
}
.source-option input[type="radio"]:checked ~ .source-radio[data-v-f21e7e6a] {
  background-color: #22c55e;
  border-color: #22c55e;
}
.source-option input[type="radio"]:checked ~ .source-radio[data-v-f21e7e6a]::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: white;
}
.source-option input[type="radio"]:focus ~ .source-name[data-v-f21e7e6a] {
  color: #22c55e;
}
.source-name[data-v-f21e7e6a] {
  color: #cbd5e1;
  font-size: 0.875rem;
  user-select: none;
}
.search-input-group[data-v-f21e7e6a] {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.search-input-group .material-symbols-outlined[data-v-f21e7e6a] {
  position: absolute;
  left: 0.75rem;
  color: #94a3b8;
  font-size: 1.25rem;
  pointer-events: none;
}
.search-input-field[data-v-f21e7e6a] {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.75rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.875rem;
  outline: none;
}
.search-input-field[data-v-f21e7e6a]:focus {
  border-color: #135bec;
}
.search-results[data-v-f21e7e6a] {
  margin-top: 1rem;
}
.search-loading[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  color: #94a3b8;
}
.loading-icon[data-v-f21e7e6a] {
  animation: spin-f21e7e6a 1s linear infinite;
}
.results-header[data-v-f21e7e6a] {
  font-size: 0.875rem;
  color: #94a3b8;
  margin-bottom: 0.75rem;
}
.results-list[data-v-f21e7e6a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 300px;
  overflow-y: auto;
}
.result-item[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
}
.result-item[data-v-f21e7e6a]:hover {
  background-color: #232f48;
  border-color: #135bec;
}
.result-info[data-v-f21e7e6a] {
  flex: 1;
}
.result-model[data-v-f21e7e6a] {
  font-weight: 500;
  color: #135bec;
  margin-bottom: 0.25rem;
}
.result-details[data-v-f21e7e6a] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.result-price[data-v-f21e7e6a] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #22c55e;
}
.no-results[data-v-f21e7e6a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 2rem;
  color: #94a3b8;
}
.no-results .material-symbols-outlined[data-v-f21e7e6a] {
  font-size: 2rem;
}
.results-pagination[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}
.page-btn[data-v-f21e7e6a] {
  background: transparent;
  border: 1px solid #232f48;
  color: #94a3b8;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
}
.page-btn[data-v-f21e7e6a]:hover:not(:disabled) {
  background-color: #232f48;
  color: white;
}
.page-btn[data-v-f21e7e6a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-info[data-v-f21e7e6a] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.dialog-footer[data-v-f21e7e6a] {
  padding: 1rem 1.5rem;
  border-top: 1px solid #2a3447;
  display: flex;
  justify-content: flex-end;
}
/* Background Effects */
.background-effects[data-v-f21e7e6a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.effect-blob[data-v-f21e7e6a] {
  position: absolute;
  border-radius: 9999px;
  filter: blur(100px);
}
.effect-top[data-v-f21e7e6a] {
  top: -10%;
  right: -5%;
  width: 500px;
  height: 500px;
  background-color: rgba(19, 91, 236, 0.05);
}
.effect-bottom[data-v-f21e7e6a] {
  bottom: -10%;
  left: -5%;
  width: 600px;
  height: 600px;
  background-color: rgba(37, 99, 235, 0.05);
  filter: blur(120px);
}
/* Scrollbar */
[data-v-f21e7e6a]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-f21e7e6a]::-webkit-scrollbar-track {
  background: #1e232f;
}
[data-v-f21e7e6a]::-webkit-scrollbar-thumb {
  background: #324467;
  border-radius: 4px;
}
[data-v-f21e7e6a]::-webkit-scrollbar-thumb:hover {
  background: #4b6189;
}
/* 联想框架报价：模式切换 / 列 / 对话框 */
.quote-mode-toggle[data-v-f21e7e6a] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: rgba(20, 30, 48, 0.6);
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.5rem;
  color: #c7d3e6;
}
.quote-mode-toggle .mode-option[data-v-f21e7e6a] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.6rem;
  border-radius: 0.35rem;
  cursor: pointer;
  font-size: 0.85rem;
  color: #8aa0c0;
  transition: all 0.15s;
}
.quote-mode-toggle .mode-option input[type="radio"][data-v-f21e7e6a] {
  display: none;
}
.quote-mode-toggle .mode-option.active[data-v-f21e7e6a] {
  background: #2563eb;
  color: #fff;
  font-weight: 600;
}
.lenovo-config-btn[data-v-f21e7e6a] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.85rem;
  background: rgba(20, 30, 48, 0.6);
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.5rem;
  color: #c7d3e6;
  cursor: pointer;
  font-size: 0.85rem;
}
.lenovo-config-btn[data-v-f21e7e6a]:hover {
  background: rgba(37, 99, 235, 0.15);
  border-color: #2563eb;
  color: #fff;
}
.col-end-type[data-v-f21e7e6a] { width: 5rem; text-align: center;
}
.col-sub-category[data-v-f21e7e6a] { width: 7rem; text-align: center;
}
.col-match-method[data-v-f21e7e6a] { width: 6rem; text-align: center;
}
.lenovo-end-type-badge[data-v-f21e7e6a] {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 0.35rem;
  background: rgba(37, 99, 235, 0.18);
  color: #74a8ff;
  font-weight: 600;
  font-size: 0.8rem;
}
.match-method-badge[data-v-f21e7e6a] {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.75rem;
}
.match-method-badge.method-exact[data-v-f21e7e6a] { background: rgba(34, 197, 94, 0.18); color: #4ade80;
}
.match-method-badge.method-fuzzy[data-v-f21e7e6a] { background: rgba(234, 179, 8, 0.18); color: #facc15;
}
.match-method-badge.method-pattern[data-v-f21e7e6a] { background: rgba(168, 85, 247, 0.18); color: #c084fc;
}
.match-method-badge.method-none[data-v-f21e7e6a] { background: rgba(239, 68, 68, 0.18); color: #f87171;
}
.lenovo-config-dialog[data-v-f21e7e6a] {
  max-width: 720px;
}
.lenovo-config-tip[data-v-f21e7e6a] {
  color: #8aa0c0;
  margin: 0 0 1rem 0;
  font-size: 0.85rem;
}
.lenovo-form-grid[data-v-f21e7e6a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem 1.2rem;
}
.lenovo-form-item[data-v-f21e7e6a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.lenovo-form-item label[data-v-f21e7e6a] {
  font-size: 0.8rem;
  color: #8aa0c0;
}
.lenovo-form-item input[data-v-f21e7e6a],
.lenovo-form-item select[data-v-f21e7e6a] {
  padding: 0.5rem 0.75rem;
  background: rgba(20, 30, 48, 0.8);
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.4rem;
  color: #e3eaf5;
  font-size: 0.88rem;
}
.text-muted[data-v-f21e7e6a] { color: #6b7d96;
}
/* Responsive */
@media (max-width: 1024px) {
.nav-links[data-v-f21e7e6a] {
    display: none;
}
.table-container[data-v-f21e7e6a] {
    overflow-x: auto;
}
}
/* 联想框架"端型"列：单元格 wrapper */
.end-type-cell-wrapper[data-v-f21e7e6a] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.lenovo-end-type-badge.clickable[data-v-f21e7e6a] {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  transition: filter 0.15s, box-shadow 0.15s;
}
.lenovo-end-type-badge.clickable[data-v-f21e7e6a]:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.45);
}
.lenovo-end-type-badge.empty[data-v-f21e7e6a] {
  color: #94a3b8;
  background: rgba(148, 163, 184, 0.12) !important;
  border: 1px dashed rgba(148, 163, 184, 0.4);
}
.lenovo-end-type-badge.manual-locked[data-v-f21e7e6a] {
  outline: 1px solid #22c55e;
}
.lenovo-end-type-badge .dropdown-icon[data-v-f21e7e6a] {
  font-size: 1rem;
  opacity: 0.7;
}

.end-type-dropdown-mask {
  position: fixed;
  inset: 0;
  z-index: 1999;
}
.end-type-dropdown {
  position: fixed;
  z-index: 2000;
  min-width: 160px;
  background: #1e232f;
  border: 1px solid #334155;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  padding: 8px 0;
  color: #e2e8f0;
  font-family: "Noto Sans SC", sans-serif;
  font-size: 0.8rem;
}
.end-type-dropdown .dropdown-title {
  padding: 4px 12px 8px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #94a3b8;
  text-transform: uppercase;
  border-bottom: 1px solid #2a3447;
  margin-bottom: 4px;
}
.end-type-dropdown .dropdown-list {
  max-height: 280px;
  overflow-y: auto;
}
.end-type-dropdown .dropdown-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.12s;
}
.end-type-dropdown .dropdown-option:hover {
  background: rgba(96, 165, 250, 0.12);
}
.end-type-dropdown .dropdown-option.active {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}
.end-type-dropdown .dropdown-option .material-symbols-outlined {
  font-size: 1rem;
}
.end-type-dropdown .dropdown-loading,
.end-type-dropdown .dropdown-empty {
  padding: 16px;
  text-align: center;
  color: #94a3b8;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.end-type-dropdown .spinning {
  animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}

/* ============ 对应关系批量确认弹窗 ============ */
.alias-batch-overlay {
  position: fixed;
  inset: 0;
  z-index: 2050;
  background: rgba(15, 23, 42, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  font-family: "Noto Sans SC", sans-serif;
}
.alias-batch-dialog {
  background: #1e232f;
  border: 1px solid #334155;
  border-radius: 10px;
  width: min(1100px, 100%);
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  color: #e2e8f0;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.alias-batch-header {
  padding: 1.25rem 1.5rem 1rem;
  border-bottom: 1px solid #2a3447;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.alias-batch-header h3 {
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 600;
}
.alias-batch-tip {
  margin: 0;
  color: #94a3b8;
  font-size: 0.78rem;
  line-height: 1.5;
}
.alias-batch-tip strong { color: #fbbf24;
}
.alias-batch-close {
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 4px;
}
.alias-batch-close:hover { color: #f87171;
}
.alias-batch-body {
  flex: 1;
  overflow: auto;
  padding: 0 1.5rem;
  min-height: 200px;
}
.alias-batch-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}
.alias-batch-table thead {
  position: sticky;
  top: 0;
  background: #1e232f;
  z-index: 1;
}
.alias-batch-table th {
  padding: 0.6rem 0.5rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.7rem;
  text-align: left;
  border-bottom: 1px solid #2a3447;
  white-space: nowrap;
}
.alias-batch-table td {
  padding: 0.55rem 0.5rem;
  border-bottom: 1px solid rgba(35, 47, 72, 0.5);
  vertical-align: middle;
}
.alias-batch-table tbody tr {
  cursor: pointer;
  transition: background 0.12s;
}
.alias-batch-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}
.alias-batch-table tbody tr.selected {
  background: rgba(34, 197, 94, 0.08);
}
.alias-batch-table .col-check { width: 36px; text-align: center;
}
.alias-batch-table .col-arrow { width: 24px; text-align: center; color: #64748b;
}
.alias-batch-table .col-rows { width: 78px; text-align: center;
}
.alias-batch-table .col-src { width: 110px;
}
.alias-batch-table .col-endtype { width: 90px;
}
.alias-batch-table .col-cat { width: 110px;
}
.alias-batch-table .mono { font-family: monospace; color: #cbd5e1;
}

/* checkbox circle */
.batch-checkbox {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
}
.cb-circle {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1.5px solid #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0f1525;
  transition: all 0.12s;
}
.cb-circle.checked {
  background: #22c55e;
  border-color: #22c55e;
}
.cb-circle.indeterminate {
  background: #3b82f6;
  border-color: #3b82f6;
}
.cb-circle .material-symbols-outlined {
  font-size: 14px;
  color: #ffffff;
}
.alias-end-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  background: rgba(34, 197, 94, 0.18);
  color: #22c55e;
}
.alias-src-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.68rem;
}
.alias-src-badge.end-type { background: rgba(59, 130, 246, 0.18); color: #60a5fa;
}
.alias-src-badge.manual-match { background: rgba(245, 158, 11, 0.18); color: #fbbf24;
}
.alias-batch-body .empty-state {
  padding: 3rem;
  text-align: center;
  color: #64748b;
}
.alias-batch-footer {
  padding: 0.9rem 1.5rem 1.1rem;
  border-top: 1px solid #2a3447;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.alias-batch-footer .footer-info {
  color: #94a3b8;
  font-size: 0.8rem;
}
.alias-batch-footer .footer-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.alias-batch-footer button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 0.8rem;
  transition: filter 0.12s;
}
.alias-batch-footer button .material-symbols-outlined { font-size: 16px;
}
.alias-batch-footer button:disabled { opacity: 0.45; cursor: not-allowed;
}
.alias-batch-footer .btn-primary { background: #3b82f6; color: white;
}
.alias-batch-footer .btn-primary:not(:disabled):hover { filter: brightness(1.1);
}
.alias-batch-footer .btn-secondary {
  background: #1e232f; color: #e2e8f0; border-color: #2a3447;
}
.alias-batch-footer .btn-secondary:not(:disabled):hover { background: #2a3447;
}
.alias-batch-footer .btn-danger {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.4);
}
.alias-batch-footer .btn-danger:not(:disabled):hover { background: rgba(239, 68, 68, 0.25);
}
.alias-batch-footer .spinning {
  animation: spin 1s linear infinite;
}



.price-adjustment[data-v-91d2ed82] {
  font-family: "Noto Sans SC", sans-serif;
  background-color: #101622;
  color: white;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
h1[data-v-91d2ed82], h2[data-v-91d2ed82], h3[data-v-91d2ed82], h4[data-v-91d2ed82], h5[data-v-91d2ed82], h6[data-v-91d2ed82] {
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
}
/* Header Styles */
.page-header[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #232f48;
  background-color: #101622;
  padding: 1rem 1.5rem;
  position: sticky;
  top: 0;
  z-index: 50;
}
.header-left[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.logo-link[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  transition: opacity 0.2s;
}
.logo-link[data-v-91d2ed82]:hover {
  opacity: 0.8;
}
.logo-wrapper[data-v-91d2ed82] {
  width: 2rem;
  height: 2rem;
  color: #135bec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-title[data-v-91d2ed82] {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.nav-links[data-v-91d2ed82] {
  display: none;
  flex: 1;
  justify-content: center;
  gap: 2.5rem;
}
@media (min-width: 768px) {
.nav-links[data-v-91d2ed82] {
    display: flex;
}
}
.nav-link[data-v-91d2ed82] {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.nav-link[data-v-91d2ed82]:hover, .nav-link.active[data-v-91d2ed82] {
  color: #135bec;
}
.header-right[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.icon-btn[data-v-91d2ed82] {
  position: relative;
  color: #94a3b8;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.icon-btn[data-v-91d2ed82]:hover {
  color: #135bec;
}
.notification-dot[data-v-91d2ed82] {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ef4444;
  border-radius: 9999px;
}
.divider[data-v-91d2ed82] {
  height: 2rem;
  width: 1px;
  background-color: #232f48;
}
.divider-vertical[data-v-91d2ed82] {
  width: 1px;
  height: 1.5rem;
  background-color: #232f48;
}
.user-info[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.user-avatar[data-v-91d2ed82] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  background-image: url("/images/homepage/page-bg.jpg");
  background-size: cover;
  background-position: center;
  ring: 2px solid #232f48;
}
.user-details[data-v-91d2ed82] {
  display: none;
  flex-direction: column;
}
@media (min-width: 1024px) {
.user-details[data-v-91d2ed82] {
    display: flex;
}
}
.user-name[data-v-91d2ed82] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
}
.user-role[data-v-91d2ed82] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}
/* Main Content */
.main-content[data-v-91d2ed82] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 3rem;
  padding-bottom: 5rem;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
}
/* Page Top */
.page-top[data-v-91d2ed82] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
.page-top[data-v-91d2ed82] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}
.page-info[data-v-91d2ed82] {
  display: flex;
  flex-direction: column;
}
.breadcrumb[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  color: #92a4c9;
}
.breadcrumb-link[data-v-91d2ed82] {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
  cursor: pointer;
}
.breadcrumb-link[data-v-91d2ed82]:hover {
  color: #135bec;
  text-decoration: underline;
}
.breadcrumb-current[data-v-91d2ed82] {
  color: white;
  font-weight: 500;
}
.breadcrumb .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 1rem;
}
.page-title[data-v-91d2ed82] {
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: white;
}
.page-description[data-v-91d2ed82] {
  color: #94a3b8;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
/* Steps Progress */
.steps-progress[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #1a2332;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #232f48;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.step[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  opacity: 0.5;
}
.step.active[data-v-91d2ed82] {
  color: #135bec;
  opacity: 1;
}
.step.completed[data-v-91d2ed82] {
  opacity: 0.5;
}
.step-number[data-v-91d2ed82] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
}
.step.active .step-number[data-v-91d2ed82] {
  background-color: #135bec;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.25);
}
.step.completed .step-number[data-v-91d2ed82] {
  background-color: #22c55e;
  color: white;
}
.step.completed .step-number .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 0.875rem;
}
.step-label[data-v-91d2ed82] {
  font-size: 0.875rem;
  font-weight: 500;
}
.step.active .step-label[data-v-91d2ed82] {
  font-weight: 700;
}
.step-label[data-v-91d2ed82]:hover {
  text-decoration: underline;
}
.step-divider[data-v-91d2ed82] {
  height: 1px;
  width: 1rem;
  background-color: #475569;
}
/* Stats Grid */
.stats-grid[data-v-91d2ed82] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}
.stat-card[data-v-91d2ed82] {
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s;
}
.stat-card[data-v-91d2ed82]:hover {
  border-color: #324467;
}
.stat-bar[data-v-91d2ed82] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
.stat-card.success .stat-bar[data-v-91d2ed82] {
  background-color: #22c55e;
}
.stat-card.info[data-v-91d2ed82] {
  /* No bar for info cards */
}
.stat-card.error .stat-bar[data-v-91d2ed82] {
  background-color: #ef4444;
}
.stat-header[data-v-91d2ed82] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.stat-label[data-v-91d2ed82] {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.stat-badge[data-v-91d2ed82] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  font-size: 0.625rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.stat-content[data-v-91d2ed82] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.stat-value-group[data-v-91d2ed82] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.stat-value[data-v-91d2ed82] {
  font-size: 1.875rem;
  font-weight: 700;
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
  color: white;
}
.stat-card.success .stat-value[data-v-91d2ed82] {
  color: #22c55e;
}
.stat-card.info .stat-value[data-v-91d2ed82] {
  color: #3b82f6;
}
.stat-card.error .stat-value[data-v-91d2ed82] {
  color: #ef4444;
}
.stat-trend[data-v-91d2ed82] {
  font-size: 0.75rem;
  color: #22c55e;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.stat-trend .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 0.875rem;
}
.stat-icon[data-v-91d2ed82] {
  color: #475569;
  font-size: 1.875rem;
}
.stat-card.success .stat-icon[data-v-91d2ed82] {
  color: rgba(34, 197, 94, 0.2);
}
.stat-card.info .stat-icon[data-v-91d2ed82] {
  color: rgba(59, 130, 246, 0.2);
}
.stat-card.error .stat-icon[data-v-91d2ed82] {
  color: rgba(239, 68, 68, 0.2);
}
/* Table Container */
.table-container[data-v-91d2ed82] {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.sheet-tabs-bar[data-v-91d2ed82] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem 1rem 0;
}
.sheet-tab-btn[data-v-91d2ed82] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 32px;
  padding: 0 0.75rem;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  background: rgba(15, 23, 42, 0.7);
  color: #94a3b8;
  cursor: pointer;
  font-size: 0.8125rem;
}
.sheet-tab-btn.active[data-v-91d2ed82] {
  border-color: #135bec;
  background: #135bec;
  color: #fff;
}
.sheet-tab-count[data-v-91d2ed82] {
  min-width: 20px;
  padding: 0 0.375rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 0.7rem;
}
.table-header[data-v-91d2ed82] {
  padding: 1rem;
  border-bottom: 1px solid #232f48;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(21, 28, 43, 0.5);
}
.table-controls-left[data-v-91d2ed82],
.table-controls-right[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.filter-select[data-v-91d2ed82],
.search-input[data-v-91d2ed82] {
  position: relative;
  display: flex;
  align-items: center;
}
.filter-select .material-symbols-outlined[data-v-91d2ed82],
.search-input .material-symbols-outlined[data-v-91d2ed82] {
  position: absolute;
  left: 0.75rem;
  color: #94a3b8;
  font-size: 1.25rem;
  pointer-events: none;
}
.filter-select select[data-v-91d2ed82] {
  padding: 0.5rem 2rem 0.5rem 2.5rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.875rem;
  cursor: pointer;
  outline: none;
  appearance: none;
}
.filter-select select[data-v-91d2ed82]:focus {
  ring: 2px solid #135bec;
  border-color: transparent;
}
.search-input input[data-v-91d2ed82] {
  width: 16rem;
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.875rem;
  outline: none;
}
.search-input input[data-v-91d2ed82]::placeholder {
  color: #94a3b8;
}
.search-input input[data-v-91d2ed82]:focus {
  ring: 2px solid #135bec;
  border-color: transparent;
}
.btn-secondary[data-v-91d2ed82],
.btn-primary[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
}
.btn-secondary[data-v-91d2ed82] {
  color: #cbd5e1;
  background: transparent;
  border: 1px solid #232f48;
}
.btn-secondary[data-v-91d2ed82]:hover {
  background-color: rgba(100, 116, 139, 0.1);
}
.btn-primary[data-v-91d2ed82] {
  background-color: #135bec;
  color: white;
  border: 1px solid rgba(19, 91, 236, 0.3);
  font-weight: 500;
}
.btn-primary[data-v-91d2ed82]:hover {
  background-color: #1d6bf5;
}
.btn-secondary .material-symbols-outlined[data-v-91d2ed82],
.btn-primary .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 1.125rem;
}
/* Table Wrapper */
.table-wrapper[data-v-91d2ed82] {
  flex: 1;
  overflow: auto;
  position: relative;
  min-height: 400px;
  /* 虚拟滚动需要可计算的容器高度（clientHeight） */
  height: calc(100vh - 360px);
  max-height: calc(100vh - 360px);
}
/* 虚拟列表 spacer 行 */
.data-table tbody tr.virtual-spacer[data-v-91d2ed82] {
  background: transparent !important;
  border: none !important;
  transition: none;
}
.data-table tbody tr.virtual-spacer td[data-v-91d2ed82] {
  padding: 0;
  border: none;
}
.data-table[data-v-91d2ed82] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.data-table thead[data-v-91d2ed82] {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: rgba(28, 38, 56, 1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.data-table th[data-v-91d2ed82] {
  padding: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #232f48;
}
.col-checkbox[data-v-91d2ed82] {
  width: 2.5rem;
}
.col-index[data-v-91d2ed82] {
  width: 3rem;
}
.col-model[data-v-91d2ed82] {
  width: 18%;
}
.col-original-model[data-v-91d2ed82] {
  width: 12%;
}
.col-service-level[data-v-91d2ed82] {
  width: 8%;
}
.col-city[data-v-91d2ed82] {
  width: 6%;
}
.col-service-period-unit[data-v-91d2ed82] {
  width: 8%;
  cursor: pointer;
  position: relative;
  user-select: none;
  transition: color 0.2s;
}
.col-service-period-unit[data-v-91d2ed82]:hover {
  color: #135bec;
}
.header-with-dropdown[data-v-91d2ed82] {
  display: inline-block;
}
.dropdown-icon[data-v-91d2ed82] {
  font-size: 1rem;
  margin-left: 0.25rem;
  vertical-align: middle;
  opacity: 0.7;
  transition: transform 0.2s, opacity 0.2s;
}
.col-service-period-unit:hover .dropdown-icon[data-v-91d2ed82] {
  opacity: 1;
}
/* Period Unit Dropdown */
.period-unit-dropdown[data-v-91d2ed82] {
  position: fixed;
  z-index: 1000;
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  min-width: 140px;
  overflow: hidden;
  animation: dropdown-fade-in-91d2ed82 0.15s ease-out;
}
@keyframes dropdown-fade-in-91d2ed82 {
from {
    opacity: 0;
    transform: translateY(-8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dropdown-title[data-v-91d2ed82] {
  padding: 0.625rem 0.75rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #94a3b8;
  border-bottom: 1px solid #232f48;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.dropdown-item[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  cursor: pointer;
  transition: background-color 0.15s;
  color: #cbd5e1;
  font-size: 0.875rem;
}
.dropdown-item[data-v-91d2ed82]:hover {
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
}
.dropdown-item .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 1.125rem;
}
.dropdown-overlay[data-v-91d2ed82] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: transparent;
}
.col-cost[data-v-91d2ed82],
.col-suggested[data-v-91d2ed82] {
  width: 10%;
  text-align: right;
}
.col-final[data-v-91d2ed82] {
  width: 12%;
  text-align: right;
}
.col-profit[data-v-91d2ed82] {
  width: 8%;
  text-align: center;
}
.col-actions[data-v-91d2ed82] {
  width: 5%;
  text-align: center;
}
.data-table tbody[data-v-91d2ed82] {
  font-size: 0.875rem;
}
.table-row[data-v-91d2ed82] {
  transition: background-color 0.2s;
  border-bottom: 1px solid rgba(35, 47, 72, 0.5);
}
.table-row[data-v-91d2ed82]:hover {
  background-color: rgba(255, 255, 255, 0.02);
}
.table-row.warning-row[data-v-91d2ed82] {
  background-color: rgba(239, 68, 68, 0.05);
}
.table-row td[data-v-91d2ed82] {
  padding: 1rem;
}
.product-info[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.product-image[data-v-91d2ed82] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  background-color: #475569;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  border: 1px solid #232f48;
  background-image: url('/images/homepage/price-service-1.jpg');
}
.product-image.samsung[data-v-91d2ed82] {
  background-image: url('/images/homepage/price-service-2.jpg');
}
.product-image.dell[data-v-91d2ed82] {
  background-image: url('/images/homepage/price-service-3.jpg');
}
.product-image.logitech[data-v-91d2ed82] {
  background-image: url('/images/homepage/price-service-4.jpg');
}
.product-details[data-v-91d2ed82] {
  flex: 1;
  min-width: 0;
}
.product-name[data-v-91d2ed82] {
  font-weight: 500;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-sku[data-v-91d2ed82] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.125rem;
}
.text-right[data-v-91d2ed82] {
  text-align: right;
}
.text-center[data-v-91d2ed82] {
  text-align: center;
}
.price-value[data-v-91d2ed82] {
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
  color: #94a3b8;
}
.price-note[data-v-91d2ed82] {
  font-size: 0.625rem;
  color: #64748b;
  margin-top: 0.125rem;
}
.price-input-wrapper[data-v-91d2ed82] {
  position: relative;
  max-width: 8.75rem;
  margin-left: auto;
}
.currency-symbol[data-v-91d2ed82] {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 0.75rem;
}
.price-input[data-v-91d2ed82] {
  width: 100%;
  padding: 0.375rem 0.75rem 0.375rem 1.5rem;
  text-align: right;
  background-color: #111827;
  border: 1px solid #232f48;
  border-radius: 0.25rem;
  color: white;
  font-size: 0.875rem;
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  outline: none;
  transition: all 0.2s;
}
.price-input[data-v-91d2ed82]:focus {
  ring: 1px solid #135bec;
  border-color: #135bec;
}
.price-input.warning[data-v-91d2ed82] {
  border-color: rgba(239, 68, 68, 0.5);
  color: #ef4444;
}
.price-input.warning[data-v-91d2ed82]:focus {
  ring: 1px solid #ef4444;
  border-color: #ef4444;
}
.price-diff[data-v-91d2ed82] {
  font-size: 0.625rem;
  margin-top: 0.25rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.125rem;
  font-weight: 600;
}
.price-diff.up[data-v-91d2ed82] {
  color: #22c55e;
}
.price-diff.down[data-v-91d2ed82] {
  color: #ef4444;
}
.price-diff.neutral[data-v-91d2ed82] {
  color: #94a3b8;
}
.price-diff .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 0.75rem;
}
.profit-badge[data-v-91d2ed82] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.profit-badge.positive[data-v-91d2ed82] {
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.3);
}
.profit-badge.negative[data-v-91d2ed82] {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.4);
  animation: pulse-red-91d2ed82 2s infinite;
}
@keyframes pulse-red-91d2ed82 {
0%, 100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
}
50% {
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);
}
}
.profit-warning[data-v-91d2ed82] {
  font-size: 0.625rem;
  color: #ef444;
  margin-top: 0.125rem;
  font-weight: 500;
}
.action-btn[data-v-91d2ed82] {
  padding: 0.25rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #94a3b8;
}
.action-btn[data-v-91d2ed82]:hover {
  color: #135bec;
}
/* Empty State */
.empty-state[data-v-91d2ed82] {
  text-align: center;
  padding: 3rem 1rem;
  color: #94a3b8;
}
.empty-state .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 3rem;
  color: #64748b;
  margin-bottom: 1rem;
}
.empty-state p[data-v-91d2ed82] {
  font-size: 0.875rem;
}
/* Product SKU Styles */
.product-sku[data-v-91d2ed82] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.125rem;
}
.product-sku.no-match[data-v-91d2ed82] {
  color: #ef4444;
}
/* Period Unit Select */
.period-unit-select[data-v-91d2ed82] {
  padding: 0.25rem 0.5rem;
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.25rem;
  color: #cbd5e1;
  font-size: 0.75rem;
  cursor: pointer;
  outline: none;
  transition: all 0.2s;
}
.period-unit-select[data-v-91d2ed82]:hover {
  border-color: #324467;
}
.period-unit-select[data-v-91d2ed82]:focus {
  border-color: #135bec;
}
.period-unit-select option[data-v-91d2ed82] {
  background-color: #1a2332;
  color: #cbd5e1;
}
/* Table Footer */
.table-footer[data-v-91d2ed82] {
  padding: 1rem;
  border-top: 1px solid #232f48;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #1a2332;
}
.footer-text[data-v-91d2ed82] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-btn[data-v-91d2ed82],
.page-number[data-v-91d2ed82] {
  padding: 0.25rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.875rem;
  font-weight: 500;
}
.page-btn[data-v-91d2ed82]:hover:not(:disabled),
.page-number[data-v-91d2ed82]:hover {
  background-color: rgba(100, 116, 139, 0.1);
}
.page-btn[data-v-91d2ed82]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-number[data-v-91d2ed82] {
  padding: 0.25rem 0.75rem;
}
.page-number.active[data-v-91d2ed82] {
  background-color: #135bec;
  color: white;
}
/* Bottom Bar */
.bottom-bar[data-v-91d2ed82] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #1a2332;
  border-top: 1px solid #232f48;
  padding: 1rem;
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1);
}
.bottom-content[data-v-91d2ed82] {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bottom-info[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  color: #94a3b8;
}
.info-item[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.info-item .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 1.25rem;
}
.info-item:first-child .material-symbols-outlined[data-v-91d2ed82] {
  color: #22c55e;
}
.info-item:last-child .material-symbols-outlined[data-v-91d2ed82] {
  color: #3b82f6;
}
.info-item strong[data-v-91d2ed82] {
  color: white;
}
.bottom-actions[data-v-91d2ed82] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.action-buttons[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.btn-draft[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  background-color: transparent;
  color: #92a4c9;
  font-weight: 600;
  font-size: 0.875rem;
  border: 1px solid #3e4c6b;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-draft[data-v-91d2ed82]:hover:not(:disabled) {
  background-color: #2d3b59;
  color: white;
  border-color: #4e5c7b;
}
.btn-draft[data-v-91d2ed82]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-draft .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 1.125rem;
}
.btn-draft .material-symbols-outlined.spinning[data-v-91d2ed82] {
  animation: spin-91d2ed82 1s linear infinite;
}
@keyframes spin-91d2ed82 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.btn-back[data-v-91d2ed82],
.btn-next[data-v-91d2ed82] {
  padding: 0.625rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-back[data-v-91d2ed82] {
  border: 1px solid #232f48;
  background: transparent;
  color: white;
}
.btn-back[data-v-91d2ed82]:hover {
  background-color: rgba(100, 116, 139, 0.1);
}
.btn-next[data-v-91d2ed82] {
  background-color: #135bec;
  color: white;
  border: none;
  font-weight: 700;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.25);
  transform: translateY(0);
}
.btn-next[data-v-91d2ed82]:hover {
  background-color: #1d6bf5;
  transform: translateY(-2px);
}
.btn-next .material-symbols-outlined[data-v-91d2ed82] {
  font-size: 1rem;
}
/* Scrollbar Styles */
[data-v-91d2ed82]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-91d2ed82]::-webkit-scrollbar-track {
  background: rgba(35, 47, 72, 0.5);
}
[data-v-91d2ed82]::-webkit-scrollbar-thumb {
  background: #324467;
  border-radius: 4px;
}
[data-v-91d2ed82]::-webkit-scrollbar-thumb:hover {
  background: #4a5d85;
}
/* ===== 批量调价弹窗 ===== */
.batch-adjust-overlay[data-v-91d2ed82] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  animation: ba-fade-in-91d2ed82 0.2s ease-out;
}
@keyframes ba-fade-in-91d2ed82 {
from { opacity: 0;
}
to { opacity: 1;
}
}
.batch-adjust-dialog[data-v-91d2ed82] {
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
  width: 90%;
  max-width: 420px;
  animation: ba-slide-up-91d2ed82 0.25s ease-out;
  overflow: hidden;
}
@keyframes ba-slide-up-91d2ed82 {
from { transform: translateY(16px); opacity: 0;
}
to { transform: translateY(0); opacity: 1;
}
}
.batch-adjust-header[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #232f48;
  background-color: #151c2b;
}
.batch-adjust-title[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: #f1f5f9;
  margin: 0;
}
.batch-adjust-title .icon-up[data-v-91d2ed82] {
  color: #22c55e;
}
.batch-adjust-title .icon-down[data-v-91d2ed82] {
  color: #ef4444;
}
.batch-adjust-close[data-v-91d2ed82] {
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.375rem;
  transition: all 0.2s;
}
.batch-adjust-close[data-v-91d2ed82]:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
}
.batch-adjust-body[data-v-91d2ed82] {
  padding: 1.25rem;
}
.batch-adjust-hint[data-v-91d2ed82] {
  color: #94a3b8;
  font-size: 0.875rem;
  margin: 0 0 1.25rem 0;
  line-height: 1.5;
}
.batch-adjust-hint strong[data-v-91d2ed82] {
  color: #135bec;
}
.batch-adjust-input-group[data-v-91d2ed82] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.batch-adjust-label[data-v-91d2ed82] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #cbd5e1;
}
.batch-adjust-input-wrapper[data-v-91d2ed82] {
  position: relative;
  display: flex;
  align-items: center;
}
.batch-adjust-input[data-v-91d2ed82] {
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 0.75rem;
  background-color: #101622;
  border: 1px solid #324467;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.125rem;
  font-weight: 600;
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
  outline: none;
  transition: all 0.2s;
}
.batch-adjust-input[data-v-91d2ed82]:focus {
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
.batch-adjust-input[data-v-91d2ed82]::placeholder {
  color: #475569;
  font-weight: 400;
}
/* 隐藏数字输入框的上下箭头 */
.batch-adjust-input[data-v-91d2ed82]::-webkit-inner-spin-button,
.batch-adjust-input[data-v-91d2ed82]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.batch-adjust-input[type=number][data-v-91d2ed82] {
  -moz-appearance: textfield;
}
.batch-adjust-suffix[data-v-91d2ed82] {
  position: absolute;
  right: 0.75rem;
  color: #64748b;
  font-size: 1rem;
  font-weight: 600;
  pointer-events: none;
}
.batch-adjust-example[data-v-91d2ed82] {
  color: #64748b;
  font-size: 0.8rem;
  margin: 0.25rem 0 0 0;
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
}
.batch-adjust-footer[data-v-91d2ed82] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid #232f48;
  background-color: #151c2b;
}
.batch-adjust-btn[data-v-91d2ed82] {
  padding: 0.625rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.batch-adjust-btn.cancel[data-v-91d2ed82] {
  background: transparent;
  border: 1px solid #324467;
  color: #cbd5e1;
}
.batch-adjust-btn.cancel[data-v-91d2ed82]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.batch-adjust-btn.confirm[data-v-91d2ed82] {
  border: none;
  color: white;
  font-weight: 600;
}
.batch-adjust-btn.confirm.btn-up[data-v-91d2ed82] {
  background-color: #22c55e;
}
.batch-adjust-btn.confirm.btn-up[data-v-91d2ed82]:hover:not(:disabled) {
  background-color: #16a34a;
}
.batch-adjust-btn.confirm.btn-down[data-v-91d2ed82] {
  background-color: #ef4444;
}
.batch-adjust-btn.confirm.btn-down[data-v-91d2ed82]:hover:not(:disabled) {
  background-color: #dc2626;
}
.batch-adjust-btn.confirm[data-v-91d2ed82]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}



.quotation-generation[data-v-a136ddd5] {
  font-family: "Noto Sans SC", sans-serif;
  background-color: #101622;
  color: white;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
h1[data-v-a136ddd5], h2[data-v-a136ddd5], h3[data-v-a136ddd5], h4[data-v-a136ddd5], h5[data-v-a136ddd5], h6[data-v-a136ddd5] {
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
}
/* Header Styles */
.page-header[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #232f48;
  background-color: #101622;
  padding: 1rem 1.5rem;
  position: sticky;
  top: 0;
  z-index: 50;
}
.header-left[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.logo-link[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  transition: opacity 0.2s;
}
.logo-link[data-v-a136ddd5]:hover {
  opacity: 0.8;
}
.logo-wrapper[data-v-a136ddd5] {
  width: 2rem;
  height: 2rem;
  color: #135bec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-title[data-v-a136ddd5] {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.nav-links[data-v-a136ddd5] {
  display: none;
  flex: 1;
  justify-content: center;
  gap: 2.5rem;
}
@media (min-width: 768px) {
.nav-links[data-v-a136ddd5] {
    display: flex;
}
}
.nav-link[data-v-a136ddd5] {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.nav-link[data-v-a136ddd5]:hover, .nav-link.active[data-v-a136ddd5] {
  color: #135bec;
}
.header-right[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.icon-btn[data-v-a136ddd5] {
  position: relative;
  color: #94a3b8;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.icon-btn[data-v-a136ddd5]:hover {
  color: #135bec;
}
.notification-dot[data-v-a136ddd5] {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ef4444;
  border-radius: 9999px;
}
.divider[data-v-a136ddd5] {
  height: 2rem;
  width: 1px;
  background-color: #232f48;
}
.user-info[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.user-avatar[data-v-a136ddd5] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  background-image: url("/images/homepage/page-bg.jpg");
  background-size: cover;
  background-position: center;
  ring: 2px solid #232f48;
}
.user-details[data-v-a136ddd5] {
  display: none;
  flex-direction: column;
}
@media (min-width: 1024px) {
.user-details[data-v-a136ddd5] {
    display: flex;
}
}
.user-name[data-v-a136ddd5] {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
}
.user-role[data-v-a136ddd5] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.25rem;
}
/* Main Content */
.main-content[data-v-a136ddd5] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 3rem;
  max-width: 1800px;
  margin: 0 auto;
  width: 100%;
  overflow-y: auto;
  min-height: 0;
}
/* Page Top */
.page-top[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
.page-top[data-v-a136ddd5] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}
.page-info[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
}
.breadcrumb[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  color: #92a4c9;
  flex-wrap: wrap;
}
.breadcrumb-link[data-v-a136ddd5] {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
  cursor: pointer;
}
.breadcrumb-link[data-v-a136ddd5]:hover {
  color: #135bec;
  text-decoration: underline;
}
.breadcrumb-current[data-v-a136ddd5] {
  color: white;
  font-weight: 500;
}
.breadcrumb .material-symbols-outlined[data-v-a136ddd5] {
  font-size: 1rem;
}
.page-title[data-v-a136ddd5] {
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: white;
}
.page-description[data-v-a136ddd5] {
  color: #94a3b8;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
/* Steps Progress */
.steps-progress[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #1a2332;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #232f48;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.step[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  opacity: 0.5;
}
.step.active[data-v-a136ddd5] {
  color: #135bec;
  opacity: 1;
}
.step.completed[data-v-a136ddd5] {
  opacity: 0.5;
}
.step-number[data-v-a136ddd5] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
}
.step.active .step-number[data-v-a136ddd5] {
  background-color: #135bec;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.25);
}
.step.completed .step-number[data-v-a136ddd5] {
  background-color: #22c55e;
  color: white;
}
.step.completed .step-number .material-symbols-outlined[data-v-a136ddd5] {
  font-size: 0.875rem;
}
.step-label[data-v-a136ddd5] {
  font-size: 0.875rem;
  font-weight: 500;
}
.step.active .step-label[data-v-a136ddd5] {
  font-weight: 700;
}
.step-label[data-v-a136ddd5]:hover {
  text-decoration: underline;
}
.step-divider[data-v-a136ddd5] {
  height: 1px;
  width: 1rem;
  background-color: #475569;
}
/* Content Grid */
.content-grid[data-v-a136ddd5] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  flex: 1;
}
@media (min-width: 1280px) {
.content-grid[data-v-a136ddd5] {
    grid-template-columns: 1fr 360px;
}
}
/* Preview Section */
.preview-section[data-v-a136ddd5] {
  flex: 1;
  display: flex;
  justify-content: center;
  background-color: #0d121c;
  border-radius: 0.75rem;
  border: 1px solid #232f48;
  padding: 2rem;
  overflow-y: auto;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.preview-wrapper[data-v-a136ddd5] {
  width: 100%;
  max-width: 800px;
}
.quotation-document[data-v-a136ddd5] {
  background-color: white;
  color: #0f172a;
  min-height: 900px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
  padding: 3rem;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 0.125rem;
}
.doc-decoration[data-v-a136ddd5] {
  position: absolute;
  top: 0;
  right: 0;
  width: 16rem;
  height: 16rem;
  background: linear-gradient(to bottom left, #eff6ff, transparent);
  border-bottom-left-radius: 9999px;
  opacity: 0.5;
  pointer-events: none;
}
/* Document Header */
.doc-header[data-v-a136ddd5] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3rem;
  gap: 2rem;
}
.company-info[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.company-logo-upload[data-v-a136ddd5] {
  position: relative;
  cursor: pointer;
  margin-bottom: 0.5rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
  border: 2px dashed transparent;
}
.company-logo-upload[data-v-a136ddd5]:hover {
  border-color: #e2e8f0;
  background: #f8fafc;
}
.company-logo-upload:hover .logo-upload-hint[data-v-a136ddd5] {
  opacity: 1;
}
.custom-logo-img[data-v-a136ddd5] {
  height: 3rem;
  max-width: 12rem;
  object-fit: contain;
}
.logo-upload-hint[data-v-a136ddd5] {
  position: absolute;
  top: 50%;
  right: -2rem;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s;
  color: #94a3b8;
}
.logo-upload-hint .material-symbols-outlined[data-v-a136ddd5] {
  font-size: 1.25rem;
}
.company-logo-text[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.logo-icon[data-v-a136ddd5] {
  width: 2.5rem;
  height: 2.5rem;
}
.logo-text-group[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
}
.logo-cn[data-v-a136ddd5] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #005bac;
  letter-spacing: 0.1em;
}
.logo-en[data-v-a136ddd5] {
  font-size: 0.625rem;
  font-weight: 600;
  color: #005bac;
  letter-spacing: 0.05em;
}
.company-name[data-v-a136ddd5] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.company-address[data-v-a136ddd5] {
  color: #64748b;
  font-size: 0.875rem;
  line-height: 1.5;
}
.company-contact[data-v-a136ddd5] {
  color: #64748b;
  font-size: 0.875rem;
  line-height: 1.5;
}
.quote-info[data-v-a136ddd5] {
  text-align: right;
}
.doc-title[data-v-a136ddd5] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #005bac;
  margin-bottom: 0.5rem;
  letter-spacing: 0.1em;
}
.quote-number[data-v-a136ddd5] {
  color: #64748b;
  font-weight: 500;
}
.quote-date[data-v-a136ddd5] {
  color: #94a3b8;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
/* Info Grid */
.info-grid[data-v-a136ddd5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 3rem;
}
.info-block[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.info-label[data-v-a136ddd5] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.customer-name[data-v-a136ddd5] {
  font-weight: 700;
  color: #0f172a;
  font-size: 1.125rem;
}
.customer-detail[data-v-a136ddd5] {
  color: #475569;
}
.validity-date[data-v-a136ddd5] {
  font-weight: 700;
  color: #0f172a;
}
.validity-note[data-v-a136ddd5] {
  color: #475569;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
/* Items Table */
.items-table[data-v-a136ddd5] {
  margin-bottom: 2rem;
}
/* 预览态：表格区固定高度内滚动；PDF 态由 is-scrolling 类移除恢复 auto */
.items-table.is-scrolling .items-table-scroll[data-v-a136ddd5] {
  max-height: 60vh;
  overflow-y: auto;
  position: relative;
}
.items-table:not(.is-scrolling) .items-table-scroll[data-v-a136ddd5] {
  max-height: none;
  overflow: visible;
}
.items-table-scroll .quote-table thead[data-v-a136ddd5] {
  position: sticky;
  top: 0;
  background: white;
  z-index: 2;
}
.quote-table tbody tr.virtual-spacer[data-v-a136ddd5] {
  background: transparent !important;
  border: none !important;
  transition: none;
}
.quote-table tbody tr.virtual-spacer td[data-v-a136ddd5] {
  padding: 0;
  border: none;
}
.quote-table[data-v-a136ddd5] {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.quote-table thead tr[data-v-a136ddd5] {
  border-bottom: 2px solid #f1f5f9;
}
.quote-table th[data-v-a136ddd5] {
  padding: 0.75rem 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.col-no[data-v-a136ddd5] {
  width: 8%;
  text-align: center;
}
.col-desc[data-v-a136ddd5] {
  width: 42%;
}
.col-qty[data-v-a136ddd5] {
  width: 10%;
  text-align: center;
}
.col-period[data-v-a136ddd5] {
  width: 12%;
  text-align: center;
}
.col-price[data-v-a136ddd5],
.col-total[data-v-a136ddd5] {
  text-align: right;
}
.quote-table tbody tr[data-v-a136ddd5] {
  border-bottom: 1px solid #f8fafc;
  transition: background-color 0.2s;
}
.quote-table tbody tr[data-v-a136ddd5]:hover {
  background-color: #f8fafc;
}
.quote-table td[data-v-a136ddd5] {
  padding: 1rem 0;
  color: #475569;
}
.item-desc[data-v-a136ddd5] {
  padding-right: 1rem;
}
.item-name[data-v-a136ddd5] {
  font-weight: 700;
  color: #0f172a;
}
.item-detail[data-v-a136ddd5] {
  font-size: 0.875rem;
  color: #64748b;
  margin-top: 0.25rem;
}
.item-total[data-v-a136ddd5] {
  font-weight: 500;
}
.text-center[data-v-a136ddd5] {
  text-align: center;
}
.text-right[data-v-a136ddd5] {
  text-align: right;
}
/* Summary Section */
.summary-section[data-v-a136ddd5] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3rem;
}
.summary-content[data-v-a136ddd5] {
  width: 50%;
  min-width: 250px;
}
.summary-row[data-v-a136ddd5] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f1f5f9;
}
.summary-label[data-v-a136ddd5] {
  color: #475569;
}
.summary-value[data-v-a136ddd5] {
  font-weight: 500;
  color: #0f172a;
}
.summary-value.discount[data-v-a136ddd5] {
  color: #ef4444;
}
.summary-total[data-v-a136ddd5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.total-label[data-v-a136ddd5] {
  font-weight: 700;
  color: #0f172a;
  font-size: 1.125rem;
}
.total-value[data-v-a136ddd5] {
  font-weight: 700;
  font-size: 1.875rem;
  color: #135bec;
  font-family: "Space Grotesk", sans-serif;
}
/* Signature Section */
.signature-section[data-v-a136ddd5] {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}
.signature-row[data-v-a136ddd5] {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.signature-row[data-v-a136ddd5]:last-child {
  margin-bottom: 0;
}
.signature-label[data-v-a136ddd5] {
  color: #64748b;
  font-size: 0.875rem;
  white-space: nowrap;
  min-width: 4rem;
}
.signature-line[data-v-a136ddd5] {
  flex: 1;
  border-bottom: 1px solid #0f172a;
  min-height: 1.5rem;
}
/* Terms Section */
.terms-section[data-v-a136ddd5] {
  margin-top: auto;
}
.terms-title[data-v-a136ddd5] {
  font-weight: 700;
  color: #0f172a;
  font-size: 0.875rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.terms-content[data-v-a136ddd5] {
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: justify;
  white-space: pre-line;
}
.terms-paragraph[data-v-a136ddd5] {
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: justify;
  white-space: pre-wrap;
  margin-bottom: 0.1em;
}
.doc-footer[data-v-a136ddd5] {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #f1f5f9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-text[data-v-a136ddd5] {
  color: #cbd5e1;
  font-size: 0.75rem;
}
/* Control Panel */
.control-panel[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.panel-card[data-v-a136ddd5] {
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.panel-title[data-v-a136ddd5] {
  color: white;
  font-weight: 700;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.panel-title .material-symbols-outlined[data-v-a136ddd5] {
  color: #135bec;
  font-size: 1.25rem;
}
/* Export Grid */
.export-grid[data-v-a136ddd5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.export-btn[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #232f48;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
}
.export-btn[data-v-a136ddd5]:hover {
  border-color: rgba(19, 91, 236, 0.5);
  background-color: rgba(19, 91, 236, 0.1);
}
.export-btn.pdf[data-v-a136ddd5]:hover {
  background-color: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.5);
}
.export-btn.excel[data-v-a136ddd5]:hover {
  background-color: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.5);
}
.export-btn .material-symbols-outlined[data-v-a136ddd5] {
  color: white;
  font-size: 1.875rem;
  margin-bottom: 0.5rem;
  transition: transform 0.2s;
}
.export-btn:hover .material-symbols-outlined[data-v-a136ddd5] {
  transform: scale(1.1);
}
.btn-text[data-v-a136ddd5] {
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
}
.send-email-btn[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background-color: #135bec;
  color: white;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-top: 0.5rem;
}
.send-email-btn[data-v-a136ddd5]:hover {
  background-color: #1d6bf5;
}
.send-email-btn .material-symbols-outlined[data-v-a136ddd5] {
  font-size: 1.125rem;
}
.export-btn[data-v-a136ddd5]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.export-btn[data-v-a136ddd5]:disabled:hover {
  border-color: transparent;
  background-color: #232f48;
}
.export-btn:disabled:hover .material-symbols-outlined[data-v-a136ddd5] {
  transform: none;
}
/* Configuration */
.config-group[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.config-label[data-v-a136ddd5] {
  color: #92a4c9;
  font-size: 0.875rem;
  font-weight: 500;
}
.select-wrapper[data-v-a136ddd5] {
  position: relative;
}
.config-select[data-v-a136ddd5] {
  width: 100%;
  appearance: none;
  border-radius: 0.5rem;
  background-color: #232f48;
  border: 1px solid #232f48;
  color: white;
  padding: 0.75rem 2.5rem 0.75rem 0.75rem;
  font-size: 0.875rem;
  outline: none;
  cursor: pointer;
  transition: all 0.2s;
}
.config-select[data-v-a136ddd5]:focus {
  border-color: #135bec;
  ring: 1px solid rgba(19, 91, 236, 0.5);
}
.select-icon[data-v-a136ddd5] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #92a4c9;
  pointer-events: none;
  font-size: 1.25rem;
}
.divider-line[data-v-a136ddd5] {
  border: none;
  border-top: 1px solid #232f48;
  margin: 0.5rem 0;
}
/* Toggle Group */
.toggle-group[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.toggle-item[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toggle-label[data-v-a136ddd5] {
  color: white;
  font-size: 0.875rem;
}
.toggle-switch[data-v-a136ddd5] {
  position: relative;
  display: inline-block;
  width: 2.75rem;
  height: 1.5rem;
  cursor: pointer;
}
.toggle-switch input[data-v-a136ddd5] {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-slider[data-v-a136ddd5] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #232f48;
  transition: 0.3s;
  border-radius: 9999px;
}
.toggle-slider[data-v-a136ddd5]:before {
  position: absolute;
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  left: 0.125rem;
  bottom: 0.125rem;
  background-color: white;
  transition: 0.3s;
  border-radius: 9999px;
}
.toggle-switch input:checked + .toggle-slider[data-v-a136ddd5] {
  background-color: #135bec;
}
.toggle-switch input:checked + .toggle-slider[data-v-a136ddd5]:before {
  transform: translateX(1.25rem);
}
/* Tax Rate Inline Selector */
.tax-rate-inline[data-v-a136ddd5] {
  display: flex;
  gap: 0.375rem;
  margin-left: auto;
  margin-right: 0.75rem;
}
.tax-rate-option[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  background-color: #232f48;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #64748b;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
}
.tax-rate-option input[data-v-a136ddd5] {
  display: none;
}
.tax-rate-option[data-v-a136ddd5]:hover {
  color: #94a3b8;
}
.tax-rate-option.active[data-v-a136ddd5] {
  background-color: rgba(19, 91, 236, 0.15);
  border-color: rgba(19, 91, 236, 0.3);
  color: #135bec;
}
/* Status Card */
.status-card[data-v-a136ddd5] {
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.status-icon[data-v-a136ddd5] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  background-color: rgba(34, 197, 94, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.status-icon .material-symbols-outlined[data-v-a136ddd5] {
  color: #22c55e;
  font-size: 1.5rem;
}
.status-text[data-v-a136ddd5] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.status-title[data-v-a136ddd5] {
  color: white;
  font-weight: 500;
  font-size: 0.875rem;
}
.status-desc[data-v-a136ddd5] {
  color: #92a4c9;
  font-size: 0.75rem;
}
/* Scrollbar Styles */
[data-v-a136ddd5]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-a136ddd5]::-webkit-scrollbar-track {
  background: rgba(35, 47, 72, 0.5);
}
[data-v-a136ddd5]::-webkit-scrollbar-thumb {
  background: #324467;
  border-radius: 4px;
}
[data-v-a136ddd5]::-webkit-scrollbar-thumb:hover {
  background: #4a5d85;
}
/* 预览弹窗样式 */
.preview-overlay[data-v-a136ddd5] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 2rem;
}
.preview-dialog[data-v-a136ddd5] {
  background-color: #1a2332;
  border: 1px solid #232f48;
  border-radius: 1rem;
  width: 100%;
  max-width: 1400px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.preview-header[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #232f48;
}
.preview-title[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: white;
}
.preview-title .material-symbols-outlined[data-v-a136ddd5] {
  color: #135bec;
  font-size: 1.5rem;
}
.close-btn[data-v-a136ddd5] {
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-btn[data-v-a136ddd5]:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.close-btn .material-symbols-outlined[data-v-a136ddd5] {
  font-size: 1.5rem;
}
.preview-content[data-v-a136ddd5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
@media (max-width: 1024px) {
.preview-content[data-v-a136ddd5] {
    grid-template-columns: 1fr;
}
}
.preview-table-section[data-v-a136ddd5] {
  background-color: #101622;
  border: 1px solid #232f48;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.preview-table-header[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #232f48;
  background-color: rgba(19, 91, 236, 0.1);
}
.preview-table-title[data-v-a136ddd5] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: #135bec;
}
.preview-table-count[data-v-a136ddd5] {
  font-size: 0.75rem;
  color: #94a3b8;
  background-color: #232f48;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
}
.preview-table-wrapper[data-v-a136ddd5] {
  flex: 1;
  overflow: auto;
  position: relative;
}
.preview-table[data-v-a136ddd5] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
}
.preview-table thead[data-v-a136ddd5] {
  position: sticky;
  top: 0;
  background-color: #1a2332;
  z-index: 10;
}
.preview-table th[data-v-a136ddd5] {
  padding: 0.75rem 0.5rem;
  text-align: left;
  font-weight: 600;
  color: #94a3b8;
  white-space: nowrap;
  border-bottom: 1px solid #232f48;
}
.preview-table td[data-v-a136ddd5] {
  padding: 0.5rem;
  color: #cbd5e1;
  border-bottom: 1px solid #232f48;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.preview-table tbody tr[data-v-a136ddd5]:hover {
  background-color: rgba(19, 91, 236, 0.05);
}
.preview-table tbody tr:last-child td[data-v-a136ddd5] {
  border-bottom: none;
}
.empty-preview[data-v-a136ddd5] {
  text-align: center !important;
  padding: 2rem !important;
  color: #64748b !important;
}
.preview-more-hint[data-v-a136ddd5] {
  text-align: center;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: #64748b;
  font-style: italic;
  background-color: rgba(100, 116, 139, 0.1);
}
.preview-footer[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #232f48;
  background-color: #1a2332;
  border-radius: 0 0 1rem 1rem;
}
.preview-btn[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
}
.preview-btn.cancel[data-v-a136ddd5] {
  background: transparent;
  border: 1px solid #232f48;
  color: #cbd5e1;
}
.preview-btn.cancel[data-v-a136ddd5]:hover {
  background-color: rgba(100, 116, 139, 0.1);
}
.preview-btn.confirm[data-v-a136ddd5] {
  background-color: #135bec;
  border: none;
  color: white;
}
.preview-btn.confirm[data-v-a136ddd5]:hover:not(:disabled) {
  background-color: #1d6bf5;
  transform: translateY(-1px);
}
.preview-btn.confirm[data-v-a136ddd5]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.preview-btn .material-symbols-outlined[data-v-a136ddd5] {
  font-size: 1.125rem;
}
/* Bottom Bar Styles */
.bottom-bar[data-v-a136ddd5] {
  flex-shrink: 0;
  z-index: 50;
  background-color: #1a2332;
  border-top: 1px solid #232f48;
  padding: 1rem;
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1);
}
.bottom-content[data-v-a136ddd5] {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bottom-info[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  color: #94a3b8;
}
.info-item[data-v-a136ddd5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.info-item .material-symbols-outlined[data-v-a136ddd5] {
  font-size: 1.25rem;
}
.info-item:first-child .material-symbols-outlined[data-v-a136ddd5] {
  color: #22c55e;
}
.info-item:last-child .material-symbols-outlined[data-v-a136ddd5] {
  color: #3b82f6;
}
.info-item strong[data-v-a136ddd5] {
  color: white;
}
.divider-vertical[data-v-a136ddd5] {
  width: 1px;
  height: 24px;
  background-color: #232f48;
}
.bottom-actions[data-v-a136ddd5] {
  display: flex;
  gap: 1rem;
}
.btn-back[data-v-a136ddd5],
.btn-complete[data-v-a136ddd5] {
  padding: 0.625rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-back[data-v-a136ddd5] {
  border: 1px solid #232f48;
  background: transparent;
  color: white;
}
.btn-back[data-v-a136ddd5]:hover {
  background-color: rgba(100, 116, 139, 0.1);
}
.btn-complete[data-v-a136ddd5] {
  background-color: #22c55e;
  color: white;
  border: none;
  font-weight: 700;
  box-shadow: 0 10px 15px -3px rgba(34, 197, 94, 0.25);
  transform: translateY(0);
}
.btn-complete[data-v-a136ddd5]:hover {
  background-color: #16a34a;
  transform: translateY(-2px);
}
.btn-complete .material-symbols-outlined[data-v-a136ddd5] {
  font-size: 1rem;
}
/* 打印和PDF导出时防止内容被分页截断 */
@media print {
.doc-header[data-v-a136ddd5],
  .info-grid[data-v-a136ddd5],
  .items-table thead[data-v-a136ddd5],
  .item-row[data-v-a136ddd5],
  .summary-section[data-v-a136ddd5],
  .summary-row[data-v-a136ddd5],
  .summary-total[data-v-a136ddd5],
  .terms-title[data-v-a136ddd5],
  .terms-content[data-v-a136ddd5],
  .terms-paragraph[data-v-a136ddd5],
  .doc-footer[data-v-a136ddd5] {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}
.summary-section[data-v-a136ddd5],
  .terms-section[data-v-a136ddd5] {
    page-break-before: auto;
    break-before: auto;
}
}
/* 用于PDF渲染时的防分页样式 */
.quotation-document .doc-header[data-v-a136ddd5],
.quotation-document .info-grid[data-v-a136ddd5],
.quotation-document .items-table thead[data-v-a136ddd5],
.quotation-document .item-row[data-v-a136ddd5],
.quotation-document .summary-section[data-v-a136ddd5],
.quotation-document .summary-row[data-v-a136ddd5],
.quotation-document .summary-total[data-v-a136ddd5],
.quotation-document .terms-title[data-v-a136ddd5],
.quotation-document .terms-paragraph[data-v-a136ddd5],
.quotation-document .doc-footer[data-v-a136ddd5] {
  break-inside: avoid;
  page-break-inside: avoid;
}



.admin-login[data-v-17b21761] {
  font-family: "Inter", "Noto Sans SC", sans-serif;
  background-color: #101622;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-login[data-v-17b21761] body {
  background-color: #101622;
}
.login-container[data-v-17b21761] {
  display: flex;
  width: 100%;
  min-height: 100vh;
}
/* Left Side - Form */
.login-form-wrapper[data-v-17b21761] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 2rem;
  max-width: 600px;
}
.login-content[data-v-17b21761] {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
}
.branding[data-v-17b21761] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.logo-wrapper[data-v-17b21761] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: #135bec;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.3);
}
.logo-wrapper .material-symbols-outlined[data-v-17b21761] {
  font-size: 1.5rem;
}
.brand-name[data-v-17b21761] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #e2e8f0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.page-title[data-v-17b21761] {
  font-size: 2rem;
  font-weight: 700;
  color: #f1f5f9;
  margin-bottom: 0.5rem;
}
.page-subtitle[data-v-17b21761] {
  font-size: 1.125rem;
  color: #94a3b8;
  margin-bottom: 2rem;
}
/* Form */
.login-form[data-v-17b21761] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.form-group[data-v-17b21761] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-group label[data-v-17b21761] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #cbd5e1;
}
.input-wrapper[data-v-17b21761] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-icon[data-v-17b21761] {
  position: absolute;
  left: 1rem;
  color: #94a3b8;
  font-size: 1.25rem;
  pointer-events: none;
}
.input-wrapper input[data-v-17b21761] {
  width: 100%;
  padding: 1rem 1rem 1rem 3rem;
  border-radius: 0.5rem;
  border: 1px solid #334155;
  background-color: #1e293b;
  color: #e2e8f0;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.input-wrapper input[data-v-17b21761]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 3px rgba(19, 91, 236, 0.1);
}
.input-wrapper input[data-v-17b21761]::placeholder {
  color: #64748b;
}
.toggle-password[data-v-17b21761] {
  position: absolute;
  right: 1rem;
  color: #94a3b8;
  cursor: pointer;
  transition: color 0.2s;
}
.toggle-password[data-v-17b21761]:hover {
  color: #475569;
}
.form-actions[data-v-17b21761] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.remember-me[data-v-17b21761] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #94a3b8;
  cursor: pointer;
}
.remember-me input[data-v-17b21761] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.forgot-link[data-v-17b21761] {
  font-size: 0.875rem;
  color: #135bec;
  text-decoration: none;
  transition: color 0.2s;
}
.forgot-link[data-v-17b21761]:hover {
  color: #1d64f2;
}
.login-btn[data-v-17b21761] {
  width: 100%;
  padding: 1rem;
  background-color: #135bec;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.login-btn[data-v-17b21761]:hover:not(:disabled) {
  background-color: #1d64f2;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.25);
}
.login-btn[data-v-17b21761]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.loading-spinner[data-v-17b21761] {
  width: 1rem;
  height: 1rem;
  border: 2px solid transparent;
  border-top-color: white;
  border-radius: 50%;
  animation: spin-17b21761 0.8s linear infinite;
}
@keyframes spin-17b21761 {
to {
    transform: rotate(360deg);
}
}
.error-message[data-v-17b21761] {
  color: #ef4444;
  font-size: 0.875rem;
  text-align: center;
  padding: 0.5rem;
}
.copyright[data-v-17b21761] {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.5;
}
/* Right Side - Visual */
.visual-side[data-v-17b21761] {
  display: none;
  position: relative;
  flex: 1;
  background-color: #192233;
}
@media (min-width: 1024px) {
.visual-side[data-v-17b21761] {
    display: block;
}
}
.overlay[data-v-17b21761] {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(19, 91, 236, 0.2), transparent, rgba(16, 22, 34, 0.8));
  z-index: 10;
}
.bg-image[data-v-17b21761] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
}
.quote-overlay[data-v-17b21761] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3rem;
  z-index: 20;
  background: linear-gradient(to top, #101622, #101622 80%, transparent);
}
.quote-overlay blockquote[data-v-17b21761] {
  max-width: 400px;
}
.quote-overlay p[data-v-17b21761] {
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0.5rem;
}
.quote-overlay footer[data-v-17b21761] {
  font-size: 0.875rem;
  color: #135bec;
  font-weight: 600;
}


.rate-management[data-v-be8b5ae1] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-be8b5ae1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.toolbar-left[data-v-be8b5ae1],
.toolbar-right[data-v-be8b5ae1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.btn-primary[data-v-be8b5ae1],
.btn-secondary[data-v-be8b5ae1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.btn-primary[data-v-be8b5ae1] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-be8b5ae1]:hover {
  background-color: #1d64f2;
}
.btn-secondary[data-v-be8b5ae1] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-be8b5ae1]:hover {
  background-color: #475569;
}
.search-box[data-v-be8b5ae1] {
  display: flex;
  align-items: center;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.search-box .material-symbols-outlined[data-v-be8b5ae1] {
  font-size: 1.125rem;
  color: #64748b;
  margin-right: 0.5rem;
}
.search-box input[data-v-be8b5ae1] {
  background: transparent;
  border: none;
  color: #e2e8f0;
  font-size: 0.875rem;
  width: 200px;
}
.search-box input[data-v-be8b5ae1]:focus {
  outline: none;
}
.table-container[data-v-be8b5ae1] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.data-table[data-v-be8b5ae1] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-be8b5ae1] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-be8b5ae1] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
}
.data-table tbody tr[data-v-be8b5ae1]:hover {
  background-color: #334155;
}
.actions[data-v-be8b5ae1] {
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-be8b5ae1] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #64748b;
}
.action-btn.edit[data-v-be8b5ae1]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.delete[data-v-be8b5ae1]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.empty-state[data-v-be8b5ae1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-be8b5ae1] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Dialog */
.dialog-overlay[data-v-be8b5ae1] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog[data-v-be8b5ae1] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 500px;
}
.dialog-header[data-v-be8b5ae1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-be8b5ae1] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-be8b5ae1] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-be8b5ae1] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-group[data-v-be8b5ae1] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-be8b5ae1] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.form-group input[data-v-be8b5ae1] {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group input[data-v-be8b5ae1]:focus {
  outline: none;
  border-color: #135bec;
}
.dialog-footer[data-v-be8b5ae1] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

.service-level-management[data-v-37a23e1a] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.toolbar-left[data-v-37a23e1a],
.toolbar-right[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-primary[data-v-37a23e1a],
.btn-secondary[data-v-37a23e1a],
.btn-success[data-v-37a23e1a],
.btn-warning[data-v-37a23e1a],
.btn-danger[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  color: white;
}
.btn-primary[data-v-37a23e1a] {
  background-color: #135bec;
}
.btn-primary[data-v-37a23e1a]:hover {
  background-color: #1d64f2;
}
.btn-success[data-v-37a23e1a] {
  background-color: #10b981;
}
.btn-success[data-v-37a23e1a]:hover {
  background-color: #059669;
}
.btn-warning[data-v-37a23e1a] {
  background-color: #f59e0b;
}
.btn-warning[data-v-37a23e1a]:hover {
  background-color: #d97706;
}
.btn-danger[data-v-37a23e1a] {
  background-color: #ef4444;
}
.btn-danger[data-v-37a23e1a]:hover {
  background-color: #dc2626;
}
.btn-secondary[data-v-37a23e1a] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-37a23e1a]:hover {
  background-color: #475569;
}
.search-box[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.search-box .material-symbols-outlined[data-v-37a23e1a] {
  font-size: 1.125rem;
  color: #64748b;
  margin-right: 0.5rem;
}
.search-box input[data-v-37a23e1a] {
  background: transparent;
  border: none;
  color: #e2e8f0;
  font-size: 0.875rem;
  width: 220px;
}
.search-box input[data-v-37a23e1a]:focus {
  outline: none;
}
.table-container[data-v-37a23e1a] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.data-table[data-v-37a23e1a] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-37a23e1a] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-37a23e1a] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
}
.data-table tbody tr[data-v-37a23e1a]:hover {
  background-color: #334155;
}
.level-badge[data-v-37a23e1a] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: monospace;
}
.actions[data-v-37a23e1a] {
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-37a23e1a] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #64748b;
}
.action-btn.edit[data-v-37a23e1a]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.delete[data-v-37a23e1a]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.empty-state[data-v-37a23e1a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-37a23e1a] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Pagination */
.pagination-container[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
}
.pagination-info[data-v-37a23e1a] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-controls[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pagination-btn[data-v-37a23e1a] {
  background: transparent;
  border: 1px solid #334155;
  color: #94a3b8;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.pagination-btn[data-v-37a23e1a]:hover:not(:disabled) {
  background-color: #334155;
  color: #e2e8f0;
}
.pagination-btn[data-v-37a23e1a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-current[data-v-37a23e1a] {
  font-size: 0.875rem;
  color: #e2e8f0;
  min-width: 2rem;
  text-align: center;
}
.page-size-select[data-v-37a23e1a] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #e2e8f0;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}
.page-size-select[data-v-37a23e1a]:focus {
  outline: none;
  border-color: #135bec;
}

/* Dialog */
.dialog-overlay[data-v-37a23e1a] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog[data-v-37a23e1a] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 500px;
}
.dialog-sm[data-v-37a23e1a] {
  max-width: 350px;
}
.dialog-header[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-37a23e1a] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-37a23e1a] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-37a23e1a] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-group[data-v-37a23e1a] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-37a23e1a] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.form-group input[data-v-37a23e1a] {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group input[data-v-37a23e1a]:focus {
  outline: none;
  border-color: #135bec;
}
.dialog-footer[data-v-37a23e1a] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

/* Template options */
.template-options[data-v-37a23e1a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.template-btn[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.template-btn[data-v-37a23e1a]:hover {
  background-color: #334155;
  border-color: #135bec;
}
@keyframes slideIn-37a23e1a {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}

/* Applicable Products */
.applicable-products[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
}
.no-products[data-v-37a23e1a] {
  color: #64748b;
  font-size: 0.875rem;
}
.product-tag[data-v-37a23e1a] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  background-color: rgba(6, 182, 212, 0.1);
  color: #22d3ee;
  border: 1px solid rgba(6, 182, 212, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.more-products[data-v-37a23e1a] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  background-color: rgba(100, 116, 139, 0.1);
  color: #94a3b8;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}

/* Product Selector */
.product-selector[data-v-37a23e1a] {
  position: relative;
}
.selected-products[data-v-37a23e1a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 2.5rem;
  padding: 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
}
.selected-product-tag[data-v-37a23e1a] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
  border: 1px solid rgba(19, 91, 236, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.remove-product[data-v-37a23e1a] {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}
.remove-product[data-v-37a23e1a]:hover {
  color: #ef4444;
}
.remove-product .material-symbols-outlined[data-v-37a23e1a] {
  font-size: 0.875rem;
}
.add-product-btn[data-v-37a23e1a] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.add-product-btn[data-v-37a23e1a]:hover {
  border-color: #475569;
  background-color: #1e293b;
}
.add-product-btn .material-symbols-outlined[data-v-37a23e1a] {
  font-size: 1rem;
}
.product-dropdown[data-v-37a23e1a] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.25rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.dropdown-search[data-v-37a23e1a] {
  padding: 0.5rem;
  border-bottom: 1px solid #334155;
}
.dropdown-search input[data-v-37a23e1a] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.dropdown-search input[data-v-37a23e1a]:focus {
  outline: none;
  border-color: #135bec;
}
.dropdown-list[data-v-37a23e1a] {
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-item[data-v-37a23e1a] {
  padding: 0.5rem 0.75rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.dropdown-item[data-v-37a23e1a]:hover {
  background-color: #334155;
  color: #f1f5f9;
}
.dropdown-item[data-v-37a23e1a]:first-child {
  border-radius: 0.375rem 0.375rem 0 0;
}
.dropdown-item[data-v-37a23e1a]:last-child {
  border-radius: 0 0 0.375rem 0.375rem;
}

/* SLA 标准化 - 新字段样式 */
.col-definition[data-v-37a23e1a] {
  max-width: 22rem;
}
.definition-text[data-v-37a23e1a] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #94a3b8;
  font-size: 0.85rem;
  line-height: 1.4;
}
.col-aliases[data-v-37a23e1a] {
  max-width: 18rem;
}
.aliases-cell[data-v-37a23e1a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.alias-tag[data-v-37a23e1a] {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  background: rgba(168, 85, 247, 0.18);
  color: #c084fc;
  border-radius: 0.3rem;
  font-size: 0.78rem;
  white-space: nowrap;
}
.alias-tag.editable[data-v-37a23e1a] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding-right: 0.25rem;
}
.alias-tag .remove-alias[data-v-37a23e1a] {
  background: transparent;
  border: none;
  color: #c084fc;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0;
}
.alias-tag .remove-alias .material-symbols-outlined[data-v-37a23e1a] {
  font-size: 14px;
}
.sla-combo[data-v-37a23e1a] {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
  font-weight: 600;
  color: #74a8ff;
}
.aliases-editor[data-v-37a23e1a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(20, 30, 48, 0.6);
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.4rem;
}
.aliases-editor .aliases-list[data-v-37a23e1a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  min-height: 0;
}
.aliases-editor input[data-v-37a23e1a] {
  background: transparent;
  border: none;
  outline: none;
  color: #e3eaf5;
  font-size: 0.88rem;
  padding: 0.3rem 0.1rem;
}
.form-hint[data-v-37a23e1a] {
  color: #6b7d96;
  font-weight: normal;
  font-size: 0.75rem;
  margin-left: 0.35rem;
}
.form-group textarea[data-v-37a23e1a] {
  width: 100%;
  padding: 0.5rem 0.7rem;
  background: rgba(20, 30, 48, 0.8);
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.4rem;
  color: #e3eaf5;
  font-size: 0.88rem;
  font-family: inherit;
  resize: vertical;
}

.pricing-parameter-management[data-v-1d490988] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-1d490988] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.toolbar-left[data-v-1d490988],
.toolbar-right[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-primary[data-v-1d490988],
.btn-secondary[data-v-1d490988],
.btn-success[data-v-1d490988],
.btn-warning[data-v-1d490988],
.btn-danger[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  color: white;
}
.btn-primary[data-v-1d490988] {
  background-color: #135bec;
}
.btn-primary[data-v-1d490988]:hover {
  background-color: #1d64f2;
}
.btn-success[data-v-1d490988] {
  background-color: #10b981;
}
.btn-success[data-v-1d490988]:hover {
  background-color: #059669;
}
.btn-warning[data-v-1d490988] {
  background-color: #f59e0b;
}
.btn-warning[data-v-1d490988]:hover {
  background-color: #d97706;
}
.btn-danger[data-v-1d490988] {
  background-color: #ef4444;
}
.btn-danger[data-v-1d490988]:hover {
  background-color: #dc2626;
}
.btn-secondary[data-v-1d490988] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-1d490988]:hover {
  background-color: #475569;
}
.search-box[data-v-1d490988] {
  display: flex;
  align-items: center;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.search-box .material-symbols-outlined[data-v-1d490988] {
  font-size: 1.125rem;
  color: #64748b;
  margin-right: 0.5rem;
}
.search-box input[data-v-1d490988] {
  background: transparent;
  border: none;
  color: #e2e8f0;
  font-size: 0.875rem;
  width: 220px;
}
.search-box input[data-v-1d490988]:focus {
  outline: none;
}
.table-container[data-v-1d490988] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.data-table[data-v-1d490988] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-1d490988] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-1d490988] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
}
.data-table tbody tr[data-v-1d490988]:hover {
  background-color: #334155;
}
.category-badge[data-v-1d490988] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.actions[data-v-1d490988] {
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-1d490988] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #64748b;
}
.action-btn.edit[data-v-1d490988]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.delete[data-v-1d490988]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.empty-state[data-v-1d490988] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-1d490988] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Pagination */
.pagination-container[data-v-1d490988] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
}
.pagination-info[data-v-1d490988] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-info span[data-v-1d490988] {
  color: #f1f5f9;
  font-weight: 600;
}
.pagination-controls[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pagination-btn[data-v-1d490988] {
  background: transparent;
  border: 1px solid #334155;
  color: #94a3b8;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s;
  min-width: 2rem;
  justify-content: center;
}
.pagination-btn[data-v-1d490988]:hover:not(:disabled) {
  background-color: #334155;
  color: #e2e8f0;
}
.pagination-btn.active[data-v-1d490988] {
  background-color: #135bec;
  border-color: #135bec;
  color: white;
}
.pagination-btn.page-number[data-v-1d490988] {
  font-size: 0.875rem;
}
.pagination-btn[data-v-1d490988]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-size-select[data-v-1d490988] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #e2e8f0;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}
.page-size-select[data-v-1d490988]:focus {
  outline: none;
  border-color: #135bec;
}

/* Dialog */
.dialog-overlay[data-v-1d490988] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog[data-v-1d490988] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 500px;
}
.dialog-sm[data-v-1d490988] {
  max-width: 350px;
}
.dialog-header[data-v-1d490988] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-1d490988] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-1d490988] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-1d490988] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-group[data-v-1d490988] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-1d490988] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.form-group input[data-v-1d490988],
.form-group select[data-v-1d490988] {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group input[data-v-1d490988]:focus,
.form-group select[data-v-1d490988]:focus {
  outline: none;
  border-color: #135bec;
}
.form-select[data-v-1d490988] {
  cursor: pointer;
}
.dialog-footer[data-v-1d490988] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

/* Template options */
.template-options[data-v-1d490988] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.template-btn[data-v-1d490988] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.template-btn[data-v-1d490988]:hover {
  background-color: #334155;
  border-color: #135bec;
}

/* Applicable Products */
.applicable-products[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
}
.no-products[data-v-1d490988] {
  color: #64748b;
  font-size: 0.875rem;
}
.product-tag[data-v-1d490988] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  background-color: rgba(6, 182, 212, 0.1);
  color: #22d3ee;
  border: 1px solid rgba(6, 182, 212, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.more-products[data-v-1d490988] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  background-color: rgba(100, 116, 139, 0.1);
  color: #94a3b8;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}

/* Product Selector */
.product-selector[data-v-1d490988] {
  position: relative;
}
.selected-products[data-v-1d490988] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 2.5rem;
  padding: 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
}
.selected-product-tag[data-v-1d490988] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
  border: 1px solid rgba(19, 91, 236, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.remove-product[data-v-1d490988] {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}
.remove-product[data-v-1d490988]:hover {
  color: #ef4444;
}
.remove-product .material-symbols-outlined[data-v-1d490988] {
  font-size: 0.875rem;
}
.add-product-btn[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.add-product-btn[data-v-1d490988]:hover {
  border-color: #475569;
  background-color: #1e293b;
}
.add-product-btn .material-symbols-outlined[data-v-1d490988] {
  font-size: 1rem;
}
.product-dropdown[data-v-1d490988] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.25rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.dropdown-search[data-v-1d490988] {
  padding: 0.5rem;
  border-bottom: 1px solid #334155;
}
.dropdown-search input[data-v-1d490988] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.dropdown-search input[data-v-1d490988]:focus {
  outline: none;
  border-color: #135bec;
}
.dropdown-list[data-v-1d490988] {
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-item[data-v-1d490988] {
  padding: 0.5rem 0.75rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.dropdown-item[data-v-1d490988]:hover {
  background-color: #334155;
  color: #f1f5f9;
}
.dropdown-item[data-v-1d490988]:first-child {
  border-radius: 0.375rem 0.375rem 0 0;
}
.dropdown-item[data-v-1d490988]:last-child {
  border-radius: 0 0 0.375rem 0.375rem;
}
@keyframes slideIn-1d490988 {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}
.material-symbols-outlined[data-v-1d490988] {
  font-family: 'Material Symbols Outlined';
  font-size: 1.25rem;
  vertical-align: middle;
}

/* Batch Operations Styles */
.batch-actions-bar[data-v-1d490988] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #135bec 0%, #0d4db3 100%);
  border-radius: 0.5rem;
  animation: slideDown-1d490988 0.3s ease-out;
}
@keyframes slideDown-1d490988 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.batch-actions-left[data-v-1d490988],
.batch-actions-right[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.selected-count[data-v-1d490988] {
  color: white;
  font-size: 0.875rem;
}
.selected-count strong[data-v-1d490988] {
  font-weight: 700;
  font-size: 1rem;
}
.batch-actions-bar .btn[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}
.batch-actions-bar .btn-primary[data-v-1d490988] {
  background: white;
  color: #135bec;
}
.batch-actions-bar .btn-primary[data-v-1d490988]:hover {
  background: #f1f5f9;
}
.batch-actions-bar .btn-secondary[data-v-1d490988] {
  background: rgba(255, 255, 255, 0.15);
  color: white;
}
.batch-actions-bar .btn-secondary[data-v-1d490988]:hover {
  background: rgba(255, 255, 255, 0.25);
}
.batch-actions-bar .btn-danger[data-v-1d490988] {
  background: #ef4444;
  color: white;
}
.batch-actions-bar .btn-danger[data-v-1d490988]:hover {
  background: #dc2626;
}
.batch-actions-bar .material-symbols-outlined[data-v-1d490988] {
  font-size: 1rem;
}

/* Checkbox Column */
.checkbox-column[data-v-1d490988] {
  width: 48px;
  text-align: center;
}
.checkbox-wrapper[data-v-1d490988] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.checkbox-wrapper input[type="checkbox"][data-v-1d490988] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox-custom[data-v-1d490988] {
  width: 18px;
  height: 18px;
  border: 2px solid #475569;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  background: transparent;
}
.checkbox-wrapper input[type="checkbox"]:checked + .checkbox-custom[data-v-1d490988] {
  background: #135bec;
  border-color: #135bec;
}
.checkbox-wrapper input[type="checkbox"]:checked + .checkbox-custom[data-v-1d490988]::after {
  content: '';
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-top: -2px;
}
.checkbox-wrapper input[type="checkbox"]:indeterminate + .checkbox-custom[data-v-1d490988] {
  background: #135bec;
  border-color: #135bec;
}
.checkbox-wrapper input[type="checkbox"]:indeterminate + .checkbox-custom[data-v-1d490988]::after {
  content: '';
  width: 10px;
  height: 2px;
  background: white;
  border-radius: 1px;
}
.checkbox-wrapper:hover .checkbox-custom[data-v-1d490988] {
  border-color: #135bec;
}

/* Selected row style */
.data-table tbody tr.selected[data-v-1d490988] {
  background-color: rgba(19, 91, 236, 0.1) !important;
}
.data-table tbody tr.selected td[data-v-1d490988] {
  border-top-color: rgba(19, 91, 236, 0.3);
  border-bottom-color: rgba(19, 91, 236, 0.3);
}

/* Batch Edit Dialog */
.batch-edit-dialog[data-v-1d490988] {
  max-width: 550px;
}
.batch-edit-info[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(19, 91, 236, 0.1);
  border: 1px solid rgba(19, 91, 236, 0.2);
  border-radius: 0.375rem;
  margin-bottom: 1rem;
  color: #94a3b8;
  font-size: 0.875rem;
}
.batch-edit-info .material-symbols-outlined[data-v-1d490988] {
  color: #135bec;
  font-size: 1.125rem;
}
.batch-edit .form-group[data-v-1d490988] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.batch-edit .form-group > label[data-v-1d490988] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #94a3b8;
  cursor: pointer;
}
.batch-edit .form-group > label input[type="checkbox"][data-v-1d490988] {
  width: 18px;
  height: 18px;
  accent-color: #135bec;
  cursor: pointer;
}
.batch-edit .form-group input[data-v-1d490988]:disabled,
.batch-edit .form-group select[data-v-1d490988]:disabled,
.batch-edit .form-group .product-selector.disabled[data-v-1d490988] {
  opacity: 0.5;
  pointer-events: none;
}
.product-selector.disabled .add-product-btn[data-v-1d490988] {
  cursor: not-allowed;
}
.batch-edit .form-group input[data-v-1d490988]::placeholder,
.batch-edit .form-group select option[data-v-1d490988]:first-child {
  color: #64748b;
}

.gpu-price-management[data-v-638d8844] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-638d8844] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.toolbar-left[data-v-638d8844],
.toolbar-right[data-v-638d8844] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.btn-primary[data-v-638d8844],
.btn-secondary[data-v-638d8844] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.btn-primary[data-v-638d8844] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-638d8844]:hover {
  background-color: #1d64f2;
}
.btn-secondary[data-v-638d8844] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-638d8844]:hover {
  background-color: #475569;
}
.search-box[data-v-638d8844] {
  display: flex;
  align-items: center;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.search-box .material-symbols-outlined[data-v-638d8844] {
  font-size: 1.125rem;
  color: #64748b;
  margin-right: 0.5rem;
}
.search-box input[data-v-638d8844] {
  background: transparent;
  border: none;
  color: #e2e8f0;
  font-size: 0.875rem;
  width: 200px;
}
.search-box input[data-v-638d8844]:focus {
  outline: none;
}
.table-container[data-v-638d8844] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.data-table[data-v-638d8844] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-638d8844] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-638d8844] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
}
.data-table tbody tr[data-v-638d8844]:hover {
  background-color: #334155;
}
.actions[data-v-638d8844] {
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-638d8844] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #64748b;
}
.action-btn.edit[data-v-638d8844]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.delete[data-v-638d8844]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.empty-state[data-v-638d8844] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-638d8844] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Dialog */
.dialog-overlay[data-v-638d8844] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog[data-v-638d8844] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 600px;
}
.dialog-header[data-v-638d8844] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-638d8844] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-638d8844] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-638d8844] {
  padding: 1.5rem;
}
.form-row[data-v-638d8844] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.form-group[data-v-638d8844] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-638d8844] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.form-group input[data-v-638d8844] {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group input[data-v-638d8844]:focus {
  outline: none;
  border-color: #135bec;
}
.dialog-footer[data-v-638d8844] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

.spare-parts-management[data-v-5c275eeb] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-5c275eeb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.toolbar-left[data-v-5c275eeb],
.toolbar-right[data-v-5c275eeb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.btn-primary[data-v-5c275eeb],
.btn-secondary[data-v-5c275eeb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.btn-primary[data-v-5c275eeb] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-5c275eeb]:hover {
  background-color: #1d64f2;
}
.btn-secondary[data-v-5c275eeb] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-5c275eeb]:hover {
  background-color: #475569;
}
.search-box[data-v-5c275eeb] {
  display: flex;
  align-items: center;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.search-box .material-symbols-outlined[data-v-5c275eeb] {
  font-size: 1.125rem;
  color: #64748b;
  margin-right: 0.5rem;
}
.search-box input[data-v-5c275eeb] {
  background: transparent;
  border: none;
  color: #e2e8f0;
  font-size: 0.875rem;
  width: 200px;
}
.search-box input[data-v-5c275eeb]:focus {
  outline: none;
}
.table-container[data-v-5c275eeb] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.data-table[data-v-5c275eeb] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-5c275eeb] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-5c275eeb] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
}
.data-table tbody tr[data-v-5c275eeb]:hover {
  background-color: #334155;
}
.pn-code[data-v-5c275eeb] {
  font-family: monospace;
  color: #135bec;
}
.price-cell[data-v-5c275eeb] {
  font-weight: 600;
  color: #22c55e;
}
.actions[data-v-5c275eeb] {
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-5c275eeb] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #64748b;
}
.action-btn.edit[data-v-5c275eeb]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.delete[data-v-5c275eeb]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.empty-state[data-v-5c275eeb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-5c275eeb] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Total Count */
.total-count[data-v-5c275eeb] {
  font-size: 0.875rem;
  color: #64748b;
  padding: 0.5rem 0.75rem;
  background-color: #1e293b;
  border-radius: 0.375rem;
}

/* Loading */
.table-container.loading[data-v-5c275eeb] {
  position: relative;
}
.loading-overlay[data-v-5c275eeb] {
  position: absolute;
  inset: 0;
  background-color: rgba(15, 23, 42, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  z-index: 10;
  color: #94a3b8;
}
.loading-spinner[data-v-5c275eeb] {
  width: 2rem;
  height: 2rem;
  border: 3px solid #334155;
  border-top-color: #135bec;
  border-radius: 50%;
  animation: spin-5c275eeb 0.8s linear infinite;
}
@keyframes spin-5c275eeb {
to { transform: rotate(360deg);
}
}

/* Description Cell */
.desc-cell[data-v-5c275eeb] {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Pagination */
.pagination[data-v-5c275eeb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.pagination-info[data-v-5c275eeb] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-controls[data-v-5c275eeb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-btn[data-v-5c275eeb] {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.page-btn[data-v-5c275eeb]:hover:not(:disabled) {
  background-color: #334155;
  color: #f1f5f9;
}
.page-btn[data-v-5c275eeb]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-btn .material-symbols-outlined[data-v-5c275eeb] {
  font-size: 1.125rem;
}
.page-size-select[data-v-5c275eeb] {
  padding: 0.375rem 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.25rem;
  color: #94a3b8;
  font-size: 0.875rem;
  cursor: pointer;
}
.page-size-select[data-v-5c275eeb]:hover {
  border-color: #475569;
}

/* Dialog */
.dialog-overlay[data-v-5c275eeb] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog[data-v-5c275eeb] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 500px;
}
.dialog-header[data-v-5c275eeb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-5c275eeb] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-5c275eeb] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-5c275eeb] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-row[data-v-5c275eeb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.form-group[data-v-5c275eeb] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-5c275eeb] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.form-group input[data-v-5c275eeb] {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group input[data-v-5c275eeb]:focus {
  outline: none;
  border-color: #135bec;
}
.dialog-footer[data-v-5c275eeb] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

.manual-matching-management[data-v-b61d4268] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
  position: relative;
  padding-bottom: 60px; /* 为底部分页栏预留空间 */
}

/* Stats Row */
.stats-row[data-v-b61d4268] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.stat-card[data-v-b61d4268] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.stat-icon[data-v-b61d4268] {
  width: 48px;
  height: 48px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stat-icon.pending[data-v-b61d4268] {
  background-color: rgba(234, 179, 8, 0.15);
  color: #eab308;
}
.stat-icon.confirmed[data-v-b61d4268] {
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}
.stat-icon.total[data-v-b61d4268] {
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
}
.stat-icon .material-symbols-outlined[data-v-b61d4268] {
  font-size: 1.5rem;
}
.stat-info[data-v-b61d4268] {
  flex: 1;
}
.stat-value[data-v-b61d4268] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #f1f5f9;
  font-family: "Inter", sans-serif;
}
.stat-label[data-v-b61d4268] {
  font-size: 0.875rem;
  color: #64748b;
}

/* Filters */
.filters[data-v-b61d4268] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  background-color: #1e293b;
  border-radius: 0.5rem;
  border: 1px solid #334155;
}
.filter-group[data-v-b61d4268] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.filter-group label[data-v-b61d4268] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.filter-group select[data-v-b61d4268],
.filter-group input[data-v-b61d4268] {
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.filter-group input[data-v-b61d4268] {
  width: 250px;
}
.filter-actions[data-v-b61d4268] {
  margin-left: auto;
  display: flex;
  gap: 0.75rem;
}
.btn-confirm[data-v-b61d4268],
.btn-delete[data-v-b61d4268] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.btn-confirm[data-v-b61d4268] {
  background-color: #22c55e;
  color: white;
}
.btn-confirm[data-v-b61d4268]:hover:not(:disabled) {
  background-color: #16a34a;
}
.btn-confirm[data-v-b61d4268]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-delete[data-v-b61d4268] {
  background-color: #ef4444;
  color: white;
}
.btn-delete[data-v-b61d4268]:hover:not(:disabled) {
  background-color: #dc2626;
}
.btn-delete[data-v-b61d4268]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Table */
.table-wrapper[data-v-b61d4268] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.table-container[data-v-b61d4268] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
  min-height: 300px;
  max-height: calc(100vh - 400px); /* 减去顶部统计卡片、筛选栏和底部分页栏的高度 */
}
.table-container thead[data-v-b61d4268] {
  position: sticky;
  top: 0;
  z-index: 10;
}
.data-table[data-v-b61d4268] {
  width: 100%;
  border-collapse: collapse;
}
.data-table thead[data-v-b61d4268] {
  background-color: #0f172a;
}
.data-table th[data-v-b61d4268] {
  padding: 1rem 0.75rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #334155;
}
.data-table td[data-v-b61d4268] {
  padding: 0.75rem;
  font-size: 0.875rem;
  color: #cbd5e1;
  border-bottom: 1px solid #334155;
}
.data-table tbody tr[data-v-b61d4268] {
  transition: background-color 0.2s;
}
.data-table tbody tr[data-v-b61d4268]:hover {
  background-color: #1e293b;
}
.data-table tbody tr.row-selected[data-v-b61d4268] {
  background-color: rgba(19, 91, 236, 0.1);
}
.col-select[data-v-b61d4268] {
  width: 40px;
  text-align: center;
}
.cell-model[data-v-b61d4268],
.cell-model-matched[data-v-b61d4268] {
  font-family: "JetBrains Mono", monospace;
  color: #a5b4fc;
  font-weight: 500;
}
.cell-model-matched[data-v-b61d4268] {
  color: #22c55e;
}
.cell-time[data-v-b61d4268] {
  font-size: 0.75rem;
  color: #64748b;
}
.col-actions[data-v-b61d4268] {
  width: 100px;
  text-align: center;
}
.action-btn[data-v-b61d4268] {
  padding: 0.375rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #94a3b8;
  transition: all 0.2s;
}
.action-btn.confirm[data-v-b61d4268]:hover {
  color: #22c55e;
  background-color: rgba(34, 197, 94, 0.1);
}
.action-btn.delete[data-v-b61d4268]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.no-data[data-v-b61d4268] {
  text-align: center !important;
  padding: 3rem !important;
  color: #64748b;
}
.no-data .material-symbols-outlined[data-v-b61d4268] {
  font-size: 2rem;
  display: block;
  margin: 0 auto 0.5rem;
}
.source-badge[data-v-b61d4268] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.source-badge.datacenter[data-v-b61d4268] {
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
}
.source-badge.office[data-v-b61d4268] {
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}
.source-badge.hybrid[data-v-b61d4268] {
  background-color: rgba(234, 179, 8, 0.15);
  color: #eab308;
}
.status-badge[data-v-b61d4268] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.status-badge.pending[data-v-b61d4268] {
  background-color: rgba(234, 179, 8, 0.15);
  color: #eab308;
}
.status-badge.confirmed[data-v-b61d4268] {
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

/* Pagination - 固定在底部 */
.pagination[data-v-b61d4268] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border-radius: 0.5rem;
  border: 1px solid #334155;
  flex-shrink: 0;
  z-index: 20;
}
.pagination-info[data-v-b61d4268] {
  color: #94a3b8;
  font-size: 0.875rem;
}
.pagination-controls[data-v-b61d4268] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-btn[data-v-b61d4268] {
  padding: 0.375rem 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-btn[data-v-b61d4268]:hover:not(:disabled) {
  background-color: #1e293b;
  color: #f1f5f9;
}
.page-btn[data-v-b61d4268]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-btn .material-symbols-outlined[data-v-b61d4268] {
  font-size: 1rem;
}
.page-size-select[data-v-b61d4268] {
  padding: 0.375rem 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.25rem;
  color: #94a3b8;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.page-size-select[data-v-b61d4268]:hover {
  border-color: #475569;
}
.page-size-select[data-v-b61d4268]:focus {
  outline: none;
  border-color: #135bec;
}

/* Toast Notification */
.toast[data-v-b61d4268] {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background-color: #1e293b;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
  z-index: 100;
  animation: slideIn-b61d4268 0.3s ease-out;
}
.toast.success[data-v-b61d4268] {
  border-left: 4px solid #22c55e;
}
.toast.error[data-v-b61d4268] {
  border-left: 4px solid #ef4444;
}
.toast .material-symbols-outlined[data-v-b61d4268] {
  font-size: 1.25rem;
}
.toast.success .material-symbols-outlined[data-v-b61d4268] {
  color: #22c55e;
}
.toast.error .material-symbols-outlined[data-v-b61d4268] {
  color: #ef4444;
}
@keyframes slideIn-b61d4268 {
from {
    transform: translateY(100%);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}

/* 确认覆盖对话框 */
.dialog-overlay[data-v-b61d4268] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
  animation: fadeIn-b61d4268 0.2s ease-out;
}
.dialog-content[data-v-b61d4268] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  padding: 1.5rem;
  width: 100%;
  max-width: 450px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
  animation: slideUp-b61d4268 0.3s ease-out;
}
.dialog-header[data-v-b61d4268] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.dialog-icon[data-v-b61d4268] {
  font-size: 1.5rem;
  color: #eab308;
}
.dialog-header h3[data-v-b61d4268] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.dialog-body[data-v-b61d4268] {
  margin-bottom: 1.5rem;
}
.dialog-body p[data-v-b61d4268] {
  margin: 0 0 1rem;
  color: #cbd5e1;
  line-height: 1.5;
}
.dialog-question[data-v-b61d4268] {
  font-weight: 500;
  color: #f1f5f9;
}
.conflict-info[data-v-b61d4268] {
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
}
.conflict-row[data-v-b61d4268] {
  display: flex;
  justify-content: space-between;
  padding: 0.375rem 0;
  border-bottom: 1px solid #1e293b;
}
.conflict-row[data-v-b61d4268]:last-child {
  border-bottom: none;
}
.conflict-label[data-v-b61d4268] {
  color: #94a3b8;
  font-size: 0.875rem;
}
.conflict-value[data-v-b61d4268] {
  color: #f1f5f9;
  font-weight: 500;
  font-size: 0.875rem;
}
.dialog-footer[data-v-b61d4268] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}
.dialog-btn[data-v-b61d4268] {
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.dialog-btn.cancel[data-v-b61d4268] {
  background-color: #334155;
  color: #cbd5e1;
}
.dialog-btn.cancel[data-v-b61d4268]:hover {
  background-color: #475569;
}
.dialog-btn.ignore[data-v-b61d4268] {
  background-color: #64748b;
  color: #f1f5f9;
}
.dialog-btn.ignore[data-v-b61d4268]:hover {
  background-color: #94a3b8;
}
.dialog-btn.override[data-v-b61d4268] {
  background-color: #eab308;
  color: #0f172a;
}
.dialog-btn.override[data-v-b61d4268]:hover {
  background-color: #f59e0b;
}
@keyframes fadeIn-b61d4268 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-b61d4268 {
from {
    transform: translateY(20px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}

.semantic-dict[data-v-96a7551d] {
  padding: 4px;
}
.header-bar[data-v-96a7551d] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.intro-title[data-v-96a7551d] {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px;
  color: #1f2937;
}
.intro-desc[data-v-96a7551d] {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
  line-height: 1.6;
  max-width: 760px;
}
.actions[data-v-96a7551d] {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.stat-cards[data-v-96a7551d] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.stat-card[data-v-96a7551d] {
  flex: 0 0 150px;
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  transition: all 0.15s;
}
.stat-card[data-v-96a7551d]:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.stat-card .num[data-v-96a7551d] { font-size: 24px; font-weight: 700;
}
.stat-card .label[data-v-96a7551d] { font-size: 12px; color: #6b7280; margin-top: 2px;
}
.stat-card.pending .num[data-v-96a7551d] { color: #d97706;
}
.stat-card.approved .num[data-v-96a7551d] { color: #059669;
}
.stat-card.rejected .num[data-v-96a7551d] { color: #dc2626;
}
.toolbar[data-v-96a7551d] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.toolbar-right[data-v-96a7551d] {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sel-count[data-v-96a7551d] { font-size: 13px; color: #6b7280;
}
.term-text[data-v-96a7551d] { font-weight: 500;
}

.system-settings[data-v-1b066e46] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
}
.settings-grid[data-v-1b066e46] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}
.setting-card[data-v-1b066e46] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: hidden;
}
.card-header[data-v-1b066e46] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.card-icon[data-v-1b066e46] {
  font-size: 1.5rem;
  color: #135bec;
}
.card-title h3[data-v-1b066e46] {
  font-size: 1rem;
  font-weight: 600;
  color: #f1f5f9;
}
.card-title p[data-v-1b066e46] {
  font-size: 0.875rem;
  color: #64748b;
  margin-top: 0.125rem;
}
.card-body[data-v-1b066e46] {
  padding: 1rem 1.5rem;
}
.stat-row[data-v-1b066e46] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid #334155;
}
.stat-row[data-v-1b066e46]:last-child {
  border-bottom: none;
}
.stat-label[data-v-1b066e46] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.stat-value[data-v-1b066e46] {
  font-size: 0.875rem;
  color: #f1f5f9;
  font-weight: 500;
}
.stat-value.success[data-v-1b066e46] {
  color: #22c55e;
}
.config-row[data-v-1b066e46] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid #334155;
}
.config-row[data-v-1b066e46]:last-child {
  border-bottom: none;
}
.config-label[data-v-1b066e46] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.config-value[data-v-1b066e46] {
  font-size: 0.875rem;
  color: #f1f5f9;
  font-family: monospace;
}
.status-badge[data-v-1b066e46] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.status-badge.success[data-v-1b066e46] {
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

/* Quick Actions */
.quick-actions[data-v-1b066e46] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  padding: 1.5rem;
}
.section-title[data-v-1b066e46] {
  font-size: 1rem;
  font-weight: 600;
  color: #f1f5f9;
  margin-bottom: 1rem;
}
.actions-grid[data-v-1b066e46] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}
.action-card[data-v-1b066e46] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
}
.action-card[data-v-1b066e46]:hover {
  background-color: #1e293b;
  border-color: #475569;
}
.action-card .material-symbols-outlined[data-v-1b066e46] {
  font-size: 1.5rem;
  color: #94a3b8;
}
.action-card span[data-v-1b066e46] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.action-card.warning:hover .material-symbols-outlined[data-v-1b066e46] {
  color: #ef4444;
}



.service-terms-management[data-v-18a10113] {
  font-family: "Inter", "Noto Sans SC", sans-serif;
  color: #e2e8f0;
}
/* Page Header */
.page-header[data-v-18a10113] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.page-header[data-v-18a10113] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
}
.header-info[data-v-18a10113] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.page-title[data-v-18a10113] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f1f5f9;
  letter-spacing: -0.025em;
}
@media (min-width: 640px) {
.page-title[data-v-18a10113] {
    font-size: 1.875rem;
}
}
.page-desc[data-v-18a10113] {
  font-size: 0.875rem;
  color: #94a3b8;
}
/* Buttons */
.btn-primary[data-v-18a10113] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #135bec;
  color: white;
  padding: 0.625rem 1.25rem;
  border-radius: 0.5rem;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 10px 15px -3px rgba(19, 91, 236, 0.2);
}
.btn-primary[data-v-18a10113]:hover {
  background-color: #2563eb;
}
.btn-primary[data-v-18a10113]:active {
  transform: scale(0.95);
}
.btn-secondary[data-v-18a10113] {
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #334155;
  background: transparent;
  color: #f1f5f9;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-secondary[data-v-18a10113]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.btn-danger[data-v-18a10113] {
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  border: none;
  background-color: #ef4444;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-danger[data-v-18a10113]:hover {
  background-color: #dc2626;
}
.btn-text[data-v-18a10113] {
  background: transparent;
  border: none;
  color: #135bec;
  font-size: 0.875rem;
  cursor: pointer;
  text-decoration: underline;
}
/* Content Area */
.content-area[data-v-18a10113] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
/* Filters */
.filters[data-v-18a10113] {
  display: flex;
  gap: 0.75rem;
}
.search-box[data-v-18a10113] {
  position: relative;
  flex: 1;
  max-width: 400px;
}
.search-icon[data-v-18a10113] {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 1.25rem;
  pointer-events: none;
}
.search-input[data-v-18a10113] {
  width: 100%;
  height: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 1rem;
  border-radius: 0.5rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  color: #f1f5f9;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.search-input[data-v-18a10113]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
.search-input[data-v-18a10113]::placeholder {
  color: #64748b;
}
.filter-btn[data-v-18a10113] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding: 0 1rem;
  border-radius: 0.5rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.filter-btn[data-v-18a10113]:hover {
  border-color: #135bec;
  color: #f1f5f9;
}
.filter-text[data-v-18a10113] {
  display: none;
}
@media (min-width: 640px) {
.filter-text[data-v-18a10113] {
    display: inline;
    font-size: 0.875rem;
    font-weight: 500;
}
}
/* Table Card */
.table-card[data-v-18a10113] {
  background-color: #1e293b;
  border-radius: 0.75rem;
  border: 1px solid #334155;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.table-wrapper[data-v-18a10113] {
  overflow-x: auto;
}
.terms-table[data-v-18a10113] {
  width: 100%;
  font-size: 0.875rem;
  text-align: left;
  border-collapse: collapse;
}
.terms-table thead[data-v-18a10113] {
  background-color: #1c1f27;
  border-bottom: 1px solid #334155;
}
.terms-table th[data-v-18a10113] {
  padding: 1rem 1.5rem;
  font-weight: 600;
  color: #f1f5f9;
}
.terms-table th.col-name[data-v-18a10113] {
  width: 35%;
}
.terms-table th.col-products[data-v-18a10113] {
  width: 35%;
}
.terms-table th.col-actions[data-v-18a10113] {
  text-align: right;
  width: 15%;
}
.terms-table tbody[data-v-18a10113] {
  border-bottom: 1px solid #334155;
}
.terms-table td[data-v-18a10113] {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #1e293b;
}
.term-row[data-v-18a10113] {
  transition: background-color 0.2s;
}
.term-row[data-v-18a10113]:hover {
  background-color: rgba(255, 255, 255, 0.03);
}
.name-cell[data-v-18a10113] {
  font-weight: 500;
  color: #f1f5f9;
}
.products-tags[data-v-18a10113] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.product-tag[data-v-18a10113] {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background-color: #282e39;
  color: #f1f5f9;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid transparent;
}
.product-more[data-v-18a10113] {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background-color: #282e39;
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 500;
}
.no-products[data-v-18a10113] {
  color: #64748b;
  font-size: 0.75rem;
}
.col-date[data-v-18a10113] {
  color: #94a3b8;
  white-space: nowrap;
}
.action-buttons[data-v-18a10113] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.action-btn[data-v-18a10113] {
  padding: 0.375rem;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s;
}
.action-btn .material-symbols-outlined[data-v-18a10113] {
  font-size: 1.125rem;
}
.edit-btn[data-v-18a10113] {
  color: #135bec;
}
.edit-btn[data-v-18a10113]:hover {
  background-color: #282e39;
}
.delete-btn[data-v-18a10113] {
  color: #ef4444;
}
.delete-btn[data-v-18a10113]:hover {
  background-color: rgba(239, 68, 68, 0.2);
}
/* Empty State */
.empty-state[data-v-18a10113] {
  padding: 3rem;
}
.empty-content[data-v-18a10113] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  color: #94a3b8;
}
.empty-icon[data-v-18a10113] {
  font-size: 3rem;
  color: #64748b;
}
.empty-content p[data-v-18a10113] {
  font-size: 0.875rem;
  margin: 0;
}
/* Pagination */
.pagination[data-v-18a10113] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  border-top: 1px solid #334155;
}
.pagination-info[data-v-18a10113] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.pagination-controls[data-v-18a10113] {
  display: flex;
  gap: 0.25rem;
}
.page-btn[data-v-18a10113] {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.75rem;
  font-weight: 500;
}
.page-btn[data-v-18a10113]:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.05);
  color: #f1f5f9;
}
.page-btn.active[data-v-18a10113] {
  background-color: #135bec;
  color: white;
}
.page-btn[data-v-18a10113]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* Dialog Overlay */
.dialog-overlay[data-v-18a10113] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn-18a10113 0.2s ease-out;
}
@keyframes fadeIn-18a10113 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
/* Editor Dialog */
.editor-dialog[data-v-18a10113] {
  background-color: #1e293b;
  border-radius: 0.75rem;
  border: 1px solid #334155;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
  width: 90%;
  max-width: 800px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  animation: slideUp-18a10113 0.3s ease-out;
}
@keyframes slideUp-18a10113 {
from {
    transform: translateY(20px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
/* Editor Header */
.editor-header[data-v-18a10113] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
  background-color: #1c1f27;
  border-radius: 0.75rem 0.75rem 0 0;
}
.editor-title[data-v-18a10113] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #f1f5f9;
  font-size: 1.125rem;
  margin: 0;
}
.title-icon[data-v-18a10113] {
  color: #135bec;
  font-size: 1.25rem;
}
.dialog-close-btn[data-v-18a10113] {
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.375rem;
  transition: all 0.2s;
}
.dialog-close-btn[data-v-18a10113]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #f1f5f9;
}
/* Editor Form */
.editor-form[data-v-18a10113] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  overflow-y: auto;
  flex: 1;
}
.form-field[data-v-18a10113] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.field-label[data-v-18a10113] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #f1f5f9;
}
.required[data-v-18a10113] {
  color: #ef4444;
}
.field-input[data-v-18a10113] {
  width: 100%;
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: 0.5rem;
  background-color: #111318;
  border: 1px solid #334155;
  color: #f1f5f9;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.field-input[data-v-18a10113]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
/* Products Input */
.products-input[data-v-18a10113] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 2.625rem;
  padding: 0.375rem 0.5rem;
  border-radius: 0.5rem;
  background-color: #111318;
  border: 1px solid #334155;
  align-items: center;
  transition: all 0.2s;
}
.products-input[data-v-18a10113]:focus-within {
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
.product-chip[data-v-18a10113] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.2);
  color: #135bec;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.chip-remove[data-v-18a10113] {
  display: flex;
  padding: 0.125rem;
  border-radius: 9999px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #135bec;
}
.chip-remove[data-v-18a10113]:hover {
  background-color: rgba(19, 91, 236, 0.2);
}
.chip-remove .material-symbols-outlined[data-v-18a10113] {
  font-size: 0.875rem;
}
/* Product Selector */
.product-selector-container[data-v-18a10113] {
  position: relative;
}
.selected-products[data-v-18a10113] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.product-selector-trigger[data-v-18a10113] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  background-color: #111318;
  border: 1px solid #334155;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.product-selector-trigger[data-v-18a10113]:hover {
  border-color: #475569;
  color: #f1f5f9;
}
.product-selector-trigger .material-symbols-outlined[data-v-18a10113] {
  font-size: 1.125rem;
  color: #135bec;
}
.product-count[data-v-18a10113] {
  margin-left: auto;
  font-size: 0.75rem;
  color: #64748b;
}
.product-dropdown[data-v-18a10113] {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  z-index: 100;
  max-height: 250px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: dropdownSlide-18a10113 0.2s ease-out;
}
@keyframes dropdownSlide-18a10113 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dropdown-search[data-v-18a10113] {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #334155;
  background-color: #1c1f27;
}
.dropdown-search .search-icon[data-v-18a10113] {
  color: #64748b;
  font-size: 1rem;
  margin-right: 0.5rem;
}
.dropdown-search .search-input[data-v-18a10113] {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #f1f5f9;
  font-size: 0.875rem;
}
.dropdown-search .search-input[data-v-18a10113]::placeholder {
  color: #64748b;
}
.dropdown-list[data-v-18a10113] {
  overflow-y: auto;
  max-height: 200px;
  padding: 0.25rem;
}
.dropdown-empty[data-v-18a10113] {
  padding: 1rem;
  text-align: center;
  color: #64748b;
  font-size: 0.875rem;
}
.dropdown-item[data-v-18a10113] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
}
.dropdown-item[data-v-18a10113]:hover {
  background-color: rgba(19, 91, 236, 0.1);
}
.dropdown-item .item-icon[data-v-18a10113] {
  font-size: 1rem;
  color: #135bec;
}
.dropdown-item .item-text[data-v-18a10113] {
  font-size: 0.875rem;
  color: #f1f5f9;
}
/* Content Field */
.content-field[data-v-18a10113] {
  flex: 1;
}
.content-header[data-v-18a10113] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.preview-btn[data-v-18a10113] {
  background: transparent;
  border: none;
  color: #135bec;
  font-size: 0.75rem;
  cursor: pointer;
  text-decoration: underline;
}
/* Rich Text Editor */
.rich-text-editor[data-v-18a10113] {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  border: 1px solid #334155;
  background-color: #111318;
  overflow: hidden;
  transition: all 0.2s;
}
.rich-text-editor[data-v-18a10113]:focus-within {
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.2);
}
.editor-toolbar[data-v-18a10113] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-bottom: 1px solid #334155;
  background-color: #1c1f27;
  overflow-x: auto;
}
.toolbar-btn[data-v-18a10113] {
  padding: 0.375rem;
  border-radius: 0.25rem;
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.toolbar-btn[data-v-18a10113]:hover {
  background-color: #282e39;
  color: #f1f5f9;
}
.toolbar-btn .material-symbols-outlined[data-v-18a10113] {
  font-size: 1.125rem;
}
.toolbar-divider[data-v-18a10113] {
  width: 1px;
  height: 1rem;
  background-color: #334155;
  margin: 0 0.25rem;
}
.editor-content[data-v-18a10113] {
  padding: 0.75rem;
  min-height: 200px;
  max-height: 400px;
  overflow-y: auto;
  color: #ffffff !important;
  font-size: 0.875rem;
  line-height: 1.6;
}
.editor-content[data-v-18a10113]:empty:before {
  content: attr(data-placeholder);
  color: #64748b;
}
/* 强制覆盖所有内联样式 */
.editor-content[data-v-18a10113] *,
.editor-content[data-v-18a10113] *:not([class]) {
  color: #ffffff !important;
}
.editor-content p[data-v-18a10113],
.editor-content span[data-v-18a10113],
.editor-content div[data-v-18a10113],
.editor-content li[data-v-18a10113],
.editor-content ul[data-v-18a10113],
.editor-content ol[data-v-18a10113],
.editor-content h1[data-v-18a10113],
.editor-content h2[data-v-18a10113],
.editor-content h3[data-v-18a10113],
.editor-content h4[data-v-18a10113],
.editor-content h5[data-v-18a10113],
.editor-content h6[data-v-18a10113],
.editor-content strong[data-v-18a10113],
.editor-content em[data-v-18a10113],
.editor-content b[data-v-18a10113],
.editor-content i[data-v-18a10113],
.editor-content a[data-v-18a10113],
.editor-content p[style][data-v-18a10113],
.editor-content span[style][data-v-18a10113],
.editor-content div[style][data-v-18a10113] {
  color: #ffffff !important;
}
/* 覆盖带 class 的元素 */
.editor-content .p1[data-v-18a10113],
.editor-content .p2[data-v-18a10113],
.editor-content .p3[data-v-18a10113],
.editor-content .s1[data-v-18a10113],
.editor-content .mb-3[data-v-18a10113],
.editor-content .mb-4[data-v-18a10113],
.editor-content .font-bold[data-v-18a10113],
.editor-content .text-gray-600[data-v-18a10113] {
  color: #ffffff !important;
}
.editor-content .mb-3[data-v-18a10113] {
  margin-bottom: 0.75rem;
}
.editor-content .mb-4[data-v-18a10113] {
  margin-bottom: 1rem;
}
.editor-content .font-bold[data-v-18a10113] {
  font-weight: 700;
}
/* Content Preview */
.content-preview[data-v-18a10113] {
  border-radius: 0.5rem;
  border: 1px solid #334155;
  background-color: #111318;
  overflow: hidden;
}
.preview-content[data-v-18a10113] {
  padding: 0.75rem;
  min-height: 200px;
  max-height: 400px;
  overflow-y: auto;
  color: #ffffff !important;
  font-size: 0.875rem;
  line-height: 1.6;
}
/* 强制覆盖所有内联样式 */
.preview-content[data-v-18a10113] *,
.preview-content[data-v-18a10113] *:not([class]) {
  color: #ffffff !important;
}
.preview-content p[data-v-18a10113],
.preview-content span[data-v-18a10113],
.preview-content div[data-v-18a10113],
.preview-content li[data-v-18a10113],
.preview-content ul[data-v-18a10113],
.preview-content ol[data-v-18a10113],
.preview-content h1[data-v-18a10113],
.preview-content h2[data-v-18a10113],
.preview-content h3[data-v-18a10113],
.preview-content h4[data-v-18a10113],
.preview-content h5[data-v-18a10113],
.preview-content h6[data-v-18a10113],
.preview-content strong[data-v-18a10113],
.preview-content em[data-v-18a10113],
.preview-content b[data-v-18a10113],
.preview-content i[data-v-18a10113],
.preview-content a[data-v-18a10113],
.preview-content p[style][data-v-18a10113],
.preview-content span[style][data-v-18a10113],
.preview-content div[style][data-v-18a10113] {
  color: #ffffff !important;
}
/* 覆盖带 class 的元素 */
.preview-content .p1[data-v-18a10113],
.preview-content .p2[data-v-18a10113],
.preview-content .p3[data-v-18a10113],
.preview-content .s1[data-v-18a10113],
.preview-content .mb-3[data-v-18a10113],
.preview-content .mb-4[data-v-18a10113],
.preview-content .font-bold[data-v-18a10113],
.preview-content .text-gray-600[data-v-18a10113] {
  color: #ffffff !important;
}
/* Editor Footer */
.editor-footer[data-v-18a10113] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
  background-color: #1c1f27;
  border-radius: 0 0 0.75rem 0.75rem;
}
/* Delete Dialog */
.dialog-card[data-v-18a10113] {
  background-color: #1e293b;
  border-radius: 0.75rem;
  border: 1px solid #334155;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.3);
  width: 90%;
  max-width: 400px;
}
.dialog-header[data-v-18a10113] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-title[data-v-18a10113] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
  margin: 0;
}
.dialog-close[data-v-18a10113] {
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-close[data-v-18a10113]:hover {
  color: #f1f5f9;
}
.dialog-body[data-v-18a10113] {
  padding: 1.5rem;
}
.dialog-body p[data-v-18a10113] {
  margin: 0;
  color: #94a3b8;
  font-size: 0.875rem;
}
.dialog-footer[data-v-18a10113] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

.it-infrastructure-library[data-v-6e4ed106] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  gap: 0;
}

/* 表格区域 - 可滚动 */
.table-section[data-v-6e4ed106] {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: rgba(30, 41, 59, 0.4);
  border: 1px solid rgba(51, 65, 85, 0.5);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
  min-height: 0;
}

/* 筛选搜索栏 */
.filter-search-bar[data-v-6e4ed106] {
  padding: 1.25rem;
  border-bottom: 1px solid rgba(51, 65, 85, 0.5);
  background: rgba(15, 23, 42, 0.6);
}
.filter-grid[data-v-6e4ed106] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
  align-items: end;
}
.filter-item[data-v-6e4ed106] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.filter-item label[data-v-6e4ed106] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.filter-item select[data-v-6e4ed106],
.filter-item input[data-v-6e4ed106] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(51, 65, 85, 0.7);
  background: #0f172a;
  color: #94a3b8;
  font-size: 0.75rem;
}
.filter-item select[data-v-6e4ed106]:focus,
.filter-item input[data-v-6e4ed106]:focus {
  outline: none;
  border-color: #007AFF;
  color: #f1f5f9;
}
.filter-search[data-v-6e4ed106] {
  grid-column: span 2;
  min-width: 240px;
}
.search-input-wrapper[data-v-6e4ed106] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-input-wrapper .material-symbols-outlined[data-v-6e4ed106] {
  position: absolute;
  left: 0.75rem;
  font-size: 1rem;
  color: #64748b;
  pointer-events: none;
}
.search-input-wrapper input[data-v-6e4ed106] {
  width: 100%;
  padding-left: 2.5rem;
}
.filter-actions[data-v-6e4ed106] {
  display: flex;
  gap: 0.5rem;
  align-self: end;
}
.filter-btn[data-v-6e4ed106],
.refresh-btn[data-v-6e4ed106] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(51, 65, 85, 0.7);
  background: rgba(15, 23, 42, 0.8);
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.filter-btn[data-v-6e4ed106]:hover {
  border-color: #007AFF;
  color: #007AFF;
  background: rgba(0, 122, 255, 0.1);
}
.refresh-btn[data-v-6e4ed106]:hover {
  border-color: #64748b;
  color: #94a3b8;
  background: rgba(30, 41, 59, 0.8);
}
.filter-btn .material-symbols-outlined[data-v-6e4ed106],
.refresh-btn .material-symbols-outlined[data-v-6e4ed106] {
  font-size: 1.25rem;
}

/* 批量操作栏 */
.batch-actions-bar[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  background: rgba(0, 122, 255, 0.15);
  border: 1px solid rgba(0, 122, 255, 0.3);
  border-radius: 0.5rem;
  margin: 0 1.25rem 1rem 1.25rem;
  animation: slideDown-6e4ed106 0.2s ease-out;
}
@keyframes slideDown-6e4ed106 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.batch-info[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: #007AFF;
}
.batch-info .material-symbols-outlined[data-v-6e4ed106] {
  font-size: 1.125rem;
}
.batch-info strong[data-v-6e4ed106] {
  font-weight: 600;
}
.batch-buttons[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.batch-btn[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid;
  transition: all 0.2s;
}
.batch-btn[data-v-6e4ed106] {
  background: rgba(15, 23, 42, 0.8);
  border-color: rgba(51, 65, 85, 0.7);
  color: #94a3b8;
}
.batch-btn[data-v-6e4ed106]:hover {
  background: rgba(30, 41, 59, 0.8);
  border-color: #64748b;
  color: #f1f5f9;
}
.batch-btn.primary[data-v-6e4ed106] {
  background: #007AFF;
  border-color: #007AFF;
  color: white;
}
.batch-btn.primary[data-v-6e4ed106]:hover {
  background: #1a85ff;
  border-color: #1a85ff;
}
.batch-btn.danger[data-v-6e4ed106] {
  background: transparent;
  border-color: rgba(239, 68, 68, 0.5);
  color: #ef4444;
}
.batch-btn.danger[data-v-6e4ed106]:hover {
  background: rgba(239, 68, 68, 0.1);
  border-color: #ef4444;
}
.batch-btn .material-symbols-outlined[data-v-6e4ed106] {
  font-size: 1rem;
}

/* 表格包装器 */
.table-wrapper[data-v-6e4ed106] {
  flex: 1;
  overflow-y: auto;
  overflow-x: auto;
  min-height: 0;
}
.data-table[data-v-6e4ed106] {
  width: 100%;
  border-collapse: collapse;
  min-width: 1300px;
}
.rack-height[data-v-6e4ed106] {
  font-family: 'SF Mono', 'Roboto Mono', monospace;
  color: #a78bfa;
  font-weight: 500;
  text-align: center;
}
.data-table thead[data-v-6e4ed106] {
  background: rgba(15, 23, 42, 0.8);
  position: sticky;
  top: 0;
  z-index: 10;
}
.data-table th[data-v-6e4ed106] {
  padding: 1.25rem 1.5rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #94a3b8;
  border-bottom: 1px solid rgba(51, 65, 85, 0.8);
}
.data-table td[data-v-6e4ed106] {
  padding: 1rem 1.5rem;
  color: #cbd5e1;
  font-size: 0.8125rem;
  border-bottom: 1px solid rgba(51, 65, 85, 0.5);
  vertical-align: middle;
  height: 3.5rem;
  line-height: 1.5rem;
}
.data-table td[data-v-6e4ed106] > * {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
.data-table tbody tr[data-v-6e4ed106] {
  transition: background-color 0.2s;
}
.data-table tbody tr[data-v-6e4ed106]:hover {
  background: rgba(0, 122, 255, 0.05);
}
.data-table .font-bold[data-v-6e4ed106] {
  font-weight: 600;
  color: #e2e8f0;
}
.data-table .model-number[data-v-6e4ed106] {
  color: #007AFF;
  font-weight: 500;
}
.scenario-badge[data-v-6e4ed106] {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(59, 130, 246, 0.3);
  background: rgba(59, 130, 246, 0.1);
  color: #60a5fa;
  font-size: 0.625rem;
  font-weight: 600;
}
.remarks[data-v-6e4ed106] {
  max-width: 200px;
}
.remarks span[data-v-6e4ed106] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price[data-v-6e4ed106] {
  font-family: 'SF Mono', 'Roboto Mono', monospace;
  color: #00D1FF;
  font-weight: 600;
}
.grade-indicator[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.grade-dot[data-v-6e4ed106] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #64748b;
}
.grade-dot.high[data-v-6e4ed106] {
  background: #fb923c;
  box-shadow: 0 0 8px rgba(251, 146, 60, 0.8);
}
.grade-dot.mid[data-v-6e4ed106] {
  background: #007AFF;
  box-shadow: 0 0 8px rgba(0, 122, 255, 0.8);
}
.grade-dot.low[data-v-6e4ed106] {
  background: #22c55e;
}
.actions-col[data-v-6e4ed106] {
  text-align: right;
}

/* 复选框列 */
.checkbox-col[data-v-6e4ed106] {
  width: 3rem;
  text-align: center;
  padding: 0 0.75rem !important;
}
.checkbox-col input[type="checkbox"][data-v-6e4ed106] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  accent-color: #007AFF;
}
.data-table tbody tr.selected[data-v-6e4ed106] {
  background: rgba(0, 122, 255, 0.1);
}
.data-table tbody tr.selected td[data-v-6e4ed106] {
  border-top: 1px solid rgba(0, 122, 255, 0.3);
  border-bottom: 1px solid rgba(0, 122, 255, 0.3);
}
.data-table tbody tr.selected td[data-v-6e4ed106]:first-child {
  border-left: 2px solid #007AFF;
}
.data-table tbody tr.selected td[data-v-6e4ed106]:last-child {
  border-right: 2px solid #007AFF;
}
.actions[data-v-6e4ed106] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}
.action-btn[data-v-6e4ed106] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  border: none;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.action-btn.edit[data-v-6e4ed106]:hover {
  color: white;
  background: #007AFF;
  box-shadow: 0 0 15px -3px rgba(0, 122, 255, 0.5);
}
.action-btn.delete[data-v-6e4ed106]:hover {
  color: white;
  background: #ef4444;
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.4);
}
.action-btn .material-symbols-outlined[data-v-6e4ed106] {
  font-size: 1.25rem;
}

/* 空状态和加载状态 */
.empty-state[data-v-6e4ed106], .loading-state[data-v-6e4ed106] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-6e4ed106],
.loading-state .material-symbols-outlined[data-v-6e4ed106] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.loading-icon[data-v-6e4ed106] {
  animation: spin-6e4ed106 1s linear infinite;
}
@keyframes spin-6e4ed106 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}

/* 分页 */
.pagination[data-v-6e4ed106] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  border-top: 1px solid rgba(51, 65, 85, 0.8);
  background: rgba(2, 6, 23, 0.6);
  flex-shrink: 0;
}
.pagination-left[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.pagination-info[data-v-6e4ed106] {
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.page-size-selector[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #94a3b8;
}
.page-size-selector select[data-v-6e4ed106] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid rgba(51, 65, 85, 0.7);
  background: #0f172a;
  color: #94a3b8;
  font-size: 0.75rem;
  cursor: pointer;
}
.page-size-selector select[data-v-6e4ed106]:focus {
  outline: none;
  border-color: #007AFF;
}
.pagination-controls[data-v-6e4ed106] {
  display: flex;
  gap: 0.5rem;
}
.page-btn[data-v-6e4ed106] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(51, 65, 85, 0.8);
  background: transparent;
  color: #64748b;
  font-size: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.page-btn[data-v-6e4ed106]:hover:not(:disabled) {
  background: rgba(30, 41, 59, 0.8);
  border-color: #475569;
  color: #94a3b8;
}
.page-btn.active[data-v-6e4ed106] {
  background: #007AFF;
  border-color: #007AFF;
  color: white;
}
.page-btn[data-v-6e4ed106]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* 对话框 */
.dialog-overlay[data-v-6e4ed106] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.dialog[data-v-6e4ed106] {
  background: #1e293b;
  border: 1px solid rgba(51, 65, 85, 0.5);
  border-radius: 0.75rem;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
}
.dialog-header[data-v-6e4ed106] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  border-bottom: 1px solid rgba(51, 65, 85, 0.5);
}
.dialog-header h3[data-v-6e4ed106] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
  margin: 0;
}
.close-btn[data-v-6e4ed106] {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  border: none;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-btn[data-v-6e4ed106]:hover {
  background: rgba(51, 65, 85, 0.5);
  color: #94a3b8;
}
.dialog-body[data-v-6e4ed106] {
  padding: 1.5rem;
}
.form-grid[data-v-6e4ed106] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.form-group[data-v-6e4ed106] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-group.full-width[data-v-6e4ed106] {
  grid-column: 1 / -1;
}
.form-group label[data-v-6e4ed106] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.required[data-v-6e4ed106] {
  color: #ef4444;
}
.form-group input[data-v-6e4ed106],
.form-group select[data-v-6e4ed106],
.form-group textarea[data-v-6e4ed106] {
  padding: 0.625rem 0.875rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(51, 65, 85, 0.7);
  background: #0f172a;
  color: #f1f5f9;
  font-size: 0.875rem;
}
.form-group input[data-v-6e4ed106]:focus,
.form-group select[data-v-6e4ed106]:focus,
.form-group textarea[data-v-6e4ed106]:focus {
  outline: none;
  border-color: #007AFF;
}
.dialog-footer[data-v-6e4ed106] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.25rem;
  border-top: 1px solid rgba(51, 65, 85, 0.5);
}
.btn-primary[data-v-6e4ed106], .btn-secondary[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}
.btn-primary[data-v-6e4ed106] {
  background: #007AFF;
  color: white;
}
.btn-primary[data-v-6e4ed106]:hover:not(:disabled) {
  background: #1a85ff;
}
.btn-primary[data-v-6e4ed106]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-secondary[data-v-6e4ed106] {
  background: rgba(30, 41, 59, 0.4);
  border: 1px solid rgba(51, 65, 85, 0.5);
  color: #94a3b8;
}
.btn-secondary[data-v-6e4ed106]:hover {
  border-color: rgba(0, 122, 255, 0.5);
  color: white;
  background: rgba(30, 41, 59, 0.6);
}

/* 批量编辑对话框特有样式 */
.batch-edit-dialog[data-v-6e4ed106] {
  max-width: 500px;
}
.batch-edit-fields[data-v-6e4ed106] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.batch-preview[data-v-6e4ed106] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(0, 122, 255, 0.1);
  border: 1px solid rgba(0, 122, 255, 0.3);
  border-radius: 0.5rem;
}
.preview-text[data-v-6e4ed106] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin: 0 0 0.375rem 0;
}
.preview-text strong[data-v-6e4ed106] {
  color: #007AFF;
}
.preview-value[data-v-6e4ed106] {
  font-size: 0.875rem;
  color: #f1f5f9;
  margin: 0;
  font-weight: 600;
}

/* 滚动条 */
.table-wrapper[data-v-6e4ed106]::-webkit-scrollbar,
.dialog[data-v-6e4ed106]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.table-wrapper[data-v-6e4ed106]::-webkit-scrollbar-track,
.dialog[data-v-6e4ed106]::-webkit-scrollbar-track {
  background: transparent;
}
.table-wrapper[data-v-6e4ed106]::-webkit-scrollbar-thumb,
.dialog[data-v-6e4ed106]::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 10px;
}
.table-wrapper[data-v-6e4ed106]::-webkit-scrollbar-thumb:hover,
.dialog[data-v-6e4ed106]::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* 动态字段相关样式 */
.form-section-title[data-v-6e4ed106] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #007AFF;
  padding: 0.5rem 0 0.25rem;
  border-top: 1px solid rgba(51, 65, 85, 0.5);
  margin-top: 0.5rem;
}
.checkbox-label[data-v-6e4ed106] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #94a3b8;
  font-size: 0.8rem;
  cursor: pointer;
}
.checkbox-label input[type="checkbox"][data-v-6e4ed106] {
  width: 1rem;
  height: 1rem;
}

.manufacturer-management[data-v-0c736e38] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-0c736e38] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.toolbar-left[data-v-0c736e38],
.toolbar-right[data-v-0c736e38] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.btn-primary[data-v-0c736e38],
.btn-secondary[data-v-0c736e38] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.btn-primary[data-v-0c736e38] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-0c736e38]:hover {
  background-color: #1d64f2;
}
.btn-secondary[data-v-0c736e38] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-0c736e38]:hover {
  background-color: #475569;
}
.search-box[data-v-0c736e38] {
  display: flex;
  align-items: center;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.search-box .material-symbols-outlined[data-v-0c736e38] {
  font-size: 1.125rem;
  color: #64748b;
  margin-right: 0.5rem;
}
.search-box input[data-v-0c736e38] {
  background: transparent;
  border: none;
  color: #e2e8f0;
  font-size: 0.875rem;
  width: 200px;
}
.search-box input[data-v-0c736e38]:focus {
  outline: none;
}
.total-count[data-v-0c736e38] {
  font-size: 0.875rem;
  color: #64748b;
  padding: 0.5rem 0.75rem;
  background-color: #1e293b;
  border-radius: 0.375rem;
}

/* Table */
.table-container[data-v-0c736e38] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.table-container.loading[data-v-0c736e38] {
  position: relative;
}
.loading-overlay[data-v-0c736e38] {
  position: absolute;
  inset: 0;
  background-color: rgba(15, 23, 42, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  z-index: 10;
  color: #94a3b8;
}
.loading-spinner[data-v-0c736e38] {
  width: 2rem;
  height: 2rem;
  border: 3px solid #334155;
  border-top-color: #135bec;
  border-radius: 50%;
  animation: spin-0c736e38 0.8s linear infinite;
}
@keyframes spin-0c736e38 {
to { transform: rotate(360deg);
}
}
.data-table[data-v-0c736e38] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-0c736e38] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-0c736e38] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
  color: #e2e8f0;
}
.data-table tbody tr[data-v-0c736e38]:hover {
  background-color: #334155;
}
.id-cell[data-v-0c736e38] {
  color: #64748b;
  font-family: monospace;
}
.name-text[data-v-0c736e38] {
  font-weight: 500;
  color: #f1f5f9;
}
.time-cell[data-v-0c736e38] {
  color: #94a3b8;
  font-size: 0.8125rem;
}

/* Alias Tags */
.alias-tags[data-v-0c736e38] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
}
.alias-tag[data-v-0c736e38] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.15);
  border: 1px solid rgba(19, 91, 236, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #93b4f5;
}
.alias-tag.editable[data-v-0c736e38] {
  background-color: rgba(19, 91, 236, 0.15);
  border-color: rgba(19, 91, 236, 0.3);
}
.alias-remove[data-v-0c736e38] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  transition: color 0.2s;
}
.alias-remove .material-symbols-outlined[data-v-0c736e38] {
  font-size: 0.875rem;
}
.alias-remove[data-v-0c736e38]:hover {
  color: #ef4444;
}
.no-alias[data-v-0c736e38] {
  color: #475569;
  font-size: 0.875rem;
}

/* Actions */
.actions[data-v-0c736e38] {
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-0c736e38] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #64748b;
}
.action-btn.edit[data-v-0c736e38]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.delete[data-v-0c736e38]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}

/* Empty State */
.empty-state[data-v-0c736e38] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-0c736e38] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Pagination */
.pagination[data-v-0c736e38] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.pagination-info[data-v-0c736e38] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-controls[data-v-0c736e38] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-btn[data-v-0c736e38] {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.page-btn[data-v-0c736e38]:hover:not(:disabled) {
  background-color: #334155;
  color: #f1f5f9;
}
.page-btn[data-v-0c736e38]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-btn .material-symbols-outlined[data-v-0c736e38] {
  font-size: 1.125rem;
}
.page-size-select[data-v-0c736e38] {
  padding: 0.375rem 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.25rem;
  color: #94a3b8;
  font-size: 0.875rem;
  cursor: pointer;
}
.page-size-select[data-v-0c736e38]:hover {
  border-color: #475569;
}

/* Dialog */
.dialog-overlay[data-v-0c736e38] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog[data-v-0c736e38] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 500px;
}
.dialog-header[data-v-0c736e38] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-0c736e38] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-0c736e38] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-0c736e38] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-group[data-v-0c736e38] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-0c736e38] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.form-group input[data-v-0c736e38] {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group input[data-v-0c736e38]:focus {
  outline: none;
  border-color: #135bec;
}

/* Alias Editor */
.alias-editor[data-v-0c736e38] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.alias-tag-list[data-v-0c736e38] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  min-height: 1.5rem;
}
.alias-input-row[data-v-0c736e38] {
  display: flex;
  gap: 0.5rem;
}
.alias-input-row input[data-v-0c736e38] {
  flex: 1;
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.alias-input-row input[data-v-0c736e38]:focus {
  outline: none;
  border-color: #135bec;
}
.btn-add-alias[data-v-0c736e38] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  background-color: #135bec;
  border: none;
  border-radius: 0.375rem;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-add-alias[data-v-0c736e38]:hover:not(:disabled) {
  background-color: #1d64f2;
}
.btn-add-alias[data-v-0c736e38]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dialog-footer[data-v-0c736e38] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

.field-config-management[data-v-5d6abd94] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.toolbar-left[data-v-5d6abd94],
.toolbar-right[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.filter-group[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.filter-group label[data-v-5d6abd94] {
  font-size: 0.875rem;
  color: #94a3b8;
  white-space: nowrap;
}
.filter-group select[data-v-5d6abd94] {
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  min-width: 140px;
}
.filter-group select[data-v-5d6abd94]:focus {
  outline: none;
  border-color: #135bec;
}
.btn-primary[data-v-5d6abd94],
.btn-secondary[data-v-5d6abd94],
.btn-success[data-v-5d6abd94],
.btn-warning[data-v-5d6abd94],
.btn-danger[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  color: white;
}
.btn-primary[data-v-5d6abd94] {
  background-color: #135bec;
}
.btn-primary[data-v-5d6abd94]:hover {
  background-color: #1d64f2;
}
.btn-secondary[data-v-5d6abd94] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-5d6abd94]:hover {
  background-color: #475569;
}
.btn-success[data-v-5d6abd94] {
  background-color: #10b981;
}
.btn-success[data-v-5d6abd94]:hover {
  background-color: #059669;
}
.btn-warning[data-v-5d6abd94] {
  background-color: #f59e0b;
}
.btn-warning[data-v-5d6abd94]:hover {
  background-color: #d97706;
}
.btn-danger[data-v-5d6abd94] {
  background-color: #ef4444;
}
.btn-danger[data-v-5d6abd94]:hover {
  background-color: #dc2626;
}
.table-container[data-v-5d6abd94] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.data-table[data-v-5d6abd94] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-5d6abd94] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-5d6abd94] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
  color: #e2e8f0;
}
.data-table tbody tr[data-v-5d6abd94]:hover:not(.group-header-row) {
  background-color: #334155;
}

/* Group header row */
.group-header-row td[data-v-5d6abd94] {
  background-color: rgba(30, 41, 59, 0.4);
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(51, 65, 85, 0.5);
}
.group-label[data-v-5d6abd94] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #94a3b8;
}
.group-label .material-symbols-outlined[data-v-5d6abd94] {
  font-size: 1rem;
  color: #64748b;
}

/* Field key badge */
.field-key-badge[data-v-5d6abd94] {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: monospace;
}

/* Type badges */
.type-badge[data-v-5d6abd94] {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: monospace;
}
.type-string[data-v-5d6abd94] {
  background-color: rgba(16, 185, 129, 0.15);
  color: #10b981;
}
.type-number[data-v-5d6abd94] {
  background-color: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}
.type-enum[data-v-5d6abd94] {
  background-color: rgba(139, 92, 246, 0.15);
  color: #8b5cf6;
}
.type-boolean[data-v-5d6abd94] {
  background-color: rgba(6, 182, 212, 0.15);
  color: #06b6d4;
}

/* Scope badges */
.scope-badge[data-v-5d6abd94] {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.scope-type[data-v-5d6abd94] {
  background-color: rgba(19, 91, 236, 0.12);
  color: #60a5fa;
}
.scope-instance[data-v-5d6abd94] {
  background-color: rgba(245, 158, 11, 0.12);
  color: #fbbf24;
}

/* Required indicators */
.required-yes .material-symbols-outlined[data-v-5d6abd94] {
  font-size: 1rem;
  color: #10b981;
}
.required-no[data-v-5d6abd94] {
  color: #64748b;
}

/* Enum tags in table */
.enum-tags[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.enum-tag[data-v-5d6abd94] {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.375rem;
  background-color: rgba(139, 92, 246, 0.1);
  color: #a78bfa;
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.more-tags[data-v-5d6abd94] {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.375rem;
  background-color: rgba(100, 116, 139, 0.1);
  color: #94a3b8;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.text-muted[data-v-5d6abd94] {
  color: #64748b;
}
.actions[data-v-5d6abd94] {
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-5d6abd94] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #64748b;
}
.action-btn.edit[data-v-5d6abd94]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.delete[data-v-5d6abd94]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.empty-state[data-v-5d6abd94] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-5d6abd94] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Pagination */
.pagination-container[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
}
.pagination-info[data-v-5d6abd94] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-controls[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pagination-btn[data-v-5d6abd94] {
  background: transparent;
  border: 1px solid #334155;
  color: #94a3b8;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.pagination-btn[data-v-5d6abd94]:hover:not(:disabled) {
  background-color: #334155;
  color: #e2e8f0;
}
.pagination-btn[data-v-5d6abd94]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-current[data-v-5d6abd94] {
  font-size: 0.875rem;
  color: #e2e8f0;
  min-width: 2rem;
  text-align: center;
}
.page-size-select[data-v-5d6abd94] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #e2e8f0;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}
.page-size-select[data-v-5d6abd94]:focus {
  outline: none;
  border-color: #135bec;
}

/* Dialog */
.dialog-overlay[data-v-5d6abd94] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog[data-v-5d6abd94] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  width: 90%;
  max-width: 560px;
  max-height: 90vh;
  overflow-y: auto;
}
.dialog-header[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-5d6abd94] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-5d6abd94] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-5d6abd94] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-group[data-v-5d6abd94] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-5d6abd94] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.form-group .hint[data-v-5d6abd94] {
  font-size: 0.75rem;
  color: #64748b;
}
.required-mark[data-v-5d6abd94] {
  color: #ef4444;
}
.form-group input[type="text"][data-v-5d6abd94],
.form-group input[type="number"][data-v-5d6abd94],
.form-group input[data-v-5d6abd94]:not([type]) {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group input[type="text"][data-v-5d6abd94]:focus,
.form-group input[type="number"][data-v-5d6abd94]:focus,
.form-group input[data-v-5d6abd94]:not([type]):focus {
  outline: none;
  border-color: #135bec;
}
.form-group select[data-v-5d6abd94] {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group select[data-v-5d6abd94]:focus {
  outline: none;
  border-color: #135bec;
}

/* Checkbox label */
.checkbox-label[data-v-5d6abd94] {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.checkbox-label input[type="checkbox"][data-v-5d6abd94] {
  width: 1rem;
  height: 1rem;
  accent-color: #135bec;
}
.checkbox-label span[data-v-5d6abd94] {
  font-size: 0.875rem;
  color: #e2e8f0;
}

/* Enum input area */
.enum-input-area[data-v-5d6abd94] {
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.enum-tags-edit[data-v-5d6abd94] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  min-height: 1.5rem;
  margin-bottom: 0.5rem;
}
.enum-tag-edit[data-v-5d6abd94] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: rgba(139, 92, 246, 0.15);
  color: #a78bfa;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.remove-tag[data-v-5d6abd94] {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}
.remove-tag[data-v-5d6abd94]:hover {
  color: #ef4444;
}
.remove-tag .material-symbols-outlined[data-v-5d6abd94] {
  font-size: 0.875rem;
}
.enum-add-row[data-v-5d6abd94] {
  display: flex;
  gap: 0.375rem;
}
.enum-add-row input[data-v-5d6abd94] {
  flex: 1;
  padding: 0.375rem 0.5rem;
  background-color: transparent;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.8125rem;
}
.enum-add-row input[data-v-5d6abd94]:focus {
  outline: none;
  border-color: #135bec;
}
.btn-add-tag[data-v-5d6abd94] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
  border: 1px solid rgba(19, 91, 236, 0.3);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-add-tag[data-v-5d6abd94]:hover {
  background-color: rgba(19, 91, 236, 0.25);
}
.btn-add-tag .material-symbols-outlined[data-v-5d6abd94] {
  font-size: 1rem;
}
.dialog-footer[data-v-5d6abd94] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}
@keyframes slideIn-5d6abd94 {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}

.product-management[data-v-fc75cce7] {
  display: flex;
  height: 100%;
  overflow: hidden;
  background: #0f1923;
}

/* Left Sidebar */
.product-sidebar[data-v-fc75cce7] {
  width: 280px;
  border-right: 1px solid #2e4b6b;
  background: #0f1923;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  transition: width 0.3s;
}
.product-sidebar.collapsed[data-v-fc75cce7] {
  width: 60px;
}
.sidebar-header[data-v-fc75cce7] {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 3.5rem;
}
.product-sidebar:not(.collapsed) .sidebar-header[data-v-fc75cce7] {
  padding: 1.5rem 1rem 1.5rem;
  justify-content: flex-start;
}
.collapse-toggle[data-v-fc75cce7] {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  color: #8dacce;
  cursor: pointer;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.collapse-toggle[data-v-fc75cce7]:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.collapse-toggle .material-symbols-outlined[data-v-fc75cce7] {
  font-size: 1.25rem;
}
.sidebar-title[data-v-fc75cce7] {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sidebar-title .material-symbols-outlined[data-v-fc75cce7] {
  color: #007bff;
  font-size: 1.25rem;
}
.sidebar-subtitle[data-v-fc75cce7] {
  color: #8dacce;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.category-list[data-v-fc75cce7] {
  flex: 1;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.category-item[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.5rem;
  border-radius: 0.5rem;
  color: #8dacce;
  cursor: pointer;
  transition: all 0.2s;
}
.product-sidebar:not(.collapsed) .category-item[data-v-fc75cce7] {
  padding: 0.625rem 0.75rem;
}
.category-item[data-v-fc75cce7]:hover {
  color: #fff;
  background: #16222e;
}
.category-item.active[data-v-fc75cce7] {
  background: #007bff;
  color: #fff;
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
}
.category-icon[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
}
.category-icon .material-symbols-outlined[data-v-fc75cce7] {
  font-size: 1.25rem;
}
.category-name[data-v-fc75cce7] {
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 分类名称包装器 - 用于放置名称和删除按钮 */
.category-name-wrapper[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.category-name-wrapper .category-name[data-v-fc75cce7] {
  flex: 1;
  min-width: 0;
}

/* 分类删除按钮 */
.category-delete-btn[data-v-fc75cce7] {
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background: transparent;
  border: none;
  color: #5a7a9a;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: all 0.2s;
  flex-shrink: 0;
}
.category-delete-btn .material-symbols-outlined[data-v-fc75cce7] {
  font-size: 1rem;
}
.category-item:hover .category-delete-btn[data-v-fc75cce7] {
  display: flex;
}
.category-delete-btn[data-v-fc75cce7]:hover {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}
.sidebar-footer[data-v-fc75cce7] {
  padding: 1rem 0.75rem;
  border-top: 1px solid #2e4b6b;
  background: #0a1118;
}
.product-sidebar:not(.collapsed) .sidebar-footer[data-v-fc75cce7] {
  padding: 1rem 1.5rem;
}
.add-category-btn[data-v-fc75cce7] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #16222e;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.875rem;
  font-weight: 500;
}
.add-category-btn[data-v-fc75cce7]:hover {
  background: #2e4b6b;
}

/* Main Content */
.product-main[data-v-fc75cce7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

/* Breadcrumbs */
.breadcrumbs[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  font-size: 0.75rem;
}
.breadcrumb-link[data-v-fc75cce7] {
  color: #8dacce;
  text-decoration: none;
  transition: color 0.2s;
}
.breadcrumb-link[data-v-fc75cce7]:hover {
  color: #fff;
}
.breadcrumb-separator[data-v-fc75cce7] {
  font-size: 0.75rem;
  color: #2e4b6b;
}
.breadcrumb-current[data-v-fc75cce7] {
  color: #fff;
  font-weight: 600;
}

/* Page Header */
.page-header[data-v-fc75cce7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem 1.5rem;
}
.header-info[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.page-title[data-v-fc75cce7] {
  color: #fff;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.page-description[data-v-fc75cce7] {
  color: #8dacce;
  font-size: 0.875rem;
}
.header-actions[data-v-fc75cce7] {
  display: flex;
  gap: 0.75rem;
}
.action-btn[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}
.action-btn.secondary[data-v-fc75cce7] {
  background: transparent;
  border: 1px solid #2e4b6b;
  color: #fff;
}
.action-btn.secondary[data-v-fc75cce7]:hover {
  background: #16222e;
}
.action-btn.primary[data-v-fc75cce7] {
  background: #007bff;
  color: #fff;
  box-shadow: 0 0 15px rgba(0, 123, 255, 0.4);
}
.action-btn.primary[data-v-fc75cce7]:hover {
  box-shadow: 0 0 25px rgba(0, 123, 255, 0.6);
  transform: translateY(-1px);
}

/* Tabs */
.tabs-nav[data-v-fc75cce7] {
  display: flex;
  border-bottom: 1px solid #2e4b6b;
  gap: 2rem;
  padding: 0 1.5rem;
}
.tab-item[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid transparent;
  padding: 0.75rem 0;
  color: #8dacce;
  text-decoration: none;
  transition: all 0.2s;
}
.tab-item[data-v-fc75cce7]:hover {
  color: #fff;
}
.tab-item.active[data-v-fc75cce7] {
  border-bottom-color: #007bff;
  color: #fff;
}
.tab-text[data-v-fc75cce7] {
  font-size: 0.875rem;
}
.tab-item.active .tab-text[data-v-fc75cce7] {
  font-weight: 600;
}

/* Content Panel */
.content-panel[data-v-fc75cce7] {
  padding: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 1.5rem;
}
@media (max-width: 1280px) {
.content-panel[data-v-fc75cce7] {
    grid-template-columns: 1fr;
}
}
.left-section[data-v-fc75cce7],
.right-section[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Cards */
.card[data-v-fc75cce7] {
  background: #16222e;
  border: 1px solid #2e4b6b;
  border-radius: 0.75rem;
  padding: 1.5rem;
}
.card-title[data-v-fc75cce7] {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.card-title .material-symbols-outlined[data-v-fc75cce7] {
  color: #007bff;
}
.card-header[data-v-fc75cce7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.add-btn[data-v-fc75cce7] {
  color: #007bff;
  font-size: 0.875rem;
  font-weight: 500;
  background: none;
  border: none;
  cursor: pointer;
}
.add-btn[data-v-fc75cce7]:hover {
  text-decoration: underline;
}

/* Form */
.form-grid[data-v-fc75cce7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.form-group[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-group label[data-v-fc75cce7] {
  color: #8dacce;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.form-group input[data-v-fc75cce7],
.form-group select[data-v-fc75cce7] {
  width: 100%;
  background: #0f1923;
  border: 1px solid #2e4b6b;
  border-radius: 0.5rem;
  color: #fff;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
.form-group input[data-v-fc75cce7]:focus,
.form-group select[data-v-fc75cce7]:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}
.input-with-prefix[data-v-fc75cce7] {
  position: relative;
}
.input-with-prefix .prefix[data-v-fc75cce7] {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #8dacce;
}
.input-with-prefix input[data-v-fc75cce7] {
  padding-left: 2.25rem;
}

/* Table */
.table-container[data-v-fc75cce7] {
  overflow-x: auto;
}
.sla-table[data-v-fc75cce7] {
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
}
.sla-table thead[data-v-fc75cce7] {
  color: #8dacce;
  border-bottom: 1px solid #2e4b6b;
}
.sla-table th[data-v-fc75cce7] {
  padding: 0.75rem 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
.sla-table tbody[data-v-fc75cce7] {
  border-top: none;
}
.sla-table td[data-v-fc75cce7] {
  padding: 1rem;
  border-top: 1px solid rgba(46, 75, 107, 0.5);
}
.sla-table tr:hover td[data-v-fc75cce7] {
  background: rgba(255, 255, 255, 0.05);
}
.sla-table .font-medium[data-v-fc75cce7] {
  color: #fff;
  font-weight: 500;
}
.sla-table .text-muted[data-v-fc75cce7] {
  color: #8dacce;
}
.sla-table .text-right[data-v-fc75cce7] {
  text-align: right;
}
.coefficient-badge[data-v-fc75cce7] {
  background: rgba(0, 123, 255, 0.2);
  color: #007bff;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 123, 255, 0.3);
  font-size: 0.75rem;
}
.icon-btn[data-v-fc75cce7] {
  background: none;
  border: none;
  color: #8dacce;
  cursor: pointer;
  padding: 0;
}
.icon-btn[data-v-fc75cce7]:hover {
  color: #fff;
}

/* AI Config */
.ai-config[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.toggle-item[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: #0f1923;
  border: 1px solid #2e4b6b;
  border-radius: 0.5rem;
}
.toggle-info[data-v-fc75cce7] {
  flex: 1;
}
.toggle-title[data-v-fc75cce7] {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}
.toggle-desc[data-v-fc75cce7] {
  color: #8dacce;
  font-size: 0.625rem;
  margin-top: 0.125rem;
}
.toggle-switch[data-v-fc75cce7] {
  width: 3rem;
  height: 1.5rem;
  background: #2e4b6b;
  border-radius: 9999px;
  position: relative;
  cursor: pointer;
  transition: background 0.2s;
}
.toggle-switch.active[data-v-fc75cce7] {
  background: #007bff;
}
.toggle-dot[data-v-fc75cce7] {
  width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  transition: left 0.2s;
}
.toggle-switch.active .toggle-dot[data-v-fc75cce7] {
  left: 1.375rem;
}
.sliders[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.slider-item[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.slider-header[data-v-fc75cce7] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
}
.slider-label[data-v-fc75cce7] {
  color: #8dacce;
}
.slider-value[data-v-fc75cce7] {
  color: #007bff;
  font-weight: 600;
}
.slider-track[data-v-fc75cce7] {
  width: 100%;
  height: 0.375rem;
  background: #0f1923;
  border-radius: 9999px;
  overflow: hidden;
}
.slider-fill[data-v-fc75cce7] {
  height: 100%;
  background: #007bff;
  border-radius: 9999px;
  transition: width 0.2s;
}
.info-box[data-v-fc75cce7] {
  padding: 1rem;
  background: rgba(0, 123, 255, 0.1);
  border: 1px solid rgba(0, 123, 255, 0.2);
  border-radius: 0.5rem;
}
.info-content[data-v-fc75cce7] {
  display: flex;
  gap: 0.75rem;
}
.info-icon[data-v-fc75cce7] {
  color: #007bff;
  font-size: 1.25rem;
}
.info-text[data-v-fc75cce7] {
  font-size: 0.6875rem;
  color: #8dacce;
  line-height: 1.5;
}
.info-label[data-v-fc75cce7] {
  color: #fff;
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}

/* Timeline */
.timeline[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.timeline-item[data-v-fc75cce7] {
  display: flex;
  gap: 0.75rem;
  position: relative;
}
.timeline-item.has-line[data-v-fc75cce7] {
  padding-bottom: 1rem;
}
.timeline-item.has-line[data-v-fc75cce7]::after {
  content: '';
  position: absolute;
  left: 0.4375rem;
  top: 1.5rem;
  bottom: 0;
  width: 1px;
  background: #2e4b6b;
}
.timeline-dot[data-v-fc75cce7] {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #007bff;
  flex-shrink: 0;
  margin-top: 0.25rem;
  border: 4px solid #0f1923;
}
.timeline-dot[data-v-fc75cce7]:not(.active) {
  background: #2e4b6b;
}
.timeline-content[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
}
.timeline-title[data-v-fc75cce7] {
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0;
}
.timeline-time[data-v-fc75cce7] {
  font-size: 0.625rem;
  margin: 0;
}
.text-dimmer[data-v-fc75cce7] {
  color: #2e4b6b;
}

/* Scrollbar */
.product-sidebar[data-v-fc75cce7]::-webkit-scrollbar,
.product-main[data-v-fc75cce7]::-webkit-scrollbar {
  width: 6px;
}
.product-sidebar[data-v-fc75cce7]::-webkit-scrollbar-track,
.product-main[data-v-fc75cce7]::-webkit-scrollbar-track {
  background: #0f1923;
}
.product-sidebar[data-v-fc75cce7]::-webkit-scrollbar-thumb,
.product-main[data-v-fc75cce7]::-webkit-scrollbar-thumb {
  background: #2e4b6b;
  border-radius: 10px;
}
.product-sidebar[data-v-fc75cce7]::-webkit-scrollbar-thumb:hover,
.product-main[data-v-fc75cce7]::-webkit-scrollbar-thumb:hover {
  background: #007bff;
}

/* 新增分类对话框 */
.dialog-overlay[data-v-fc75cce7] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: fadeIn-fc75cce7 0.2s ease-out;
}
@keyframes fadeIn-fc75cce7 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.dialog-container[data-v-fc75cce7] {
  background: #16222e;
  border: 1px solid #2e4b6b;
  border-radius: 0.75rem;
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: slideUp-fc75cce7 0.3s ease-out;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
@keyframes slideUp-fc75cce7 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dialog-header[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #2e4b6b;
}
.dialog-title[data-v-fc75cce7] {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dialog-title[data-v-fc75cce7]::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 1.25rem;
  background: #007bff;
  border-radius: 2px;
}
.dialog-close[data-v-fc75cce7] {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #8dacce;
  cursor: pointer;
  border-radius: 0.375rem;
  transition: all 0.2s;
}
.dialog-close[data-v-fc75cce7]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.dialog-close .material-symbols-outlined[data-v-fc75cce7] {
  font-size: 1.25rem;
}
.dialog-body[data-v-fc75cce7] {
  padding: 1.5rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.dialog-body .form-group[data-v-fc75cce7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dialog-body .form-group label[data-v-fc75cce7] {
  color: #8dacce;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.dialog-body .form-group .required[data-v-fc75cce7] {
  color: #ef4444;
}
.dialog-body .form-input[data-v-fc75cce7] {
  width: 100%;
  background: #0f1923;
  border: 1px solid #2e4b6b;
  border-radius: 0.5rem;
  color: #fff;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.dialog-body .form-input[data-v-fc75cce7]:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}
.dialog-body .form-textarea[data-v-fc75cce7] {
  width: 100%;
  background: #0f1923;
  border: 1px solid #2e4b6b;
  border-radius: 0.5rem;
  color: #fff;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
  transition: all 0.2s;
}
.dialog-body .form-textarea[data-v-fc75cce7]:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}
.dialog-body .form-hint[data-v-fc75cce7] {
  font-size: 0.6875rem;
  color: #5a7a9a;
}

/* 图标选择器 */
.icon-selector[data-v-fc75cce7] {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.5rem;
}
.icon-option[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: #0f1923;
  border: 1px solid #2e4b6b;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
}
.icon-option[data-v-fc75cce7]:hover {
  border-color: #007bff;
  background: rgba(0, 123, 255, 0.1);
}
.icon-option.selected[data-v-fc75cce7] {
  background: #007bff;
  border-color: #007bff;
}
.icon-option.selected .material-symbols-outlined[data-v-fc75cce7] {
  color: #fff;
}
.icon-option .material-symbols-outlined[data-v-fc75cce7] {
  font-size: 1.25rem;
  color: #8dacce;
}
.dialog-footer[data-v-fc75cce7] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #2e4b6b;
  background: #0f1923;
}
.dialog-btn[data-v-fc75cce7] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}
.cancel-btn[data-v-fc75cce7] {
  background: transparent;
  border: 1px solid #2e4b6b;
  color: #fff;
}
.cancel-btn[data-v-fc75cce7]:hover {
  background: #16222e;
  border-color: #4a6a8a;
}
.confirm-btn[data-v-fc75cce7] {
  background: #007bff;
  color: #fff;
}
.confirm-btn[data-v-fc75cce7]:hover {
  background: #0056b3;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.service-personnel-management[data-v-43695678] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}

/* Action Toolbar */
.action-toolbar[data-v-43695678] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  padding: 1rem;
  gap: 1rem;
  flex-wrap: wrap;
}
.search-filters[data-v-43695678] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  flex-wrap: wrap;
}
.search-box[data-v-43695678] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-box .material-symbols-outlined[data-v-43695678] {
  position: absolute;
  left: 0.75rem;
  color: #64748b;
  font-size: 1.25rem;
}
.search-box input[data-v-43695678] {
  padding-left: 2.5rem;
  width: 16rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #cbd5e1;
}
.search-box input[data-v-43695678]:focus {
  outline: none;
  border-color: #135bec;
}
.search-box input[data-v-43695678]::placeholder {
  color: #64748b;
}
.filter-select[data-v-43695678] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #cbd5e1;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  min-width: 8rem;
  cursor: pointer;
}
.filter-select[data-v-43695678]:hover {
  border-color: #475569;
}
.action-buttons[data-v-43695678] {
  display: flex;
  gap: 0.75rem;
}

/* Buttons */
.btn[data-v-43695678] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.btn-primary[data-v-43695678] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-43695678]:hover {
  background-color: #0d4ed3;
}
.btn-secondary[data-v-43695678] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-43695678]:hover {
  background-color: #475569;
}
.btn-danger[data-v-43695678] {
  background-color: #ef4444;
  color: white;
}
.btn-danger[data-v-43695678]:hover {
  background-color: #dc2626;
}
.btn .material-symbols-outlined[data-v-43695678] {
  font-size: 1.125rem;
}

/* Table Wrapper - contains table and frozen bottom bar */
.table-wrapper[data-v-43695678] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Table Container */
.table-container[data-v-43695678] {
  flex: 1;
  overflow-y: auto;
  overflow-x: auto;
}
.data-table[data-v-43695678] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-43695678] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #334155;
}
.data-table th.text-right[data-v-43695678] {
  text-align: right;
}
.data-table th.text-center[data-v-43695678] {
  text-align: center;
}
.data-table td[data-v-43695678] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #1e293b;
  font-size: 0.875rem;
}
.data-table tr.table-row[data-v-43695678]:hover {
  background-color: rgba(30, 41, 59, 0.8);
}
.data-table td.text-right[data-v-43695678] {
  text-align: right;
}
.data-table td.text-center[data-v-43695678] {
  text-align: center;
}
.no-data[data-v-43695678] {
  text-align: center;
  color: #64748b;
  padding: 3rem !important;
}

/* Personnel Type */
.personnel-type[data-v-43695678] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.type-icon[data-v-43695678] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.type-icon.expert[data-v-43695678] {
  background-color: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.2);
  color: #a855f7;
}
.type-icon.senior[data-v-43695678] {
  background-color: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}
.type-icon.mid[data-v-43695678] {
  background-color: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
.type-icon.junior[data-v-43695678] {
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
  color: #6b7280;
}
.type-name[data-v-43695678] {
  font-weight: 500;
  color: #f1f5f9;
}

/* Skill Description */
.skill-desc[data-v-43695678] {
  color: #cbd5e1;
  margin: 0;
  max-width: 20rem;
}

/* Level Badge */
.level-badge[data-v-43695678] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}
.level-badge.expert[data-v-43695678] {
  background-color: rgba(168, 85, 247, 0.1);
  color: #a855f7;
  border: 1px solid rgba(168, 85, 247, 0.2);
}
.level-badge.senior[data-v-43695678] {
  background-color: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.level-badge.mid[data-v-43695678] {
  background-color: rgba(34, 197, 94, 0.1);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.level-badge.junior[data-v-43695678] {
  background-color: rgba(107, 114, 128, 0.1);
  color: #94a3b8;
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.level-dot[data-v-43695678] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
}
.level-badge.expert .level-dot[data-v-43695678] {
  background-color: #a855f7;
}
.level-badge.senior .level-dot[data-v-43695678] {
  background-color: #3b82f6;
}
.level-badge.mid .level-dot[data-v-43695678] {
  background-color: #22c55e;
}
.level-badge.junior .level-dot[data-v-43695678] {
  background-color: #94a3b8;
}

/* Mode Badge */
.mode-badge[data-v-43695678] {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.mode-badge.mode-remote[data-v-43695678] {
  background-color: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}
.mode-badge.mode-onsite[data-v-43695678] {
  background-color: rgba(249, 115, 22, 0.1);
  color: #f97316;
}

/* Price */
.price[data-v-43695678] {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #f1f5f9;
}
.price-unit[data-v-43695678] {
  color: #64748b;
  font-size: 0.75rem;
  margin-left: 0.25rem;
}

/* Tags */
.tags[data-v-43695678] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.tag[data-v-43695678] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: rgba(6, 182, 212, 0.1);
  color: #22d3ee;
  border: 1px solid rgba(6, 182, 212, 0.2);
}

/* Action Buttons */
.action-btn[data-v-43695678] {
  padding: 0.375rem;
  background: transparent;
  border: none;
  border-radius: 0.375rem;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s;
}
.action-btn[data-v-43695678]:hover {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.action-btn.delete-btn[data-v-43695678]:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.action-btn .material-symbols-outlined[data-v-43695678] {
  font-size: 1.125rem;
}

/* Frozen Bottom Bar */
.bottom-bar[data-v-43695678] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #0f172a;
  border-top: 1px solid #334155;
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.bottom-bar-left[data-v-43695678] {
  flex: 1;
}
.bottom-bar-center[data-v-43695678] {
  flex: 0 0 auto;
}
.bottom-bar-right[data-v-43695678] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

/* Page Size Selector */
.page-size-selector[data-v-43695678] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-size-label[data-v-43695678] {
  font-size: 0.75rem;
  color: #64748b;
}
.page-size-select[data-v-43695678] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #cbd5e1;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  cursor: pointer;
  width: 3.5rem;
}
.page-size-select[data-v-43695678]:hover {
  border-color: #475569;
}
.page-size-select[data-v-43695678]:focus {
  outline: none;
  border-color: #135bec;
}

/* Pagination Info */
.pagination-info[data-v-43695678] {
  font-size: 0.75rem;
  color: #64748b;
}
.pagination-info span[data-v-43695678] {
  color: #f1f5f9;
  font-weight: 600;
}

/* Pagination Buttons */
.pagination-buttons[data-v-43695678] {
  display: flex;
  gap: 0.25rem;
}
.page-btn[data-v-43695678] {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  background-color: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.page-btn[data-v-43695678]:hover:not(:disabled) {
  background-color: #334155;
  color: #f1f5f9;
}
.page-btn.active[data-v-43695678] {
  background-color: #135bec;
  border-color: #135bec;
  color: white;
}
.page-btn[data-v-43695678]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Dialog */
.dialog-overlay[data-v-43695678] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.dialog[data-v-43695678] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  width: 100%;
  max-width: 36rem;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dialog-small[data-v-43695678] {
  max-width: 28rem;
}
.dialog-header[data-v-43695678] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-43695678] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
  margin: 0;
}
.close-btn[data-v-43695678] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s;
}
.close-btn[data-v-43695678]:hover {
  background-color: #334155;
  color: #94a3b8;
}
.dialog-body[data-v-43695678] {
  padding: 1.5rem;
  overflow-y: auto;
  max-height: 60vh;
}
.dialog-body p[data-v-43695678] {
  color: #cbd5e1;
  margin: 0 0 1rem 0;
}
.delete-item-info[data-v-43695678] {
  padding: 0.75rem;
  background-color: #334155;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  color: #f1f5f9;
}
.dialog-footer[data-v-43695678] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

/* Form */
.form-group[data-v-43695678] {
  margin-bottom: 1rem;
}
.form-group label[data-v-43695678] {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 0.375rem;
}
.required[data-v-43695678] {
  color: #ef4444;
}
.form-input[data-v-43695678],
.form-select[data-v-43695678],
.form-textarea[data-v-43695678] {
  width: 100%;
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #f1f5f9;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.form-input[data-v-43695678]:focus,
.form-select[data-v-43695678]:focus,
.form-textarea[data-v-43695678]:focus {
  outline: none;
  border-color: #135bec;
  box-shadow: 0 0 0 2px rgba(19, 91, 236, 0.1);
}
.form-input[data-v-43695678]::placeholder,
.form-textarea[data-v-43695678]::placeholder {
  color: #64748b;
}
.form-textarea[data-v-43695678] {
  resize: vertical;
  min-height: 4rem;
}
.form-row[data-v-43695678] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

/* Scrollbar */
[data-v-43695678]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-43695678]::-webkit-scrollbar-track {
  background: #1e293b;
}
[data-v-43695678]::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}
[data-v-43695678]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.single-service-management[data-v-666152f5] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}

/* Toolbar */
.toolbar[data-v-666152f5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  padding: 1rem;
  gap: 1rem;
  flex-wrap: wrap;
}
.toolbar-left[data-v-666152f5],
.toolbar-right[data-v-666152f5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.filter-group[data-v-666152f5] {
  display: flex;
  gap: 0.5rem;
}
.filter-select[data-v-666152f5] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #cbd5e1;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  min-width: 8rem;
  cursor: pointer;
}
.search-box[data-v-666152f5] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-box .material-symbols-outlined[data-v-666152f5] {
  position: absolute;
  left: 0.75rem;
  color: #64748b;
  font-size: 1.25rem;
}
.search-box input[data-v-666152f5] {
  padding-left: 2.5rem;
  width: 16rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #cbd5e1;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}
.search-box input[data-v-666152f5]:focus {
  outline: none;
  border-color: #135bec;
}

/* Buttons */
.btn-primary[data-v-666152f5],
.btn-secondary[data-v-666152f5],
.btn-success[data-v-666152f5],
.btn-warning[data-v-666152f5],
.btn-danger[data-v-666152f5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight:  500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.btn-primary[data-v-666152f5] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-666152f5]:hover { background-color: #0d4ed3;
}
.btn-success[data-v-666152f5] {
  background-color: #10b981;
}
.btn-success[data-v-666152f5]:hover { background-color: #059669;
}
.btn-warning[data-v-666152f5] {
  background-color: #f59e0b;
}
.btn-warning[data-v-666152f5]:hover { background-color: #d97706;
}
.btn-danger[data-v-666152f5] {
  background-color: #ef4444;
}
.btn-danger[data-v-666152f5]:hover { background-color: #dc2626;
}
.btn-secondary[data-v-666152f5] {
  background-color: #334155;
  color: #e2e8f0;
}
.btn-secondary[data-v-666152f5]:hover { background-color: #475569;
}

/* Table Wrapper */
.table-wrapper[data-v-666152f5] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.table-container[data-v-666152f5] {
  flex: 1;
  overflow-y: auto;
  overflow-x: auto;
}
.data-table[data-v-666152f5] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-666152f5] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
  z-index: 5;
}
.data-table td[data-v-666152f5] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #1e293b;
  font-size: 0.875rem;
}
.data-table tbody tr[data-v-666152f5]:hover {
  background-color: #334155;
}
.data-table tr.table-row[data-v-666152f5]:hover {
  background-color: rgba(30, 41, 59, 0.8);
}
.data-table th.text-right[data-v-666152f5],
.data-table td.text-right[data-v-666152f5] {
  text-align: right;
}
.data-table th.text-center[data-v-666152f5],
.data-table td.text-center[data-v-666152f5] {
  text-align: center;
}
.no-data[data-v-666152f5] {
  text-align: center;
  color: # #64748b;
  padding: 3rem !important;
}

/* Badges */
.business-type-badge[data-v-666152f5] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
  border: 1px solid rgba(19, 91, 236, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.level-badge[data-v-666152f5] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.level-badge.level-low[data-v-666152f5] {
  background-color: rgba(34, 197, 94, 0.1);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.level-badge.level-mid[data-v-666152f5] {
  background-color: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.level-badge.level-high[data-v-666152f5] {
  background-color: rgba(249, 115, 22, 0.1);
  color: #f97316;
  border: 1px solid rgba(249, 115, 22, 0.2);
}
.engineer-badge[data-v-666152f5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.engine-badge.eng-l1[data-v-666152f5] {
  background-color: #22c55e;
  color: white;
}
.engine-badge.eng-l2[data-v-666152f5] {
  background-color: #3b82f6;
  color: white;
}
.engine-badge.eng-l3[data-v-666152f5] {
  background-color: #f59e0b;
  color: white;
}
.engine-badge.eng-l4[data-v-666152f5] {
  background-color: #f97316;
  color: white;
}
.engine-badge.eng-l5[data-v-666152f5] {
  background-color: #ef4444;
  color: white;
}
.service-detail[data-v-666152f5] {
  max-width: 15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price[data-v-666152f5] {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: #f1f5f9;
}

/* Action Buttons */
.action-btn[data-v-666152f5] {
  padding: 0.375rem;
  background: transparent;
  border: none;
  border-radius: 0.375rem;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s;
}
.action-btn[data-v-666152f5]:hover {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.action-btn.delete-btn[data-v-666152f5]:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

/* Frozen Bottom Bar */
.bottom-bar[data-v-666152f5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #0f172a;
  border-top: 1px solid #334155;
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.bottom-bar-left[data-v-666152f5] {
  flex: 1;
}
.bottom-bar-center[data-v-666152f5] {
  flex: 0 0 auto;
}
.bottom-bar-right[data-v-666152f5] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.pagination-info[data-v-666152f5] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.pagination-info span[data-v-666152f5] {
  color: #f1f5f9;
  font-weight: 600;
}
.page-size-selector[data-v-666152f5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-size-label[data-v-666152f5] {
  font-size: 0.75rem;
  color: #64748b;
}
.page-size-select[data-v-666152f5] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #cbd5e1;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  cursor: pointer;
  width: 3.5rem;
}
.pagination-buttons[data-v-666152f5] {
  display: flex;
  gap: 0.25rem;
}
.page-btn[data-v-666152f5] {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  background-color: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.page-btn[data-v-666152f5]:hover:not(:disabled) {
  background-color: #334155;
  color: #f1f5f9;
}
.page-btn.active[data-v-666152f5] {
  background-color: #135bec;
  border-color: #135bec;
  color: white;
}
.page-btn[data-v-666152f5]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Dialog */
.dialog-overlay[data-v-666152f5] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.dialog[data-v-666152f5] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dialog-small[data-v-666152f5] {
  max-width: 400px;
}
.dialog-header[data-v-666152f5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-666152f5] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-666152f5] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-666152f5] {
  padding: 1.5rem;
  overflow-y: auto;
  max-height: 60vh;
}
.dialog-body p[data-v-666152f5] {
  color: #cbd5e1;
  margin: 0 0 1rem 0;
}
.delete-item-info[data-v-666152f5] {
  padding: 0.75rem;
  background-color: #334155;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  color: #f1f5f9;
}
.form-row[data-v-666152f5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.form-group[data-v-666152f5] {
  margin-bottom: 1rem;
}
.form-group label[data-v-666152f5] {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #94a3b8;
  margin-bottom: 0.375rem;
}
.form-group input[data-v-666152f5],
.form-group select[data-v-666152f5],
.form-group textarea[data-v-666152f5] {
  width: 100%;
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #f1f5f9;
  font-size: 0.875rem;
}
.form-group input[data-v-666152f5]:focus,
.form-group select[data-v-666152f5]:focus,
.form-group textarea[data-v-666152f5]:focus {
  outline: none;
  border-color: #135bec;
}
.form-textarea[data-v-666152f5] {
  resize: vertical;
  min-height: 2rem;
}
.dialog-footer[data-v-666152f5] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}

/* Template options */
.template-options[data-v-666152f5] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.template-btn[data-v-666152f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}
.template-btn[data-v-666152f5]:hover {
  background-color: #334155;
  border-color: #135bec;
}
.material-symbols-outlined[data-v-666152f5] {
  font-family: 'Material Symbols Outlined';
  font-size: 1.125rem;
}

.job-position-management[data-v-e9b6f782] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #0f172a;
  color: #e2e8f0;
}

/* Filter Bar */
.filter-bar[data-v-e9b6f782] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
  flex-wrap: wrap;
  gap: 1rem;
}
.filter-left[data-v-e9b6f782] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.filter-group[data-v-e9b6f782] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.filter-group label[data-v-e9b6f782] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.filter-group select[data-v-e9b6f782] {
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  min-width: 120px;
}
.actions[data-v-e9b6f782] {
  display: flex;
  gap: 12px;
  align-items: center;
}
.actions[data-v-e9b6f782] .el-button {
  margin-left: 0;
}
.btn-icon[data-v-e9b6f782] {
  font-size: 1.125rem;
  margin-right: 0.25rem;
}
.search-box[data-v-e9b6f782] {
  position: relative;
}
.search-box input[data-v-e9b6f782] {
  width: 16rem;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
}
.search-box input[data-v-e9b6f782]:focus {
  outline: none;
  border-color: #135bec;
}
.search-icon[data-v-e9b6f782] {
  position: absolute;
  left: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #64748b;
}

/* Table */
.table-container[data-v-e9b6f782] {
  flex: 1;
  overflow-y: auto;
  overflow-x: auto;
}
.data-table[data-v-e9b6f782] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-e9b6f782],
.data-table td[data-v-e9b6f782] {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #1e293b;
}
.data-table th[data-v-e9b6f782] {
  background-color: #1e293b;
  font-weight: 600;
  color: #94a3b8;
  font-size: 0.75rem;
  text-transform: uppercase;
  position: sticky;
  top: 0;
  z-index: 10;
}
.data-table tbody tr[data-v-e9b6f782]:hover {
  background-color: rgba(19, 91, 236, 0.05);
}
.text-right[data-v-e9b6f782] {
  text-align: right !important;
}
.text-center[data-v-e9b6f782] {
  text-align: center !important;
}
.empty-state[data-v-e9b6f782] {
  text-align: center;
  padding: 3rem;
  color: #64748b;
}
.position-cell[data-v-e9b6f782] {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Badges */
.seq-badge[data-v-e9b6f782] {
  display: inline-block;
  padding: 0.25rem 0.625rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.seq-tech[data-v-e9b6f782] {
  background-color: rgba(19, 91, 236, 0.15);
  color: #60a5fa;
}
.seq-mgmt[data-v-e9b6f782] {
  background-color: rgba(234, 179, 8, 0.15);
  color: #eab308;
}
.level-badge[data-v-e9b6f782] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.level-junior[data-v-e9b6f782] {
  background-color: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}
.level-mid[data-v-e9b6f782] {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
.level-senior[data-v-e9b6f782] {
  background-color: rgba(249, 115, 22, 0.2);
  color: #f97316;
}
.level-expert[data-v-e9b6f782] {
  background-color: rgba(168, 85, 247, 0.2);
  color: #a855f7;
}
.level-lead[data-v-e9b6f782] {
  background-color: rgba(236, 72, 153, 0.2);
  color: #ec4899;
}
.level-manager[data-v-e9b6f782] {
  background-color: rgba(234, 179, 8, 0.2);
  color: #eab308;
}
.level-director[data-v-e9b6f782] {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
.level-default[data-v-e9b6f782] {
  background-color: rgba(100, 116, 139, 0.2);
  color: #64748b;
}
.salary-count[data-v-e9b6f782] {
  font-weight: 600;
  color: #22c55e;
}
.salary-count-empty[data-v-e9b6f782] {
  color: #64748b;
}

/* Icon buttons */
.content-icon-btn[data-v-e9b6f782] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  background-color: rgba(99, 102, 241, 0.1);
  color: #6366f1;
}
.content-icon-btn[data-v-e9b6f782]:hover {
  background-color: rgba(99, 102, 241, 0.2);
  transform: scale(1.05);
}
.content-icon-btn .material-symbols-outlined[data-v-e9b6f782] {
  font-size: 1.25rem;
}
.action-btn[data-v-e9b6f782] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  margin: 0 0.25rem;
}
.action-btn .material-symbols-outlined[data-v-e9b6f782] {
  font-size: 1.125rem;
}
.edit-btn[data-v-e9b6f782] {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.edit-btn[data-v-e9b6f782]:hover {
  background-color: rgba(19, 91, 236, 0.2);
}
.delete-btn[data-v-e9b6f782] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.delete-btn[data-v-e9b6f782]:hover {
  background-color: rgba(239, 68, 68, 0.2);
}

/* Salary dialog */
.salary-toolbar[data-v-e9b6f782] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.salary-search input[data-v-e9b6f782] {
  width: 12rem;
}
.salary-add[data-v-e9b6f782] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.salary-table-container[data-v-e9b6f782] {
  max-height: 420px;
  overflow-y: auto;
}
.salary-text[data-v-e9b6f782] {
  font-weight: 600;
  color: #22c55e;
}

/* Detail dialog */
.content-viewer[data-v-e9b6f782] {
  max-height: 480px;
  overflow-y: auto;
}
.detail-section[data-v-e9b6f782] {
  margin-bottom: 1rem;
}
.detail-section-title[data-v-e9b6f782] {
  margin: 0 0 0.375rem;
  font-size: 0.8125rem;
  color: #94a3b8;
  font-weight: 600;
}
.content-text[data-v-e9b6f782] {
  white-space: pre-wrap;
  word-wrap: break-word;
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 0;
  font-family: inherit;
}

/* Bottom Bar */
.bottom-bar[data-v-e9b6f782] {
  position: sticky;
  bottom: 0;
  background-color: #1e293b;
  border-top: 1px solid #334155;
  padding: 0.75rem 1rem;
  z-index: 100;
}
.pagination-container[data-v-e9b6f782] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pagination-info[data-v-e9b6f782] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-info span[data-v-e9b6f782] {
  color: #cbd5e1;
  font-weight: 500;
}
.pagination-controls[data-v-e9b6f782] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-size-select[data-v-e9b6f782] {
  padding: 0.375rem 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  margin-right: 0.5rem;
}
.pagination-btn[data-v-e9b6f782] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.pagination-btn[data-v-e9b6f782]:hover:not(:disabled) {
  background-color: #334155;
  color: #f1f5f9;
}
.pagination-btn[data-v-e9b6f782]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-btn.page-number[data-v-e9b6f782] {
  font-size: 0.875rem;
}
.pagination-btn.page-number.active[data-v-e9b6f782] {
  background-color: #135bec;
  border-color: #135bec;
  color: white;
}
.pagination-btn .material-symbols-outlined[data-v-e9b6f782] {
  font-size: 1.25rem;
}

/* Dialog Styles */
[data-v-e9b6f782] .el-dialog {
  background-color: #1e293b;
  border: 1px solid #334155;
}
[data-v-e9b6f782] .el-dialog__title {
  color: #f1f5f9;
}
[data-v-e9b6f782] .el-dialog__body {
  color: #cbd5e1;
}
[data-v-e9b6f782] .el-form-item__label {
  color: #94a3b8;
}
[data-v-e9b6f782] .el-input__wrapper {
  background-color: #0f172a;
  border-color: #334155;
}
[data-v-e9b6f782] .el-input__inner {
  color: #cbd5e1;
}
[data-v-e9b6f782] .el-textarea__inner {
  background-color: #0f172a;
  border-color: #334155;
  color: #cbd5e1;
}
[data-v-e9b6f782] .el-select .el-input__wrapper {
  background-color: #0f172a;
}

/* Scrollbar */
[data-v-e9b6f782]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-e9b6f782]::-webkit-scrollbar-track {
  background: #1e293b;
}
[data-v-e9b6f782]::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}
[data-v-e9b6f782]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.dispatch-service-management[data-v-9f43fe86] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-9f43fe86] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.toolbar-left[data-v-9f43fe86],
.toolbar-right[data-v-9f43fe86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-primary[data-v-9f43fe86],
.btn-secondary[data-v-9f43fe86],
.btn-success[data-v-9f43fe86],
.btn-warning[data-v-9f43fe86],
.btn-danger[data-v-9f43fe86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  color: white;
}
.btn-primary[data-v-9f43fe86] {
  background-color: #135bec;
}
.btn-primary[data-v-9f43fe86]:hover {
  background-color: #1d64f2;
}
.btn-success[data-v-9f43fe86] {
  background-color: #10b981;
}
.btn-success[data-v-9f43fe86]:hover {
  background-color: #059669;
}
.btn-warning[data-v-9f43fe86] {
  background-color: #f59e0b;
}
.btn-warning[data-v-9f43fe86]:hover {
  background-color: #d97706;
}
.btn-danger[data-v-9f43fe86] {
  background-color: #ef4444;
}
.btn-danger[data-v-9f43fe86]:hover {
  background-color: #dc2626;
}
.btn-secondary[data-v-9f43fe86] {
  background-color: #334155;
}
.btn-secondary[data-v-9f43fe86]:hover {
  background-color: #475569;
}
.table-container[data-v-9f43fe86] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.data-table[data-v-9f43fe86] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-9f43fe86] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-9f43fe86] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
}
.data-table tbody tr[data-v-9f43fe86]:hover {
  background-color: #334155;
}
.price-cell[data-v-9f43fe86] {
  font-weight: 600;
  color: #f1f5f9;
}
.empty-state[data-v-9f43fe86] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-9f43fe86] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Pagination */
.pagination-container[data-v-9f43fe86] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
}
.pagination-info[data-v-9f43fe86] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-controls[data-v-9f43fe86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pagination-btn[data-v-9f43fe86] {
  background: transparent;
  border: 1px solid #334155;
  color: #94a3b8;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.pagination-btn[data-v-9f43fe86]:hover:not(:disabled) {
  background-color: #334155;
  color: #e2e8f0;
}
.pagination-btn[data-v-9f43fe86]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-current[data-v-9f43fe86] {
  font-size: 0.875rem;
  color: #e2e8f0;
  min-width: 2rem;
  text-align: center;
}
.page-size-select[data-v-9f43fe86] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #e2e8f0;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}
.page-size-select[data-v-9f43fe86]:focus {
  outline: none;
  border-color: #135bec;
}
@keyframes slideIn-9f43fe86 {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}
.material-symbols-outlined[data-v-9f43fe86] {
  font-family: 'Material Symbols Outlined';
  font-size: 1.25rem;
  vertical-align: middle;
}

.superimposed-price-management[data-v-3445b3b9] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.toolbar-left[data-v-3445b3b9],
.toolbar-right[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-primary[data-v-3445b3b9],
.btn-secondary[data-v-3445b3b9],
.btn-success[data-v-3445b3b9],
.btn-warning[data-v-3445b3b9],
.btn-danger[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  color: white;
}
.btn-primary[data-v-3445b3b9] {
  background-color: #135bec;
}
.btn-primary[data-v-3445b3b9]:hover {
  background-color: #1d64f2;
}
.btn-success[data-v-3445b3b9] {
  background-color: #10b981;
}
.btn-success[data-v-3445b3b9]:hover {
  background-color: #059669;
}
.btn-warning[data-v-3445b3b9] {
  background-color: #f59e0b;
}
.btn-warning[data-v-3445b3b9]:hover {
  background-color: #d97706;
}
.btn-danger[data-v-3445b3b9] {
  background-color: #ef4444;
}
.btn-danger[data-v-3445b3b9]:hover {
  background-color: #dc2626;
}
.btn-secondary[data-v-3445b3b9] {
  background-color: #334155;
}
.btn-secondary[data-v-3445b3b9]:hover {
  background-color: #475569;
}
.search-box[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.search-box .material-symbols-outlined[data-v-3445b3b9] {
  color: #64748b;
  margin-right: 0.5rem;
}
.search-box input[data-v-3445b3b9] {
  background: transparent;
  border: none;
  color: #e2e8f0;
  font-size: 0.875rem;
  outline: none;
  width: 200px;
}
.table-container[data-v-3445b3b9] {
  flex: 1;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  overflow: auto;
}
.data-table[data-v-3445b3b9] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-3445b3b9] {
  background-color: #0f172a;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}
.data-table td[data-v-3445b3b9] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #334155;
  font-size: 0.875rem;
}
.data-table tbody tr[data-v-3445b3b9]:hover {
  background-color: #334155;
}
.name-cell[data-v-3445b3b9] {
  font-weight: 600;
  color: #f1f5f9;
}
.standard-cell[data-v-3445b3b9] {
  color: #cbd5e1;
  max-width: 300px;
}
.products-tags[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
}
.product-tag[data-v-3445b3b9] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: rgba(19, 91, 236, 0.15);
  color: #135bec;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.no-products[data-v-3445b3b9] {
  color: #64748b;
  font-style: italic;
  font-size: 0.75rem;
}
.more-products[data-v-3445b3b9] {
  color: #64748b;
  font-size: 0.75rem;
}
.remarks-cell[data-v-3445b3b9] {
  color: #94a3b8;
  max-width: 200px;
}
.actions[data-v-3445b3b9] {
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-3445b3b9] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  color: #64748b;
}
.action-btn.edit[data-v-3445b3b9]:hover {
  color: #135bec;
  background-color: rgba(19, 91, 236, 0.1);
}
.action-btn.delete[data-v-3445b3b9]:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
}
.empty-state[data-v-3445b3b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-3445b3b9] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Pagination */
.pagination-container[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
}
.pagination-info[data-v-3445b3b9] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-controls[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pagination-btn[data-v-3445b3b9] {
  background: transparent;
  border: 1px solid #334155;
  color: #94a3b8;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.pagination-btn[data-v-3445b3b9]:hover:not(:disabled) {
  background-color: #334155;
  color: #e2e8f0;
}
.pagination-btn[data-v-3445b3b9]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-current[data-v-3445b3b9] {
  font-size: 0.875rem;
  color: #e2e8f0;
  min-width: 2rem;
  text-align: center;
}
.page-size-select[data-v-3445b3b9] {
  background-color: #0f172a;
  border: 1px solid #334155;
  color: #e2e8f0;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}
.page-size-select[data-v-3445b3b9]:focus {
  outline: none;
  border-color: #135bec;
}

/* Dialog */
.dialog-overlay[data-v-3445b3b9] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.dialog[data-v-3445b3b9] {
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.5rem;
  width: 90%;
  max-width: 550px;
}
.dialog-header[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #334155;
}
.dialog-header h3[data-v-3445b3b9] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1f5f9;
}
.close-btn[data-v-3445b3b9] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
}
.dialog-body[data-v-3445b3b9] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-group[data-v-3445b3b9] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.form-group label[data-v-3445b3b9] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.form-group .required[data-v-3445b3b9] {
  color: #ef4444;
}
.form-group input[data-v-3445b3b9],
.form-group textarea[data-v-3445b3b9] {
  padding: 0.625rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #e2e8f0;
  font-size: 0.875rem;
}
.form-group input[data-v-3445b3b9]:focus,
.form-group textarea[data-v-3445b3b9]:focus {
  outline: none;
  border-color: #135bec;
}
.form-textarea[data-v-3445b3b9] {
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
}
.form-hint[data-v-3445b3b9] {
  font-size: 0.75rem;
  color: #64748b;
}
.product-selector[data-v-3445b3b9] {
  position: relative;
}
.selected-products[data-v-3445b3b9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.selected-product-tag[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(19, 91, 236, 0.15);
  color: #135bec;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.remove-product[data-v-3445b3b9] {
  background: transparent;
  border: none;
  color: #135bec;
  cursor: pointer;
  padding: 0;
  display: flex;
}
.remove-product[data-v-3445b3b9]:hover {
  color: #ef4444;
}
.add-product-btn[data-v-3445b3b9] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #94a3b8;
  cursor: pointer;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.add-product-btn[data-v-3445b3b9]:hover {
  border-color: #135bec;
  color: #135bec;
}
.product-dropdown[data-v-3445b3b9] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.25rem;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.dropdown-search[data-v-3445b3b9] {
  padding: 0.5rem;
  border-bottom: 1px solid #334155;
}
.dropdown-search input[data-v-3445b3b9] {
  width: 100%;
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.25rem;
  padding: 0.5rem;
  color: #e2e8f0;
  font-size: 0.875rem;
  outline: none;
}
.dropdown-list[data-v-3445b3b9] {
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-item[data-v-3445b3b9] {
  padding: 0.5rem 0.75rem;
  color: #94a3b8;
  cursor: pointer;
  font-size: 0.875rem;
}
.dropdown-item[data-v-3445b3b9]:hover {
  background-color: #334155;
  color: #e2e8f0;
}
.dialog-footer[data-v-3445b3b9] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #334155;
}
@keyframes slideIn-3445b3b9 {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}
.material-symbols-outlined[data-v-3445b3b9] {
  font-family: 'Material Symbols Outlined';
  font-size: 1.25rem;
  vertical-align: middle;
}

.city-social-insurance[data-v-6fa762da] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #0f172a;
  color: #e2e8f0;
}

/* Filter Bar */
.filter-bar[data-v-6fa762da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
  flex-wrap: wrap;
  gap: 1rem;
}
.filter-left[data-v-6fa762da] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.filter-group[data-v-6fa762da] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.filter-group label[data-v-6fa762da] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.filter-group select[data-v-6fa762da] {
  padding: 0.5rem 0.75rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  min-width: 120px;
}
.filter-right[data-v-6fa762da] {
  display: flex;
  gap: 0.75rem;
}
.search-box[data-v-6fa762da] {
  position: relative;
}
.search-box input[data-v-6fa762da] {
  width: 16rem;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
}
.search-box input[data-v-6fa762da]:focus {
  outline: none;
  border-color: #135bec;
}
.search-icon[data-v-6fa762da] {
  position: absolute;
  left: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #64748b;
}

/* Buttons */
.btn[data-v-6fa762da] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}
.btn-primary[data-v-6fa762da] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-6fa762da]:hover {
  background-color: #0d4fd6;
}
.btn-success[data-v-6fa762da] {
  background-color: #22c55e;
  color: white;
}
.btn-success[data-v-6fa762da]:hover {
  background-color: #16a34a;
}
.btn-danger[data-v-6fa762da] {
  background-color: #ef4444;
  color: white;
}
.btn-danger[data-v-6fa762da]:hover {
  background-color: #dc2626;
}

/* Table */
.table-container[data-v-6fa762da] {
  flex: 1;
  overflow-y: auto;
  overflow-x: auto;
}
.data-table[data-v-6fa762da] {
  width: 100%;
  border-collapse: collapse;
}
.data-table th[data-v-6fa762da],
.data-table td[data-v-6fa762da] {
  padding: 0.75rem 0.5rem;
  text-align: left;
  border-bottom: 1px solid #1e293b;
  font-size: 0.75rem;
}
.data-table th[data-v-6fa762da] {
  background-color: #1e293b;
  font-weight: 600;
  color: #94a3b8;
  position: sticky;
  top: 0;
  z-index: 10;
  white-space: nowrap;
}
.data-table tbody tr[data-v-6fa762da]:hover {
  background-color: rgba(19, 91, 236, 0.05);
}
.data-table tbody tr[data-v-6fa762da] {
  border-bottom: 1px solid #1e293b;
}
.city-name[data-v-6fa762da] {
  font-weight: 500;
  color: #f1f5f9;
}
.city-alias[data-v-6fa762da] {
  color: #64748b;
  font-size: 0.7rem;
}
.text-right[data-v-6fa762da] {
  text-align: right !important;
}
.text-center[data-v-6fa762da] {
  text-align: center !important;
}
.empty-state[data-v-6fa762da] {
  text-align: center;
  padding: 3rem;
  color: #64748b;
}

/* Action Buttons */
.action-btn[data-v-6fa762da] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  margin: 0 0.125rem;
}
.action-btn .material-symbols-outlined[data-v-6fa762da] {
  font-size: 1rem;
}
.edit-btn[data-v-6fa762da] {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.edit-btn[data-v-6fa762da]:hover {
  background-color: rgba(19, 91, 236, 0.2);
}
.delete-btn[data-v-6fa762da] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.delete-btn[data-v-6fa762da]:hover {
  background-color: rgba(239, 68, 68, 0.2);
}

/* Bottom Bar */
.bottom-bar[data-v-6fa762da] {
  position: sticky;
  bottom: 0;
  background-color: #1e293b;
  border-top: 1px solid #334155;
  padding: 0.75rem 1rem;
  z-index: 100;
}
.pagination-container[data-v-6fa762da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pagination-info[data-v-6fa762da] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-info span[data-v-6fa762da] {
  color: #cbd5e1;
  font-weight: 500;
}
.pagination-controls[data-v-6fa762da] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-size-select[data-v-6fa762da] {
  padding: 0.375rem 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  margin-right: 0.5rem;
}
.pagination-btn[data-v-6fa762da] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.pagination-btn[data-v-6fa762da]:hover:not(:disabled) {
  background-color: #334155;
  color: #f1f5f9;
}
.pagination-btn[data-v-6fa762da]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-btn.page-number[data-v-6fa762da] {
  font-size: 0.875rem;
}
.pagination-btn.page-number.active[data-v-6fa762da] {
  background-color: #135bec;
  border-color: #135bec;
  color: white;
}
.pagination-btn .material-symbols-outlined[data-v-6fa762da] {
  font-size: 1.25rem;
}

/* Dialog Styles */
[data-v-6fa762da] .el-dialog {
  background-color: #1e293b;
  border: 1px solid #334155;
}
[data-v-6fa762da] .el-dialog__title {
  color: #f1f5f9;
}
[data-v-6fa762da] .el-dialog__body {
  color: #cbd5e1;
}
[data-v-6fa762da] .el-form-item__label {
  color: #94a3b8;
}
[data-v-6fa762da] .el-input__wrapper {
  background-color: #0f172a;
  border-color: #334155;
}
[data-v-6fa762da] .el-input__inner {
  color: #cbd5e1;
}
[data-v-6fa762da] .el-input-number .el-input__inner {
  text-align: left;
}
.form-section-title[data-v-6fa762da] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #135bec;
  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #334155;
}

/* Scrollbar */
[data-v-6fa762da]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-6fa762da]::-webkit-scrollbar-track {
  background: #1e293b;
}
[data-v-6fa762da]::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}
[data-v-6fa762da]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.relocation-vehicle-management[data-v-505e484b] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.toolbar[data-v-505e484b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.toolbar-left[data-v-505e484b] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.toolbar-right[data-v-505e484b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.total-count[data-v-505e484b] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.btn[data-v-505e484b] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}
.btn-primary[data-v-505e484b] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-505e484b]:hover {
  background-color: #0d4fd6;
}
.btn-success[data-v-505e484b] {
  background-color: #22c55e;
  color: white;
}
.btn-success[data-v-505e484b]:hover {
  background-color: #16a34a;
}
.btn-danger[data-v-505e484b] {
  background-color: #ef4444;
  color: white;
}
.btn-danger[data-v-505e484b]:hover {
  background-color: #dc2626;
}
.text-center[data-v-505e484b] {
  text-align: center;
}
.action-btn[data-v-505e484b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  margin: 0 0.125rem;
}
.action-btn .material-symbols-outlined[data-v-505e484b] {
  font-size: 1rem;
}
.edit-btn[data-v-505e484b] {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.edit-btn[data-v-505e484b]:hover {
  background-color: rgba(19, 91, 236, 0.2);
}
.delete-btn[data-v-505e484b] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.delete-btn[data-v-505e484b]:hover {
  background-color: rgba(239, 68, 68, 0.2);
}
.form-section-title[data-v-505e484b] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #94a3b8;
  margin: 1rem 0 0.5rem;
  padding-bottom: 0.25rem;
}
.form-section-title[data-v-505e484b]:first-child {
  margin-top: 0;
}
.table-container[data-v-505e484b] {
  flex: 1;
  min-height: 0;
  position: relative;
  background: rgba(30, 41, 59, 0.5);
  border: 1px solid #334155;
  border-radius: 0.75rem;
  overflow: hidden;
}
.table-container.loading[data-v-505e484b] {
  pointer-events: none;
}
.loading-overlay[data-v-505e484b] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(15, 23, 42, 0.8);
  color: #94a3b8;
  z-index: 10;
}
.loading-spinner[data-v-505e484b] {
  width: 2rem;
  height: 2rem;
  border: 2px solid #334155;
  border-top-color: #38bdf8;
  border-radius: 50%;
  animation: spin-505e484b 0.8s linear infinite;
}
@keyframes spin-505e484b {
to { transform: rotate(360deg);
}
}
.table-scroll[data-v-505e484b] {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 100%;
}
.data-table[data-v-505e484b] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}
.data-table th[data-v-505e484b],
.data-table td[data-v-505e484b] {
  padding: 0.5rem 0.625rem;
  text-align: left;
  border-bottom: 1px solid #334155;
  white-space: nowrap;
}
.data-table th[data-v-505e484b] {
  background: #1e293b;
  color: #94a3b8;
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 1;
}
.data-table td[data-v-505e484b] {
  color: #e2e8f0;
}
.data-table tbody tr[data-v-505e484b]:hover {
  background: rgba(56, 189, 248, 0.06);
}
.num-cell[data-v-505e484b] {
  text-align: right;
}
.desc-cell[data-v-505e484b] {
  max-width: 12rem;
  white-space: normal;
  word-break: break-word;
}
.empty-state[data-v-505e484b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-505e484b] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.empty-state p[data-v-505e484b] {
  margin: 0;
  font-size: 0.875rem;
}

.china-city-tier-management[data-v-aba91d61] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #0f172a;
  color: #e2e8f0;
}
.toolbar[data-v-aba91d61] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 1rem 0;
  flex-shrink: 0;
}
.toolbar-left[data-v-aba91d61] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.toolbar-right[data-v-aba91d61] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* 按钮：与城市社保基准、机房搬迁车型数据一致 */
.btn[data-v-aba91d61] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}
.btn-primary[data-v-aba91d61] {
  background-color: #135bec;
  color: white;
}
.btn-primary[data-v-aba91d61]:hover {
  background-color: #0d4fd6;
}
.btn-success[data-v-aba91d61] {
  background-color: #22c55e;
  color: white;
}
.btn-success[data-v-aba91d61]:hover {
  background-color: #16a34a;
}
.btn-danger[data-v-aba91d61] {
  background-color: #ef4444;
  color: white;
}
.btn-danger[data-v-aba91d61]:hover {
  background-color: #dc2626;
}
.btn-secondary[data-v-aba91d61] {
  background-color: #334155;
  color: #cbd5e1;
}
.btn-secondary[data-v-aba91d61]:hover {
  background-color: #475569;
}
.search-box[data-v-aba91d61] {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  min-width: 12rem;
}
.search-box input[data-v-aba91d61] {
  border: none;
  outline: none;
  background: transparent;
  color: #cbd5e1;
  font-size: 0.875rem;
  width: 100%;
}
.search-box input[data-v-aba91d61]::placeholder {
  color: #64748b;
}
.search-box .search-icon[data-v-aba91d61] {
  position: absolute;
  left: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #64748b;
  pointer-events: none;
}
.total-count[data-v-aba91d61] {
  font-size: 0.875rem;
  color: #94a3b8;
}

/* 表格容器：深色背景与边框 */
.table-container[data-v-aba91d61] {
  flex: 1;
  min-height: 0;
  position: relative;
  background: rgba(30, 41, 59, 0.5);
  border: 1px solid #334155;
  border-radius: 0.75rem;
  overflow: hidden;
}
.table-container.loading[data-v-aba91d61] {
  pointer-events: none;
}
.table-scroll[data-v-aba91d61] {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 100%;
}

/* 表头与数据行：字体、线条颜色与其他模块一致 */
.data-table[data-v-aba91d61] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}
.data-table th[data-v-aba91d61],
.data-table td[data-v-aba91d61] {
  padding: 0.5rem 0.625rem;
  text-align: left;
  border-bottom: 1px solid #334155;
  white-space: nowrap;
}
.data-table th[data-v-aba91d61] {
  background: #1e293b;
  color: #94a3b8;
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 1;
}
.data-table td[data-v-aba91d61] {
  color: #e2e8f0;
}
.data-table tbody tr[data-v-aba91d61]:hover {
  background: rgba(56, 189, 248, 0.06);
}
.data-table td.desc-cell[data-v-aba91d61] {
  max-width: 12rem;
  white-space: normal;
  word-break: break-word;
}
.text-center[data-v-aba91d61] {
  text-align: center !important;
}

/* 行内操作按钮 */
.action-btn[data-v-aba91d61] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  margin: 0 0.125rem;
}
.action-btn .material-symbols-outlined[data-v-aba91d61] {
  font-size: 1rem;
}
.edit-btn[data-v-aba91d61] {
  background-color: rgba(19, 91, 236, 0.1);
  color: #135bec;
}
.edit-btn[data-v-aba91d61]:hover {
  background-color: rgba(19, 91, 236, 0.2);
}
.delete-btn[data-v-aba91d61] {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.delete-btn[data-v-aba91d61]:hover {
  background-color: rgba(239, 68, 68, 0.2);
}
.loading-overlay[data-v-aba91d61] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(15, 23, 42, 0.8);
  color: #94a3b8;
  z-index: 10;
}
.loading-spinner[data-v-aba91d61] {
  width: 2rem;
  height: 2rem;
  border: 2px solid #334155;
  border-top-color: #38bdf8;
  border-radius: 50%;
  animation: spin-aba91d61 0.8s linear infinite;
}
@keyframes spin-aba91d61 {
to { transform: rotate(360deg);
}
}
.empty-state[data-v-aba91d61] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-aba91d61] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.empty-state p[data-v-aba91d61] {
  margin: 0;
  font-size: 0.875rem;
}

/* 底部分页栏 */
.bottom-bar[data-v-aba91d61] {
  flex-shrink: 0;
  background-color: #1e293b;
  border-top: 1px solid #334155;
  padding: 0.75rem 1rem;
}
.pagination-container[data-v-aba91d61] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.pagination-info[data-v-aba91d61] {
  font-size: 0.875rem;
  color: #94a3b8;
}
.pagination-info span[data-v-aba91d61] {
  color: #cbd5e1;
  font-weight: 500;
}
.pagination-controls[data-v-aba91d61] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-size-select[data-v-aba91d61] {
  padding: 0.375rem 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #cbd5e1;
  font-size: 0.875rem;
  margin-right: 0.5rem;
}
.pagination-btn[data-v-aba91d61] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 0.5rem;
  background-color: #0f172a;
  border: 1px solid #334155;
  border-radius: 0.375rem;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.pagination-btn[data-v-aba91d61]:hover:not(:disabled) {
  background-color: #334155;
  color: #f1f5f9;
}
.pagination-btn[data-v-aba91d61]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination-btn.page-number[data-v-aba91d61] {
  font-size: 0.875rem;
}
.pagination-btn.page-number.active[data-v-aba91d61] {
  background-color: #135bec;
  border-color: #135bec;
  color: white;
}
.pagination-btn .material-symbols-outlined[data-v-aba91d61] {
  font-size: 1.25rem;
}
.dialog-footer-actions[data-v-aba91d61] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

/* 弹窗深色主题（与其他模块一致） */
[data-v-aba91d61] .el-dialog {
  background-color: #1e293b;
  border: 1px solid #334155;
}
[data-v-aba91d61] .el-dialog__title {
  color: #f1f5f9;
}
[data-v-aba91d61] .el-dialog__body {
  color: #cbd5e1;
}
[data-v-aba91d61] .el-form-item__label {
  color: #94a3b8;
}
[data-v-aba91d61] .el-input__wrapper {
  background-color: #0f172a;
  border-color: #334155;
}
[data-v-aba91d61] .el-input__inner {
  color: #cbd5e1;
}

/* 滚动条 */
[data-v-aba91d61]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-aba91d61]::-webkit-scrollbar-track {
  background: #1e293b;
}
[data-v-aba91d61]::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}
[data-v-aba91d61]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.lenovo-framework-management[data-v-dcda8d6d] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tabs-bar[data-v-dcda8d6d] {
  display: flex;
  gap: 0.4rem;
  border-bottom: 1px solid rgba(75, 97, 137, 0.25);
  overflow-x: auto;
  flex-wrap: wrap;
}
.tab-btn[data-v-dcda8d6d] {
  padding: 0.55rem 1rem;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: #8aa0c0;
  cursor: pointer;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition: color 0.15s, border-color 0.15s;
}
.tab-btn[data-v-dcda8d6d]:hover {
  color: #c7d3e6;
}
.tab-btn.active[data-v-dcda8d6d] {
  color: #74a8ff;
  border-bottom-color: #2563eb;
  font-weight: 600;
}
.tab-count[data-v-dcda8d6d] {
  font-size: 0.75rem;
  padding: 0.05rem 0.45rem;
  border-radius: 0.5rem;
  background: rgba(75, 97, 137, 0.25);
  color: #c7d3e6;
}
.toolbar[data-v-dcda8d6d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.toolbar-left[data-v-dcda8d6d] {
  display: flex;
  gap: 0.5rem;
}
.btn-primary[data-v-dcda8d6d], .btn-danger[data-v-dcda8d6d], .btn-secondary[data-v-dcda8d6d] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.9rem;
  border-radius: 0.4rem;
  border: none;
  cursor: pointer;
  font-size: 0.85rem;
}
.btn-primary[data-v-dcda8d6d] { background: #2563eb; color: #fff;
}
.btn-primary[data-v-dcda8d6d]:hover { background: #1d4ed8;
}
.btn-danger[data-v-dcda8d6d] { background: #dc2626; color: #fff;
}
.btn-danger[data-v-dcda8d6d]:hover { background: #b91c1c;
}
.btn-secondary[data-v-dcda8d6d] { background: rgba(75, 97, 137, 0.25); color: #e3eaf5;
}
.search-box[data-v-dcda8d6d] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.75rem;
  background: rgba(20, 30, 48, 0.5);
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.4rem;
  color: #c7d3e6;
}
.search-box input[data-v-dcda8d6d] {
  background: transparent;
  border: none;
  outline: none;
  color: #e3eaf5;
  font-size: 0.85rem;
  width: 18rem;
}
.table-container[data-v-dcda8d6d] {
  overflow: auto;
  background: rgba(20, 30, 48, 0.4);
  border: 1px solid rgba(75, 97, 137, 0.25);
  border-radius: 0.5rem;
  min-height: 18rem;
}
.data-table[data-v-dcda8d6d] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.data-table th[data-v-dcda8d6d] {
  text-align: left;
  padding: 0.6rem 0.85rem;
  background: rgba(20, 30, 48, 0.7);
  border-bottom: 1px solid rgba(75, 97, 137, 0.25);
  color: #8aa0c0;
  font-weight: 500;
  white-space: nowrap;
  position: sticky;
  top: 0;
}
.data-table td[data-v-dcda8d6d] {
  padding: 0.5rem 0.85rem;
  border-bottom: 1px solid rgba(75, 97, 137, 0.12);
  color: #d6dfee;
}
.actions[data-v-dcda8d6d] {
  white-space: nowrap;
  display: flex;
  gap: 0.3rem;
}
.action-btn[data-v-dcda8d6d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  background: transparent;
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.35rem;
  color: #c7d3e6;
  cursor: pointer;
}
.action-btn.edit[data-v-dcda8d6d]:hover { color: #74a8ff; border-color: #2563eb;
}
.action-btn.delete[data-v-dcda8d6d]:hover { color: #f87171; border-color: #dc2626;
}
.empty-state[data-v-dcda8d6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  color: #6b7d96;
}
.pagination-container[data-v-dcda8d6d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.pagination-info[data-v-dcda8d6d] { color: #8aa0c0; font-size: 0.85rem;
}
.pagination-controls[data-v-dcda8d6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pagination-btn[data-v-dcda8d6d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: rgba(20, 30, 48, 0.6);
  border: 1px solid rgba(75, 97, 137, 0.3);
  border-radius: 0.35rem;
  color: #c7d3e6;
  cursor: pointer;
}
.pagination-btn[data-v-dcda8d6d]:disabled { opacity: 0.4; cursor: not-allowed;
}
.pagination-current[data-v-dcda8d6d] { color: #c7d3e6; font-size: 0.85rem; padding: 0 0.5rem;
}
.page-size-select[data-v-dcda8d6d] {
  padding: 0.35rem 0.5rem;
  background: rgba(20, 30, 48, 0.6);
  border: 1px solid rgba(75, 97, 137, 0.3);
  border-radius: 0.35rem;
  color: #c7d3e6;
  font-size: 0.85rem;
}

/* Dialog */
.dialog-overlay[data-v-dcda8d6d] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.dialog[data-v-dcda8d6d] {
  width: min(640px, 92vw);
  background: #0f1825;
  border: 1px solid rgba(75, 97, 137, 0.35);
  border-radius: 0.6rem;
  display: flex;
  flex-direction: column;
  max-height: 86vh;
}
.dialog-header[data-v-dcda8d6d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.85rem 1.1rem;
  border-bottom: 1px solid rgba(75, 97, 137, 0.25);
}
.dialog-header h3[data-v-dcda8d6d] { margin: 0; color: #e3eaf5; font-size: 1rem;
}
.dialog-close[data-v-dcda8d6d] {
  background: transparent;
  border: none;
  color: #8aa0c0;
  cursor: pointer;
}
.dialog-body[data-v-dcda8d6d] {
  padding: 1rem 1.1rem;
  overflow-y: auto;
}
.form-grid[data-v-dcda8d6d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem 1rem;
}
.form-item[data-v-dcda8d6d] { display: flex; flex-direction: column; gap: 0.3rem;
}
.form-item label[data-v-dcda8d6d] { color: #8aa0c0; font-size: 0.8rem;
}
.required-mark[data-v-dcda8d6d] { color: #f87171; margin-left: 0.15rem;
}
.form-item input[data-v-dcda8d6d], .form-item select[data-v-dcda8d6d] {
  padding: 0.5rem 0.7rem;
  background: rgba(20, 30, 48, 0.8);
  border: 1px solid rgba(75, 97, 137, 0.4);
  border-radius: 0.4rem;
  color: #e3eaf5;
  font-size: 0.88rem;
}
.dialog-footer[data-v-dcda8d6d] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.85rem 1.1rem;
  border-top: 1px solid rgba(75, 97, 137, 0.25);
}

.lenovo-models-management[data-v-e57be801] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  box-sizing: border-box;
}

/* 统计卡片 */
.stats-row[data-v-e57be801] {
  display: flex;
  gap: 1rem;
}
.stat-card[data-v-e57be801] {
  flex: 1;
  background: #1e232f;
  border: 1px solid #2a3447;
  border-radius: 0.5rem;
  padding: 0.875rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.stat-card.success[data-v-e57be801] { border-left: 3px solid #22c55e;
}
.stat-card.warning[data-v-e57be801] { border-left: 3px solid #eab308;
}
.stat-label[data-v-e57be801] {
  color: #94a3b8;
  font-size: 0.75rem;
}
.stat-value[data-v-e57be801] {
  color: #e2e8f0;
  font-size: 1.25rem;
  font-weight: 600;
}

/* Toolbar */
.toolbar[data-v-e57be801] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.toolbar-left[data-v-e57be801], .toolbar-right[data-v-e57be801] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.btn-primary[data-v-e57be801], .btn-secondary[data-v-e57be801] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  cursor: pointer;
  font-size: 0.875rem;
  transition: filter 0.15s;
}
.btn-primary[data-v-e57be801] {
  background: #3b82f6;
  color: white;
}
.btn-primary[data-v-e57be801]:hover { filter: brightness(1.1);
}
.btn-secondary[data-v-e57be801] {
  background: #1e232f;
  color: #e2e8f0;
  border-color: #2a3447;
}
.btn-secondary[data-v-e57be801]:hover { background: #2a3447;
}
.filter-select[data-v-e57be801], .page-size-select[data-v-e57be801] {
  background: #1e232f;
  color: #e2e8f0;
  border: 1px solid #2a3447;
  border-radius: 0.375rem;
  padding: 0.4rem 0.625rem;
  font-size: 0.8rem;
  cursor: pointer;
}
.search-box[data-v-e57be801] {
  display: inline-flex;
  align-items: center;
  background: #1e232f;
  border: 1px solid #2a3447;
  border-radius: 0.375rem;
  padding: 0.25rem 0.625rem;
  gap: 0.375rem;
  min-width: 220px;
}
.search-box .material-symbols-outlined[data-v-e57be801] {
  color: #94a3b8;
  font-size: 1rem;
}
.search-box input[data-v-e57be801] {
  background: transparent;
  border: none;
  outline: none;
  color: #e2e8f0;
  flex: 1;
  font-size: 0.8rem;
}
.total-count[data-v-e57be801] {
  color: #94a3b8;
  font-size: 0.75rem;
}

/* Table */
.table-container[data-v-e57be801] {
  flex: 1;
  background: #1e232f;
  border: 1px solid #2a3447;
  border-radius: 0.5rem;
  overflow: auto;
  position: relative;
  min-height: 300px;
}
.loading-overlay[data-v-e57be801] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #cbd5e1;
  z-index: 10;
}
.loading-spinner[data-v-e57be801] {
  width: 28px;
  height: 28px;
  border: 3px solid #475569;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin-e57be801 0.8s linear infinite;
}
@keyframes spin-e57be801 {
to { transform: rotate(360deg);
}
}
.data-table[data-v-e57be801] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  color: #cbd5e1;
}
.data-table thead[data-v-e57be801] {
  position: sticky;
  top: 0;
  background: #1e232f;
  z-index: 2;
}
.data-table th[data-v-e57be801] {
  text-align: left;
  padding: 0.75rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #94a3b8;
  border-bottom: 1px solid #2a3447;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.data-table td[data-v-e57be801] {
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid rgba(35, 47, 72, 0.4);
  vertical-align: middle;
}
.data-table tbody tr[data-v-e57be801]:hover {
  background: rgba(255, 255, 255, 0.02);
}
.id-cell[data-v-e57be801] { color: #64748b; font-family: monospace;
}
.text-cell.mono[data-v-e57be801] { font-family: monospace;
}
.notes-cell[data-v-e57be801] {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.col-id[data-v-e57be801] { width: 60px;
}
.col-actions[data-v-e57be801] { width: 92px;
}

/* Badges */
.badge[data-v-e57be801] {
  display: inline-block;
  padding: 2px 8px;
  font-size: 0.7rem;
  border-radius: 9999px;
  white-space: nowrap;
}
.badge-cat[data-v-e57be801] { background: rgba(59, 130, 246, 0.15); color: #60a5fa;
}
.badge-endtype[data-v-e57be801] { background: rgba(34, 197, 94, 0.15); color: #22c55e;
}
.badge-empty[data-v-e57be801] { background: rgba(148, 163, 184, 0.12); color: #94a3b8; border: 1px dashed #475569;
}
.badge-src-classification[data-v-e57be801] { background: rgba(168, 85, 247, 0.15); color: #c084fc;
}
.badge-src-pattern_expanded[data-v-e57be801] { background: rgba(245, 158, 11, 0.15); color: #fbbf24;
}
.badge-src-dc_inventory[data-v-e57be801] { background: rgba(100, 116, 139, 0.18); color: #94a3b8;
}
.badge-src-user_confirmed[data-v-e57be801] { background: rgba(34, 197, 94, 0.15); color: #22c55e;
}
.badge-src-manual[data-v-e57be801] { background: rgba(99, 102, 241, 0.15); color: #818cf8;
}
.badge-alias[data-v-e57be801] { background: rgba(245, 158, 11, 0.15); color: #fbbf24; cursor: help;
}
.aliases-cell[data-v-e57be801] { text-align: center;
}
.text-muted[data-v-e57be801] { color: #475569; font-size: 0.75rem;
}

/* Alias editor in dialog */
.alias-editor[data-v-e57be801] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: #0f1525;
  border: 1px solid #2a3447;
  border-radius: 0.375rem;
  padding: 0.5rem;
}
.alias-tag-list[data-v-e57be801] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 28px;
}
.alias-tag[data-v-e57be801] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(245, 158, 11, 0.18);
  color: #fbbf24;
  border-radius: 4px;
  padding: 2px 6px 2px 8px;
  font-size: 0.75rem;
  font-family: monospace;
}
.alias-remove[data-v-e57be801] {
  background: transparent;
  border: none;
  color: #fbbf24;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0;
}
.alias-remove .material-symbols-outlined[data-v-e57be801] { font-size: 0.85rem;
}
.alias-remove[data-v-e57be801]:hover { color: #f87171;
}
.alias-empty[data-v-e57be801] { color: #64748b; font-size: 0.7rem; padding: 4px 8px;
}
.alias-input-row[data-v-e57be801] {
  display: flex;
  gap: 6px;
}
.alias-input-row input[data-v-e57be801] {
  flex: 1;
  background: #0a0f1c;
  border: 1px solid #2a3447;
  border-radius: 0.375rem;
  padding: 0.4rem 0.625rem;
  color: #e2e8f0;
  font-size: 0.75rem;
  outline: none;
}
.btn-sm[data-v-e57be801] { padding: 0.4rem 0.75rem; font-size: 0.75rem;
}
.alias-hint[data-v-e57be801] { color: #64748b; font-size: 0.7rem; margin: 0;
}

/* Actions */
.actions[data-v-e57be801] {
  display: flex;
  gap: 4px;
}
.action-btn[data-v-e57be801] {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #94a3b8;
  transition: all 0.15s;
}
.action-btn .material-symbols-outlined[data-v-e57be801] { font-size: 1rem;
}
.action-btn[data-v-e57be801]:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #e2e8f0;
}
.action-btn.delete[data-v-e57be801]:hover { color: #f87171;
}
.empty-state[data-v-e57be801] {
  padding: 3rem;
  text-align: center;
  color: #64748b;
}
.empty-state .material-symbols-outlined[data-v-e57be801] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

/* Pagination */
.pagination[data-v-e57be801] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pagination-info[data-v-e57be801] {
  color: #94a3b8;
  font-size: 0.75rem;
}
.pagination-controls[data-v-e57be801] {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
.page-btn[data-v-e57be801] {
  background: #1e232f;
  border: 1px solid #2a3447;
  border-radius: 0.375rem;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  cursor: pointer;
}
.page-btn[data-v-e57be801]:hover:not(:disabled) {
  color: #e2e8f0;
  background: #2a3447;
}
.page-btn[data-v-e57be801]:disabled { opacity: 0.4; cursor: not-allowed;
}
.page-btn .material-symbols-outlined[data-v-e57be801] { font-size: 1rem;
}

/* Dialog */
.dialog-overlay[data-v-e57be801] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.dialog[data-v-e57be801] {
  background: #1e232f;
  border: 1px solid #2a3447;
  border-radius: 0.5rem;
  width: 580px;
  max-width: 90vw;
  max-height: 88vh;
  overflow: auto;
}
.dialog-header[data-v-e57be801] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #2a3447;
}
.dialog-header h3[data-v-e57be801] { margin: 0; color: #e2e8f0; font-size: 1rem;
}
.close-btn[data-v-e57be801] {
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
}
.close-btn[data-v-e57be801]:hover { color: #f87171;
}
.dialog-body[data-v-e57be801] { padding: 1.25rem; display: flex; flex-direction: column; gap: 0.75rem;
}
.form-row[data-v-e57be801] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.form-group[data-v-e57be801] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.form-group label[data-v-e57be801] {
  font-size: 0.75rem;
  color: #94a3b8;
}
.form-group input[data-v-e57be801],
.form-group select[data-v-e57be801],
.form-group textarea[data-v-e57be801] {
  background: #0f1525;
  border: 1px solid #2a3447;
  border-radius: 0.375rem;
  padding: 0.5rem 0.625rem;
  color: #e2e8f0;
  font-size: 0.8rem;
  outline: none;
}
.form-group textarea[data-v-e57be801] { resize: vertical; min-height: 56px;
}
.dialog-footer[data-v-e57be801] {
  padding: 0.875rem 1.25rem;
  border-top: 1px solid #2a3447;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}



.admin-dashboard[data-v-1903b5db] {
  font-family: "Inter", "Noto Sans SC", sans-serif;
  background-color: #0f172a;
  color: #e2e8f0;
  display: flex;
  height: 100vh;
  overflow: hidden;
}
/* Sidebar */
.sidebar[data-v-1903b5db] {
  width: 260px;
  background-color: #1e293b;
  border-right: 1px solid #334155;
  display: flex;
  flex-direction: column;
  transition: width 0.3s;
}
.sidebar.collapsed[data-v-1903b5db] {
  width: 70px;
}
.sidebar-header[data-v-1903b5db] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #334155;
}
.logo[data-v-1903b5db] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.logo .material-symbols-outlined[data-v-1903b5db] {
  font-size: 1.5rem;
  color: #135bec;
}
.logo-text[data-v-1903b5db] {
  font-size: 1rem;
  font-weight: 700;
  color: #f1f5f9;
}
.collapse-btn[data-v-1903b5db] {
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s;
}
.collapse-btn[data-v-1903b5db]:hover {
  background-color: #334155;
  color: #94a3b8;
}
.sidebar-nav[data-v-1903b5db] {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 0;
}
.nav-section[data-v-1903b5db] {
  margin-bottom: 1.5rem;
}
.nav-section-title[data-v-1903b5db] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0 1rem;
  margin-bottom: 0.5rem;
}
.nav-item[data-v-1903b5db] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  color: #94a3b8;
  text-decoration: none;
  transition: all 0.2s;
  margin: 0.125rem 0.5rem;
  border-radius: 0.375rem;
}
.nav-item[data-v-1903b5db]:hover {
  background-color: #334155;
  color: #f1f5f9;
}
.nav-item.active[data-v-1903b5db] {
  background-color: rgba(19, 91, 236, 0.15);
  color: #135bec;
}
.nav-item .material-symbols-outlined[data-v-1903b5db] {
  font-size: 1.25rem;
}
.nav-text[data-v-1903b5db] {
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
}
.sidebar-footer[data-v-1903b5db] {
  padding: 1rem;
  border-top: 1px solid #334155;
}
.logout-btn[data-v-1903b5db] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: transparent;
  border: none;
  border-radius: 0.375rem;
  color: #ef4444;
  cursor: pointer;
  transition: all 0.2s;
}
.logout-btn[data-v-1903b5db]:hover {
  background-color: rgba(239, 68, 68, 0.1);
}
/* Main Content */
.main-content[data-v-1903b5db] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.header[data-v-1903b5db] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem;
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
}
.header-left[data-v-1903b5db] {
  display: flex;
  flex-direction: column;
}
.page-title[data-v-1903b5db] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f1f5f9;
}
.page-subtitle[data-v-1903b5db] {
  font-size: 0.875rem;
  color: #64748b;
  margin-top: 0.125rem;
}
.header-right[data-v-1903b5db] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.user-info[data-v-1903b5db] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.user-icon[data-v-1903b5db] {
  font-size: 1.75rem;
  color: #64748b;
}
.user-name[data-v-1903b5db] {
  font-size: 0.875rem;
  color: #cbd5e1;
}
.back-to-app[data-v-1903b5db] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #334155;
  color: #94a3b8;
  text-decoration: none;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  transition: all 0.2s;
}
.back-to-app[data-v-1903b5db]:hover {
  background-color: #475569;
  color: #f1f5f9;
}
.content-area[data-v-1903b5db] {
  flex: 1;
  overflow-y: auto;
  padding: 2rem;
}
.module-content[data-v-1903b5db] {
  height: 100%;
}
.module-content.full-height[data-v-1903b5db] {
  overflow: hidden;
}
/* Toast Notification */
.toast[data-v-1903b5db] {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background-color: #1e293b;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
  z-index: 100;
  animation: slideIn-1903b5db 0.3s ease-out;
}
.toast.success[data-v-1903b5db] {
  border-left: 4px solid #22c55e;
}
.toast.error[data-v-1903b5db] {
  border-left: 4px solid #ef4444;
}
.toast .material-symbols-outlined[data-v-1903b5db] {
  font-size: 1.25rem;
}
.toast.success .material-symbols-outlined[data-v-1903b5db] {
  color: #22c55e;
}
.toast.error .material-symbols-outlined[data-v-1903b5db] {
  color: #ef4444;
}
@keyframes slideIn-1903b5db {
from {
    transform: translateY(100%);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
/* Scrollbar */
[data-v-1903b5db]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-1903b5db]::-webkit-scrollbar-track {
  background: #1e293b;
}
[data-v-1903b5db]::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}
[data-v-1903b5db]::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}



.quote-management-page[data-v-a6193eb2] {
  font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
  background-color: #0B1120;
  color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2rem;
  overflow-y: auto;
}
/* Page Header */
.page-header[data-v-a6193eb2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.header-left[data-v-a6193eb2] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.back-btn[data-v-a6193eb2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: #151e32;
  border: 1px solid #232f48;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.back-btn[data-v-a6193eb2]:hover {
  background-color: #232f48;
  color: white;
}
.back-btn .material-symbols-outlined[data-v-a6193eb2] {
  font-size: 1.25rem;
}
.title-section[data-v-a6193eb2] {
  display: flex;
  flex-direction: column;
}
.page-title[data-v-a6193eb2] {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
}
.page-subtitle[data-v-a6193eb2] {
  font-size: 0.875rem;
  color: #94a3b8;
  margin-top: 0.125rem;
}
.header-actions[data-v-a6193eb2] {
  display: flex;
  gap: 0.75rem;
}
/* Buttons */
.btn-primary[data-v-a6193eb2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  background-color: #135bec;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-primary[data-v-a6193eb2]:hover {
  background-color: #1e40af;
}
.btn-primary .material-symbols-outlined[data-v-a6193eb2] {
  font-size: 1.125rem;
}
/* Filter Bar */
.filter-bar[data-v-a6193eb2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #151e32;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.filter-group[data-v-a6193eb2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.filter-icon[data-v-a6193eb2] {
  color: #94a3b8;
  font-size: 1.25rem;
}
.filter-select[data-v-a6193eb2], .search-input-filter[data-v-a6193eb2] {
  background-color: #0B1120;
  border: 1px solid #3e4c6b;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  color: white;
  font-size: 0.875rem;
}
.filter-select[data-v-a6193eb2] {
  cursor: pointer;
}
.search-input-filter[data-v-a6193eb2] {
  width: 200px;
}
.search-input-filter[data-v-a6193eb2]::placeholder {
  color: #5e6e8c;
}
/* Table */
.quotes-table-wrapper[data-v-a6193eb2] {
  background-color: #151e32;
  border: 1px solid #232f48;
  border-radius: 0.5rem;
  overflow: hidden;
}
.quotes-table[data-v-a6193eb2] {
  width: 100%;
  border-collapse: collapse;
}
.quotes-table thead[data-v-a6193eb2] {
  background-color: #1e293b;
}
.quotes-table th[data-v-a6193eb2] {
  padding: 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.quotes-table tbody tr[data-v-a6193eb2] {
  border-bottom: 1px solid #232f48;
  transition: background-color 0.2s;
}
.quotes-table tbody tr[data-v-a6193eb2]:hover {
  background-color: #1a2332;
}
.quotes-table tbody tr[data-v-a6193eb2]:last-child {
  border-bottom: none;
}
.quotes-table td[data-v-a6193eb2] {
  padding: 1rem;
  font-size: 0.875rem;
}
.quote-no[data-v-a6193eb2] {
  color: #135bec;
  font-weight: 500;
}
.customer-name[data-v-a6193eb2], .project-name[data-v-a6193eb2] {
  color: #e2e8f0;
}
.amount[data-v-a6193eb2] {
  color: #22c55e;
  font-weight: 600;
}
.create-time[data-v-a6193eb2] {
  color: #94a3b8;
}
.status-badge[data-v-a6193eb2] {
  display: inline-block;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}
.status-badge.draft[data-v-a6193eb2] {
  background-color: rgba(148, 163, 184, 0.15);
  color: #94a3b8;
}
.status-badge.pending[data-v-a6193eb2] {
  background-color: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}
.status-badge.approved[data-v-a6193eb2] {
  background-color: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}
.status-badge.rejected[data-v-a6193eb2] {
  background-color: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}
.actions[data-v-a6193eb2] {
  display: flex;
  gap: 0.5rem;
}
.action-btn[data-v-a6193eb2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s;
}
.action-btn[data-v-a6193eb2]:hover {
  background-color: #232f48;
  color: white;
}
.action-btn.danger[data-v-a6193eb2]:hover {
  background-color: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}
.action-btn .material-symbols-outlined[data-v-a6193eb2] {
  font-size: 1.125rem;
}
/* Empty State */
.empty-state[data-v-a6193eb2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
}
.empty-icon[data-v-a6193eb2] {
  font-size: 4rem;
  color: #3e4c6b;
  margin-bottom: 1rem;
}
.empty-text[data-v-a6193eb2] {
  color: #94a3b8;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
/* Pagination */
.pagination[data-v-a6193eb2] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.page-btn[data-v-a6193eb2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: #151e32;
  border: 1px solid #232f48;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}
.page-btn[data-v-a6193eb2]:hover:not(:disabled) {
  background-color: #232f48;
}
.page-btn[data-v-a6193eb2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-btn .material-symbols-outlined[data-v-a6193eb2] {
  font-size: 1.25rem;
}
.page-info[data-v-a6193eb2] {
  color: #94a3b8;
  font-size: 0.875rem;
}
/* Scrollbar */
[data-v-a6193eb2]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-a6193eb2]::-webkit-scrollbar-track {
  background: #0B1120;
}
[data-v-a6193eb2]::-webkit-scrollbar-thumb {
  background: #232f48;
  border-radius: 4px;
}
[data-v-a6193eb2]::-webkit-scrollbar-thumb:hover {
  background: #3e4c6b;
}