*,*:before,*:after{box-sizing:border-box}:root{--bg: #050816;--bg-alt: #0c0a0f;--surface: #111827;--surface-soft: #020617;--accent: #4f46e5;--accent-soft: rgba(79, 70, 229, .15);--accent-strong: #6366f1;--border-subtle: rgba(148, 163, 184, .35);--text: #e5e7eb;--muted: #9ca3af;--danger: #ef4444;--success: #22c55e;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .6);--transition-fast: .16s ease-out;--transition-med: .24s ease-out}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#1f2937,#050816 55%,#020617);color:var(--text)}body,#root{min-height:100vh}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-content{padding:1.5rem 1.75rem 1.75rem}.sidebar{width:240px;background:radial-gradient(circle at top,#111827,#020617 65%);border-right:1px solid rgba(148,163,184,.2);padding:1.4rem 1.1rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.sidebar-logo-mark{width:36px;height:36px;border-radius:12px;background:radial-gradient(circle at 20% 20%,#f9fafb,#4f46e5 45%,#ec4899);display:flex;align-items:center;justify-content:center;font-weight:700;color:#020617;font-size:.95rem;box-shadow:0 0 0 1px #818cf8cc}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-title{font-size:.95rem;font-weight:600}.sidebar-logo-subtitle{font-size:.7rem;color:var(--muted)}.sidebar-nav{display:flex;flex-direction:column;gap:.3rem}.sidebar-nav-item{text-align:left;border-radius:999px;border:1px solid transparent;padding:.45rem .8rem;font-size:.85rem;background:transparent;color:var(--muted);cursor:pointer;transition:background var(--transition-med),border-color var(--transition-med),color var(--transition-fast),transform var(--transition-fast)}.sidebar-nav-item:hover{background:#0f172af2;border-color:#94a3b866;color:var(--text);transform:translate(2px)}.sidebar-nav-item.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f9fafb;border-color:transparent}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.75rem .7rem;border-bottom:1px solid rgba(148,163,184,.15);background:radial-gradient(circle at top,#0f172a,#0f172ae6)}.topbar-title{font-size:1.2rem;margin:0}.topbar-subtitle{margin:.15rem 0 0;font-size:.8rem;color:var(--muted)}.topbar-user{font-size:.85rem;color:var(--muted)}.page{display:flex;flex-direction:column;gap:1.4rem}.panel{background:radial-gradient(circle at top left,rgba(79,70,229,.2),transparent 60%),var(--surface);border-radius:var(--radius-lg);padding:1.2rem 1.2rem 1.1rem;border:1px solid rgba(148,163,184,.3);box-shadow:var(--shadow-soft)}.panel-title{margin:0;font-size:1rem}.panel-caption{font-size:.8rem;color:var(--muted)}.panel-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card{background:radial-gradient(circle at top left,rgba(79,70,229,.24),transparent 55%),var(--surface-soft);border-radius:var(--radius-md);padding:.9rem .9rem .8rem;border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 40px #000000b3}.stat-card.primary{border-color:#818cf8b3}.stat-label{font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.stat-value{font-size:1.5rem;font-weight:600}.stat-footnote{margin-top:.25rem;font-size:.75rem;color:var(--muted)}.table{width:100%;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.table-header,.table-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:.85rem;align-items:center}.table-header{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-bottom:.4rem;border-bottom:1px solid rgba(55,65,81,.9)}.table-row{padding:.45rem 0;border-bottom:1px solid rgba(31,41,55,.7)}.table-row:last-of-type{border-bottom:none}.filters-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem}select,input[type=text]{border-radius:999px;border:1px solid rgba(75,85,99,.9);background:#0f172ae6;padding:.4rem .75rem;font-size:.8rem;color:var(--text)}select:focus,input[type=text]:focus{outline:none;border-color:var(--accent)}.badge{border-radius:999px;padding:.25rem .6rem;font-size:.75rem;border:none;cursor:pointer}.badge-success{background:#22c55e2e;color:#6ee7b7}.badge-muted{background:#374151e6;color:#e5e7eb}.jobs-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;font-size:.85rem}.jobs-summary-item{background:#0f172ad9;border-radius:var(--radius-md);border:1px solid rgba(55,65,81,.9);padding:.7rem .75rem}.jobs-summary-job{font-weight:500}.jobs-summary-count{font-size:.8rem;color:var(--muted)}.pipeline-summary{display:flex;flex-wrap:wrap;gap:.6rem}.pipeline-summary-item{min-width:120px;border-radius:999px;padding:.35rem .7rem;border:1px solid rgba(55,65,81,.9);background:#0f172ae6;display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.pipeline-stage{color:var(--muted)}.pipeline-count{font-weight:500}.pipeline-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;margin-top:.4rem;font-size:.8rem}.pipeline-column{background:#0f172af2;border-radius:var(--radius-md);border:1px dashed rgba(75,85,99,.9);padding:.6rem .5rem;min-height:200px}.pipeline-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.pipeline-column-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pipeline-column-count{font-size:.75rem;color:var(--muted)}.pipeline-column-body{display:flex;flex-direction:column;gap:.45rem}.pipeline-card{border-radius:var(--radius-sm);padding:.45rem .5rem;background:radial-gradient(circle at top left,rgba(79,70,229,.45),transparent 60%);border:1px solid rgba(129,140,248,.7);box-shadow:0 14px 30px #000c;cursor:grab}.pipeline-card-name{font-weight:500;margin-bottom:.1rem}.pipeline-card-job{font-size:.78rem;color:var(--muted);margin-bottom:.2rem}.pipeline-card-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}@media (max-width: 960px){.sidebar{display:none}.app-shell{flex-direction:column}.topbar,.app-content{padding-inline:1.2rem}.stats-grid,.jobs-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.stats-grid,.jobs-summary{grid-template-columns:minmax(0,1fr)}.table-header,.table-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.2rem}.pipeline-board{grid-template-columns:repeat(2,minmax(0,1fr))}}