.jobs-page{color:#0b1d3a;background:#f5f7fb;min-height:100vh;position:relative;overflow:hidden}.jobs-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 24%,#ed168f12 0 2px,#0000 3px) 0 0/190px 190px,radial-gradient(circle at 31% 71%,#9c3dde14 0 3px,#0000 4px) 0 0/260px 260px,radial-gradient(circle at 78% 20%,#1650a714 0 3px,#0000 4px) 0 0/230px 230px,linear-gradient(135deg,#0000 0 46%,#ed168f08 46.2% 46.5%,#0000 46.7%) 0 0/520px 520px,linear-gradient(35deg,#0000 0 64%,#9c3dde08 64.2% 64.5%,#0000 64.7%) 0 0/620px 620px;position:fixed;inset:76px 0 0}.jobs-page:after{content:"";pointer-events:none;border:1px solid #ed168f18;border-radius:50%;width:540px;height:540px;position:fixed;bottom:-250px;left:-180px;box-shadow:0 0 0 70px #9c3dde08,0 0 0 140px #1650a706}.jobs-page>*{z-index:1;position:relative}.jobs-page>.jobs-topbar{z-index:20;position:relative}.jobs-page>.jobs-topbar a{color:#e9eef7}.jobs-page>.jobs-topbar .activeport-brand{align-items:center;display:flex}.jobs-page>.jobs-topbar .jobs-nav-active:after{transform:scaleX(1)}.jobs-shell{width:min(1240px,100% - 40px);margin:42px auto}.jobs-title>span{color:#e80b8c;letter-spacing:.12em;font-size:12px;font-weight:900}.jobs-title h1{margin:8px 0;font-size:42px}.jobs-title p{color:#66758c;max-width:760px;line-height:1.6}.jobs-table{background:#fff;border:1px solid #dfe5ee;border-radius:16px;margin-top:28px;overflow:hidden;box-shadow:0 18px 48px #09224b0c}.jobs-head,.jobs-table article{grid-template-columns:2fr .7fr 1.3fr 1fr 1fr;align-items:center;gap:18px;padding:16px 20px;display:grid}.jobs-head{color:#fff;background:#071a35;font-size:12px;font-weight:850}.jobs-table article{border-top:1px solid #edf0f5}.jobs-table article>div:first-child{flex-direction:column;gap:4px;display:flex}.jobs-table small{color:#75849a}.jobs-table em{color:#a5223d;font-size:12px;font-style:normal}.job-status{text-transform:uppercase;background:#edf1f6;border-radius:999px;width:max-content;padding:5px 9px;font-size:11px;font-weight:900}.job-status.running{color:#8b5b00;background:#fff2d8}.job-status.completed{color:#167247;background:#e7f8ef}.job-status.failed,.job-status.cancelled{color:#a5223d;background:#ffe9ee}.job-progress{background:#e7ebf2;border-radius:8px;height:7px;margin-bottom:18px;position:relative}.job-progress i{background:linear-gradient(90deg,#ed168f,#9c3dde);border-radius:8px;height:100%;display:block}.job-progress small{white-space:nowrap;position:absolute;top:11px;left:0}.job-time{color:#66758c;align-items:center;gap:6px;font-size:12px;display:flex}.job-time svg{width:14px}.job-actions{gap:7px;display:flex}.job-actions button,.job-actions a,.jobs-refresh{color:#172a47;background:#fff;border:1px solid #d4dce8;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-weight:750;display:flex}.job-actions svg,.jobs-refresh svg{width:14px}.jobs-empty{color:#718096;flex-direction:column;align-items:center;gap:8px;padding:60px!important;display:flex!important}.jobs-empty svg{color:#e80b8c;width:38px;height:38px}.jobs-refresh{margin-top:18px}.jobs-error{color:#a5223d;background:#fff0f3;border-radius:8px;margin-top:18px;padding:12px}@media (max-width:900px){.jobs-head{display:none}.jobs-table article{grid-template-columns:1fr;gap:12px}.job-progress{margin-bottom:20px}}@media (max-width:850px){.jobs-page:before{opacity:.45;background-size:240px 240px}.jobs-page:after{display:none}}.job-failed-stage{font-weight:800;color:#a5223d!important}.jobs-page .user-menu-panel button{cursor:pointer}.jobs-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.jobs-filters{flex-wrap:wrap;gap:7px;display:flex}.jobs-filters button,.jobs-delete-completed{border:1px solid var(--canvas-line);background:var(--canvas-surface);color:var(--canvas-text);text-transform:capitalize;cursor:pointer;border-radius:999px;padding:8px 12px;font-weight:800}.jobs-filters button.active{color:#fff;background:#071a35;border-color:#071a35}.jobs-delete-completed{border-radius:8px;align-items:center;gap:6px;display:flex}.jobs-delete-completed svg{width:14px}.jobs-delete-completed:disabled{opacity:.45;cursor:not-allowed}.job-delete{color:#a5223d!important}.jobs-refresh:disabled{opacity:.65}.jobs-refresh .spin{animation:1s linear infinite spin}@media (max-width:700px){.jobs-toolbar{flex-direction:column;align-items:flex-start}}.jobs-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.job-name-cell{align-items:flex-start;flex-direction:row!important;gap:9px!important;display:flex!important}.job-name-cell>div{gap:4px;display:grid}.job-select{padding-top:2px}.job-select input{width:15px;height:15px}.job-detail dl{border:1px solid var(--canvas-line,#dce3ee);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.job-detail dl div{border-bottom:1px solid var(--canvas-line,#dce3ee);gap:4px;padding:12px 14px;display:grid}.job-detail dl div:nth-child(odd){border-right:1px solid var(--canvas-line,#dce3ee)}.job-detail dl .span-2{border-right:0;grid-column:1/3}.job-detail dt{color:var(--canvas-muted,#667892);text-transform:uppercase;font-size:11px;font-weight:800}.job-detail dd{overflow-wrap:anywhere;margin:0;font-weight:700}.job-detail-error{color:#a5223d}@media (max-width:700px){.job-detail dl{grid-template-columns:1fr}.job-detail dl .span-2{grid-column:1}.job-detail dl div:nth-child(odd){border-right:0}}
