:root{--bg:#07111f;--bg-soft:#0e1a2d;--surface:rgba(11,20,36,0.78);--surface-strong:rgba(16,28,48,0.92);--surface-soft:rgba(255,255,255,0.04);--line:rgba(255,255,255,0.09);--line-strong:rgba(255,255,255,0.18);--text:#f3f7ff;--muted:#97a8c6;--accent:#7ce0d3;--accent-2:#7b9cff;--success:#7de0a2;--warning:#ffc977;--danger:#ff8e8e;--glow:0 24px 80px rgba(0,0,0,0.28)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(124,224,211,.18),transparent 30%),radial-gradient(circle at top right,rgba(123,156,255,.2),transparent 26%),linear-gradient(180deg,#07111f,#091526 40%,#0a1321)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.shell{width:min(1320px,calc(100vw - 32px));margin:0 auto;padding:28px 0 72px}.hero-surface,.job-shell,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-surface{display:grid;grid-template-columns:1.35fr .9fr;grid-gap:18px;gap:18px;border-radius:32px;padding:18px}.hero-left,.hero-right,.job-shell,.panel{border-radius:26px}.hero-left{padding:24px;background:linear-gradient(135deg,rgba(123,156,255,.12),rgba(124,224,211,.08)),var(--surface-strong);border:1px solid var(--line)}.hero-right{padding:0}.hero-intro h1,.job-shell h3,.jobs-section h2,.panel h2,.spotlight-card h2{margin:0;letter-spacing:-.04em}.hero-intro h1{font-size:clamp(3rem,8vw,5.6rem);line-height:.95}.eyebrow{margin:0 0 10px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700}.empty-copy,.hero-text,.job-shell p,.log-row p,.panel li,.panel-copy,.push-detail,.spotlight-copy{color:var(--muted)}.hero-text{max-width:60ch;margin:16px 0 0;line-height:1.7;font-size:1.02rem}.hero-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:28px}.kpi-card{min-height:120px;border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;justify-content:space-between}.job-stats span,.kpi-card small,.kpi-card span,.log-row-meta span,.logs-head span,.result-card-head span{color:var(--muted)}.kpi-card strong{font-size:1.7rem}.spotlight-card{height:100%;border-radius:26px;padding:26px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(124,224,211,.16),transparent 35%),linear-gradient(180deg,rgba(123,156,255,.1),rgba(255,255,255,.02))}.job-head,.job-title-row,.log-row-top,.logs-head,.panel-head,.result-card-head,.section-header,.spotlight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.spotlight-copy{margin:18px 0 0;line-height:1.7}.check-list,.logs-list,.spotlight-list{margin:18px 0 0;padding-left:18px}.check-list,.spotlight-list{display:grid;grid-gap:12px;gap:12px;line-height:1.65}.workspace-grid{grid-template-columns:1.05fr .95fr;margin-top:18px}.side-stack,.workspace-grid{display:grid;grid-gap:18px;gap:18px}.panel{padding:24px}.monitor-form{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.push-detail{margin:14px 0 0;line-height:1.65}.push-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:18px}.field,.field-row{display:grid;grid-gap:12px;gap:12px}.field-row{grid-template-columns:1.3fr .7fr}.field span{color:var(--muted);font-size:.9rem}.field input,.field select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:16px;padding:14px 16px;outline:none}.field input:focus,.field select:focus{border-color:rgba(124,224,211,.5);box-shadow:0 0 0 4px rgba(124,224,211,.09)}.button{width:100%;border:0;border-radius:14px;padding:13px 16px;cursor:pointer;color:var(--text);transition:transform .16s ease,opacity .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);color:#081221;font-weight:700}.button-secondary{background:rgba(255,255,255,.08)}.button-danger{background:rgba(255,142,142,.14);color:#ffd2d2}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:.8rem;line-height:1;border:1px solid transparent}.pill-default{background:rgba(255,255,255,.08);color:var(--text)}.pill-success{background:rgba(125,224,162,.16);color:var(--success)}.pill-muted{background:rgba(151,168,198,.14);color:#c7d5ef}.pill-danger{background:rgba(255,142,142,.16);color:var(--danger)}.pill-warning{background:rgba(255,201,119,.16);color:var(--warning)}.pill-running{background:rgba(123,156,255,.18);color:#b6c9ff}.pill-ink{background:rgba(124,224,211,.16);color:var(--accent)}.jobs-section{margin-top:24px}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:18px}.job-shell{padding:22px}.job-head h3{font-size:1.3rem}.job-head p{margin:8px 0 0}.job-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:20px}.job-stats div,.logs-card,.result-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.job-stats div{padding:14px;display:grid;grid-gap:8px;gap:8px}.job-stats strong{font-size:.95rem}.logs-card,.result-card{padding:16px;margin-top:16px}.result-card p{margin:12px 0 0;line-height:1.65}.result-extra{margin-top:12px;display:grid;grid-gap:6px;gap:6px;color:var(--text);font-size:.95rem}.job-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:16px}.job-actions form{width:100%}.logs-head h4{margin:0;font-size:1rem}.logs-list{list-style:none;padding:0;display:grid;grid-gap:12px;gap:12px}.log-row{border-top:1px solid var(--line);padding-top:12px}.log-row:first-child{border-top:0;padding-top:0}.log-row p{margin:10px 0 0;line-height:1.55}.log-row-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:.82rem}.empty-copy{margin:14px 0 0}@media (max-width:1120px){.field-row,.hero-kpis,.hero-surface,.job-actions,.job-grid,.job-stats,.workspace-grid{grid-template-columns:1fr}}@media (max-width:720px){.shell{width:min(100vw - 20px,1320px);padding-top:14px}.hero-left,.hero-surface,.job-shell,.panel,.spotlight-card{border-radius:22px}.hero-intro h1{font-size:3rem}}