:root{color-scheme:dark;font-family:Inter,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#c9d1d9;background:radial-gradient(circle at top left,rgba(88,166,255,.1),transparent 22%),radial-gradient(circle at 84% 12%,rgba(46,160,67,.08),transparent 18%),linear-gradient(180deg,#0d1117,#0b0f14 52%,#090c10);--canvas: rgba(13, 17, 23, .82);--panel: rgba(22, 27, 34, .94);--panel-strong: rgba(17, 22, 29, .98);--border: rgba(48, 54, 61, .9);--border-strong: rgba(88, 166, 255, .3);--blue: #58a6ff;--blue-soft: #388bfd;--green: #3fb950;--green-soft: #56d364;--amber: #d29922;--red: #f85149;--text-soft: #8b949e;--shadow: 0 22px 60px rgba(1, 4, 9, .56)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%)}button,input,textarea,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid rgba(88,166,255,.8);outline-offset:2px}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:minmax(280px,344px) minmax(0,1fr);gap:1rem;width:min(1600px,calc(100vw - 1.25rem));margin:0 auto;padding:1rem 0 1.5rem}.panel,.sidebar-card,.summary-card,.metric-card,.sync-card,.repo-detail-card,.env-card,.context-card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel-strong));box-shadow:var(--shadow)}.sidebar,.workspace{min-width:0}.sidebar{position:sticky;top:1rem;align-self:start;display:grid;gap:.9rem;padding:1rem}.brand-block h1,.topbar h2,.panel-head h3{margin:0;letter-spacing:-.04em;overflow-wrap:anywhere}.brand-block h1{font-size:clamp(1.9rem,4vw,3.5rem);line-height:.98;max-width:11ch}.topbar h2{font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.08}.panel-head h3{font-size:1rem;line-height:1.2}.eyebrow,.sidebar-label,.status-chip,.badge,.state-note,.tag-row,.timeline-step span,.primary-cell span,.field-label,.detail-note,.footer-note,.lede{letter-spacing:.01em}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;color:var(--blue);font-size:.72rem;letter-spacing:.2em}.lede{margin:0;color:var(--text-soft);font-size:.98rem}.lede--compact{max-width:68ch}.sidebar-card,.summary-card,.metric-card,.sync-card,.repo-detail-card,.env-card,.context-card{padding:1rem}.sidebar-card--accent{border-color:var(--border-strong);background:linear-gradient(180deg,#1a202af5,#10151dfa)}.sidebar-card--stacked{display:grid;gap:.8rem}.sidebar-card--legend{gap:.65rem}.legend-grid{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.legend-item{display:grid;gap:.35rem;min-width:0}.legend-item p{margin:0;color:var(--text-soft);font-size:.86rem}.sidebar-card strong,.summary-card strong,.metric-card strong,.sync-card strong,.repo-detail-card strong,.env-card strong,.context-card strong,.detail-hero strong,.detail-list strong,.primary-cell strong,.env-facts strong,.timeline-step strong,.field-value{display:block;color:#f0f6fc}.sidebar-card p,.summary-card p,.metric-card p,.sync-card p,.repo-detail-card p,.context-card p,.detail-note,.primary-cell span,.state-note,.timeline-step span,.field-label{margin:0;color:var(--text-soft)}.sidebar-card p{margin-top:.4rem}.sidebar-card__header,.panel-head,.topbar,.detail-hero,.env-card__top,.sync-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.sidebar-nav{display:grid;gap:.5rem}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.82rem .92rem;border:1px solid rgba(48,54,61,.92);border-radius:14px;background:#0d1117c2;color:#d0d7de;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease}.nav-item:hover,.nav-item:focus-visible{transform:translateY(-1px);border-color:#58a6ff61;background:#141920f0}.nav-item--active{border-color:#58a6ff7a;background:linear-gradient(180deg,#191f2bf5,#10141cfa)}.nav-dot{width:.55rem;height:.55rem;border-radius:999px;background:#58a6ff57;box-shadow:0 0 0 4px #58a6ff14}.sidebar-label{display:inline-flex;margin-bottom:.28rem;text-transform:uppercase;color:var(--text-soft);font-size:.7rem;letter-spacing:.16em}.workspace{display:grid;gap:.9rem}.topbar,.section-panel,.detail-panel,.side-panel,.env-card,.sync-card,.repo-detail-card,.summary-card,.metric-card,.context-card{padding:1.05rem}.topbar{position:sticky;top:1rem;z-index:4;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#0d1117f5,#0b0e13fa);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-actions{display:flex;gap:.65rem;flex-wrap:wrap}.pill,.badge,.status-chip,.mini-tag,.check-pill,.artifact-pill,.state,.field-value{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px}.pill{padding:.68rem .95rem;border:1px solid rgba(88,166,255,.24);background:#141920cc}.pill--solid{border-color:#58a6ff61;background:linear-gradient(180deg,#58a6ff3d,#388bfd8f)}.pill--ghost{color:var(--text-soft)}.badge,.status-chip,.mini-tag,.check-pill,.artifact-pill,.field-value{padding:.34rem .68rem;border:1px solid rgba(48,54,61,.95);background:#161b22c7;font-size:.78rem}.badge--solid,.badge--healthy{border-color:#3fb95047;background:#1a381fc7}.badge--subtle{border-color:#58a6ff2e;background:#141920b8}.badge--running{border-color:#58a6ff33;background:#131c27cc}.badge--review{border-color:#d2992238;background:#312512d6}.badge--blocked{border-color:#f851493d;background:#3a1715d1}.badge--drift,.metric-card--drift .status-chip{border-color:#d299223d;background:#2f2411cc}.summary-strip,.metric-grid,.sync-grid,.detail-grid,.repo-detail-grid,.env-grid,.detail-columns,.detail-columns--compact,.form-grid,.sync-summary,.pipeline-grid{display:grid;gap:.85rem}.summary-strip,.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card,.metric-card,.sync-card,.repo-detail-card,.context-card{min-width:0}.metric-card{display:grid;gap:.35rem}.metric-card strong{font-size:clamp(1.55rem,2.6vw,2.1rem)}.metric-card p{font-size:.94rem}.metric-card--running{border-color:#58a6ff38}.metric-card--blocked{border-color:#f8514938}.metric-card--review{border-color:#d2992238}.summary-card{display:grid;gap:.3rem}.summary-card strong{font-size:clamp(1.4rem,2.5vw,2rem)}.summary-label{display:inline-flex;color:var(--text-soft);text-transform:uppercase;font-size:.7rem;letter-spacing:.16em}.status-chip{width:fit-content;color:#f0f6fc}.status-chip__icon,.state__icon{font-size:.9em}.section-stack{display:grid;gap:.85rem}.panel-head{margin-bottom:.9rem}.section-panel,.detail-panel,.side-panel{border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#161b22f0,#0d1117fa)}.table-shell{display:grid;gap:.55rem}.table-row{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(100px,.7fr) minmax(115px,.8fr) minmax(170px,1.2fr) minmax(100px,.7fr) minmax(150px,.9fr);gap:.75rem;align-items:start;width:100%;padding:.82rem .92rem;border:1px solid rgba(48,54,61,.95);border-radius:16px;background:#0d1117c7;text-align:left}.table-row--head{padding-top:0;padding-bottom:.2rem;border:0;background:transparent;color:var(--text-soft);text-transform:uppercase;font-size:.72rem}.table-row--selected,.table-row:hover{border-color:#58a6ff59;background:#141920f0}.primary-cell,.source-cell,.status-cell,.env-facts,.detail-list,.timeline,.check-list,.artifact-list,.context-stack{display:grid;gap:.4rem}.primary-cell span,.state-note,.timeline-step span,.field-label,.detail-note{font-size:.9rem}.tag-row,.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.mini-tag{color:#d0d7de;padding:.22rem .5rem}.state{width:fit-content;padding:.3rem .68rem;border:1px solid rgba(48,54,61,.95);color:#f0f6fc}.state--healthy{border-color:#3fb95047;background:#1a381fd1}.state--running{border-color:#58a6ff38;background:#131c27d1}.state--review{border-color:#d299223d;background:#312512d1}.state--blocked{border-color:#f851493d;background:#3a1715d1}.state--drift{border-color:#d299223d;background:#2f2411d1}.detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.detail-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.detail-hero>div,.detail-list>div,.context-card,.env-card,.repo-detail-card,.sync-card--primary,.pipeline-card,.sync-step,.field{padding:.9rem;border:1px solid rgba(48,54,61,.95);border-radius:14px;background:#0d1117c7}.detail-note{margin:.95rem 0;padding:.9rem 1rem;border-left:3px solid rgba(88,166,255,.42);border-radius:12px;background:#141920b8}.detail-columns,.detail-columns--compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.9rem}.subpanel{display:grid;gap:.7rem;padding:.9rem;border:1px solid rgba(48,54,61,.95);border-radius:14px;background:#0d1117bd}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-list strong{margin-top:.18rem;font-size:.96rem}.timeline{list-style:none;margin:0;padding:0}.timeline-step{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}.timeline-step+.timeline-step{margin-top:.5rem}.timeline-step__dot{width:.68rem;height:.68rem;margin-top:.15rem;border-radius:999px;background:#58a6ff38;box-shadow:0 0 0 4px #58a6ff14}.timeline-step--done .timeline-step__dot{background:var(--green)}.timeline-step--current .timeline-step__dot{background:var(--amber);box-shadow:0 0 0 4px #d299221f}.timeline-step--queued .timeline-step__dot{background:#58a6ff2e}.check-list,.artifact-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.check-pill,.artifact-pill{justify-content:flex-start}.context-card{display:grid;gap:.35rem}.context-card p,.repo-detail-card p,.sync-card p{margin:0;color:var(--text-soft)}.sync-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.sync-card{display:grid;gap:.85rem}.sync-card--primary{border-color:#58a6ff40;background:linear-gradient(180deg,#141920f5,#0d1117fa)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:.28rem}.field--wide{grid-column:1 / -1}.field-value{width:fit-content;padding-inline:.72rem;border-color:#58a6ff38;color:#f0f6fc}input,select{width:100%;min-width:0;padding:.8rem .9rem;border:1px solid rgba(48,54,61,.96);border-radius:12px;background:#0d1117c7;color:#f0f6fc}input::placeholder{color:#6e7681}.onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:.65rem;background:#010409b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-modal{width:min(960px,calc(100vw - 1.3rem));max-height:min(92vh,920px);display:grid;gap:1rem;overflow:auto}.onboarding-modal__header,.onboarding-modal__body{display:grid;gap:1rem}.onboarding-modal__body{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.onboarding-form{display:grid;gap:.9rem}.onboarding-form__grid{align-items:start}.sync-switches{display:flex;flex-wrap:wrap;gap:.5rem}.mini-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.62rem .82rem;border:1px solid rgba(48,54,61,.95);border-radius:999px;background:#0d1117c2}.mini-toggle--active{border-color:#58a6ff52;background:#141920f0}.mini-toggle input{width:auto;margin:0;accent-color:var(--blue)}.onboarding-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.onboarding-preview{display:grid;gap:.8rem;align-content:start}.section-panel--focused{border-color:#58a6ff6b;box-shadow:0 0 0 1px #58a6ff29,var(--shadow)}button:disabled{opacity:.55;cursor:not-allowed}.onboarding-form__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.advanced-options{display:grid;gap:.7rem;padding:.9rem 0 0;border-top:1px solid rgba(48,54,61,.95)}.advanced-options summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;color:#f0f6fc;font-weight:600}.advanced-options summary::-webkit-details-marker{display:none}.advanced-options__body{display:grid;gap:.8rem}.repo-picker{display:grid;gap:.7rem}.repo-picker__help{margin:0;color:var(--text-soft);font-size:.92rem}.repo-picker__help--error{color:#ffb4b0}.repo-picker__actions{display:flex;flex-wrap:wrap;gap:.5rem}.repo-picker__results{display:grid;gap:.5rem;max-height:22rem;overflow:auto;padding-right:.2rem}.repo-picker__result,.repo-picker__empty{padding:.9rem;border:1px solid rgba(48,54,61,.95);border-radius:14px;background:#0d1117c7}.repo-picker__result{display:grid;gap:.3rem;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease}.repo-picker__result:hover,.repo-picker__result:focus-visible{transform:translateY(-1px);border-color:#58a6ff59;background:#141920f0}.repo-picker__result--selected{border-color:#58a6ff80;background:linear-gradient(180deg,#191f2bf5,#10141cfa)}.repo-picker__result-name{color:#f0f6fc;font-weight:600}.repo-picker__result-meta,.repo-picker__result-note{color:var(--text-soft);font-size:.9rem}.repo-picker__empty strong{display:block;color:#f0f6fc}.repo-picker__empty p{margin:.35rem 0 0;color:var(--text-soft)}.sync-switches--checks{margin-top:.2rem}.sync-switches--checks .mini-toggle{flex:1 1 220px;justify-content:flex-start}.sync-path{display:grid;gap:.45rem;list-style:none;margin:0;padding:0}.sync-step{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center}.sync-step__index{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;background:#58a6ff29;color:#f0f6fc;font-size:.78rem;font-weight:600}.sync-summary,.pipeline-grid,.repo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-summary>div,.pipeline-card,.repo-detail-card{min-width:0}.pipeline-card{display:grid;gap:.35rem}.repo-detail-grid{margin-top:.85rem}.env-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.env-card{display:grid;gap:.8rem}.env-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.env-facts div{min-width:0;padding:.8rem;border-radius:12px;background:#0d1117b8}.mono-cell{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;overflow-wrap:anywhere}.footer-note{display:flex;flex-wrap:wrap;gap:.6rem;padding:.75rem .1rem 0;color:var(--text-soft);font-size:.86rem}.footer-note span{padding:.4rem .68rem;border:1px solid rgba(48,54,61,.95);border-radius:999px;background:#0d1117b3}@media (max-width: 1380px){.app-shell{grid-template-columns:minmax(280px,320px) minmax(0,1fr);width:min(100vw - 1rem,1540px)}.topbar{top:.85rem}.detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)}}@media (max-width: 1180px){.app-shell{grid-template-columns:1fr;width:min(100vw - 1rem,1600px)}.sidebar{position:static}.summary-strip,.metric-grid,.sync-grid,.detail-grid,.repo-detail-grid,.env-grid,.sync-summary,.pipeline-grid{grid-template-columns:1fr}.table-row{grid-template-columns:repeat(2,minmax(0,1fr))}.table-row--head{display:none}}@media (max-width: 900px){.topbar,.sidebar-card__header,.panel-head,.detail-hero,.env-card__top,.sync-card__header{flex-direction:column;align-items:stretch}.topbar,.section-panel,.detail-panel,.side-panel,.sidebar,.summary-card,.metric-card,.sync-card,.repo-detail-card,.context-card,.env-card{padding:.9rem}.detail-hero,.detail-columns,.detail-list,.env-facts,.table-row,.onboarding-modal__body,.onboarding-form__summary{grid-template-columns:1fr}.advanced-options summary{flex-direction:column;align-items:flex-start}.sync-switches--checks .mini-toggle{flex-basis:100%}.topbar-actions,.topbar-actions .pill,.onboarding-actions .pill{width:100%}.pill{width:100%;justify-content:center}}@media (max-width: 640px){.app-shell{width:min(100vw - .65rem,1600px);padding-top:.65rem}.brand-block h1{font-size:clamp(1.75rem,10vw,2.8rem)}.nav-item,.footer-note span{padding-inline:.78rem}.summary-strip,.metric-grid{gap:.7rem}}
