.creation-task-center{--task-ink:#182433;--task-muted:#718096;--task-line:#dfe6ef;--task-panel:#fff;--task-soft:#f5f8fc;--task-blue:#2563eb;--task-blue-soft:#eef4ff;min-height:100%;color:var(--task-ink);background:#f5f7fb;padding:32px clamp(20px,4vw,56px) 56px}.creation-task-center p{margin:0}.creation-task-center-header,.creation-task-filters,.creation-task-table,.creation-task-pagination{width:min(1360px,100%);margin-inline:auto}.creation-task-center-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.creation-task-center-header>div{gap:8px;display:grid}.creation-task-center-header>div>p{color:#5572a0;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.creation-task-center-header>div>p svg{width:16px;height:16px;color:var(--task-blue)}.creation-task-center-header>div>div{align-items:baseline;gap:12px;display:flex}.creation-task-center h1{color:var(--task-ink);letter-spacing:0;margin:0;font-size:30px;line-height:1.2}.creation-task-center-header>div>div>span{color:var(--task-muted);font-size:13px}.creation-task-center-header>button{color:#40536d;background:#fff;border:1px solid #cbd7e6;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:14px;font-weight:650;display:inline-flex}.creation-task-center-header>button svg{width:16px;height:16px}.creation-task-center-header>button:hover{color:#1d4ed8;background:#f8fbff;border-color:#8eaddf}.creation-task-filters{border:1px solid var(--task-line);background:var(--task-panel);border-radius:8px;margin-bottom:18px;overflow:visible;box-shadow:0 5px 18px #1a39610a}.creation-task-filters>header{border-bottom:1px solid #edf1f6;align-items:center;gap:9px;height:50px;padding:0 18px;display:flex}.creation-task-filters>header svg{width:17px;height:17px;color:var(--task-blue)}.creation-task-filters h2{color:#33445c;margin:0;font-size:14px;font-weight:700}.creation-task-filter-fields{grid-template-columns:.8fr .9fr 1.15fr 1.15fr 1.08fr minmax(200px,1.55fr);gap:14px;padding:17px 18px 18px;display:grid}.creation-task-filter-fields>label{min-width:0;color:var(--task-muted);gap:7px;font-size:12px;font-weight:600;display:grid}.creation-task-filter-fields>label>span{align-items:center;gap:5px;min-height:16px;display:flex}.creation-task-filter-fields>label>span svg{color:#94a3b8;width:14px;height:14px}.creation-task-filter-fields .app-select,.creation-task-filter-fields input{width:100%;min-width:0}.creation-task-filter-fields .app-select__trigger,.creation-task-filter-fields input{color:#2d3d52;background:#fff;border-radius:6px;height:40px;min-height:40px;padding:0 11px;font-size:13px;font-weight:500;border:1px solid #cfd9e7!important}.creation-task-filter-fields input{appearance:none}.creation-task-filter-fields input:focus,.creation-task-filter-fields .app-select.is-open .app-select__trigger{box-shadow:0 0 0 3px #2563eb1f;border-color:var(--task-blue)!important}.creation-task-filter-fields input::placeholder{color:#9aa7b8}.creation-task-select-menu{border-color:#cfd9e7;border-radius:7px;padding:5px;box-shadow:0 16px 32px #1c345426}.creation-task-select-menu>button{color:#3b4c63;border-radius:5px;min-height:38px;padding-inline:10px}.creation-task-sort{grid-template-columns:minmax(0,1fr) 40px;gap:7px;min-width:0;display:grid}.creation-task-sort>button{color:#59708f;background:#fff;border:1px solid #cfd9e7;border-radius:6px;place-items:center;height:40px;display:grid}.creation-task-sort>button:hover{background:var(--task-blue-soft);color:var(--task-blue);border-color:#8eaddf}.creation-task-sort>button svg{width:16px;height:16px}.creation-task-search{min-width:0}.creation-task-table{border:1px solid var(--task-line);background:var(--task-panel);border-radius:8px;overflow:hidden;box-shadow:0 5px 18px #1a39610a}.creation-task-table>header{color:#71829a;background:#f8fafd;grid-template-columns:minmax(0,1fr) 118px;font-size:12px;font-weight:650;display:grid}.creation-task-table-header-main{grid-template-columns:minmax(185px,1.45fr) minmax(130px,1fr) minmax(112px,.85fr) minmax(142px,1fr) minmax(160px,1.1fr);align-items:center;column-gap:18px;min-width:0;padding:13px 20px 13px 22px;display:grid}.creation-task-table-header-action{border-left:1px solid #edf1f5;place-items:center;display:grid}.creation-task-row{background:#fff;border-top:1px solid #edf1f5;grid-template-columns:minmax(0,1fr) 118px;align-items:stretch;min-height:86px;transition:background .16s;display:grid}.creation-task-row:hover{background:#fbfdff}.creation-task-row.has-warning{box-shadow:inset 3px 0 #f59e0b}.creation-task-main{color:#4e6079;text-align:left;background:0 0;border:0;grid-template-columns:minmax(185px,1.45fr) minmax(130px,1fr) minmax(112px,.85fr) minmax(142px,1fr) minmax(160px,1.1fr);align-items:center;column-gap:18px;min-width:0;padding:13px 20px 13px 22px;font-size:13px;display:grid}.creation-task-main:hover{background:#f8fbff}.creation-task-title{justify-items:start;gap:6px;min-width:0;display:grid}.creation-task-title strong{max-width:100%;color:var(--task-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;overflow:hidden}.creation-task-title i{background:var(--task-blue-soft);color:#2865d4;border-radius:4px;align-items:center;min-height:21px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:650;line-height:1.35;display:inline-flex}.creation-task-row.is-queued .creation-task-title i{color:#6d4cc1;background:#f5f3ff}.creation-task-row.is-succeeded .creation-task-title i{color:#1d4ed8;background:#e8f0ff}.creation-task-row.is-failed .creation-task-title i,.creation-task-row.has-warning .creation-task-title i{color:#c55b16;background:#fff4e9}.creation-task-row.is-cancelled .creation-task-title i{color:#63748a;background:#f1f5f9}.creation-task-work,.creation-task-step{color:#52647c;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.creation-task-step{color:#415570;gap:3px;font-weight:600;display:grid}.creation-task-step small{color:#718096;font-size:11px;font-weight:500}.creation-task-progress{grid-template-columns:minmax(52px,1fr) auto;align-items:center;gap:9px;min-width:0;display:grid}.creation-task-progress>span{background:#e5edf8;border-radius:999px;height:7px;display:block;overflow:hidden}.creation-task-progress b{border-radius:inherit;background:#3270e6;min-width:2px;height:100%;display:block}.creation-task-progress small{color:#4f627a;font-variant-numeric:tabular-nums;font-size:12px}.creation-task-schedule{color:#5e6f86;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.45;display:inline-flex}.creation-task-schedule svg{color:#94a3b8;flex:none;width:14px;height:14px}.creation-task-row-actions{color:#a1afc0;border-left:1px solid #edf1f5;place-items:center;font-size:12px;display:grid}.creation-task-retry{color:#2563eb;white-space:nowrap;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.creation-task-retry:hover:not(:disabled){background:var(--task-blue-soft)}.creation-task-retry:disabled{color:#9caec4;cursor:wait}.creation-task-retry svg{width:16px;height:16px}.creation-task-empty{color:#718096;text-align:center;align-content:center;place-items:center;gap:9px;min-height:220px;font-size:13px;display:grid}.creation-task-empty svg,.creation-task-spin{width:19px;height:19px;animation:1s linear infinite creation-task-spin}.creation-task-error{color:#c2410c;background:#fff6f3;border:1px solid #fed7cc;border-radius:7px;width:min(1360px,100%);padding:10px 13px;font-size:13px;margin:0 auto 14px!important}.creation-task-pagination{color:#718096;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.creation-task-pagination>span:first-child{margin-right:4px}.creation-task-pagination button{color:#52647b;background:#fff;border:1px solid #cfd9e7;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.creation-task-pagination button:hover:not(:disabled){background:var(--task-blue-soft);color:var(--task-blue);border-color:#8eaddf}.creation-task-pagination button:disabled{opacity:.45;cursor:default}.creation-task-pagination svg{width:16px;height:16px}.creation-task-drawer,.creation-task-details{z-index:75;width:min(432px,100vw);height:100dvh;color:var(--task-ink);background:#fff;border-left:1px solid #dbe3ef;position:fixed;top:0;right:0;overflow:hidden auto;box-shadow:-14px 0 38px #0f234026}.creation-task-drawer{flex-direction:column;display:flex}.creation-task-drawer>header,.creation-task-details>header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.creation-task-drawer header p,.creation-task-details header p{color:#718096;margin:0;font-size:12px}.creation-task-drawer h2,.creation-task-details h2{color:var(--task-ink);margin:4px 0 0;font-size:19px}.creation-task-drawer header button,.creation-task-details header button{color:#64748b;background:0 0;border:0;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.creation-task-drawer header button:hover,.creation-task-details header button:hover{background:#f1f5f9}.creation-task-drawer-list{flex:1;min-height:0;padding:12px;overflow-y:auto}.creation-task-drawer .creation-task-row{border:1px solid #e2e8f0;border-radius:7px;grid-template-columns:minmax(0,1fr);min-height:auto;margin-bottom:9px;overflow:hidden}.creation-task-drawer .creation-task-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title progress""work schedule""step schedule";gap:7px 12px;padding:13px}.creation-task-drawer .creation-task-title{grid-area:title}.creation-task-drawer .creation-task-work{grid-area:work}.creation-task-drawer .creation-task-step{grid-area:step}.creation-task-drawer .creation-task-progress{grid-area:progress;min-width:82px}.creation-task-drawer .creation-task-schedule{text-align:right;grid-area:schedule;place-self:end;max-width:145px}.creation-task-drawer .creation-task-row-actions{border-top:1px solid #edf1f5;border-left:0;min-height:44px}.creation-task-drawer footer{border-top:1px solid #edf1f5;padding:12px 16px 16px}.creation-task-drawer footer button,.creation-task-detail-actions button{color:#1d5fd0;background:#f3f7ff;border:1px solid #bfd5fb;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;font-weight:700;display:inline-flex}.creation-task-drawer footer svg,.creation-task-detail-actions svg{width:15px;height:15px}.creation-task-details dl{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:18px 20px;display:grid}.creation-task-details dl>div{background:#fafcff;border:1px solid #e7edf5;border-radius:6px;padding:10px}.creation-task-details dt{color:#718096;font-size:12px}.creation-task-details dd{color:#26384e;margin:5px 0 0;font-size:13px;font-weight:600}.creation-task-details section{padding:0 20px 18px}.creation-task-details h3{color:#33455d;margin:8px 0 10px;font-size:14px}.creation-task-details ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.creation-task-details li{color:#52647b;border-left:2px solid #cbd5e1;justify-content:space-between;gap:10px;padding:2px 0 2px 8px;font-size:12px;display:flex}.creation-task-details li.is-succeeded,.creation-task-details li.is-running{border-color:#3270e6}.creation-task-details small{color:#94a3b8}.creation-task-issue{color:#b45309;gap:6px;font-size:12px;display:flex;margin:7px 0!important}.creation-task-issue svg{flex:none;width:15px}.creation-task-detail-actions{padding-top:4px!important}.creation-task-item-error{color:#b91c1c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;position:absolute;bottom:20px;left:12px;right:12px;overflow:hidden}.creation-task-list{flex:1;min-height:0;padding:12px;overflow-y:auto}.creation-task-open{text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:12px;display:flex}.creation-task-open:hover{background:#f8fafc}.creation-task-row-title{gap:4px;min-width:0;display:grid}.creation-task-row-title strong,.creation-task-row-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creation-task-row-title strong{color:#172033;font-size:13px}.creation-task-row-title small{color:#64748b;font-size:12px}.creation-task-state{color:#64748b;align-content:center;gap:4px;padding:8px 12px 8px 0;font-size:12px;display:grid}.creation-task-badge{color:#2563eb;background:#eff6ff;border-radius:3px;width:fit-content;padding:2px 5px;font-size:11px}.creation-task-badge.state-failed{color:#be123c;background:#fff1f2}.creation-task-submission-mask{z-index:120;background:#11192573;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.creation-task-submission-notice{box-sizing:border-box;color:#1d2129;text-align:center;background:radial-gradient(46% 41% at 100% 100%,#a5b4fc82,#fff0),radial-gradient(53% 82% at 2% 5%,#e7ffff,#fff),#fff;border-radius:10px;flex-direction:column;align-items:center;width:min(485px,100% - 48px);min-height:402px;max-height:calc(100dvh - 48px);padding:30px 24px 24px;display:flex;position:relative;overflow-y:auto}.creation-task-submission-notice>img{object-fit:contain;flex:none;width:120px;height:120px}.creation-task-submission-notice h2{color:#1d2129;letter-spacing:0;overflow-wrap:anywhere;max-width:100%;margin:6px 0 20px;font-size:20px;font-weight:600;line-height:28px}.creation-task-submission-progress{align-items:center;gap:10px;width:230px;display:flex}.creation-task-submission-progress>div{background:#eef0f4;border-radius:999px;flex:1;height:8px;overflow:hidden}.creation-task-submission-progress i{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#38bdf8);width:0;height:100%;transition:width .35s;display:block}.creation-task-submission-progress output{color:#86909c;text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:14px;font-weight:500;line-height:22px}.creation-task-submission-timing{color:#4e5969;text-align:left;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;width:230px;max-width:100%;margin:8px 0 -4px;font-size:12px;line-height:18px}.creation-task-submission-conflict-copy{color:#4e5969;text-align:left;overflow-wrap:anywhere;width:230px;max-width:100%;margin:-8px 0 18px;font-size:13px;line-height:20px}.creation-task-submission-error{color:#b42318;text-align:left;overflow-wrap:anywhere;width:230px;max-width:100%;margin:12px 0 0;font-size:12px;line-height:18px}.creation-task-submission-notice ol{flex-direction:column;gap:12px;width:230px;margin:20px 0 0;padding:0;list-style:none;display:flex}.creation-task-submission-notice li{color:#86909c;text-align:left;justify-content:space-between;align-items:center;gap:8px;font-size:14px;line-height:22px;display:flex}.creation-task-submission-notice li span{overflow-wrap:anywhere;min-width:0}.creation-task-submission-notice li.is-complete{color:#1d2129}.creation-task-submission-notice li svg{color:#2563eb;stroke-width:3px;flex:none;width:16px;height:16px}.creation-task-submission-actions{justify-content:center;align-items:center;gap:8px;margin-top:auto;padding-top:20px;display:flex}.creation-task-submission-actions button{color:#285fae;white-space:nowrap;background:#fff;border:1px solid #cbdcf5;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.creation-task-submission-actions button:hover{background:#f5f9ff;border-color:#7da8e7}.creation-task-submission-actions button.is-primary{color:#fff;background:#2563eb;border-color:#2563eb}.creation-task-submission-actions button.is-primary:hover{background:#1d4ed8}.creation-task-submission-actions svg{width:15px;height:15px}.creation-task-submission-close{color:#86909c;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;min-width:28px;height:28px;padding:0;display:grid;position:absolute;top:14px;right:14px}.creation-task-submission-close:hover{color:#1d2129;background:#f2f3f5}.creation-task-submission-close svg{width:18px;height:18px}@keyframes creation-task-spin{to{transform:rotate(360deg)}}@media (width<=1120px){.creation-task-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.creation-task-search{grid-column:span 2}.creation-task-table>header{grid-template-columns:minmax(0,1fr) 104px}.creation-task-table-header-main,.creation-task-main{grid-template-columns:minmax(160px,1.35fr) minmax(112px,.95fr) minmax(100px,.8fr) minmax(124px,.9fr) minmax(135px,1fr);column-gap:12px}.creation-task-row{grid-template-columns:minmax(0,1fr) 104px}}@media (width<=900px){.creation-task-table{box-shadow:none;background:0 0;border:0;overflow:visible}.creation-task-table>header{display:none}.creation-task-row{border:1px solid var(--task-line);border-radius:8px;grid-template-columns:minmax(0,1fr);margin-bottom:10px;overflow:hidden;box-shadow:0 3px 12px #1a39610a}.creation-task-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title progress""work work""step schedule";gap:8px 12px;min-width:0;padding:14px}.creation-task-main .creation-task-title{grid-area:title}.creation-task-main .creation-task-work{grid-area:work}.creation-task-main .creation-task-step{grid-area:step}.creation-task-main .creation-task-progress{grid-area:progress;min-width:94px}.creation-task-main .creation-task-schedule{text-align:right;grid-area:schedule;justify-self:end;max-width:180px}.creation-task-row-actions{border-top:1px solid #edf1f5;border-left:0;min-height:44px}}@media (width<=760px){.creation-task-center{padding:18px 12px 32px}.creation-task-center-header{align-items:flex-start;gap:12px;margin-bottom:18px}.creation-task-center-header h1{font-size:25px}.creation-task-center-header>div>div{gap:4px;display:grid}.creation-task-center-header>button{min-width:44px;min-height:44px;padding:0 12px;font-size:0}.creation-task-center-header>button svg{width:19px;height:19px}.creation-task-filters>header{height:48px;padding-inline:14px}.creation-task-filter-fields{grid-template-columns:1fr 1fr;gap:13px 10px;padding:14px}.creation-task-filter-fields>label{gap:6px}.creation-task-filter-fields>label:nth-child(3),.creation-task-filter-fields>label:nth-child(4),.creation-task-filter-fields>label:nth-child(5),.creation-task-search{grid-column:1/-1}.creation-task-filter-fields .app-select__trigger,.creation-task-filter-fields input{height:44px;min-height:44px}.creation-task-sort{grid-template-columns:minmax(0,1fr) 44px}.creation-task-sort>button{width:44px;height:44px}.creation-task-table{box-shadow:none;background:0 0;border:0;overflow:visible}.creation-task-table>header{display:none}.creation-task-row{border:1px solid var(--task-line);border-radius:8px;grid-template-columns:minmax(0,1fr);margin-bottom:10px;overflow:hidden;box-shadow:0 3px 12px #1a39610a}.creation-task-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title progress""work work""step schedule";gap:8px 12px;min-width:0;padding:14px}.creation-task-main .creation-task-title{grid-area:title}.creation-task-main .creation-task-work{grid-area:work}.creation-task-main .creation-task-step{grid-area:step}.creation-task-main .creation-task-progress{grid-area:progress;min-width:94px}.creation-task-main .creation-task-schedule{text-align:right;grid-area:schedule;justify-self:end;max-width:180px}.creation-task-row-actions{border-top:1px solid #edf1f5;border-left:0;min-height:44px}.creation-task-retry{min-width:44px;min-height:44px}.creation-task-pagination{justify-content:center;margin-top:18px}.creation-task-pagination button{width:44px;height:44px}.creation-task-details{width:100%}.creation-task-details>header button{width:44px;height:44px}.creation-task-detail-actions button{min-height:44px}.creation-task-submission-mask{padding:16px}.creation-task-submission-notice{min-height:402px;padding:30px 18px 20px}.creation-task-submission-actions{grid-template-columns:1fr 1fr;display:grid}.creation-task-submission-actions button{min-height:40px}}@media (width<=380px){.creation-task-filter-fields{grid-template-columns:1fr}.creation-task-filter-fields>label:nth-child(n){grid-column:1}.creation-task-main{grid-template-areas:"title title""progress progress""work work""step schedule"}.creation-task-main .creation-task-progress{justify-self:stretch}}