:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#337aff24,#0000 32%),linear-gradient(#f4f7fb 0%,#edf2f7 100%);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{width:100%;min-width:0;height:100vh;margin:0;overflow:hidden}.el-message{max-width:min(100vw - 24px,420px);inset:20px auto auto 50%!important;transform:translate(-50%)!important}#app{min-width:0;height:100vh}.app-shell{grid-template-columns:240px minmax(0,1fr);min-width:0;height:100vh;display:grid;overflow:hidden}.mobile-nav-backdrop{display:none}.watermark-layer{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.075;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:106px 132px;display:grid;position:fixed;inset:-120px;overflow:hidden}.watermark-layer span{color:#334155;text-align:center;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.4;display:block;transform:rotate(-28deg)}.watermark-layer span:nth-child(2n){transform:translate(90px,34px)rotate(-28deg)}.sidebar{color:#fff;background:linear-gradient(#121c2dfa 0%,#152134f5 100%),radial-gradient(circle at top,#437bff33,#0000 35%);height:100vh;padding:20px 16px;overflow-y:auto;box-shadow:inset -1px 0 #ffffff0a}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{color:#dff6ff;background:radial-gradient(circle at 25% 20%,#8fccff57,#0000 42%),linear-gradient(135deg,#254a88f5,#2468aaeb);border:1px solid #8fccff2e;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #0f172a3d}.brand-mark svg{stroke-width:2.1px;width:22px;height:22px}.brand-title{font-size:18px;font-weight:700}.brand-subtitle{color:#fff9;font-size:12px}.nav-menu{flex-direction:column;gap:10px;display:flex;border-right:none!important}.nav-menu>.el-sub-menu,.nav-menu>.el-menu-item{margin:0!important}.nav-menu>.el-sub-menu>.el-sub-menu__title,.nav-menu>.el-menu-item{background:#ffffff0a;border-radius:14px;justify-content:flex-start;align-items:center;min-height:46px;margin-bottom:0;display:flex;box-shadow:inset 0 0 0 1px #ffffff08;padding:0 14px!important}.nav-menu>.el-sub-menu>.el-sub-menu__title:hover,.nav-menu>.el-menu-item:hover{background:#5888ff24!important}.nav-menu>.el-sub-menu>.el-sub-menu__title .el-icon,.nav-menu>.el-menu-item .el-icon{color:#d9e5f8;flex:none;font-size:16px}.nav-menu>.el-sub-menu>.el-sub-menu__title span,.nav-menu>.el-menu-item>span{text-align:left;letter-spacing:.02em;color:#eef4ff;flex:auto;margin-left:10px;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:15px;font-weight:700}.nav-menu>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{color:#d9e5f8cc;margin-left:auto;margin-right:2px;font-size:13px}.nav-menu>.el-sub-menu.is-opened>.el-sub-menu__title{box-shadow:inset 0 0 0 1px #5ea6ff33;background:linear-gradient(135deg,#3c7dff2e,#5ea6ff14)!important}.nav-menu .el-sub-menu .el-menu{background:linear-gradient(#ffffff05,#ffffff0d);border-left:2px solid #6d9cff3d;border-radius:0 16px 16px 0;margin-top:4px;margin-bottom:0;margin-left:10px;padding:8px 8px 6px}.nav-menu .el-sub-menu .el-menu-item{background:#ffffff05;border-radius:12px;min-height:40px;margin-bottom:4px;font-size:13px;font-weight:500;position:relative;color:#aebbd1!important;padding-left:20px!important}.nav-menu .el-sub-menu .el-menu-item:last-child{margin-bottom:0}.nav-menu .el-sub-menu .el-menu-item span{letter-spacing:.01em;color:#aebbd1;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:13px;font-weight:500}.nav-menu .el-sub-menu .el-menu-item:before{content:"";background:#9eb2d18c;border-radius:999px;width:6px;height:6px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.nav-menu .el-sub-menu .el-menu-item:hover{color:#edf4ff!important;background:#5888ff1f!important}.nav-menu .el-sub-menu .el-menu-item:hover span{color:#edf4ff}.nav-menu .el-sub-menu .el-menu-item.is-active{box-shadow:0 8px 18px #3c7dff33;color:#fff!important;background:linear-gradient(135deg,#3c7dffe0,#5ea6ffb3)!important}.nav-menu .el-sub-menu .el-menu-item.is-active:before{background:#fff;box-shadow:0 0 0 4px #ffffff2e}.nav-menu .el-sub-menu .el-menu-item.is-active span{color:#fff;font-weight:700}.nav-menu>.el-menu-item.is-active{box-shadow:0 10px 22px #3c7dff3d;background:linear-gradient(135deg,#3c7dff,#5ea6ff)!important}.main-shell{min-width:0;height:100vh;padding:18px;overflow-y:auto}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #d0d9e5cc;border-radius:24px;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.topbar-title-group{align-items:center;gap:12px;min-width:0;display:flex}.mobile-menu-button{flex:none;display:none!important}.page-eyebrow{color:#6f7c8e;font-size:13px}.page-title{font-size:28px;font-weight:700}.topbar-actions{align-items:center;gap:14px;display:flex}.nav-settings-button{border-radius:999px}.user-chip{color:#2457c5;cursor:pointer;background:#e9f1ff;border-radius:999px;align-items:center;padding:10px 14px;display:inline-flex}.login-success-banner{color:#047857;background:linear-gradient(135deg,#ecfdf5f5,#dcfce7e6);border:1px solid #22c55e47;border-radius:18px;margin-top:14px;padding:14px 18px;font-weight:700;box-shadow:0 12px 28px #15803d1f}.login-success-enter-active,.login-success-leave-active{transition:opacity .22s,transform .22s}.login-success-enter-from,.login-success-leave-to{opacity:0;transform:translateY(-8px)}.content-panel{min-width:0;max-width:100%;margin-top:18px;overflow-x:hidden}.site-footer{color:#7b8798;text-align:center;margin-top:18px;padding:8px 0 2px;font-size:12px;line-height:1.5}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#2457c5;text-decoration:underline}.login-page{background:radial-gradient(circle at 100% 0,#5ca9ff33,#0000 35%),radial-gradient(circle at 0 100%,#70ddcc3d,#0000 28%),#eef3f9;place-items:center;min-height:100vh;padding:24px;display:grid}.nav-settings-dialog{flex-direction:column;gap:14px;display:flex}.nav-settings-tip{color:#64748b;line-height:1.6}.nav-settings-option{padding:8px 0}.login-card{background:#ffffffe0;border:1px solid #d0d9e5cc;border-radius:28px;width:min(100%,460px);padding:36px;box-shadow:0 24px 60px #1d35571f}.login-badge{color:#2457c5;background:#e9f5ff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.login-header h1{margin:16px 0 8px;font-size:32px;line-height:1.15}.login-header p{color:#64748b;margin:0 0 24px}.login-submit{width:100%;height:44px;margin-top:8px}.login-page .el-form-item{margin-bottom:18px}.login-page .el-input__wrapper{background:#fff;border-radius:12px;min-height:42px;transition:none!important;box-shadow:inset 0 0 0 1px #d7dfeb!important}.login-page .el-input__wrapper:hover,.login-page .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px #5b9cff!important}.login-page .el-input__inner{font-size:15px}.login-page .el-input__suffix{min-width:24px}.login-page .el-input__suffix-inner{justify-content:center;align-items:center;min-width:24px;display:flex}.login-tip{color:#64748b;margin-top:16px;font-size:13px}.dashboard,.module-page{flex-direction:column;gap:18px;min-width:0;max-width:100%;display:flex}.hero-panel,.panel-card,.table-card{background:#ffffffd6;border:1px solid #d0d9e5e6;border-radius:24px;padding:24px;box-shadow:0 12px 36px #2d426214}.table-card{min-width:0;max-width:100%;overflow-x:auto}.panel-card{min-width:0;max-width:100%}.table-card>.el-table,.table-card .el-table{max-width:100%}.el-table__inner-wrapper,.el-table__body-wrapper,.el-table__header-wrapper,.el-table__footer-wrapper{min-width:0}.hero-panel{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.hero-kicker{color:#2457c5;letter-spacing:.06em;text-transform:uppercase;background:#2457c517;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-panel h2{letter-spacing:-.02em;margin:14px 0 12px;font-size:34px;line-height:1.15}.hero-panel p{color:#64748b;margin:0;line-height:1.75}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:#f8fbff;border:1px solid #e2e8f0cc;border-radius:22px;padding:20px 20px 18px;box-shadow:inset 0 1px #ffffffe6}.metric-card span{color:#5f7187;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.metric-card strong{letter-spacing:-.02em;font-size:30px}.metric-card[data-accent=blue]{background:linear-gradient(135deg,#eaf2ff,#f7fbff)}.metric-card[data-accent=teal]{background:linear-gradient(135deg,#ebfffb,#f8fffe)}.metric-card[data-accent=gold]{background:linear-gradient(135deg,#fff7e8,#fffdf7)}.metric-card[data-accent=red]{background:linear-gradient(135deg,#fff0f0,#fffafb)}.panel-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.panel-title,.table-title{letter-spacing:-.01em;margin-bottom:18px;font-size:19px;font-weight:700}.task-row{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.task-row:last-child{border-bottom:none}.task-row strong,.timeline-item{display:block}.task-row span{color:#64748b;font-size:13px}.timeline-item{color:#3d4a5d;border-bottom:1px dashed #dce5f0;padding:12px 0}.timeline-item:last-child{border-bottom:none}.page-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-toolbar-wrap{flex-wrap:wrap;align-items:flex-start}.page-toolbar .el-input{max-width:360px}.toolbar-filters{flex-wrap:wrap;gap:12px;display:flex}.toolbar-filters .el-input,.toolbar-filters .el-select{width:220px}.toolbar-actions{gap:12px;display:flex}.page-toolbar,.advanced-filter-bar{row-gap:12px}.page-toolbar .el-input__wrapper,.page-toolbar .el-select__wrapper,.page-toolbar .el-textarea__inner,.toolbar-filters .el-input__wrapper,.toolbar-filters .el-select__wrapper,.advanced-filter-bar .el-input__wrapper,.advanced-filter-bar .el-select__wrapper,.advanced-filter-bar .el-textarea__inner,.hero-actions .el-input__wrapper,.hero-actions .el-select__wrapper{background:#ffffffeb;border-radius:12px;min-height:40px;transition:box-shadow .18s,background-color .18s;box-shadow:inset 0 0 0 1px #cbd5e1e6!important}.page-toolbar .el-input__wrapper:hover,.page-toolbar .el-select__wrapper:hover,.toolbar-filters .el-input__wrapper:hover,.toolbar-filters .el-select__wrapper:hover,.advanced-filter-bar .el-input__wrapper:hover,.advanced-filter-bar .el-select__wrapper:hover,.hero-actions .el-input__wrapper:hover,.hero-actions .el-select__wrapper:hover{box-shadow:inset 0 0 0 1px #60a5faad!important}.page-toolbar .el-input__wrapper.is-focus,.page-toolbar .el-select__wrapper.is-focused,.toolbar-filters .el-input__wrapper.is-focus,.toolbar-filters .el-select__wrapper.is-focused,.advanced-filter-bar .el-input__wrapper.is-focus,.advanced-filter-bar .el-select__wrapper.is-focused,.hero-actions .el-input__wrapper.is-focus,.hero-actions .el-select__wrapper.is-focused{background:#fff;box-shadow:inset 0 0 0 1px #3b82f6f2,0 0 0 4px #3b82f61f!important}.hero-actions .el-button,.toolbar-actions .el-button,.advanced-filter-bar .el-button,.attachment-field .el-button{border-radius:12px}.hero-actions .el-button,.toolbar-actions .el-button,.advanced-filter-bar .el-button{min-height:38px;padding-inline:14px;font-weight:600;box-shadow:0 8px 18px #94a3b81f}.hero-actions .el-button .el-icon,.toolbar-actions .el-button .el-icon,.advanced-filter-bar .el-button .el-icon,.attachment-field .el-button .el-icon{margin-right:6px}.hero-actions .el-button--default,.toolbar-actions .el-button--default,.advanced-filter-bar .el-button--default{background:#fffffff0;border-color:#cbd5e1e6}.hero-actions .el-button--default:hover,.toolbar-actions .el-button--default:hover,.advanced-filter-bar .el-button--default:hover{background:#fff;border-color:#60a5fab8}.hero-actions .el-button--primary,.toolbar-actions .el-button--primary,.advanced-filter-bar .el-button--primary{box-shadow:0 10px 22px #3b82f633}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mini-stat{background:#ffffffd6;border:1px solid #d0d9e5e6;border-radius:24px;padding:22px 22px 20px;box-shadow:0 12px 36px #2d42620f}.mini-stat span{color:#64748b;font-size:13px;font-weight:600;display:block}.mini-stat strong{letter-spacing:-.02em;margin-top:10px;font-size:30px;display:block}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-card{background:linear-gradient(#fffffff5,#f8fbffe6),radial-gradient(circle at 100% 0,#60a5fa14,#0000 42%);border:1px solid #d0d9e5db;border-radius:22px;padding:20px 20px 18px;box-shadow:0 10px 28px #2d42620f}.summary-card span{color:#64748b;font-size:13px;font-weight:600;display:block}.summary-card strong{letter-spacing:-.02em;color:#18212f;margin-top:10px;font-size:30px;display:block}.row-actions{align-items:center;gap:2px;display:flex}.full-width{width:100%}:is(.generated-code-input .el-input__wrapper,.el-input:has(input[readonly]) .el-input__wrapper){background:#f5f7fa!important;box-shadow:inset 0 0 0 1px #d5dde8!important}.generated-code-input input[readonly],.el-input input[readonly]{color:#607086;cursor:not-allowed}.focus-row{background:linear-gradient(135deg,#ffefbce6,#fff7dce6);border-radius:12px;padding:4px 8px;box-shadow:inset 0 0 0 1px #e8b43847}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-item{background:#f8fbff;border-radius:18px;padding:16px}.detail-item span{color:#64748b;font-size:13px;display:block}.detail-item strong{color:#18212f;margin-top:8px;display:block}.section-heading{font-size:18px;font-weight:700}.placeholder-copy{color:#64748b;margin:0;line-height:1.8}.flow-config-tip{color:#4b5d73;background:linear-gradient(135deg,#eaf2ffe6,#f8fbfff2);border:1px dashed #3c7dff4d;border-radius:16px;padding:14px 16px;line-height:1.7}.approval-history-panel{flex-direction:column;gap:14px;min-height:160px;display:flex}.approval-history-card{background:linear-gradient(#fffffff5,#f6faffe6),radial-gradient(circle at 100% 0,#4c8dff14,#0000 34%);border:1px solid #d0d9e5e6;border-radius:20px;padding:18px 18px 18px 24px;position:relative;box-shadow:0 10px 28px #2d426214}.approval-history-card:before{content:"";background:linear-gradient(135deg,#3c7dff,#63c7ff);border-radius:999px;width:8px;height:8px;position:absolute;top:20px;left:10px;box-shadow:0 0 0 6px #3c7dff1a}.approval-history-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.approval-history-time{color:#5f7187;font-size:13px;font-weight:600}.approval-history-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.approval-history-step{background:#3c7dff14;border-radius:999px;align-items:center;gap:10px;margin-bottom:10px;padding:6px 12px;display:inline-flex}.approval-history-step span{color:#5f7187;font-size:12px}.approval-history-step strong{color:#2457c5;font-size:13px}.approval-history-meta span{color:#64748b;font-size:13px}.approval-history-meta strong{color:#18212f;font-size:14px}.approval-history-comment{color:#314154;white-space:pre-wrap;line-height:1.7}.el-input.readonly-input .el-input__wrapper,.readonly-input .el-input__wrapper{background:#f1f5f9!important;box-shadow:inset 0 0 0 1px #d5dde8!important}.readonly-amount{color:#f97316;background:#f1f5f9;border-radius:6px;align-items:center;min-height:32px;padding:0 12px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #d5dde8}.el-overlay.is-message-box .el-overlay-message-box{justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.el-message-box{background:#fff;border:1px solid #d0d9e5e6;border-radius:18px;width:min(460px,100vw - 32px);max-width:calc(100vw - 32px);padding:0;overflow:hidden;box-shadow:0 24px 64px #0f172a38}.el-message-box__header{padding:18px 52px 8px 20px;position:relative}.el-message-box__title{color:#18212f;font-size:18px;font-weight:700;line-height:1.35;display:block}.el-message-box__headerbtn{border-radius:999px;width:30px;height:30px;position:absolute;top:14px;right:14px}.el-message-box__content{color:#314154;padding:10px 20px 6px;font-size:15px;line-height:1.7}.el-message-box__container{align-items:flex-start;gap:10px}.el-message-box__status{margin-right:0;position:relative;top:2px;font-size:18px!important}.el-message-box__message,.el-message-box__message p{word-break:break-word;white-space:pre-wrap;margin:0;line-height:1.7}.el-message-box__input{padding-top:12px}.el-message-box__btns{justify-content:flex-end;gap:10px;padding:12px 20px 20px;display:flex}.el-message-box__btns .el-button{border-radius:10px;min-width:72px;margin-left:0}.el-message-box.approval-completion-confirm{width:min(420px,100vw - 32px);max-width:calc(100vw - 32px)}.approval-completion-confirm .el-message-box__header{padding:18px 52px 8px 20px}.approval-completion-confirm .el-message-box__title{color:#18212f}.approval-completion-confirm .el-message-box__headerbtn{display:none}.approval-completion-confirm .el-message-box__content{padding:10px 20px 6px}.approval-completion-confirm .el-message-box__message{margin:0}.approval-completion-confirm .el-message-box__btns{padding:12px 20px 20px}.approval-completion-confirm .el-message-box__btns .el-button{min-width:84px}@media (width<=1400px){.hero-panel,.panel-grid,.stat-grid,.detail-grid-large,.summary-grid{grid-template-columns:1fr}}@media (width<=900px){body{height:auto;min-height:100vh;overflow:hidden auto}#app{height:auto;min-height:100vh}.app-shell{height:auto;min-height:100vh;display:block;overflow:visible}.sidebar{z-index:50;width:min(84vw,320px);height:100dvh;transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);box-shadow:18px 0 44px #0f172a38}.app-shell.mobile-nav-open .sidebar{transform:translate(0)}.mobile-nav-backdrop{z-index:45;pointer-events:none;background:#0f172a00;transition:background .2s;display:block;position:fixed;inset:0}.app-shell.mobile-nav-open .mobile-nav-backdrop{pointer-events:auto;background:#0f172a6b}.main-shell{height:auto;padding:12px;overflow:visible}.topbar{border-radius:16px;align-items:flex-start;gap:12px;padding:14px}.mobile-menu-button{display:inline-flex!important}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.page-title{font-size:22px;line-height:1.25}.content-panel{margin-top:12px}.hero-panel,.panel-card,.table-card,.login-card,.mini-stat{border-radius:16px;padding:16px}.hero-panel,.hero-grid,.panel-grid,.stat-grid,.summary-grid,.form-grid,.detail-grid,.detail-grid-large{grid-template-columns:1fr}.hero-panel h2{font-size:26px}.metric-card strong,.mini-stat strong,.summary-card strong{font-size:24px}.page-toolbar,.task-row,.approval-history-head,.approval-history-meta{flex-direction:column;align-items:stretch}.page-toolbar .el-input,.toolbar-filters .el-input,.toolbar-filters .el-select,.toolbar-actions,.toolbar-actions .el-button,.topbar-actions .el-button{width:100%}.toolbar-actions{flex-wrap:wrap}.table-card .el-table{min-width:760px}.watermark-layer{opacity:.06;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:68px 72px;inset:-72px}.watermark-layer span{font-size:11px;font-weight:700;line-height:1.3}.row-actions{flex-wrap:wrap}.el-overlay-dialog{padding:12px}.el-dialog{width:min(100%,100vw - 24px)!important;margin:12px auto!important}.el-dialog__body{max-height:calc(100dvh - 150px);overflow-y:auto}.el-form-item{margin-bottom:16px}.el-input-number,.el-select,.el-date-editor.el-input,.el-date-editor.el-input__wrapper{width:100%!important}.el-tabs__nav-scroll,.el-segmented{overflow-x:auto}}@media (width<=640px){.topbar{flex-direction:column}.topbar-title-group,.topbar-actions{width:100%}.nav-settings-button{justify-content:center}.user-chip{justify-content:center;width:100%}.login-page{padding:14px}.login-card{padding:22px 18px}.login-header h1{font-size:26px}.table-card .el-table{min-width:720px}}