:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f3f6fb;line-height:1.45}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(180deg,#f7f9fc,#eef3fb)}button,input,select,textarea{font:inherit}button{border:none;border-radius:14px;padding:.82rem 1rem;background:#1d4ed8;color:#fff;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button.secondary{background:#334155}button.ghost{background:#e8eefb;color:#1e3a8a}input,select,textarea{width:100%;border-radius:14px;border:1px solid #c9d5eb;background:#fff;padding:.85rem .95rem;color:#172033}textarea{min-height:140px;resize:vertical}.app-shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.sidebar{background:radial-gradient(circle at top,#14213d,#0f172a 60%,#0a1222);color:#fff;padding:1.7rem 1.35rem;display:flex;flex-direction:column;gap:1.25rem}.sidebar h1{margin:0;font-size:1.55rem;line-height:1.15}.sidebar-copy{color:#cfd8eb;margin:0}.sidebar-card{margin-top:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1rem;color:#e2e8f0}.eyebrow{margin:0 0 .35rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#6d8fcb;font-weight:700}.nav-btn{width:100%;text-align:left;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff}.nav-btn.active{background:#ffffff1f;border-color:#ffffff2e}.content{padding:2rem}.page-header{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:1rem;align-items:start}.page-header h2{margin:0;font-size:2rem}.page-header p{margin:.35rem 0 0;color:#53627c}.status-box{background:#edf6ff;border:1px solid #cfe3ff;border-radius:22px;padding:1rem 1.15rem;min-height:120px}.status-box p{margin-bottom:.75rem}.hero-card{background:linear-gradient(135deg,#fff,#f3f7ff);border:1px solid #dde8fb;border-radius:26px;padding:1.5rem 1.7rem;display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;align-items:center}.hero-card h2{margin:.2rem 0 .45rem}.hero-card p{margin:0;color:#52617d}.hero-metrics{display:flex;flex-direction:column;gap:.9rem;align-items:end}.hero-metric{padding:1rem 1.2rem;border-radius:18px;background:#15233d;color:#fff;min-width:180px;text-align:right}.hero-metric span{display:block;font-size:.88rem;color:#bdc9df}.hero-metric strong{font-size:2rem}.hero-tags{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:end}.card{background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;border:1px solid #e0e8f7;box-shadow:0 18px 45px #1d2d5a14;padding:1.35rem}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.section-head h3{margin:0;font-size:1.2rem}.section-head p{margin:.25rem 0 0;color:#61708c}.stack-sm{display:flex;flex-direction:column;gap:.55rem}.stack-md{display:flex;flex-direction:column;gap:1rem}.stack-lg{display:flex;flex-direction:column;gap:1.2rem}.inline-actions{display:flex;gap:.65rem;align-items:center}.wrap{flex-wrap:wrap}.grid{display:grid;gap:1rem}.two-col,.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench-grid{grid-template-columns:minmax(340px,.95fr) minmax(0,1.25fr)}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{border-radius:22px;padding:1.15rem 1.2rem;background:#fff;border:1px solid #e1e9f8;box-shadow:0 12px 28px #1f2d4e0f}.stat-card span{color:#62718c;display:block}.stat-card strong{font-size:2rem;margin-top:.4rem;display:block}.stat-card.blue{border-top:4px solid #2563eb}.stat-card.green{border-top:4px solid #16a34a}.stat-card.red{border-top:4px solid #dc2626}.stat-card.neutral{border-top:4px solid #64748b}.field{display:flex;flex-direction:column;gap:.45rem}.field>span{font-weight:700;color:#22304f}.field small,.muted{color:#687791}.tiny{font-size:.8rem}.divider{height:1px;background:linear-gradient(90deg,#e7eefb,transparent)}.summary-strip{display:flex;gap:.55rem}.search-row{display:grid;grid-template-columns:1fr auto;gap:.75rem}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.32rem .7rem;font-size:.78rem;font-weight:700}.badge-neutral{background:#e8edf6;color:#314156}.badge-success{background:#dcfce7;color:#176534}.badge-warning{background:#fff2cc;color:#935f00}.badge-danger{background:#fee2e2;color:#a11e1e}.table-wrap{overflow:auto;border-radius:18px;border:1px solid #e4ebf7}.table-wrap.compact table th,.table-wrap.compact table td{font-size:.92rem}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:.9rem .85rem;border-bottom:1px solid #ecf1fa;text-align:left;vertical-align:top}th{font-size:.83rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f9fbff}tr.selected-row,tbody tr:hover{background:#f3f7ff}.cell-wrap{max-width:320px;white-space:normal;word-break:break-word}.checklist-card{border:1px solid #e2eaf7;border-radius:18px;padding:1rem;background:#fff}.checklist-card h4{margin:0 0 .75rem}.check-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem .85rem;border-radius:14px;align-items:start}.check-row strong{display:block;margin-bottom:.2rem}.check-row p{margin:0;color:#5b6b86;font-size:.92rem}.check-row.is-ok{background:#f0fdf4}.check-row.is-warning{background:#fffaf0}.check-row.is-error{background:#fff6f6}.artifact-row,.source-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #e2eaf7;border-radius:16px;padding:.85rem .95rem;background:#fff}.artifact-row p,.source-row p{margin:.18rem 0 0;color:#66768f}.timeline{display:flex;flex-direction:column;gap:.9rem;max-height:640px;overflow:auto}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:1rem;border-bottom:1px solid #edf2fb;padding-bottom:.9rem}.timeline-time{color:#6f7d95;font-size:.87rem}.timeline-body pre,.json-block{margin:.55rem 0 0;white-space:pre-wrap;word-break:break-word;border-radius:16px;background:#f7faff;border:1px solid #e3ebf8;padding:.9rem;color:#334155;font-size:.88rem}.empty-state{padding:1.4rem;text-align:center;border-radius:18px;background:#f8fbff;border:1px dashed #d5e0f5;color:#61708c}@media (max-width: 1280px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-up{grid-template-columns:1fr}}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar{gap:1rem}.page-header,.two-col,.workbench-grid,.hero-card,.two-up{grid-template-columns:1fr}.hero-metrics{align-items:start}.hero-tags{justify-content:start}}@media (max-width: 760px){.content{padding:1rem}.stats-grid,.timeline-item{grid-template-columns:1fr}.artifact-row,.source-row,.section-head,.page-header{display:flex;flex-direction:column}.search-row{grid-template-columns:1fr}}.metric-box{border:1px solid #e2eaf7;border-radius:18px;padding:1rem;background:#fff}.metric-box span{display:block;color:#64748b}.metric-box strong{display:block;margin-top:.4rem}.timeline-entry{display:grid;grid-template-columns:24px 1fr;gap:.85rem;align-items:start}.timeline-dot{width:12px;height:12px;border-radius:999px;background:#2563eb;margin-top:.35rem;box-shadow:0 0 0 4px #dbeafe}.simple-list{margin:0;padding-left:1.1rem;color:#334155}.simple-list li{margin-bottom:.45rem}.ordered{padding-left:1.25rem}.empty-state{padding:1rem;border:1px dashed #d7e2f5;border-radius:16px;color:#64748b;background:#f8fbff}.code-block{margin:0;overflow:auto;background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:16px}@media (max-width: 1180px){.app-shell{grid-template-columns:1fr}.sidebar{gap:1rem}.content{padding:1rem}.page-header,.hero-card,.workbench-grid,.two-col,.two-up,.three-up,.stats-grid{grid-template-columns:1fr!important}.hero-metrics{align-items:start}}.tab-strip{display:flex;gap:.65rem}.tab-btn{background:#dce8ff;color:#12387a}.stepper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.stepper-card{border-radius:18px;padding:1rem;border:1px solid #e2eaf7;background:#fff}.stepper-card.success{border-left:4px solid #16a34a}.stepper-card.warning{border-left:4px solid #d97706}.stepper-card.neutral{border-left:4px solid #64748b}.stepper-card p{margin:.65rem 0 0;color:#61708c}.metric-box{border-radius:18px;padding:1rem 1.1rem;background:#f8fbff;border:1px solid #dde8fb}.metric-box span{color:#61708c;display:block}.metric-box strong{display:block;margin-top:.35rem;font-size:1.05rem}.callout.subtle{padding:.9rem 1rem;border-radius:14px;background:#f8fbff;border:1px solid #dbe6fb;color:#29406d}.issue-pill{margin-bottom:.4rem;color:#8a1c1c}@media (max-width: 1200px){.stepper-grid,.stats-grid,.three-up,.two-up,.two-col,.workbench-grid,.page-header,.hero-card,.app-shell{grid-template-columns:1fr}}.field-label{display:flex;align-items:center;gap:.45rem}.tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:999px;background:#e8eefb;color:#1d4ed8;font-size:.72rem;cursor:help}.tooltip-bubble{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);width:250px;background:#0f172a;color:#fff;padding:.65rem .75rem;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .15s ease;font-size:.8rem;line-height:1.35;z-index:20;box-shadow:0 12px 28px #0f172a59}.tooltip:hover .tooltip-bubble,.tooltip:focus .tooltip-bubble{opacity:1}.catalog-grid{display:flex;gap:.4rem;flex-wrap:wrap}.callout{border-radius:16px;padding:.95rem 1rem;border:1px solid #dde7f7;background:#f8fbff}.callout.accent{background:linear-gradient(135deg,#f8fbff,#eef5ff);border-color:#cfe0ff}.callout.subtle{background:#fbfdff}.stepper-card.success{border:1px solid #bbf7d0;background:#f0fdf4}.stepper-card.warning{border:1px solid #fde68a;background:#fffbeb}.stepper-card.danger{border:1px solid #fecaca;background:#fef2f2}.issue-pill{margin-bottom:.22rem}.code-block{white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#e2e8f0;border-radius:16px;padding:1rem;max-height:420px;overflow:auto}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{padding-bottom:1rem}.page-header,.hero-card,.two-up,.two-col,.workbench-grid,.stats-grid{grid-template-columns:1fr}}.simple-list{margin:0;padding-left:1.2rem;color:#4c5c77}.simple-list li+li{margin-top:.45rem}.catalog-grid{display:flex;flex-wrap:wrap;gap:.5rem}.admin-grid-top{align-items:start}.field-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.empty-state{padding:1rem;border-radius:16px;border:1px dashed #cfd9eb;background:#f8fbff;color:#687791}.tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:999px;background:#e9eef8;color:#38517a;font-size:.72rem;cursor:help}.tooltip-bubble{display:none}.tooltip:hover .tooltip-bubble,.tooltip:focus .tooltip-bubble{display:block;position:absolute;bottom:calc(100% + .45rem);right:0;width:220px;padding:.65rem .75rem;border-radius:12px;background:#172033;color:#fff;z-index:20;font-size:.78rem;line-height:1.35;box-shadow:0 12px 28px #0f172a38}.code-block{margin:0;white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#e2e8f0;border-radius:18px;padding:1rem;max-height:420px;overflow:auto}.metric-box{border-radius:18px;border:1px solid #e2e8f6;padding:1rem;background:#fff}.metric-box span{display:block;color:#64748b;margin-bottom:.35rem}.metric-box strong{font-size:1.05rem}.tab-strip{display:flex;gap:.5rem;flex-wrap:wrap}.tab-btn{background:#eef3ff;color:#24428a;border:1px solid #d7e3ff}.tab-btn.active{background:#1d4ed8;color:#fff}.callout{border-radius:16px;background:#f8fbff;border:1px solid #dbeafe;padding:1rem;color:#334155}.pipeline-bar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem}.pipeline-step{text-align:center;position:relative}.pipeline-node{width:40px;height:40px;border-radius:999px;margin:0 auto .4rem;display:grid;place-items:center;font-weight:700;border:2px solid #cbd5e1;background:#fff;color:#475569}.pipeline-label{font-size:.8rem;font-weight:700}.pipeline-step.done .pipeline-node{background:#dcfce7;border-color:#22c55e;color:#166534}.pipeline-step.active .pipeline-node{background:#dbeafe;border-color:#2563eb;color:#1d4ed8}.pipeline-step.pending .pipeline-node{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.pipeline-step.error .pipeline-node{background:#fee2e2;border-color:#dc2626;color:#b91c1c}.timeline-list{display:flex;flex-direction:column;gap:1rem}.timeline-entry{display:grid;grid-template-columns:16px 1fr;gap:.75rem;align-items:start}.timeline-dot{width:12px;height:12px;border-radius:999px;background:#2563eb;margin-top:.45rem;box-shadow:0 0 0 4px #dbeafe}.selected-row{background:#f8fbff}.empty-state{padding:1rem;border-radius:16px;background:#f8fafc;color:#64748b;border:1px dashed #cbd5e1}.checklist-card,.check-row{border-radius:16px}.checklist-card{border:1px solid #e2e8f0;padding:1rem;background:#fff}.check-row{display:flex;justify-content:space-between;gap:1rem;border:1px solid #e2e8f0;padding:.85rem;margin-bottom:.75rem;align-items:start}.check-row p{margin:.35rem 0 0;color:#64748b}.check-row.is-error{border-color:#fecaca;background:#fff7f7}.check-row.is-warning{border-color:#fde68a;background:#fffbeb}.check-row.is-ok{border-color:#bbf7d0;background:#f0fdf4}@media (max-width: 1200px){.pipeline-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}