@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07070c;--surface:#11111a;--surface-2:#171724;--surface-3:#202033;--border:#2a2a3d;--border-strong:#3c3c58;--text:#f5f5fb;--muted:#9b9bb2;--muted-2:#6f6f88;--blue:#6c8cff;--purple:#9d7cff;--green:#2fd17c;--orange:#ffac4d;--red:#ff5c74;--shadow:0 24px 70px #00000059;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #6c8cff29, transparent 30rem), radial-gradient(circle at 80% 10%, #9d7cff21, transparent 28rem), var(--bg);min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b12db;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand-block{border-bottom:1px solid var(--border);gap:.25rem;padding:1.5rem;display:grid}.brand-block strong{letter-spacing:-.04em;font-size:1.35rem}.brand-block small,.metric-card__hint,.sidebar-status small{color:var(--muted-2)}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600}.nav-list{gap:.35rem;padding:1rem;display:grid}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:.9rem;align-items:center;gap:.75rem;padding:.85rem .95rem;display:flex}.nav-item:hover,.nav-item.is-active{background:var(--surface-2);border-color:var(--border);color:var(--text)}.nav-item.is-active .nav-item__dot{background:var(--blue)}.nav-item__dot,.status-dot{background:var(--muted-2);border-radius:999px;flex:none;width:.55rem;height:.55rem}.sidebar-status{border-top:1px solid var(--border);align-items:center;gap:.8rem;margin-top:auto;padding:1rem 1.5rem;display:flex}.sidebar-status div{gap:.1rem;display:grid}.status-dot.is-online{background:var(--green);box-shadow:0 0 0 6px #2fd17c1f}.status-dot.is-offline{background:var(--red);box-shadow:0 0 0 6px #ff5c741f}.main-content{min-width:0}.topbar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07070cc7;justify-content:space-between;align-items:center;gap:1rem;min-height:5.5rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.05em;margin:.2rem 0 0;font-size:clamp(1.4rem,2vw,2.2rem)}.topbar__badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.badge{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);max-width:22rem;color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;padding:.45rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;display:inline-flex;overflow:hidden}.badge--good{color:var(--green);border-color:#2fd17c59}.badge--bad{color:var(--red);border-color:#ff5c7459}.content-stack{gap:1rem;padding:1.5rem 2rem 2.5rem;display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#171724eb,#0f0f18f0);border-radius:1.25rem;overflow:hidden}.panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.panel__header h2{letter-spacing:-.02em;margin:.1rem 0 0;font-size:1rem}.connection-panel{box-shadow:none}.form-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;padding:1.25rem;display:grid}label{gap:.45rem;display:grid}label span{color:var(--muted);font-size:.8rem;font-weight:600}input{border:1px solid var(--border);width:100%;color:var(--text);background:#00000047;border-radius:.8rem;outline:none;padding:.75rem .85rem}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #6c8cff26}.button{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text);border-radius:.8rem;padding:.65rem .9rem}.button--primary{color:#fff;background:linear-gradient(135deg,#6c8cfff2,#9d7cfff2);border-color:#6c8cff73;font-weight:700}.error-banner{background:#ff5c7414;border:1px solid #ff5c7447;border-radius:1rem;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.error-banner ul{color:var(--muted);margin:.45rem 0 0;padding-left:1.25rem}.error-banner span{color:var(--red);font-weight:700}.tab-stack{gap:1rem;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card{border:1px solid var(--border);background:#11111ac7;border-radius:1.15rem;gap:.55rem;min-height:9rem;padding:1.2rem;display:grid;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--border-strong);height:3px;position:absolute;inset:0 0 auto}.metric-card--blue:before{background:var(--blue)}.metric-card--purple:before{background:var(--purple)}.metric-card--green:before{background:var(--green)}.metric-card--orange:before{background:var(--orange)}.metric-card__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.75rem}.metric-card__value{font-family:IBM Plex Mono,monospace;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.85rem 1rem}th{color:var(--muted-2);text-transform:uppercase;letter-spacing:.09em;font-family:IBM Plex Mono,monospace;font-size:.72rem}td{color:var(--muted)}tr:hover td{color:var(--text);background:#ffffff06}.empty-state{color:var(--muted-2);padding:1.25rem}.json-block{color:#d6e2ff;background:#00000040;max-height:32rem;margin:0;padding:1.25rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;line-height:1.6;overflow:auto}.link-button{color:var(--blue);text-align:left;background:0 0;border:0;padding:0;font-weight:700}.action-row{flex-wrap:wrap;gap:.45rem;display:flex}.mini-button{color:var(--blue);background:#6c8cff1f;border:1px solid #6c8cff59;border-radius:999px;padding:.35rem .6rem;font-size:.75rem;font-weight:700}.mini-button--danger{color:var(--red);background:#ff5c741a;border-color:#ff5c7459}.priority{background:#ffffff0f;border-radius:999px;padding:.2rem .55rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;display:inline-flex}.priority--1{color:var(--red)}.priority--2{color:var(--orange)}.priority--3{color:var(--blue)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1rem;display:grid}.skill-card{border:1px solid var(--border);background:#00000029;border-radius:1rem;overflow:hidden}.skill-card strong{padding:1rem 1rem 0;display:block}.skill-card .json-block{max-height:16rem}@media (width<=1180px){.form-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-status{display:none}.topbar{flex-direction:column;align-items:flex-start;position:static}.content-stack,.topbar{padding-left:1rem;padding-right:1rem}.form-grid,.metric-grid,.two-column{grid-template-columns:1fr}}