:root{color:#1f2533;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f6fa;min-width:1180px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.approval-shell{min-height:100vh;padding:28px 32px}.approval-header{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto 20px;display:flex}.approval-header .ant-typography{margin:0}.approval-card{border-color:#e8ebf2;max-width:1440px;margin:0 auto;overflow:hidden;box-shadow:0 10px 35px #1f25330a}.form-category-panel{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;max-width:1440px;margin:0 auto 16px;display:grid}.form-category-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e7f0;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:38px 1fr auto;align-items:center;gap:4px 12px;min-height:92px;padding:14px 16px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 8px 24px #1f25330a}.form-category-card:hover{border-color:#aeb7ff;transform:translateY(-1px);box-shadow:0 12px 28px #5662ea1a}.form-category-card.is-active{background:#f6f8ff;border-color:#5662ea;box-shadow:0 12px 30px #5662ea24}.form-category-card span{color:#5662ea;background:#eef1ff;border-radius:8px;grid-row:1/span 2;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.form-category-card b{color:#303747;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:650;overflow:hidden}.form-category-card strong{color:#111827;font-size:24px;font-weight:700;line-height:1}.form-category-card small{color:#8b94a8;grid-column:2/span 2;font-size:12px}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.empty-forms{color:#8c94a6;flex-direction:column;align-items:center;gap:10px;padding:70px;display:flex}.empty-forms .anticon{font-size:36px}.designer-page{background:#eef1f6;height:100vh;min-height:720px;overflow:hidden}.designer-header{z-index:4;background:#fff;border-bottom:1px solid #e6e9f0;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.4fr) auto;align-items:center;gap:18px;height:72px;padding:0 20px;display:grid;position:relative;box-shadow:0 2px 10px #2026340a}.designer-form-key{text-overflow:ellipsis;max-width:250px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;display:block;overflow:hidden}.designer-title-inputs{grid-template-columns:minmax(170px,.7fr) minmax(240px,1.3fr);gap:10px;display:grid}.designer-body{grid-template-columns:224px minmax(640px,1fr) 320px;height:calc(100vh - 72px);min-height:648px;display:grid}.designer-loading{padding:60px}.designer-palette,.designer-properties{background:#fff;overflow-y:auto}.designer-palette{border-right:1px solid #e6e9f0;padding:20px 14px;container-type:inline-size}.designer-properties{border-left:1px solid #e6e9f0;padding:20px}.panel-heading{color:#252b3a;font-size:16px;font-weight:650}.panel-hint{color:#9098aa;margin:5px 0 22px;font-size:12px}.palette-group{margin-bottom:24px}.palette-group h4{color:#737c91;margin:0 0 10px 2px;font-size:12px;font-weight:500}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.palette-item{color:#4b5367;cursor:grab;background:#fafbfc;border:1px solid #e5e8ef;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;height:64px;padding:7px 5px;transition:all .18s;display:flex}.palette-item:hover{color:#5662ea;background:#f5f6ff;border-color:#aeb5ff;transform:translateY(-1px)}.palette-item .anticon{flex:none;font-size:clamp(15px,8cqw,18px)}.palette-item span{width:100%;color:inherit;text-align:center;overflow-wrap:anywhere;font-size:clamp(12px,7.2cqw,15px);line-height:1.22}.designer-workspace{padding:clamp(18px,2.1vw,34px) clamp(18px,2.4vw,42px) 60px;overflow:auto}.form-canvas{--form-canvas-height:clamp(620px, calc(100vh - 132px), 1480px);width:1180px;min-height:var(--form-canvas-height);background:#fff;border:1px solid #dfe3ec;border-radius:12px;margin:0 auto;padding:11px;overflow:hidden;box-shadow:0 14px 40px #1e274114}.canvas-grid{min-height:calc(var(--form-canvas-height) - clamp(44px, 4vw, 76px));grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:max-content;grid-auto-flow:dense;align-content:start;align-items:start;gap:0;display:grid;position:relative}.form-canvas--horizontal .canvas-grid{grid-template-columns:none;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;padding-bottom:10px;overflow-x:auto}.form-canvas--horizontal .field-card{min-width:300px}.canvas-empty{color:#a0a7b8;border:2px dashed #dfe3ec;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:calc(100vh - 230px);display:flex}.canvas-empty .anticon{color:#7780f5;background:#f1f2ff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.canvas-empty b{color:#555d70;font-size:16px}.canvas-empty span{font-size:12px}.field-card{--field-active:#16a34a;--field-active-soft:#16a34a24;--field-nested:#ef4444;cursor:grab;background:#fff;border:1px solid #0000;border-radius:8px;min-width:0;padding:16px 14px 10px;transition:border-color .15s,box-shadow .15s;position:relative}.field-card:active{cursor:grabbing}.field-card:hover{border-color:var(--field-active);box-shadow:0 4px 14px #16a34a1a}.field-card.is-selected{border-color:var(--field-active);box-shadow:0 0 0 2px var(--field-active-soft)}.field-card.is-group-selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb29}.field-card.is-free-position{touch-action:none}.field-card.is-nested{border-color:var(--field-nested);min-width:0;padding:14px 10px 8px;box-shadow:0 0 0 1px #ef444414}.field-card.is-nested:hover,.field-card.is-nested.is-selected{border-color:var(--field-active);box-shadow:0 0 0 2px var(--field-active-soft)}.field-card-toolbar{color:#64748b;opacity:0;justify-content:space-between;align-items:center;gap:6px;font-size:10px;transition:opacity .15s;display:flex;position:absolute;inset:2px 6px auto}.field-card:hover .field-card-toolbar,.field-card.is-selected .field-card-toolbar,.field-card.is-group-selected .field-card-toolbar{opacity:1}.field-card-group-check{flex:none}.field-card-type-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--field-active);font-size:11px;font-weight:650;overflow:hidden}.field-card-actions{align-items:center;gap:2px;min-width:0;margin-left:auto;display:flex}.field-card-drag-icon{cursor:grab;touch-action:none}.field-card-drag-icon:active{cursor:grabbing}.field-card-toolbar button{color:#697386;cursor:pointer;background:0 0;border:0;padding:2px 4px}.field-card-toolbar button:hover:first-child{color:var(--field-active)}.field-card-toolbar button:hover:last-child{color:#e64d55}.canvas-arrange-toolbar{z-index:20;background:#fffffff0;border:1px solid #dbe3ff;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #2563eb1a}.canvas-arrange-toolbar span{color:#2563eb;font-size:12px;font-weight:650}.field-preview{gap:8px;min-width:0;display:flex}.field-preview--vertical{flex-direction:column}.field-preview--horizontal{flex-direction:row;align-items:center}.field-preview--horizontal>label{text-align:right;flex:0 0 110px}.field-preview--horizontal>:last-child{flex:1;min-width:0}.field-preview>label{color:#323848;font-size:var(--designer-field-label-size,14px);overflow-wrap:anywhere;line-height:1.35}.field-preview>label em{color:#f04f56;margin-right:4px;font-style:normal}.field-preview--container>label{width:100%;font-weight:700;line-height:1.25}:is(.field-card:has(.container-component--group),.field-card:has(.subform-component)){padding:0;overflow:hidden}:is(.field-card:has(.container-component--group) .field-preview--container,.field-card:has(.subform-component) .field-preview--container){gap:0}:is(.field-card:has(.container-component--group) .field-preview--container>label,.field-card:has(.subform-component) .field-preview--container>label){margin:0;padding:16px 14px 8px}.field-card:has(.form-header-component){padding:10px}.field-card:has(.form-header-component) .field-preview>label{display:none}.form-header-component,.dynamic-form-header{text-align:center;background-position:50%;background-repeat:no-repeat;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:18px 24px;display:flex;overflow:hidden;container-type:inline-size}.form-header-component strong,.dynamic-form-header strong{overflow-wrap:anywhere;max-width:100%;font-weight:700;line-height:1.15}.form-header-node-name{overflow-wrap:anywhere;max-width:100%;font-weight:600;line-height:1.25}.dynamic-form-header{border:1px solid #dfe5f2}.display-component,.advanced-component,.signature-component,.dynamic-form-display{color:#697286;text-align:center;background:#fafbfe;border:1px dashed #cbd2df;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:74px;padding:16px;display:flex}.display-component b,.advanced-component b,.dynamic-form-display b{color:#343b4d;font-weight:650}.display-component span,.advanced-component span,.dynamic-form-display span{font-size:12px}.signature-component{background:repeating-linear-gradient(-8deg,#fff,#fff 14px,#f8f9fc 14px 28px);min-height:118px}.container-component,.dynamic-form-container{border-width:1px;border-radius:8px;flex-direction:column;width:100%;min-width:0;display:flex}.container-component--group{background:0 0!important;border-style:none!important;border-width:0!important;border-radius:0!important;padding:0!important}.container-title,.dynamic-form-container-title{overflow-wrap:anywhere;width:100%;margin-bottom:12px;font-weight:700;line-height:1.25}.container-child-grid,.dynamic-form-container-grid{align-items:start;min-width:0;display:grid}.container-dropzone{color:#b42318;background:#fef2f2b3;border:1px dashed #f04438;border-radius:8px;place-items:center;min-height:86px;font-size:12px;display:grid}.container-component--group .container-child-grid{background:#fbfcff;border:1px solid #d7def0;border-radius:8px;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;align-items:stretch;width:100%;padding:10px;overflow-x:auto;grid-template-columns:none!important}.container-component--group .container-child-grid>.field-card{min-width:180px}.container-component--group .container-dropzone{background:0 0;border:0;border-radius:0;min-height:86px}.container-component--layout_container .container-dropzone{min-height:70px}.subform-component{background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:0}.subform-table{background:#fff;border:1px solid #e2e7f2;border-radius:7px;min-width:0;overflow-x:auto}.subform-head,.subform-row{grid-auto-columns:minmax(130px,1fr);grid-auto-flow:column;min-width:max-content;display:grid}.subform-head span{color:#4f586d;background:#f3f6fc;border-right:1px solid #e2e7f2;padding:10px 12px;font-size:12px;font-weight:650}.subform-row>div,.subform-row>span{border-top:1px solid #e8ecf4;border-right:1px solid #e8ecf4;min-width:180px;padding:10px}.subform-row .field-card.is-nested{min-width:160px;padding:14px 8px 8px}.subform-row .field-preview>label{font-size:12px}.subform-summary{color:#505b72;background:#fafbfe;border-top:1px solid #e2e7f2;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;display:flex}.subform-summary b{color:#252b3a}.image-design-strip{flex-wrap:wrap;align-items:flex-start;gap:12px;max-width:100%;display:flex}.image-component{color:#8d95a8;background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 10px,#f6f7f9 10px 20px);border:1px dashed #bdc4d2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;max-width:100%;display:flex;position:relative;overflow:hidden}.image-component--design-copy{opacity:.78}.image-component img,.dynamic-image-network img{width:100%;height:100%;display:block}.image-component>.anticon{color:#727df3;font-size:30px}.image-component span{color:#626b80;font-size:13px}.image-component small{font-size:11px}.image-resize-handle{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 42%,#6e79f4 43% 58%,#0000 59% 69%,#6e79f4 70% 84%,#0000 85%);border:0;width:18px;height:18px;padding:0;position:absolute;bottom:-1px;right:-1px}.designer-properties .ant-divider{margin:18px 0}.field-property-tabs .ant-tabs-nav{margin-bottom:0}.property-row{color:#596176;flex-direction:column;gap:7px;margin-top:16px;font-size:12px;display:flex}.property-row .ant-select,.property-row .ant-input-number{width:100%}.property-row .frame-default-input input::placeholder{color:#b8bfcc;opacity:1}.property-row--split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.property-row--inline{flex-direction:row;justify-content:space-between;align-items:center}.field-status-group{background:#f1f3f6;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:4px;display:grid!important}.field-status-group .ant-radio-button-wrapper{text-align:center;background:0 0;min-width:0;height:32px;padding:0 4px;box-shadow:none!important;border:0!important;border-radius:6px!important}.field-status-group .ant-radio-button-wrapper:before{display:none!important}.property-section-title{color:#303747;margin-top:16px;font-weight:650}.subform-segment-group{background:#f1f3f6;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:4px;display:grid!important}.subform-segment-group--four{grid-template-columns:repeat(4,minmax(0,1fr))}.subform-segment-group .ant-radio-button-wrapper{text-align:center;background:0 0;min-width:0;height:32px;padding:0 6px;box-shadow:none!important;border:0!important;border-radius:6px!important}.subform-segment-group .ant-radio-button-wrapper:before{display:none!important}.subform-segment-group .ant-radio-button-wrapper-checked{color:#1f2533!important;background:#fff!important}.option-editor-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.option-editor-item{background:#fff;border:1px solid #e1e5ed;border-radius:8px;grid-template-columns:16px 24px 38px minmax(0,1fr) auto 26px 26px;align-items:center;gap:7px;min-width:0;height:44px;padding:5px 6px;display:grid}.option-editor-drag{color:#b6bfce;cursor:grab}.option-editor-radio{background:#fff;border:2px solid #dfe4ec;border-radius:50%;width:22px;height:22px}.option-editor-color{color:#1677ff;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.option-editor-item .ant-input{color:#4f586d;padding:0;font-size:14px}.option-editor-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.option-editor-actions .ant-btn{padding-inline:4px}.option-editor-link{margin-top:10px}.option-editor-empty{color:#9aa1b3;text-align:center;border:1px dashed #d9dee8;border-radius:8px;padding:18px 10px}.dynamic-field-description{margin-top:-3px;font-size:12px;line-height:1.45;display:block}.formula-preview-control{width:100%}.formula-editor-modal .ant-modal-content{border-radius:18px;padding:28px 34px 30px}.formula-editor-modal.is-expanded .formula-editor-code{height:430px}.formula-editor-title{color:#202532;align-items:baseline;gap:16px;font-size:24px;font-weight:750;display:flex}.formula-editor-title span{color:#7f8aa3;font-size:15px;font-weight:500}.formula-editor-shell{flex-direction:column;gap:16px;display:flex}.formula-editor-box{background:#fff;border:1px solid #e4e7ee;border-radius:10px;overflow:hidden}.formula-editor-toolbar{border-bottom:1px solid #e8ebf1;justify-content:space-between;align-items:center;height:44px;padding:0 14px;display:flex}.formula-editor-toolbar strong{color:#292f3d;font-size:16px}.formula-editor-toolbar div{align-items:center;gap:12px;display:flex}.formula-editor-toolbar button{color:#5c68f5;cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:18px;font-weight:800}.formula-editor-toolbar button:last-child{color:#303747;font-size:16px}.formula-editor-code{grid-template-columns:46px 1fr;height:300px;display:grid}.formula-editor-code>span{color:#a0a6b5;text-align:center;border-right:1px solid #e2e6ee;padding-top:15px;font-size:18px}.formula-editor-code .ant-input{box-shadow:none;resize:none;border:0;padding:14px 16px;font-size:16px;height:100%!important}.formula-editor-bottom{grid-template-columns:1fr .85fr 1.45fr;gap:14px;min-height:310px;display:grid}.formula-list-panel,.formula-help-panel{background:#fff;border:1px solid #e4e7ee;border-radius:10px;min-width:0;overflow:hidden}.formula-list-panel h3,.formula-help-panel h3{color:#2c3240;border-bottom:1px solid #eef0f4;margin:0;padding:14px 16px;font-size:16px}.formula-list-panel .ant-input-affix-wrapper{width:calc(100% - 24px);box-shadow:none;border:0;margin:10px 12px}.formula-list{max-height:240px;padding:0 10px 10px;overflow-y:auto}.formula-list-item{color:#232936;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 10px;display:flex}.formula-list-item:hover,.formula-list-item.is-active{background:#f2f4f8}.formula-list-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.formula-empty{color:#9aa1b3;text-align:center;padding:28px 10px}.formula-help-panel{padding-bottom:16px}.formula-help-panel p{color:#657086;margin:14px 16px 0;font-size:15px;line-height:1.55}.formula-help-panel b,.formula-help-panel code{color:#7a189a;font-family:inherit}.formula-help-panel button{color:#1677ff;cursor:pointer;background:0 0;border:0;margin:18px 16px 0;padding:0}.properties-empty{color:#9ba2b4;text-align:center;padding:60px 12px;line-height:1.7}.field-id-note{color:#9aa1b3;word-break:break-all;margin:14px 0 0;font-size:10px;line-height:1.6}@media (width<=1300px){.designer-body{grid-template-columns:200px minmax(620px,1fr) 290px}.designer-workspace{padding-inline:20px}.form-canvas{--designer-field-label-size:13px}}@media (width>=1600px){.form-canvas{--designer-field-label-size:15px}.palette-item{height:68px}}.system-layout{min-height:100vh}.system-sider{z-index:10;border-right:1px solid #e7eaf0;inset:0 auto 0 0;box-shadow:4px 0 20px #1c233508;position:fixed!important}.system-sider+.ant-layout{margin-left:238px}.system-brand{color:#5662e9;border-bottom:1px solid #eef0f5;align-items:center;gap:12px;height:76px;padding:0 22px;display:flex}.system-brand>.anticon{font-size:29px}.system-brand div{flex-direction:column;line-height:1.25;display:flex}.system-brand b{color:#252b3a;font-size:15px}.system-brand span{color:#9299aa;margin-top:4px;font-size:11px}.system-sider .ant-menu{padding-top:14px;border-inline-end:0!important}.system-version{color:#9aa1b3;text-align:center;font-size:12px;position:absolute;bottom:20px;left:16px;right:16px}.system-topbar{z-index:7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0;background:#fffffff5!important;padding:0 28px!important}.system-user-menu{color:#1f2533;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 10px;transition:background .16s;display:inline-flex}.system-user-menu:hover,.system-user-menu:focus-visible{background:#f1f3ff;outline:none}.system-user-menu .ant-typography{max-width:190px;color:inherit;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.system-content{min-height:calc(100vh - 64px)}.content-page{max-width:1440px;margin:0 auto;padding:28px 32px 56px}.content-page>.ant-card{border-color:#e6e9f0;margin-top:18px;box-shadow:0 8px 30px #1e263a0a}.content-heading,.detail-title{justify-content:space-between;align-items:center;gap:24px;display:flex}.content-heading .ant-typography,.detail-title .ant-typography{margin:0}.detail-title{margin:12px 0 20px}.approval-portal-page{max-width:1280px}.approval-portal-hero{background:linear-gradient(135deg,#f7f9ff 0%,#eef4ff 52%,#f8fbfb 100%);border:1px solid #e1e6f1;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex;box-shadow:0 12px 34px #242d450f}.approval-portal-hero .ant-typography{margin:0}.approval-portal-hero h2.ant-typography{margin:10px 0 8px;font-size:28px}.approval-portal-stats{margin-top:16px}.approval-portal-stat{border-color:#e6eaf3;overflow:hidden}.approval-portal-stat:before{content:"";background:#6570ef;height:3px;margin:-24px -24px 18px;display:block}.approval-portal-stat.is-urgent:before{background:#e95f5f}.approval-portal-stat.is-work:before{background:#5662ea}.approval-portal-stat.is-done:before{background:#1f9b83}.approval-portal-stat.is-closed:before{background:#64748b}.approval-portal-main{margin-top:16px}.approval-portal-panel{border-color:#e6eaf3;box-shadow:0 8px 28px #1f25330a}.approval-portal-action{text-align:left;cursor:pointer;background:#fbfcff;border:1px solid #edf0f6;border-radius:8px;align-items:flex-start;gap:14px;width:100%;min-height:112px;padding:16px;transition:border-color .16s,background .16s,transform .16s;display:flex}.approval-portal-action:hover{background:#f6f8ff;border-color:#b8c1ff;transform:translateY(-1px)}.approval-portal-action>span{color:#5662ea;background:#f1f3ff;border-radius:8px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.approval-portal-action .ant-typography{margin:0}.approval-portal-action .ant-typography-secondary{margin-top:7px;line-height:1.5;display:block}.approval-portal-action b{color:#5662ea;margin-top:12px;font-size:13px;display:inline-flex}.approval-portal-timeline{flex-direction:column;gap:12px;display:flex}.approval-portal-timeline div{background:#fbfcff;border:1px solid #eef1f7;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:2px 10px;padding:10px;display:grid}.approval-portal-timeline .anticon{color:#5662ea;background:#f1f3ff;border-radius:8px;grid-row:1/span 2;place-items:center;width:34px;height:34px;display:grid}.approval-portal-timeline span{color:#303747;font-weight:650}.approval-portal-timeline b{color:#8b94a8;font-size:12px;font-weight:400}.approval-portal-empty{margin-top:16px}.approval-portal-empty .ant-card-body{justify-content:space-between;align-items:center;gap:20px;display:flex}.approval-portal-empty .ant-typography{margin:0}.approval-portal-empty .ant-typography-secondary{margin-top:6px;display:block}.approval-portal-group .ant-typography-secondary{margin-bottom:14px;display:block}.approval-portal-group-actions{margin-top:14px}.approval-portal-group-empty{color:#8b94a8;text-align:center;background:#fbfcff;border:1px dashed #d8deeb;border-radius:8px;margin-top:12px;padding:18px}.approval-public-page{background:#f4f7fb;min-height:100vh;padding:34px clamp(18px,5vw,70px) 58px}.approval-portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.approval-portal-grid-item{min-width:0}.approval-public-page .approval-portal-grid{max-width:1180px;margin-left:auto;margin-right:auto}.approval-public-brand{color:#5d6680;max-width:1180px;margin:0 auto 16px;font-size:13px;font-weight:650}.portal-designer-page{background:#eef2f7;min-height:100vh}.portal-designer-topbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e3e7ef;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px 18px;display:flex;position:sticky;top:0}.portal-designer-topbar .ant-typography{margin:0}.portal-designer-body{grid-template-columns:240px minmax(520px,1fr) 310px;gap:18px;padding:18px;display:grid}.portal-designer-palette,.portal-designer-properties{background:#fff;border:1px solid #e1e6f0;border-radius:10px;min-height:calc(100vh - 100px);padding:16px;box-shadow:0 10px 30px #1f25330a}.portal-designer-palette .ant-typography,.portal-designer-properties .ant-typography{margin-top:0}.portal-designer-palette-list{width:100%}.portal-designer-palette-list .ant-btn{justify-content:flex-start;width:100%}.portal-public-card{background:#f8faff;margin-top:18px}.portal-public-card .ant-typography{word-break:break-all;margin-bottom:8px}.portal-designer-canvas{background:linear-gradient(#fff,#fff) padding-box padding-box,repeating-linear-gradient(0deg,#0000 0 23px,#eef2f7 24px),repeating-linear-gradient(90deg,#0000 0 23px,#eef2f7 24px);border:1px solid #dde5f1;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(84px,auto);align-content:start;gap:14px;min-height:calc(100vh - 100px);padding:22px;display:grid;box-shadow:0 16px 44px #1f25330f}.portal-design-block{text-align:left;cursor:grab;background:#f8faffeb;border:1px dashed #cbd4e7;border-radius:10px;grid-template-columns:34px 1fr 28px;align-items:center;gap:14px;width:100%;min-height:86px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.portal-design-block:hover,.portal-design-block.is-selected{border-color:#5662ea;transform:translateY(-1px);box-shadow:0 10px 24px #5662ea1f}.portal-design-block.is-dragging{opacity:.46;cursor:grabbing;border-style:solid}.portal-design-block>.anticon:first-child{color:#738099;font-size:18px}.portal-design-block>.anticon:last-child{color:#a5adbd;cursor:pointer}.portal-design-block>.anticon:last-child:hover{color:#ff4d4f}.portal-design-block .ant-typography{margin:7px 0 0}.portal-property-divider{color:#303747;border-top:1px solid #eef1f7;align-items:center;gap:8px;margin:20px 0 4px;padding-top:16px;font-weight:650;display:flex}.portal-layout-controls{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.portal-shortcut-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.portal-shortcut-card{background:#fbfcff}.portal-shortcut-fields{width:100%}.portal-drop-hint{color:#5662ea;text-align:center;background:#f6f8ff;border:1px dashed #9fa8ff;border-radius:10px;grid-column:1/-1;padding:14px}@media (width<=1180px){.portal-designer-body{grid-template-columns:1fr}.portal-designer-palette,.portal-designer-properties{min-height:auto}.approval-portal-grid,.portal-designer-canvas{grid-template-columns:1fr}.approval-portal-grid-item,.portal-design-block{grid-column:span 1!important}.approval-portal-hero,.approval-portal-empty .ant-card-body,.portal-designer-topbar{flex-direction:column;align-items:flex-start}}.center-loading,.sso-loading{color:#7e879a;justify-content:center;align-items:center;gap:18px;min-height:70vh;display:flex}.login-page{background:#07111f;place-items:center;min-height:100vh;padding:130px 40px 40px;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";pointer-events:none;position:absolute;inset:0}.login-page:before{background:radial-gradient(circle at 16% 18%,#288fff5c 0,#0000 24%),radial-gradient(circle at 82% 16%,#6874f457 0,#0000 24%),radial-gradient(circle at 52% 84%,#1fcebe38 0,#0000 28%),linear-gradient(135deg,#07111f 0%,#101a32 52%,#07111f 100%);animation:13s ease-in-out infinite alternate login-glow}.login-page:after{background-image:linear-gradient(#76b5ff1f 1px,#0000 1px),linear-gradient(90deg,#76b5ff1f 1px,#0000 1px),linear-gradient(120deg,#0000 0 42%,#75caff21 43% 44%,#0000 45% 100%);background-size:70px 70px,70px 70px,220px 220px;animation:18s linear infinite login-grid;-webkit-mask-image:linear-gradient(#000000db,#0000002e);mask-image:linear-gradient(#000000db,#0000002e)}.login-hero-title{z-index:1;color:#ecf8fff0;letter-spacing:0;text-align:center;text-shadow:0 0 28px #58a6ff7a;width:min(460px,100vw - 80px);height:58px;font-size:42px;font-weight:800;animation:5.8s ease-in-out infinite login-title-pulse;position:absolute;top:38px;left:50%;transform:translate(-50%)}.login-hero-title span{white-space:nowrap;justify-content:center;align-items:center;line-height:1;animation:5.8s step-end infinite login-title-case,1.9s ease-in-out infinite login-title-glitch;display:flex;position:absolute;inset:0}.login-hero-title span:last-child{opacity:0;animation-name:login-title-case-lower,login-title-glitch}.login-hero-title:before,.login-hero-title:after{content:"";opacity:0;border:1px solid #7dd1ff75;animation:5.8s ease-in-out infinite login-title-frame;position:absolute;inset:8px 26px;transform:skew(-12deg)}.login-hero-title:after{border-color:#7478ff70;animation-delay:.35s;inset:14px 46px}.login-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ffffff57;width:450px;position:relative;box-shadow:0 28px 80px #00000047}.login-card .ant-card-body{padding:38px}.login-card .ant-alert{margin:24px 0}.login-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.login-brand>.anticon{color:#fff;background:linear-gradient(135deg,#6470f3,#4350ce);border-radius:18px;place-items:center;width:62px;height:62px;font-size:32px;display:grid;box-shadow:0 12px 28px #4957db4d}.login-brand .ant-typography{margin:16px 0 2px}@keyframes login-glow{0%{filter:hue-rotate();transform:scale(1)translate(0,0)}to{filter:hue-rotate(18deg);transform:scale(1.05)translate(-18px,12px)}}@keyframes login-grid{0%{background-position:0 0,0 0,0 0}to{background-position:70px 70px,70px 70px,220px 0}}@keyframes login-title-pulse{0%,to{filter:brightness();transform:translate(-50%)scale(1)}18%{filter:brightness(1.35);transform:translate(-50%)scale(1.18)}34%{filter:brightness(.9);transform:translate(-50%)scale(.86)}58%{filter:brightness(1.22);transform:translate(-50%)scale(1.08)}78%{filter:brightness(1.05);transform:translate(-50%)scale(.94)}}@keyframes login-title-case{0%,48%{opacity:1}49%,73%{opacity:0}74%,to{opacity:1}}@keyframes login-title-case-lower{0%,48%{opacity:0}49%,73%{opacity:1}74%,to{opacity:0}}@keyframes login-title-glitch{0%,to{text-shadow:0 0 24px #58a6ff7a;transform:translate(0,0)}18%{text-shadow:-3px 0 #2bd9ff4d,3px 0 #7e57ff4d,0 0 30px #58a6ffb3;transform:translate(2px,-1px)}19%{transform:translate(-2px,1px)}20%,62%{transform:translate(0,0)}63%{text-shadow:-2px 0 #2bd9ff42,2px 0 #7e57ff42,0 0 26px #58a6ff9e;transform:translate(3px)}64%{transform:translate(-1px)}}@keyframes login-title-frame{0%,12%,to{opacity:0;transform:scaleX(.82)skew(-12deg)}18%,32%{opacity:.85;transform:scaleX(1)skew(-12deg)}58%,68%{opacity:.58;transform:scaleX(.94)skew(10deg)}}.start-card{max-width:1040px}.start-page-heading{margin-bottom:6px}.start-page-breadcrumb{color:#252b3a;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.start-page-breadcrumb button{color:#5662ea;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.start-page-breadcrumb button:hover{color:#3946d4}.start-page-breadcrumb span{color:#9aa1b3;font-weight:500}.start-page-breadcrumb strong{overflow-wrap:anywhere;min-width:0}.start-template-card{border-color:#e2e7f2;height:100%;transition:border-color .16s,box-shadow .16s,transform .16s}.start-template-card:hover,.start-template-card.is-selected{border-color:#6874f4;transform:translateY(-1px);box-shadow:0 10px 28px #414ca11a}.start-template-card .ant-card-body{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.start-template-visual{color:#6370f3;background:#f1f3ff;border-radius:8px;place-items:center;width:74px;height:74px;font-size:30px;display:grid;overflow:hidden}.start-template-visual img{object-fit:cover;width:100%;height:100%;display:block}.start-template-name{color:#202638;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;min-width:0;padding:0;font-size:16px;font-weight:700;line-height:1.35}.start-template-name:hover{color:#5662ea}.start-actions{justify-content:center;gap:14px;padding-top:6px;display:flex}.start-basics{grid-template-columns:150px minmax(250px,1fr);align-items:center;gap:14px 20px;display:grid}.start-basics label,.dynamic-form-field>label{color:#3b4254;font-weight:600}.dynamic-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 16px;padding:24px 0;display:grid}.dynamic-form-fragment{display:contents}.dynamic-workflow-node{text-align:center;overflow-wrap:anywhere;grid-column:span 12;justify-content:center;align-items:center;min-height:38px;font-weight:700;line-height:1.35;display:flex}.dynamic-form-field{flex-direction:column;gap:8px;min-width:0;display:flex}.dynamic-form-container-grid .dynamic-form-field,.dynamic-form-container-grid .dynamic-form-display,.dynamic-form-container-grid .dynamic-form-header,.dynamic-form-container-grid .dynamic-form-container{grid-column:auto!important}.dynamic-form-field>label em{color:#e5484d;margin-right:4px;font-style:normal}.dynamic-form-field .ant-select,.dynamic-form-field .ant-input-number{width:100%}.dynamic-image-network{background:#f8faff;border:1px solid #e1e6f0;border-radius:8px;max-width:100%;margin-bottom:10px;overflow:hidden}.dynamic-image-grid{flex-wrap:wrap;align-items:flex-start;gap:14px;max-width:100%;display:flex}.dynamic-image-box{border-radius:8px;min-width:180px;max-width:100%;position:relative;overflow:hidden}.dynamic-image-uploader{width:100%;height:100%;display:block}.dynamic-image-uploader .ant-upload-drag{height:100%}.dynamic-image-uploader .ant-upload{justify-content:center;align-items:center;height:100%;display:flex}.image-attachment-preview{background:#f8faff;border:1px solid #e1e6f0;border-radius:8px;flex:none;min-width:180px;max-width:100%;position:relative;overflow:hidden}.image-attachment-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-attachment-preview button{color:#fff;cursor:pointer;background:#1a202cb8;border:0;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;bottom:10px;right:10px}.form-data-image-frame{background:#f8faff;border:1px solid #e1e6f0;border-radius:8px;max-width:100%;overflow:hidden}.form-data-image-frame .ant-image,.form-data-image-frame img{width:100%;height:100%;display:block}.dynamic-subform{background:#fbfcff;border:1px solid #dfe5f2;border-radius:8px;min-width:0;padding:16px}.dynamic-subform-title{color:#343b4d;margin-bottom:12px;font-weight:700}.dynamic-subform-table{background:#fff;border:1px solid #e1e6f0;border-radius:7px;width:100%;overflow-x:auto}.dynamic-subform-head,.dynamic-subform-row{min-width:max-content;display:grid}.dynamic-subform-head span,.dynamic-subform-row>*{border-right:1px solid #e7ebf3;min-width:140px;padding:9px 10px}.dynamic-subform-head span{color:#4f586d;background:#f4f6fb;font-size:12px;font-weight:650}.dynamic-subform-row{border-top:1px solid #e7ebf3}.dynamic-subform-row .ant-input-number,.dynamic-subform-row .ant-select{width:100%}.dynamic-subform-actions{color:#343b4d;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-weight:650;display:flex}.attachment-tags{margin-top:9px}.json-view{white-space:pre-wrap;background:#f6f7fa;border-radius:8px;max-height:360px;padding:16px;overflow:auto}.member-avatar{color:#fff;background:#6570ef;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}@media (width<=1100px){body{min-width:980px}.system-sider{width:208px!important;min-width:208px!important;max-width:208px!important}.system-sider+.ant-layout{margin-left:208px}.content-page{padding-inline:22px}}.process-designer-body{grid-template-columns:minmax(560px,1fr) 340px}.process-palette .palette-item{height:auto;min-height:62px;padding:8px 4px}.process-palette .palette-item:disabled{color:#aeb4c0;cursor:not-allowed;background:#f7f8fa;transform:none}.palette-warning{color:#9b6b17;background:#fff9eb;border:1px solid #f2d69a;border-radius:7px;margin:-8px 0 18px;padding:9px 10px;font-size:11px;line-height:1.5}.palette-footnote{color:#9299a9;margin:-4px 2px 24px;font-size:11px;line-height:1.6}.process-workspace{padding:28px 34px 70px;overflow:auto}.process-canvas{background-color:#fff;background-image:radial-gradient(#e5e8ef .7px,#0000 .7px);background-size:16px 16px;border:1px solid #dfe3ec;border-radius:12px;width:min(820px,100%);min-height:calc(100vh - 160px);margin:0 auto;padding:26px 50px 60px;box-shadow:0 14px 40px #1e274114}.process-canvas-note{color:#949bad;text-align:center;margin-bottom:24px;font-size:11px}.process-flow-item{flex-direction:column;align-items:center;display:flex}.process-edge{grid-template-rows:1fr 24px 1fr;justify-items:center;width:150px;height:58px;display:grid}.process-edge span{background:#cbd1dd;width:2px;height:100%;transition:background .15s}.process-edge button{color:#7c8599;cursor:pointer;background:#fff;border:1px solid #cbd1dd;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:grid}.process-edge:hover span,.process-edge.is-active span{background:#6874f4}.process-edge:hover button,.process-edge.is-active button{color:#fff;background:#6874f4;border-color:#6874f4;box-shadow:0 0 0 4px #6874f41f}.process-branch-grid{border-top:1px solid #e4e8f2;justify-content:center;align-items:start;gap:20px;width:min(760px,100%);margin:12px auto 0;padding:16px 14px 4px;display:grid}.process-branch-column{flex-direction:column;align-items:center;min-width:0;display:flex}.process-branch-column .process-node{width:min(260px,100%)}.process-branch-label{color:#667085;text-align:center;overflow-wrap:anywhere;background:#fff;border:1px solid #e2e7f0;border-radius:999px;max-width:240px;min-height:22px;padding:3px 10px;font-size:11px;font-weight:600}.process-node{color:#343b4d;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:10px;align-items:center;gap:14px;width:min(390px,100%);min-height:76px;padding:13px 18px;transition:all .16s;display:flex;position:relative;box-shadow:0 5px 18px #242d450f}.process-node:hover{border-color:#b7befc;transform:translateY(-1px);box-shadow:0 9px 24px #424e9f1a}.process-node.is-selected{border-color:#6571f3;box-shadow:0 0 0 3px #6571f31f,0 9px 24px #424e9f1a}.process-node>i{color:#5d69ef;background:#eff1ff;border-radius:9px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;font-style:normal;display:grid}.process-node>span{text-align:left;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.process-node>span b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:620;overflow:hidden}.process-node>span small{color:#a0a7b6;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.process-node--start,.process-node--end{width:270px;min-height:64px}.process-node--start>i{color:#2a956a;background:#eaf8f1}.process-node--end>i{color:#7a8191;background:#f0f1f4}.process-node--condition_branch>i,.process-node--parallel_split>i,.process-node--parallel_join>i{color:#905ec7;background:#f6effe}.process-node--data_delete>i{color:#d84b55;background:#fff0f1}.process-node-remove{color:#a2a9b7;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:5px;width:24px;height:24px;padding:0;position:absolute;top:6px;right:7px}.process-node:hover .process-node-remove,.process-node.is-selected .process-node-remove{opacity:1}.process-node-remove:hover{color:#e24b55;background:#fff0f1}.process-properties .ant-alert{font-size:11px;line-height:1.55}.process-property-tabs{margin-top:12px}.process-property-tabs .ant-tabs-nav{margin-bottom:6px}.process-property-tabs .ant-tabs-tab{padding:8px 0}.field-permission-page{gap:14px;margin-top:12px;display:grid}.process-node-picker{gap:18px;display:grid}.process-node-picker h4{color:#737c91;margin:0 0 10px;font-size:12px;font-weight:600}.process-node-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.process-node-picker-grid button{color:#4b5367;cursor:pointer;background:#fff;border:1px solid #e1e6f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:72px;display:flex}.process-node-picker-grid button:hover{color:#5662ea;background:#f5f6ff;border-color:#aeb5ff}.process-node-picker-grid .anticon{font-size:18px}.field-permission-table{gap:6px;display:grid}.field-permission-table-head,.field-permission-row{grid-template-columns:minmax(76px,1fr) 64px 64px 64px;align-items:center;gap:4px;display:grid}.field-permission-table-head{color:#687186;text-align:center;padding:0 8px 4px;font-size:12px;font-weight:600}.field-permission-table-head span:first-child{text-align:left}.field-permission-table-head .ant-checkbox-wrapper{white-space:nowrap;justify-content:center;margin-inline-end:0;font-size:12px}.field-permission-row{background:#fafbfe;border:1px solid #e6eaf2;border-radius:8px;padding:9px 8px}.field-permission-name{color:#3b4254;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:600}.field-permission-row .ant-radio-group{display:contents}.field-permission-row .ant-radio-wrapper{justify-content:center;margin-inline-end:0}.field-permission-row .ant-radio-wrapper>span:not(.ant-radio){display:none}.switch-list{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.switch-list>span{color:#596176;justify-content:space-between;align-items:center;font-size:12px;display:flex}.node-risk-alert{margin:18px 0}.branch-path-list{gap:10px;margin:10px 0;display:grid}.branch-path-card{background:#fafbfe;border:1px solid #e2e6ef;border-radius:9px;gap:8px;padding:10px;display:grid}.condition-editor{gap:8px;display:grid}.condition-row{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr) 32px;align-items:center;gap:6px;display:grid}.condition-row:has(.ant-select+.ant-btn){grid-template-columns:minmax(0,1fr) 96px 32px}@media (width<=1300px){.process-designer-body{grid-template-columns:minmax(540px,1fr) 310px}.process-workspace{padding-inline:20px}}
