.generation-monitor{gap:18px;display:grid}.monitor-hero{background:radial-gradient(circle at 93% 0,#965bff21,transparent 35%),var(--surface-solid);overflow:visible}.monitor-title-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.monitor-title-row h2,.model-live-heading h2{margin-top:5px;font-size:26px}.monitor-title-row p,.model-live-heading p{color:var(--muted);margin-top:7px;font-size:14px}.monitor-live{background:#f8f6ff;border:1px solid #6952e029;border-radius:15px;min-width:210px;padding:13px 16px 13px 44px;display:grid;position:relative}.monitor-live>i{background:#a5a2b5;border-radius:50%;width:12px;height:12px;position:absolute;top:18px;left:18px}.monitor-live>i.pulse{background:#24b47e;animation:1.8s ease-in-out infinite monitor-pulse;box-shadow:0 0 0 6px #24b47e1f}.monitor-live span{color:var(--ink);font-size:14px;font-weight:750}.monitor-live small{color:var(--muted);margin-top:4px;font-size:12px}.monitor-summary-grid{grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;margin-top:24px;display:grid}.monitor-summary-grid>button,.monitor-summary-grid>div{text-align:left;border:1px solid var(--line);background:var(--canvas-2);border-radius:17px;grid-template-columns:34px 1fr;align-content:start;min-height:126px;padding:17px;transition:all .2s;display:grid}.monitor-summary-grid>button:hover,.monitor-summary-grid>button.active{border-color:#6f51e75c;transform:translateY(-2px);box-shadow:0 10px 25px #4a369117}.monitor-summary-grid svg{color:#7655e9;background:#eee9ff;border-radius:9px;width:28px;height:28px;padding:6px}.monitor-summary-grid span{color:var(--muted);align-self:center;font-size:13px;font-weight:700}.monitor-summary-grid strong{color:var(--ink);grid-column:1/-1;margin-top:12px;font-size:30px;line-height:1}.monitor-summary-grid small{color:var(--muted);grid-column:1/-1;margin-top:7px;font-size:12px}.monitor-summary-grid .is-success svg{color:#149c69;background:#e7f8f1}.monitor-summary-grid .is-failed svg{color:#e94f72;background:#fff0f3}.vip-upstream-panel{background:radial-gradient(circle at 100% 0,#6f59ef24,#0000 38%),linear-gradient(145deg,#fff 0%,#fbfaff 100%);border-color:#6a53e12e;overflow:visible}.vip-upstream-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.vip-upstream-heading h2{color:var(--ink);margin-top:5px;font-size:26px}.vip-upstream-heading p{max-width:790px;color:var(--muted);margin-top:8px;font-size:14px;line-height:1.65}.vip-upstream-live{background:#f8f6ffe6;border:1px solid #6952e02e;border-radius:15px;min-width:245px;padding:14px 17px 14px 48px;display:grid;position:relative}.vip-upstream-live>svg{color:#6b57e4;width:21px;position:absolute;top:17px;left:17px}.vip-upstream-live span{color:var(--ink);font-size:14px;font-weight:800}.vip-upstream-live small{color:var(--muted);margin-top:5px;font-size:13px}.vip-capacity-bar{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.vip-capacity-bar span{color:#6a617f;background:#f7f5ffd1;border:1px solid #6c56da21;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:7px 12px;font-size:13px;display:inline-flex}.vip-capacity-bar strong{color:#493c87;font-size:14px}.vip-upstream-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:11px;margin-top:22px;display:grid}.vip-upstream-grid>div{background:#f9f8ffeb;border:1px solid #6c56da1f;border-radius:16px;grid-template-columns:34px 1fr;align-content:start;min-height:118px;padding:16px;display:grid}.vip-upstream-grid svg{color:#745be8;background:#eeeaff;border-radius:9px;width:29px;height:29px;padding:6px}.vip-upstream-grid span{color:#625a7c;align-self:center;font-size:13px;font-weight:800}.vip-upstream-grid strong{color:var(--ink);grid-column:1/-1;margin-top:12px;font-size:29px;line-height:1}.vip-upstream-grid small{color:var(--muted);grid-column:1/-1;margin-top:7px;font-size:13px;line-height:1.4}.vip-upstream-grid .is-pending{background:#fffaf1;border-color:#ee903147}.vip-upstream-grid .is-pending svg,.vip-upstream-grid .is-waiting svg{color:#d98220;background:#fff0d8}.vip-upstream-grid .is-waiting{border-color:#de9a2d3d}.vip-upstream-grid .is-running{border-color:#644fe047;box-shadow:inset 0 0 0 1px #6f54e70f}.vip-upstream-grid .is-success svg{color:#168b62;background:#e7f7f0}.vip-upstream-legend{background:#f1effab8;border-radius:12px;flex-wrap:wrap;gap:11px 22px;margin-top:16px;padding:13px 15px;display:flex}.vip-upstream-legend span{color:#675f7f;align-items:center;gap:8px;font-size:13px;line-height:1.5;display:inline-flex}.vip-upstream-legend i{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.vip-upstream-legend .is-unknown{background:#ec9b2f;box-shadow:0 0 0 4px #ec9b2f1f}.vip-upstream-legend .is-accepted{background:#7560e8;box-shadow:0 0 0 4px #7560e81f}.vip-upstream-legend .is-assigned{background:#20aa75;box-shadow:0 0 0 4px #20aa751f}.model-live-panel{padding-bottom:22px}.model-live-heading{justify-content:space-between;align-items:flex-end;display:flex}.model-live-heading>span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.model-live-heading>span svg{width:17px}.model-live-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:10px;display:grid}.model-live-card{text-align:left;border:1px solid var(--line);background:var(--canvas-2);border-radius:15px;gap:9px;padding:15px;transition:all .2s;display:grid}.model-live-card:hover,.model-live-card.selected{background:#faf8ff;border-color:#6f51e766;box-shadow:0 8px 22px #49398414}.model-live-card>div{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.model-live-card strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.model-live-card em{color:var(--muted);font-size:12px;font-style:normal}.model-live-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.model-live-card footer{border-top:1px solid var(--line);color:var(--muted);gap:15px;padding-top:9px;font-size:12px;display:flex}.model-live-card footer b{color:var(--ink)}.model-dot{background:#a6a3b4;border-radius:50%;width:9px;height:9px;display:block}.model-dot--online{background:#20b477;box-shadow:0 0 0 4px #20b4771f}.model-dot--maintenance{background:#f2a11f}.model-dot--paused,.model-dot--hidden{background:#8f8b9f}.model-dot--unconfigured{background:#e25672}.monitor-list-panel{padding:22px}.monitor-filters{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:18px;display:flex}.range-tabs{background:#f0edf9;border-radius:12px;padding:4px;display:flex}.range-tabs button{min-width:62px;height:36px;color:var(--muted);background:0 0;border-radius:9px;font-size:13px;font-weight:700}.range-tabs button.active{color:#fff;background:linear-gradient(135deg,#8355f1,#625ff0);box-shadow:0 5px 13px #664fd933}.monitor-filters select{min-width:145px;height:44px;color:var(--ink);border:1px solid var(--line);background:var(--surface-solid);border-radius:11px;padding:0 34px 0 13px;font-size:13px}.monitor-search{border:1px solid var(--line);background:var(--canvas-2);border-radius:11px;flex:1;align-items:center;gap:8px;min-width:260px;height:44px;padding-left:12px;display:flex}.monitor-search svg{width:17px;color:var(--muted)}.monitor-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.monitor-search button,.monitor-refresh{color:#fff;background:#6c59e8;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:44px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.monitor-refresh{color:#665c8d;border:1px solid var(--line);background:#fff}.monitor-refresh svg{width:16px}.monitor-job-list{gap:10px;margin-top:16px;display:grid}.monitor-job{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:180px minmax(330px,1fr) 220px 112px;min-height:152px;display:grid;overflow:hidden}.monitor-job:hover{border-color:#6f51e740;box-shadow:0 8px 24px #46387812}.monitor-job-status{background:#f7f5ff;align-content:center;gap:9px;padding:18px;display:grid}.monitor-job-status>strong{color:var(--ink);font-size:23px}.job-progress{background:#e5e1f5;border-radius:99px;height:7px;overflow:hidden}.job-progress i{border-radius:inherit;background:linear-gradient(90deg,#5d8ef5,#9954ee);height:100%;transition:width .35s;display:block}.monitor-job-status small{color:var(--muted);font-size:12px}.job-state{color:#6653d7;background:#ebe8ff;border-radius:99px;align-items:center;gap:7px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.job-state i{background:currentColor;border-radius:50%;width:7px;height:7px}.job-state--completed{color:#148b62;background:#e7f7f0}.job-state--failed{color:#e14869;background:#ffedf1}.job-state--processing,.job-state--submitting,.job-state--queued,.job-state--enhancing{animation:1.8s ease-in-out infinite monitor-state}.monitor-job-main{border-right:1px solid var(--line);min-width:0;padding:18px 20px}.monitor-job-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.monitor-job-heading>div{align-items:baseline;gap:8px;display:flex}.monitor-job-heading strong{color:var(--ink);font-size:15px}.monitor-job-heading span{color:var(--muted);font-size:12px}.monitor-job-heading code{color:#8276aa;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:11px;overflow:hidden}.monitor-job-main>p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.monitor-job-meta{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.monitor-job-meta span{color:#6e638f;background:#f3f1fa;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:650}.vip-receipt{background:linear-gradient(145deg,#faf9ff,#f6f4ff);border:1px solid #7057e229;border-radius:13px;margin-top:14px;padding:13px}.vip-receipt-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.vip-receipt-heading span{color:#6552d6;align-items:center;gap:7px;font-size:13px;font-weight:850;display:inline-flex}.vip-receipt-heading span svg{width:17px}.vip-receipt-heading strong{color:#6754d9;background:#ebe7ff;border-radius:99px;padding:5px 9px;font-size:13px}.vip-receipt>p{color:#514967;margin-top:8px;font-size:13px;line-height:1.58}.vip-receipt--success{background:linear-gradient(145deg,#fbfffd,#f1fbf6);border-color:#1b9d6933}.vip-receipt--success .vip-receipt-heading strong{color:#167b57;background:#e3f6ed}.vip-receipt--failed{background:linear-gradient(145deg,#fffdfd,#fff4f6);border-color:#e148692e}.vip-receipt--failed .vip-receipt-heading strong{color:#d44261;background:#ffe8ee}.vip-receipt--pending{background:linear-gradient(145deg,#fffefd,#fff8ed);border-color:#e5922a3b}.vip-receipt--pending .vip-receipt-heading strong{color:#bd6e17;background:#ffedcf}.vip-receipt-steps{grid-template-columns:repeat(4,minmax(108px,1fr));gap:7px;margin-top:12px;display:grid;overflow-x:auto}.vip-receipt-step{background:#ffffffd1;border:1px solid #7666af1f;border-radius:10px;grid-template-columns:21px 1fr;gap:2px 7px;min-width:108px;padding:10px;display:grid}.vip-receipt-step i{color:#fff;background:#c9c5d7;border-radius:50%;grid-row:span 2;place-items:center;width:21px;height:21px;font-size:12px;font-style:normal;font-weight:900;display:grid}.vip-receipt-step span{color:#4d465f;font-size:13px;font-weight:800}.vip-receipt-step small{color:#888096;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.vip-receipt-step.is-done i{background:#20a874}.vip-receipt-step.is-done{background:#f8fffb;border-color:#20a8742e}.vip-receipt-step.is-active{background:#f8f6ff;border-color:#6f54e742;box-shadow:inset 0 0 0 1px #6f54e70d}.vip-receipt-step.is-active i{background:#765ae8;position:relative}.vip-receipt-step.is-active i:after{content:"";border:1px solid #765ae852;border-radius:50%;animation:1.8s ease-in-out infinite monitor-pulse;position:absolute;inset:-4px}.vip-receipt-step.is-failed i{background:#e34b6c}.vip-receipt-step.is-failed{background:#fff7f9;border-color:#e34b6c33}.vip-receipt footer{color:#7e758f;border-top:1px solid #7160a81f;flex-wrap:wrap;gap:7px 17px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.vip-receipt footer b{color:#524966;font-weight:750}.monitor-failure{color:#d84361;word-break:break-word;background:#fff0f3;border-radius:8px;align-items:flex-start;gap:7px;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex}.monitor-failure svg{width:15px;min-width:15px;margin-top:1px}.monitor-failure>div{gap:4px;min-width:0;display:grid}.monitor-failure strong{color:#c93454;font-size:12px}.monitor-failure span{white-space:pre-line}.monitor-failure small{color:#9e6170;border-top:1px solid #d8436124;padding-top:4px;font-size:11px}.monitor-job-timeline{border-right:1px solid var(--line);align-content:center;gap:9px;padding:17px;display:grid}.monitor-job-timeline>div{justify-content:space-between;align-items:center;gap:9px;display:flex}.monitor-job-timeline span{color:var(--muted);font-size:12px}.monitor-job-timeline strong{color:var(--ink);text-align:right;font-size:12px}.monitor-job-timeline small{color:#8a819f;border-top:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;padding-top:8px;font-size:11px;overflow:hidden}.monitor-task-id{color:#6652d9;border:0;border-top:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:6px;width:100%;min-width:0;padding:9px 0 0;font-size:12px;font-weight:800;transition:color .18s;display:flex;overflow:hidden}.monitor-task-id:hover{color:#963cff}.monitor-task-id svg{width:14px;min-width:14px;height:14px}.monitor-job-action{align-content:center;place-items:center;gap:9px;padding:12px;display:grid}.monitor-job-action a,.monitor-job-action span{color:#6851df;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.monitor-job-action a{background:#f3efff;border:1px solid #6950dd33;border-radius:10px;padding:10px 12px}.monitor-job-action svg{width:15px}.monitor-cancel{color:#d94362;background:#fff0f4;border:1px solid #d9436233;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:116px;height:40px;padding:0 13px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.monitor-cancel:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#f05d7a,#d93f61);border-color:#0000;transform:translateY(-1px);box-shadow:0 8px 18px #d93f6133}.monitor-cancel:disabled{opacity:.58}.monitor-pagination{color:var(--muted);justify-content:space-between;align-items:center;margin-top:18px;font-size:13px;display:flex}.monitor-pagination>div{gap:8px;display:flex}.monitor-pagination button{height:38px;color:var(--ink-2);border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:0 12px;font-size:12px;display:inline-flex}.monitor-pagination button:disabled{opacity:.45}.monitor-pagination svg{width:15px}.monitor-loading,.monitor-empty{min-height:260px;color:var(--muted);align-content:center;place-items:center;gap:9px;font-size:14px;display:grid}.monitor-empty svg{color:#907be9;width:38px;height:38px}.monitor-empty strong{color:var(--ink);font-size:17px}.monitor-error{color:#d84361;background:#fff0f3;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;font-size:13px;display:flex}.monitor-error svg{width:17px}@keyframes monitor-pulse{50%{box-shadow:0 0 0 10px #24b47e00}}@keyframes monitor-state{50%{opacity:.68}}@media (max-width:1220px){.monitor-summary-grid,.vip-upstream-grid{grid-template-columns:repeat(3,1fr)}.model-live-grid{grid-template-columns:repeat(2,1fr)}.monitor-job{grid-template-columns:155px minmax(290px,1fr) 190px}.monitor-job-action{border-top:1px solid var(--line);grid-column:1/-1;min-height:52px}}@media (max-width:820px){.monitor-title-row,.vip-upstream-heading,.monitor-filters{flex-direction:column;align-items:stretch}.monitor-live,.vip-upstream-live{min-width:0}.monitor-summary-grid,.model-live-grid,.vip-upstream-grid{grid-template-columns:1fr 1fr}.monitor-filters select,.monitor-search{width:100%;min-width:0}.monitor-job{grid-template-columns:1fr}.monitor-job-status,.monitor-job-main,.monitor-job-timeline{border-right:0;border-bottom:1px solid var(--line)}.monitor-job-status{grid-template-columns:auto 1fr}.monitor-job-status .job-progress,.monitor-job-status small{grid-column:1/-1}.monitor-job-timeline{grid-template-columns:1fr 1fr 1fr}.monitor-job-timeline small,.monitor-task-id{grid-column:1/-1}.monitor-pagination{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:520px){.monitor-summary-grid,.vip-upstream-grid,.model-live-grid,.monitor-job-timeline{grid-template-columns:1fr}.monitor-job-timeline small,.monitor-task-id{grid-column:auto}.model-live-heading{flex-direction:column;align-items:flex-start;gap:10px}}