@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f2efe8;--bg-shell: #fbf8f2;--sidebar: #173047;--sidebar-soft: #22445f;--sidebar-border: rgba(255, 255, 255, .08);--surface: rgba(255, 255, 255, .92);--surface-strong: rgba(255, 255, 255, .98);--surface-muted: rgba(247, 242, 233, .86);--border: rgba(29, 47, 68, .1);--border-strong: rgba(29, 47, 68, .18);--text: #152231;--muted: #67778d;--accent: #d4552d;--accent-soft: rgba(212, 85, 45, .1);--blue: #2563eb;--blue-soft: rgba(37, 99, 235, .12);--teal: #0f766e;--teal-soft: rgba(15, 118, 110, .12);--yellow: #b7791f;--yellow-soft: rgba(183, 121, 31, .12);--danger: #cf2e4b;--danger-soft: rgba(207, 46, 75, .12);--shadow-lg: 0 28px 72px rgba(19, 36, 56, .08);--shadow-md: 0 16px 34px rgba(19, 36, 56, .06);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--mono: "IBM Plex Mono", "Courier New", monospace;--sans: "Sora", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(circle at top left,rgba(212,85,45,.18),transparent 28%),radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 26%),linear-gradient(180deg,#f8f5ef,#f2efe8 48%,#ece7de)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}code{font-family:var(--mono)}.spin{animation:spin 1.1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-eyebrow{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1;letter-spacing:.02em}.status-pill-good{background:#0f766e1f;color:var(--teal)}.status-pill-warm{background:#b7791f24;color:var(--yellow)}.status-pill-danger{background:#cf2e4b1f;color:var(--danger)}.status-pill-neutral{background:#67778d1f;color:#4a5a70}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:13px 18px;border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,border-color .16s ease}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.65;cursor:wait;transform:none}.primary-button{width:100%;background:linear-gradient(135deg,var(--accent),#ea7a53);color:#fff;font-weight:700;box-shadow:0 16px 28px #d4552d38}.ghost-button{background:#ffffffdb;border:1px solid rgba(21,34,49,.1);color:var(--text);font-weight:600}.compact-button{width:auto;padding:10px 14px;font-size:13px}.field{display:grid;gap:8px}.field span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field input,.field select{width:100%;border:1px solid rgba(21,34,49,.12);border-radius:14px;padding:13px 14px;background:#fffffff0;color:var(--text)}.field input:focus,.field select:focus{outline:2px solid rgba(37,99,235,.18);border-color:#2563eb66}.message-banner,.loading-panel,.section-card,.kpi-card,.surface-card,.workflow-card,.quick-link-card,.sidebar-hero-card,.page-summary-card,.login-hero,.login-card,.sidebar-user-card,.issue-card,.tunnel-note,.empty-state{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.message-banner,.loading-panel{display:flex;align-items:center;gap:10px;border-radius:18px;padding:14px 16px;margin-bottom:16px}.message-banner-good{background:#0f766e14;color:var(--teal)}.message-banner-danger{background:#cf2e4b14;color:#92243b}.loading-panel{color:var(--muted)}.login-shell{width:min(1200px,calc(100vw - 32px));min-height:100vh;margin:0 auto;padding:28px 0 48px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,430px);gap:24px;align-items:center}.login-hero,.login-card{border-radius:var(--radius-xl)}.login-hero{min-height:540px;padding:44px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(212,85,45,.18),transparent 24%),radial-gradient(circle at 85% 0%,rgba(37,99,235,.14),transparent 28%),linear-gradient(160deg,#fffffffa,#f9f3ebf5)}.login-hero h1{margin:18px 0 20px;font-size:clamp(38px,4.8vw,64px);line-height:.98;letter-spacing:-.05em;max-width:11ch}.login-hero p{margin:0;max-width:42ch;color:var(--muted);line-height:1.7;font-size:17px}.hero-chip-row,.page-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.login-card{padding:32px}.login-card h2{margin:10px 0 8px;font-size:28px;line-height:1.08}.login-card p{margin:0 0 22px;color:var(--muted);line-height:1.6}.login-card .field{margin-bottom:16px}.workspace-shell{width:min(1500px,calc(100vw - 28px));margin:0 auto;padding:16px 0 32px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.workspace-sidebar{position:sticky;top:16px;display:grid;gap:18px;padding:22px;min-height:calc(100vh - 32px);border-radius:32px;color:#f4f7fb;background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 30%),linear-gradient(180deg,var(--sidebar-soft) 0%,var(--sidebar) 48%,#11283a 100%);border:1px solid var(--sidebar-border);box-shadow:var(--shadow-lg)}.sidebar-brand{display:flex;align-items:center;gap:14px}.sidebar-brand-mark{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#d4552de6,#2563ebd9);color:#fff;font-weight:800;letter-spacing:.08em}.sidebar-brand-title{font-size:18px;font-weight:700}.sidebar-brand-helper{margin-top:4px;color:#f4f7fbb3;font-size:13px}.sidebar-hero-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,#ffffff17,#ffffff0a);border-color:#ffffff14;box-shadow:none}.sidebar-hero-card .section-eyebrow{color:#ffd8ca}.sidebar-hero-card h2{margin:10px 0 12px;font-size:28px;line-height:1.05}.sidebar-hero-card p{margin:0;color:#f4f7fbb8;line-height:1.65;font-size:14px}.sidebar-nav,.sidebar-section,.sidebar-footer,.sidebar-action-stack,.sidebar-surface-list{display:grid;gap:10px}.sidebar-nav-button{width:100%;display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.sidebar-nav-button:hover{transform:translateY(-1px);background:#ffffff0f}.sidebar-nav-button-active{background:#ffffff1f;border-color:#ffffff14}.sidebar-nav-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#ffffff14}.sidebar-nav-label{font-weight:700;font-size:14px}.sidebar-nav-helper{margin-top:4px;color:#f4f7fbad;font-size:12px}.sidebar-section-title{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#f4f7fb94}.sidebar-surface-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06)}.sidebar-surface-label{font-size:12px;color:#f4f7fbad}.sidebar-surface-version{margin-top:4px;font-size:18px;font-weight:700;color:#fff}.sidebar-user-card{padding:18px;border-radius:20px;background:#ffffff14;border-color:#ffffff14;box-shadow:none}.sidebar-user-title{font-weight:700}.sidebar-user-helper{margin-top:6px;color:#f4f7fbad;font-size:13px}.sidebar-action-button{width:100%;background:#ffffff14;border-color:#ffffff14;color:#f4f7fb}.workspace-content{display:grid;gap:18px}.page-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:stretch}.page-hero-copy,.page-summary-card{padding:24px;border-radius:var(--radius-xl);background:#ffffffe0;border:1px solid var(--border);box-shadow:var(--shadow-md)}.page-hero-copy h1{margin:12px 0;font-size:clamp(34px,4vw,52px);line-height:.98;letter-spacing:-.05em}.page-hero-copy p{margin:0;max-width:56ch;color:var(--muted);line-height:1.7}.page-summary-card{display:grid;align-content:center;gap:8px;background:linear-gradient(180deg,#2563eb14,#ffffffeb)}.page-summary-label{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.page-summary-value{font-size:28px;line-height:1.08;font-weight:800;letter-spacing:-.04em}.page-summary-helper{color:var(--muted);font-size:13px}.section-card{padding:24px;border-radius:var(--radius-xl)}.section-card-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-card-header h2{margin:10px 0 8px;font-size:26px;line-height:1.06;letter-spacing:-.03em}.section-card-header p{margin:0;color:var(--muted);line-height:1.65;max-width:60ch}.kpi-grid,.surface-grid,.panel-grid,.chart-grid,.workflow-grid,.quick-link-grid,.detail-grid,.surface-meta-grid{display:grid;gap:16px}.kpi-grid,.kpi-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.surface-grid,.panel-grid-2,.chart-grid,.workflow-grid,.quick-link-grid,.detail-grid,.surface-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card,.surface-card,.workflow-card,.quick-link-card,.chart-panel,.issue-focus-card,.issue-card,.tunnel-note,.empty-state{border-radius:var(--radius-lg)}.kpi-card{padding:18px;background:var(--surface-strong)}.kpi-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.kpi-card-value{margin-top:18px;font-size:30px;font-weight:800;letter-spacing:-.04em}.kpi-card-helper{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.6}.kpi-card-good{background:linear-gradient(180deg,#0f766e1a,#fffffffa)}.kpi-card-warm{background:linear-gradient(180deg,#b7791f1a,#fffffffa)}.kpi-card-danger{background:linear-gradient(180deg,#cf2e4b1a,#fffffffa)}.kpi-card-neutral{background:linear-gradient(180deg,#2563eb14,#fffffffa)}.surface-card{padding:20px;display:grid;gap:14px;background:linear-gradient(180deg,#fffffffa,#f7f2e9e6)}.surface-card-ops{border-color:#2563eb2e}.surface-card-web{border-color:#d4552d2e}.surface-card-api{border-color:#0f766e2e}.surface-card-mobile{border-color:#b7791f33}.surface-card-topline,.workflow-card-topline,.issue-card-header,.quick-link-card,.list-row,.status-row,.workflow-run,.list-row-meta,.issue-meta-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.surface-card-label{font-size:13px;color:var(--muted)}.surface-card-version{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.05em}.surface-card-helper,.list-row-helper,.workflow-meta,.workflow-description,.page-summary-helper,.empty-state p,.issue-card p,.tunnel-note p{color:var(--muted);line-height:1.6}.surface-meta-grid span,.detail-grid span{display:block;margin-bottom:6px;font-size:12px;color:var(--muted)}.surface-meta-grid strong,.detail-grid strong{line-height:1.45}.surface-card-footnote{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#ffffffdb;border:1px solid rgba(21,34,49,.08);color:var(--muted);font-size:13px}.surface-card-actions{display:flex;flex-wrap:wrap;gap:10px}.chart-panel{padding:18px;background:#ffffffeb;border:1px solid rgba(21,34,49,.08)}.chart-title{font-weight:700;margin-bottom:12px}.list-table,.status-list,.stack-list,.workflow-runs,.adoption-list{display:grid;gap:12px}.list-row,.status-row,.workflow-run{padding:14px 16px;border-radius:18px;background:#fffc;border:1px solid rgba(21,34,49,.08)}.list-row-link{transition:border-color .16s ease,transform .16s ease}.list-row-link:hover{transform:translateY(-1px);border-color:#2563eb33}.list-row-title,.workflow-title,.workflow-run-name,.issue-card h3{font-weight:700}.list-row-title,.issue-card h3{margin:0}.list-row-meta{align-items:center}.adoption-row{display:grid;gap:10px}.adoption-copy{display:flex;align-items:center;justify-content:space-between;gap:12px}.adoption-copy span{color:var(--muted);font-size:13px}.adoption-bar-track{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#2563eb14}.adoption-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0f766e)}.issue-focus-card{padding:18px;background:linear-gradient(160deg,#d4552d14,#ffffffeb);border:1px solid rgba(212,85,45,.12)}.issue-focus-card p{margin:0;color:var(--muted);line-height:1.7}.issue-meta-row{flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:13px}.workflow-card{padding:20px;display:grid;gap:14px}.workflow-description{margin:0;font-size:14px}.workflow-live-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px;border-radius:18px;background:#f7f2e9c2}.workflow-live-note span{display:block;margin-bottom:6px;font-size:12px;color:var(--muted)}.workflow-live-note strong{line-height:1.45}.workflow-inline-warning{padding:12px 14px;border-radius:14px;background:#cf2e4b14;color:#92243b;font-size:13px}.workflow-run{align-items:center}.workflow-run-meta{color:var(--muted);font-size:12px;margin-top:4px}.quick-link-card{padding:18px;align-items:center;background:#ffffffe0}.tunnel-note{margin-top:18px;padding:18px;background:linear-gradient(180deg,#2563eb14,#fffffff5)}.tunnel-note code{display:block;margin-top:12px;padding:14px;border-radius:16px;overflow-wrap:anywhere;background:#203a51;color:#f4f7fb;font-size:12px}.empty-state{padding:20px;background:var(--surface-muted)}.empty-state-title{font-size:17px;font-weight:700}.empty-state p{margin:8px 0 0;font-size:14px}@media (max-width: 1280px){.workspace-shell{grid-template-columns:292px minmax(0,1fr)}.surface-grid,.workflow-grid{grid-template-columns:1fr}}@media (max-width: 1120px){.workspace-shell,.login-shell,.page-hero,.panel-grid-2,.chart-grid,.workflow-grid,.quick-link-grid{grid-template-columns:1fr}.workspace-sidebar{position:static;min-height:unset}.sidebar-nav,.kpi-grid,.kpi-grid-4,.surface-grid,.detail-grid,.surface-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.workspace-shell,.login-shell{width:min(100vw - 18px,100%);padding:12px 0 24px}.workspace-sidebar,.page-hero-copy,.page-summary-card,.section-card,.login-hero,.login-card{padding:18px}.sidebar-nav,.kpi-grid,.kpi-grid-4,.surface-grid,.detail-grid,.surface-meta-grid,.workflow-live-note{grid-template-columns:1fr}.page-hero-copy h1,.login-hero h1{font-size:34px}.section-card-header h2,.sidebar-hero-card h2{font-size:22px}.surface-card-version,.kpi-card-value,.page-summary-value{font-size:24px}}
