:root{--blue:#3785ff;--blue-soft:#5a9bff;--cyan:#17d5eb;--green:#29d684;--yellow:#f8b831;--red:#ff5b6f;--purple:#975cff;--text:#ecf4ff;--text-muted:#94a6c3;--text-dim:#61759a;--bg:#050c1a;--bg-2:#061426;--panel:#0b1930;--panel-2:#0e2038;--border:#506ea052;--border-strong:#6e91c880;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--text-caption:12px;--text-sm:13px;--text-body:14px;--text-md:15px;--text-lg:16px;--text-title-sm:16px;--text-title:18px;--text-page:22px;--text-metric:28px;--text-display:32px;--radius:16px;--radius-md:10px;--radius-sm:8px;--radius-xs:6px;--control-h:36px;--control-h-sm:32px;--sidebar-w:232px;--content-max:1440px;--glow-blue:0 0 36px #3785ff38;--glow-red:0 0 32px #ff5b6f33;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-size:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5;overflow-x:hidden}.bg-decor{z-index:-1;pointer-events:none;background:radial-gradient(900px 600px at 18% -8%, #3785ff29, transparent 60%), radial-gradient(900px 700px at 96% 4%, #975cff24, transparent 58%), radial-gradient(700px 600px at 60% 110%, #17d5eb14, transparent 60%), var(--bg);position:fixed;inset:0}.bg-decor:after{content:"";background-image:linear-gradient(#7896c80b 1px,#0000 1px),linear-gradient(90deg,#7896c80b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 78%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,#0000 78%)}::selection{color:#fff;background:#3785ff59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#5a78aa47 padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7896c873 padding-box content-box}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);padding:var(--space-6) var(--space-4);gap:var(--space-2);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;background:linear-gradient(#081122eb,#060d1ceb);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-4);margin-bottom:var(--space-2);border-bottom:1px solid var(--border);display:flex}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(140deg, var(--blue), var(--purple));width:40px;height:40px;box-shadow:var(--glow-blue);flex-shrink:0;place-items:center;display:grid}.brand-mark svg{width:20px;height:20px}.brand-name{font-size:var(--text-lg);letter-spacing:.2px;font-weight:700;line-height:1.25}.brand-sub{font-size:var(--text-caption);color:var(--text-muted);margin-top:2px}.nav{flex-direction:column;gap:2px;margin-top:0;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-body);cursor:pointer;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item .nav-badge{font-size:var(--text-caption);color:var(--red);font-variant-numeric:tabular-nums;background:#ff5b6f29;border-radius:999px;margin-left:auto;padding:1px 7px;font-weight:700}.nav-item:hover{color:var(--text);background:#3785ff14}.nav-item.active{color:#fff;background:linear-gradient(100deg,#3785ff38,#3785ff0f);box-shadow:inset 0 0 0 1px #5a9bff59}.nav-item.active:before{content:"";background:var(--blue);width:3px;height:18px;box-shadow:0 0 12px var(--blue);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-section{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);padding:var(--space-4) var(--space-3) var(--space-2);font-size:11px;font-weight:600}.nav-section:first-of-type{padding-top:var(--space-2)}.sidebar-foot{padding-top:var(--space-4);border-top:1px solid var(--border);align-items:center;gap:var(--space-3);margin-top:auto;display:flex}.sidebar-logout{text-align:left;width:100%;color:var(--text);border:0;border-top:1px solid var(--border);cursor:pointer;padding-top:var(--space-4);background:0 0;border-radius:0;margin-top:auto;font-family:inherit}.sidebar-logout:hover .avatar{border-color:var(--border-strong);color:var(--red)}.auth-loading{min-height:100vh;color:var(--text-muted);font-size:var(--text-body);place-items:center;display:grid}.login-page{gap:var(--space-12);width:min(1120px,100vw - 48px);min-height:100vh;padding:var(--space-12) 0;grid-template-columns:minmax(0,1fr) 420px;align-items:center;margin:0 auto;display:grid}.login-hero{flex-direction:column;justify-content:space-between;min-height:520px;display:flex;position:relative}.login-brand{border:0;margin:0;padding:0}.login-copy{max-width:640px}.login-kicker{align-items:center;gap:var(--space-2);color:var(--cyan);font-size:var(--text-sm);margin-bottom:var(--space-4);background:#17d5eb14;border:1px solid #17d5eb47;border-radius:999px;padding:6px 12px;font-weight:700;display:inline-flex}.login-copy h1{letter-spacing:0;font-size:48px;font-weight:700;line-height:1.05}.login-copy p{margin-top:var(--space-4);max-width:520px;color:var(--text-muted);font-size:var(--text-lg)}.login-signal{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(90deg,#3785ff38 0 2px,#0000 2px 40px),#0b19306b;width:min(520px,80%);height:96px;position:relative;overflow:hidden}.login-signal span{background:repeating-linear-gradient(90deg,#17d5eb33 0 2px,#0000 2px 22px);position:absolute;inset:18px 22px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.login-signal i{background:linear-gradient(90deg,#0000,#17d5eb33,#0000);width:80px;animation:2.4s ease-in-out infinite scan;position:absolute;top:0;bottom:0}@keyframes scan{0%{left:-90px}to{left:100%}}.login-card{padding:var(--space-6)}.login-card-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.login-card-head h2{font-size:22px;line-height:1.2}.login-card-head p{color:var(--text-muted);font-size:var(--text-caption);margin-top:2px;font-family:ui-monospace,SF Mono,JetBrains Mono,monospace}.login-submit{justify-content:center;width:100%;margin-top:2px}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-note{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-caption);display:flex}.login-note svg{color:var(--green);flex-shrink:0;margin-top:1px}.avatar{border-radius:var(--radius-md);width:36px;height:36px;font-weight:700;font-size:var(--text-md);color:var(--blue-soft);border:1px solid var(--border);background:linear-gradient(140deg,#2a3f63,#1a2b48);flex-shrink:0;place-items:center;display:grid}.foot-name{font-size:var(--text-body);font-weight:600;line-height:1.25}.foot-sub{font-size:var(--text-caption);color:var(--text-muted)}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:30;align-items:center;gap:var(--space-5);min-height:72px;padding:var(--space-4) var(--space-8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:linear-gradient(#050c1ae6,#050c1a8c);display:flex;position:sticky;top:0}.topbar-titles{min-width:0}.topbar-titles h1{font-size:var(--text-page);letter-spacing:.2px;font-weight:700;line-height:1.25}.topbar-titles p{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px;line-height:1.4}.topbar-spacer{flex:1}.topbar-tools{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.refresh-group{align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--border);display:flex}.refresh-group label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.switch{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{background:#506ea066;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch .thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0006}.switch input:checked+.track{background:linear-gradient(90deg, var(--blue), var(--cyan))}.switch input:checked+.track+.thumb{transform:translate(18px)}.select{appearance:none;height:var(--control-h);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a6c3' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--border);color:var(--text);padding:0 32px 0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;font-family:inherit;line-height:var(--control-h)}.select:hover{border-color:var(--border-strong)}.select:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3785ff24}.clock{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text-muted);height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--border);letter-spacing:.2px;white-space:nowrap;align-items:center;display:inline-flex}.content{padding:var(--space-6) var(--space-8) var(--space-12);max-width:var(--content-max);width:100%;margin:0 auto}.page-stack{gap:var(--space-6);flex-direction:column;display:flex}.section-stack{gap:var(--space-4);flex-direction:column;display:flex}.card{border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1930d1;min-width:0;transition:border-color .2s,box-shadow .2s;box-shadow:0 16px 48px #0000003d}.card.hoverable{cursor:pointer}.card.hoverable:hover{border-color:var(--border-strong);box-shadow:0 16px 48px #00000052}.card-pad{padding:var(--space-5)}.card-error{border-color:#ff5b6f59;box-shadow:0 0 28px #ff5b6f24,0 16px 48px #0000003d}.card-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);min-height:32px;display:flex}.card-head h3{font-size:var(--text-title);font-weight:600;line-height:1.25}.card-head .sub{font-size:var(--text-caption);color:var(--text-muted);line-height:1.4}.card-head .spacer{flex:1;min-width:0}.cols-12>.card,.grid>.card{flex-direction:column;height:100%;display:flex}.cols-12>.card>.card-pad,.grid>.card.card-pad{flex:1}.grid{gap:var(--space-6);display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-12{gap:var(--space-6);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}.metric{padding:var(--space-5);min-height:120px;position:relative;overflow:hidden}.metric .metric-top{align-items:flex-start;gap:var(--space-3);display:flex}.metric .metric-icon{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.metric .metric-icon svg{width:20px;height:20px}.metric .metric-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500;line-height:1.3}.metric .metric-value{font-size:var(--text-metric);margin-top:var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:-.4px;align-items:center;min-height:32px;font-weight:700;line-height:1.1;display:flex;overflow:hidden}.metric .metric-value>*{min-width:0}.metric .metric-note{font-size:var(--text-caption);color:var(--text-muted);margin-top:var(--space-2);align-items:center;gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;min-height:18px;display:flex;overflow:hidden}.metric .spark{opacity:.85;pointer-events:none;width:120px;height:40px;position:absolute;bottom:0;right:0}.metric .metric-trend{font-weight:600}.trend-up{color:var(--green)}.trend-down{color:var(--red)}.t-blue{color:var(--blue)}.t-cyan{color:var(--cyan)}.t-green{color:var(--green)}.t-yellow{color:var(--yellow)}.t-red{color:var(--red)}.t-purple{color:var(--purple)}.t-muted{color:var(--text-muted)}.ic-blue{color:var(--blue);background:#3785ff24}.ic-cyan{color:var(--cyan);background:#17d5eb24}.ic-green{color:var(--green);background:#29d68424}.ic-yellow{color:var(--yellow);background:#f8b83124}.ic-red{color:var(--red);background:#ff5b6f24}.ic-purple{color:var(--purple);background:#975cff24}.badge{font-size:var(--text-caption);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:600;line-height:1.4;display:inline-flex}.badge .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge.sm{padding:2px 8px;font-size:11px}.st-healthy{color:var(--green);background:#29d68421}.st-healthy .dot{background:var(--green);box-shadow:0 0 8px var(--green)}.st-running{color:var(--blue-soft);background:#3785ff24}.st-running .dot{background:var(--blue);box-shadow:0 0 8px var(--blue)}.st-warning{color:var(--yellow);background:#f8b83124}.st-warning .dot{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.st-error{color:var(--red);background:#ff5b6f24}.st-error .dot{background:var(--red);box-shadow:0 0 8px var(--red)}.st-unknown{color:var(--text-muted);background:#94a6c321}.st-unknown .dot{background:var(--text-muted)}.st-paused{color:var(--purple);background:#975cff24}.st-paused .dot{background:var(--purple);box-shadow:0 0 8px var(--purple)}.pulse{position:relative}.pulse:after{content:"";background:inherit;border-radius:50%;animation:1.8s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.progress{background:#1b2d4c;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress .fill{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress.lg{height:12px}.progress.sm{height:6px}.fill.green{background:linear-gradient(90deg, #1fa968, var(--green))}.fill.red{background:linear-gradient(90deg, #d8344a, var(--red))}.fill.yellow{background:linear-gradient(90deg, #d99a1a, var(--yellow))}.fill.purple{background:linear-gradient(90deg, #6f3edb, var(--purple))}.fill.cyan{background:linear-gradient(90deg, #0fa9bd, var(--cyan))}.fill.animated:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);animation:1.6s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.progress-row .progress{flex:1;min-width:48px}.progress-row .pct{font-size:var(--text-sm);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:44px;font-weight:700}.table-wrap{border-radius:var(--radius-md);margin:0 calc(var(--space-5) * -1);padding:0 var(--space-5);overflow-x:auto}table.tbl{border-collapse:collapse;width:100%}table.tbl th{text-align:left;font-size:var(--text-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;height:40px;font-weight:600}table.tbl th.num,table.tbl td.num{text-align:right;font-variant-numeric:tabular-nums}table.tbl th.actions,table.tbl td.actions{text-align:right;width:56px}table.tbl td{padding:var(--space-3) var(--space-4);font-size:var(--text-body);vertical-align:middle;border-bottom:1px solid #506ea024;height:52px}table.tbl tbody tr{transition:background .15s}table.tbl tbody tr:hover{background:#3785ff0f}table.tbl tbody tr:last-child td{border-bottom:none}tr.row-error{background:#ff5b6f0d}tr.row-error:hover{background:#ff5b6f17}tr.row-error td:first-child{box-shadow:inset 3px 0 0 var(--red)}.cell-primary{align-items:center;gap:var(--space-3);min-width:0;display:flex}.cell-ico{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.cell-ico svg{width:18px;height:18px}.cell-title{font-weight:600;font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.cell-key{font-size:var(--text-caption);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SF Mono,monospace;line-height:1.3;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-family:inherit;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,filter .15s,color .15s;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn-primary{background:linear-gradient(120deg, var(--blue), #2f6fe0);color:#fff;box-shadow:0 6px 18px #3785ff47}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{color:var(--text);border-color:var(--border);background:#142848b3}.btn-ghost:hover{border-color:var(--border-strong);background:#1c345acc}.btn-danger{color:var(--red);background:#ff5b6f1f;border-color:#ff5b6f66}.btn-danger:hover{background:#ff5b6f33}.btn-sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-caption);border-radius:var(--radius-sm)}.btn-icon{width:var(--control-h);border-radius:var(--radius-md);padding:0}.btn-icon.btn-sm{width:var(--control-h-sm)}.btn-icon svg{width:16px;height:16px}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3785ff47}.chips{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.chip{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-sm);cursor:pointer;background:var(--panel);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;font-family:inherit;font-weight:500;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{color:#fff;background:#3785ff29;border-color:#5a9bff80}.chip .count{opacity:.8;font-variant-numeric:tabular-nums;font-size:11px}.search{align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--border);flex-shrink:0;width:260px;max-width:100%;display:flex}.search:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px #3785ff1f}.search svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.search input{color:var(--text);font-size:var(--text-body);background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit}.search input::placeholder{color:var(--text-dim)}.field{margin-bottom:var(--space-4)}.field:last-of-type{margin-bottom:var(--space-5)}.field label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2);font-weight:500;display:block}.input,.textarea{width:100%;height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text);font-size:var(--text-body);background:#061020cc;font-family:inherit;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;padding:var(--space-3);resize:vertical;min-height:96px}.input:focus,.textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3785ff24}.input::placeholder{color:var(--text-dim)}.row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.col{flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.gap-8{gap:var(--space-2)}.gap-12{gap:var(--space-3)}.gap-16{gap:var(--space-4)}.gap-20{gap:var(--space-5)}.gap-24{gap:var(--space-6)}.mt-8{margin-top:var(--space-2)}.mt-12{margin-top:var(--space-3)}.mt-16{margin-top:var(--space-4)}.mt-20{margin-top:var(--space-5)}.mt-24{margin-top:var(--space-6)}.mb-12{margin-bottom:var(--space-3)}.mb-16{margin-bottom:var(--space-4)}.mb-20{margin-bottom:var(--space-5)}.mb-24{margin-bottom:var(--space-6)}.flex-1{flex:1;min-width:0}.min-w-0{min-width:0}.spacer{flex:1;min-width:0}.center{place-items:center;display:grid}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:var(--text-sm)}.text-caption{font-size:var(--text-caption)}.text-title-sm{font-size:var(--text-title-sm);font-weight:600;line-height:1.3}.text-title{font-size:var(--text-title);font-weight:600;line-height:1.25}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mono{font-family:ui-monospace,SF Mono,JetBrains Mono,monospace}.nowrap{white-space:nowrap}.tabnum{font-variant-numeric:tabular-nums}.divider{background:var(--border);height:1px;margin:var(--space-4) 0;border:none}.kv{flex-direction:column;gap:2px;min-width:0;display:flex}.kv .k{font-size:var(--text-caption);color:var(--text-muted)}.kv .v{font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.25}.truncate-inline{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:min(360px,70vw);display:inline-block;overflow:hidden}.truncate-cell{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.truncate-1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resource-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.resource-row:last-of-type{margin-bottom:0}.resource-label{width:48px;font-size:var(--text-caption);color:var(--text-muted);letter-spacing:.4px;flex-shrink:0;font-weight:600}.resource-pct{text-align:right;font-variant-numeric:tabular-nums;width:48px;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.alert-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:inherit;margin-bottom:var(--space-3);cursor:pointer;background:#ff5b6f0f;border:1px solid #ff5b6f47;text-decoration:none;transition:background .15s,border-color .15s;display:block}.alert-item:last-child{margin-bottom:0}.alert-item:hover{background:#ff5b6f1a;border-color:#ff5b6f66}.alert-item-title{font-weight:600;font-size:var(--text-body);line-height:1.3}.alert-item-meta{font-size:var(--text-caption);color:var(--text-muted);margin-top:2px}.alert-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:0;max-height:320px;padding-right:2px;display:flex;overflow-y:auto}.alert-list-more{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--text-caption);color:var(--text-muted);border-radius:var(--radius-md);text-decoration:none;transition:color .15s,background .15s;display:block}.alert-list-more:hover{color:var(--text);background:#94a6c314}.task-row{color:inherit;padding:var(--space-3) 0;cursor:pointer;border-bottom:1px solid #506ea024;text-decoration:none;transition:background .15s;display:block}.task-row:last-child{border-bottom:none;padding-bottom:0}.task-row:first-child{padding-top:0}.task-row:hover .cell-title,.task-row:hover .font-semibold{color:var(--blue-soft)}.traffic-list{flex-direction:column;gap:0;display:flex}.traffic-row{padding:var(--space-4) 0;border-top:1px solid #506ea02e}.traffic-row:first-child{border-top:none;padding-top:0}.traffic-main{align-items:flex-start;gap:var(--space-3);justify-content:space-between;display:flex}.traffic-pct{font-size:var(--text-lg);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-weight:700}.traffic-meta{gap:var(--space-2) var(--space-4);margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));display:grid}.stat-box{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:#06102080;min-width:0}.stat-box .k{font-size:var(--text-caption);color:var(--text-muted);line-height:1.3}.stat-box .v{margin-top:var(--space-1);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;line-height:1.2;overflow:hidden}.stat-box .v.v-sm{font-size:var(--text-md)}.tag{border-radius:var(--radius-xs);color:var(--text-muted);background:#506ea029;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.tag.type-sync{color:var(--blue-soft);background:#3785ff21}.tag.type-api{color:var(--cyan);background:#17d5eb21}.tag.type-crawler{color:var(--purple);background:#975cff21}.tag.type-script{color:var(--yellow);background:#f8b83121}.tag.type-agent{color:var(--green);background:#29d68421}.tag.type-worker{color:var(--text-muted);background:#94a6c329}.sev{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4}.sev-high{color:var(--red);background:#ff5b6f26}.sev-medium{color:var(--yellow);background:#f8b83126}.sev-low{color:var(--blue-soft);background:#3785ff21}.donut-wrap{flex-shrink:0;width:160px;height:160px;position:relative}.donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center .num{font-size:var(--text-display);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.donut-center .lbl{font-size:var(--text-caption);color:var(--text-muted);margin-top:var(--space-1)}.legend{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.legend-item .ld{border-radius:2px;flex-shrink:0;width:8px;height:8px}.legend-item .lname{color:var(--text-muted)}.legend-item .lval{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.stage-flow{padding-bottom:var(--space-1);align-items:flex-start;gap:0;display:flex;overflow-x:auto}.stage-node{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:96px;display:flex;position:relative}.stage-node .dot{background:var(--panel-2);border:2px solid var(--border);z-index:2;width:40px;height:40px;font-weight:600;font-size:var(--text-sm);border-radius:50%;place-items:center;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.stage-node .dot svg{width:18px;height:18px}.stage-node.done .dot{border-color:var(--green);color:var(--green);background:#29d68429}.stage-node.running .dot{border-color:var(--blue);color:var(--blue-soft);background:#3785ff2e;box-shadow:0 0 16px #3785ff59}.stage-node.error .dot{border-color:var(--red);color:var(--red);background:#ff5b6f29;box-shadow:0 0 16px #ff5b6f4d}.stage-node.pending .dot{color:var(--text-dim)}.stage-node .s-name{font-size:var(--text-sm);margin-top:var(--space-3);font-weight:600;line-height:1.3}.stage-node .s-meta{font-size:var(--text-caption);color:var(--text-muted);margin-top:2px}.stage-line{background:var(--border);z-index:1;width:100%;height:2px;position:absolute;top:20px;left:50%}.stage-line.filled{background:linear-gradient(90deg, var(--green), var(--blue))}.timeline{padding-left:var(--space-6);position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:6px}.tl-item{padding-bottom:var(--space-5);position:relative}.tl-item:last-child{padding-bottom:0}.tl-item .tl-dot{background:var(--panel);border:2px solid var(--border);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:-24px}.tl-item.error .tl-dot{border-color:var(--red);background:#ff5b6f33}.tl-item.ok .tl-dot,.tl-item.running .tl-dot{border-color:var(--blue);background:#3785ff33}.tl-item.success .tl-dot{border-color:var(--green);background:#29d68433}.tl-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:2px;display:flex}.tl-msg{font-size:var(--text-body);font-weight:500}.tl-time{font-size:var(--text-caption);color:var(--text-muted);margin-left:auto}.tl-meta{font-size:var(--text-caption);color:var(--text-muted)}.codeblock{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);font-family:ui-monospace,SF Mono,JetBrains Mono,monospace;font-size:var(--text-caption);color:#cdd9ee;white-space:pre;background:#040b18e6;line-height:1.65;position:relative;overflow-x:auto}.codeblock .cmd{color:var(--green)}.codeblock .str{color:var(--yellow)}.codeblock .key{color:var(--cyan)}.codeblock .url{color:var(--blue-soft)}.copy-btn{top:var(--space-3);right:var(--space-3);height:var(--control-h-sm);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-caption);cursor:pointer;background:#142848e6;align-items:center;gap:6px;padding:0 10px;font-family:inherit;transition:color .15s,border-color .15s;display:inline-flex;position:absolute}.copy-btn:hover{color:var(--text);border-color:var(--border-strong)}.copy-btn svg{width:14px;height:14px}.empty{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.empty svg{opacity:.4;width:48px;height:48px;margin-bottom:var(--space-3)}.empty h4{font-size:var(--text-lg);color:var(--text);margin-bottom:var(--space-1);font-weight:600}.empty p{font-size:var(--text-sm)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#506ea01a 25%,#506ea02e 50%,#506ea01a 75%) 0 0/200% 100%;animation:1.4s infinite skeleton}.skeleton-line{height:12px;margin-bottom:var(--space-2)}.skeleton-line.lg{width:40%;height:28px}.skeleton-metric{border-radius:var(--radius);height:120px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-host{bottom:var(--space-6);z-index:100;gap:var(--space-2);flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-strong);color:var(--text);font-size:var(--text-body);align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e2038f5;font-weight:500;animation:.25s toastIn;display:flex;box-shadow:0 16px 40px #00000080}.toast svg{width:18px;height:18px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-host{z-index:90;padding:var(--space-6);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-host.open{display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030812b3;position:absolute;inset:0}.modal{border-radius:var(--radius);background:var(--panel);border:1px solid var(--border-strong);width:100%;max-width:460px;padding:var(--space-6);animation:.25s toastIn;position:relative;box-shadow:0 30px 80px #0009}.modal h3{margin-bottom:var(--space-2);font-size:19px}.modal p{color:var(--text-muted);font-size:var(--text-body);margin-bottom:var(--space-2)}.modal-warn{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--red);font-size:var(--text-sm);background:#ff5b6f14;border:1px solid #ff5b6f4d;line-height:1.45}.modal-actions{gap:var(--space-3);margin-top:var(--space-5);justify-content:flex-end;display:flex}.sparkline{display:block}.hero-title{font-size:var(--text-title);font-weight:700;line-height:1.25}.detail-header{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.detail-header .spacer{min-width:var(--space-4);flex:1}.clickable{cursor:pointer}.json-pre{white-space:pre-wrap;word-break:break-word}.tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--control-h);flex-wrap:wrap;display:flex}.view-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.route-card{color:inherit;cursor:pointer;text-decoration:none;display:block}.mig-hero{gap:var(--space-6);grid-template-columns:1.4fr 1fr;display:grid}.flow-line{border-radius:var(--radius-xs);background:#7896c81f;height:8px;position:relative;overflow:hidden}.flow-line .seg{border-radius:var(--radius-xs);position:absolute;top:0;bottom:0}.flow-line .seg.instant{background:linear-gradient(90deg,#29d684,#17d5eb);left:0}.flow-line .seg.upload{background:linear-gradient(90deg,#3785ff,#975cff)}.legend.inline{gap:var(--space-4);font-size:var(--text-caption);color:var(--text-muted);flex-flow:wrap;display:flex}.legend.inline i{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.acct{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.acct:last-child{border-bottom:none}.bar-mini{border-radius:var(--radius-xs);background:#7896c824;height:6px;margin-top:6px;overflow:hidden}.bar-mini>i{border-radius:var(--radius-xs);height:100%;display:block}.path-tag{border-radius:var(--radius-xs);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:600}.path-instant{color:var(--green);background:#29d68424}.path-relay{color:var(--blue-soft);background:#3785ff24}.path-download{color:var(--yellow);background:#f8b83124}.dual-cur{gap:var(--space-6);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.dual-cur .one{align-items:center;gap:var(--space-2);display:flex}.dual-cur .one .big{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.cur-file{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);background:#3785ff12;border:1px solid #3785ff38;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.content>.page-stack,.content>:not(.page-stack){animation:.35s backwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1280px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.mig-hero{grid-template-columns:1fr}.span-3,.span-4,.span-5{grid-column:span 6}.span-7,.span-8,.span-9{grid-column:span 12}}@media (max-width:960px){.topbar{padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-wrap:wrap;min-height:auto}.topbar-tools{flex-wrap:wrap;justify-content:flex-start;width:100%}.content{padding:var(--space-5)}.cols-12 .span-3,.cols-12 .span-4,.cols-12 .span-5,.cols-12 .span-6,.cols-12 .span-7,.cols-12 .span-8,.cols-12 .span-9{grid-column:span 12}}@media (max-width:760px){:root{--sidebar-w:0px}.layout{display:block}.sidebar{width:100%;height:auto;padding:var(--space-3) var(--space-4);position:static;overflow:visible}.nav{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nav-section,.sidebar-foot{display:none}.nav-item{padding:10px var(--space-2);justify-content:center}.nav-item span:not(.nav-badge),.nav-item.active:before{display:none}.main{margin-left:0}.topbar{padding:var(--space-4);align-items:flex-start;position:static}.content{padding:var(--space-4)}.grid-4,.grid-3,.grid-2,.cols-12{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-12{grid-column:span 1}.search{width:100%}.stage-node{min-width:96px}.login-page{gap:var(--space-6);width:min(100vw - 28px,460px);padding:var(--space-6) 0;grid-template-columns:1fr}.login-hero{min-height:280px}.login-copy h1{font-size:36px}.login-signal{width:100%;height:72px}.sidebar-logout{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fill.animated:after,.pulse:after{display:none}}