@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{--bg: #0b1220;--bg-elev-1: #0f172a;--bg-elev-2: #1e293b;--bg-elev-3: #334155;--border: #223148;--text: #f8fafc;--muted: #93a4bf;--accent: #22c55e;--accent-2: #38bdf8;--warn: #f59e0b;--danger: #ef4444;--radius: 12px;--shadow: 0 14px 44px rgba(1, 6, 16, .5)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Fira Sans,sans-serif;background:radial-gradient(circle at 10% 15%,rgba(34,197,94,.1),transparent 40%),radial-gradient(circle at 92% 85%,rgba(56,189,248,.09),transparent 35%),linear-gradient(180deg,#050a14 0%,var(--bg) 50%,#070f1d 100%);color:var(--text)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:.01em}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:0;color:var(--muted)}button,input,select{font:inherit;color:inherit}input,select{width:100%;margin-top:.45rem;background:#060d1ac7;border:1px solid var(--border);border-radius:10px;padding:.56rem .68rem;color:var(--text)}input:focus,select:focus,button:focus-visible{outline:2px solid rgba(56,189,248,.45);outline-offset:1px}.full-screen-center{min-height:100vh;display:grid;place-items:center;padding:1.2rem}.boot-card{width:min(540px,100%);border:1px solid var(--border);border-radius:18px;background:#0f172ad9;box-shadow:var(--shadow);padding:2rem}.boot-title{font-size:1.24rem;font-weight:600}.boot-subtitle{margin-top:.8rem;color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr)}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,#0f172ad9,#070e1bf2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.2rem 1rem}.brand-block{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem .9rem 1rem;background:#0c1423b3}.brand-kicker{font-size:.72rem;letter-spacing:.12em;color:var(--accent-2)}.brand-title{margin-top:.32rem;font-size:1.02rem;font-weight:600}.brand-subtitle{margin-top:.34rem;color:var(--muted);font-size:.86rem}.tab-list{margin-top:1rem;display:grid;gap:.5rem}.tab-button{width:100%;border-radius:11px;border:1px solid transparent;background:#1e293b66;text-align:left;padding:.72rem .7rem;display:grid;gap:.22rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.tab-button:hover{background:#1e293bb3;border-color:var(--border)}.tab-button.active{background:#38bdf82e;border-color:#38bdf873}.tab-label{font-weight:600}.tab-subtitle{font-size:.8rem;color:var(--muted)}.content{padding:1rem 1.2rem 1.35rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:var(--radius);background:#0f172ad1;box-shadow:var(--shadow);padding:.85rem 1rem}.topbar-title-block p{margin-top:.2rem;font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:.65rem}.refresh-select-wrap{min-width:120px;font-size:.8rem;color:var(--muted)}.refresh-select-wrap select{margin-top:.22rem}.session-chip{border:1px solid var(--border);border-radius:999px;padding:.38rem .65rem;display:flex;align-items:center;gap:.5rem;background:#101828bf}.session-user{max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:.86rem}.session-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #22c55eb8}.secondary-button,.primary-button{border-radius:10px;border:1px solid transparent;padding:.54rem .78rem;cursor:pointer;transition:filter .2s ease,background-color .2s ease,border-color .2s ease}.secondary-button{background:#1e293bb3;border-color:var(--border)}.secondary-button:hover{background:#334155d1}.primary-button{background:linear-gradient(180deg,#22c55e,#16a34a);color:#03120b;font-weight:600}.primary-button:hover{filter:brightness(1.06)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.tab-content{margin-top:1rem}.stack-lg{display:grid;gap:1rem}.section-card{border:1px solid var(--border);border-radius:var(--radius);background:#0f172ad1;box-shadow:var(--shadow);padding:.92rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.85rem}.section-header p{margin-top:.25rem;font-size:.86rem}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.6rem;margin-bottom:.75rem}.filters-grid label{font-size:.82rem;color:var(--muted)}.notice-banner,.error-banner,.empty-state{border:1px solid var(--border);border-radius:10px;padding:.75rem}.notice-banner{background:#22c55e21;border-color:#22c55e59;margin-bottom:.72rem}.error-banner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:#ef444421;border-color:#ef444466;margin-bottom:.72rem}.empty-state{margin-top:.45rem;color:var(--muted);background:#0c131fad}.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#09101cb3}.table-wrap.compact table td,.table-wrap.compact table th{padding:.5rem .56rem}table{width:100%;border-collapse:collapse;min-width:760px}table th,table td{padding:.64rem .6rem;border-bottom:1px solid rgba(34,49,72,.8);vertical-align:top}table th{text-align:left;font-size:.76rem;letter-spacing:.04em;color:#9bb0ce;text-transform:uppercase;background:#1e293bb3;position:sticky;top:0;z-index:1}table tr:hover{background:#38bdf812}.row-selected{background:#38bdf826}.row-selected:hover{background:#38bdf833}.mono{font-family:Fira Code,monospace;font-size:.84rem}.subtle-row{margin-top:.25rem;color:var(--muted);font-size:.8rem}.metric-grid{display:grid;gap:.7rem;grid-template-columns:repeat(4,minmax(120px,1fr))}.metric-card{border-radius:12px;border:1px solid var(--border);padding:.72rem;background:#111a2bcc}.metric-label{color:var(--muted);font-size:.78rem}.metric-value{margin-top:.32rem;font-size:1.2rem;font-weight:600}.metric-good{border-color:#22c55e73}.metric-warn{border-color:#f59e0b73}.metric-bad{border-color:#ef444473}.pipelines-layout{display:grid;gap:1rem;grid-template-columns:minmax(340px,.95fr) minmax(460px,1.45fr)}.pipelines-layout table tbody tr{cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.65rem;border:1px solid var(--border);border-radius:10px;padding:.68rem;background:#080e1a9e}.detail-label{color:var(--muted);font-size:.76rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.event-list{display:grid;gap:.55rem}.event-item{border:1px solid var(--border);border-radius:10px;padding:.55rem .62rem;background:#090f1bb3}.event-topline{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.event-time{color:var(--muted);font-size:.78rem}.event-message{margin-top:.45rem;color:#d2ddf0;font-size:.88rem}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;font-size:.74rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:.2rem .5rem;white-space:nowrap}.status-success{border-color:#22c55e80;background:#22c55e33;color:#87f5b2}.status-running{border-color:#38bdf880;background:#38bdf82e;color:#95e6ff}.status-queued{border-color:#f59e0b73;background:#f59e0b2e;color:#ffd48b}.status-failed{border-color:#ef444480;background:#ef444430;color:#ffb1b1}.status-neutral{border-color:#60a5fa73;background:#60a5fa26;color:#bdd9ff}.status-default{border-color:#94a3b866;background:#94a3b81f;color:#d0dae8}@media (max-width: 1240px){.filters-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.pipelines-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.tab-list{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{flex-wrap:wrap}}@media (max-width: 700px){.content{padding:.7rem}.filters-grid,.detail-grid,.metric-grid{grid-template-columns:1fr}.session-user{max-width:120px}}