@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap";:root{--bg: #f2f7ff;--panel: #ffffff;--line: #d9e5f6;--text: #173559;--muted: #567194;--brand: #1976d2;--brand-deep: #145ca6}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;background:radial-gradient(circle at top right,#d9edff,#eff6ff 45%,#f7fbff);color:var(--text)}.app-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#eaf2ff,#dbe9fd);border-right:1px solid #c9dcf7;padding:18px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;justify-content:space-between}.brand{display:grid;justify-items:center;gap:8px;border:1px solid rgba(99,148,214,.55);border-radius:14px;padding:14px 14px 12px;background:linear-gradient(162deg,#03224b,#07326a 52%,#052955);box-shadow:0 10px 24px #04163047,inset 0 0 0 1px #89b5ee2e;color:#f7fbff;margin-bottom:12px}.brand-logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;padding:4px 0 2px}.brand-logo{width:min(100%,250px);max-width:100%;height:auto;display:block;object-fit:contain;object-position:center;transform:scale(1.02);transform-origin:center;filter:drop-shadow(0 12px 24px rgba(5,15,34,.52))}.brand-tagline{margin:2px 0 0;font-size:13px;font-weight:700;line-height:1.4;text-align:center;color:#dcecff;max-width:26ch}.brand-subline{margin:6px 0 0;padding-top:8px;border-top:1px solid rgba(146,187,239,.3);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:center;color:#9ec4f3}.nav-group h3,.config-group h3{margin-bottom:8px}.config-group{margin-top:8px;border:1px solid #c7daf6;border-radius:12px;background:#eef5ff;padding:10px}.nav-btn,button{width:100%;border:1px solid #c7daf6;background:#f4f9ff;color:var(--text);border-radius:10px;padding:10px 12px;text-align:left;font-weight:700;margin-bottom:8px;cursor:pointer;transition:all .18s ease}.nav-icon{display:inline-flex;width:18px;margin-right:8px;color:#4e6788}.nav-btn.active .nav-icon{color:#fff}.nav-btn.active,button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.sidebar-footer{display:grid;gap:8px;margin-top:14px}.project-chip{border:1px solid #c7daf6;border-radius:10px;background:#f3f8ff;color:#335170;font-size:12px;font-weight:700;padding:9px 10px}label{display:grid;gap:6px;margin-bottom:10px;font-size:14px;color:var(--muted)}input,select{border:1px solid #c7daf6;border-radius:8px;padding:10px;background:#fff;color:var(--text)}.content{padding:24px 28px 40px}.screen{border:1px solid #d8e4f5;background:#ffffffba;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:16px;box-shadow:0 10px 24px #1439640f}.top-toolbar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:10px 12px;margin-bottom:12px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,520px);border:1px solid #d8e4f5;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;box-shadow:0 18px 42px #0f2e541f}.auth-card h1{margin:14px 0 10px;font-size:32px;line-height:1.05}.auth-card p{margin:0;color:var(--muted);line-height:1.6}.auth-card-error{border-color:#f0b8c1}.auth-button{margin-top:18px}.auth-form{display:grid;gap:12px;margin-top:18px}.auth-field{display:grid;gap:6px;color:#355472;font-size:13px;font-weight:700}.auth-field input{width:100%}.auth-error{border:1px solid #f1b2b8;background:#fdeef0;color:#7a2630;border-radius:10px;padding:10px 12px;font-size:13px}.auth-meta-list{display:grid;gap:8px;margin-top:18px}.auth-meta-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #dce7f6;padding-top:10px;color:#355472}.auth-user-chip{display:inline-flex;align-items:center;border:1px solid #c9dcf7;background:#f1f7ff;color:#24496f;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.crumbs{color:var(--muted);font-size:13px;font-weight:700}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button{width:auto;margin:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.page-header h2{margin:0;font-size:30px;line-height:1.05}.page-header p{margin:6px 0 0;color:var(--muted)}.header-actions{display:flex;gap:8px}.screen-tag{background:#ecf4ff;border:1px solid #c7dbf8;color:#1a4473;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.header-actions button{width:auto;min-width:130px;margin:0}.header-actions button:hover,.toolbar-actions button:hover,button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1441761f}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 6px 14px #13365f0d}.metric-card.ok{border-left:4px solid #14a062}.metric-card.warn{border-left:4px solid #d24242}.metric-card.info{border-left:4px solid var(--brand)}.metric-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.metric-value{margin-top:6px;font-size:30px;font-weight:800}.control-row{margin-bottom:10px}.control-row input{width:100%}.search-row{margin-bottom:10px;display:flex;gap:10px}.search-row input{flex:1}.search-row button{width:auto;margin:0;min-width:110px}.pipeline-layout{display:grid;grid-template-columns:1fr 280px;gap:12px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 8px 22px #122e520f}.section-title{margin:14px 0 8px;font-size:18px;letter-spacing:.01em}.selected-row{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-block;background:#ecf4ff;border:1px solid #c9ddfb;color:#1a4574;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.right-rail{display:grid;gap:10px}.scope-card{border:1px solid #cbe0ff;background:#eaf4ff;border-radius:12px;padding:12px}.scope-card h4{margin:0}.scope-card p{margin:6px 0 0;color:#33577f;font-size:14px}.note-card{margin-top:12px}.multi-select{max-height:160px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}.multi-select label{display:flex;gap:8px;margin-bottom:6px;color:var(--text)}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:#edf4ff;color:#1b395f;padding:10px}td{border-top:1px solid #edf2fa;padding:10px;font-size:14px;color:#223f66}tr:hover td{background:#f7fbff}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:12px}.form-grid{display:grid;gap:10px}.context-service{margin-top:10px;color:#4f6077;font-size:13px;padding-top:10px;border-top:1px dashed #d8e0ed}.mode-switch{display:flex;gap:8px;margin-top:6px}.mode-switch button{width:auto;margin:0;border:1px solid #d8dfeb;background:#f6f8fc;color:#2d3f56;font-size:12px;font-weight:700;padding:7px 11px;border-radius:10px}.mode-switch .active-tab{background:#fff;border-color:#8bb5e7;color:#0d4a90}.json-box{background:#0d1f38;color:#d7e7ff;border-radius:12px;padding:12px;overflow:auto}.tab-row{display:flex;gap:8px;margin-bottom:10px;padding:4px;background:#edf4ff;border:1px solid #d6e5fa;border-radius:12px}.tab-row button{width:auto;margin:0;background:transparent;color:#1d3e66;border-color:transparent}.tab-row .active-tab{background:var(--brand);color:#fff;border-color:var(--brand)}.detail-panel h4{margin:0 0 8px}.detail-tools-row{display:flex;gap:8px;margin-bottom:10px}.ghost-link{width:auto;margin:0;border:1px solid #d8e4f5;background:#f8fbff;color:#365476;font-size:12px;font-weight:700;border-radius:10px;padding:7px 11px}.detail-split{display:grid;gap:12px;grid-template-columns:1fr 280px;align-items:start}.detail-main-panel{padding:12px}.detail-panel{padding:4px}.detail-rail{display:grid;gap:10px}.mini-table-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce7f6;margin-top:8px;padding-top:8px;color:#355472;font-size:13px}.yaml-preview-box{margin-top:10px;border:1px dashed #c6d8ef;border-radius:10px;background:#f6faff;padding:10px;color:#22476f;font-size:13px}.muted{color:var(--muted);font-size:14px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.conversion-grid{display:grid;gap:10px;margin-top:12px}.conversion-card{border:1px solid #d9e6f6;background:#fbfdff;border-radius:14px;padding:12px}.conversion-head-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.conversion-reason{margin-top:10px;color:#355472;font-size:13px;line-height:1.5}.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.pill.warn{background:#fff7e8;color:#7d4d0a;border-color:#f3d090}.pill.bad{background:#ffeef0;color:#7a2433;border-color:#f3b2bb}.review-flag-card{width:100%;border:1px solid #f0b8c1;background:#fff1f4;color:#7a2433;border-radius:16px;padding:10px 12px;display:grid;gap:8px}.review-flag-title{font-size:13px;font-weight:700;line-height:1.35}.review-flag-desc{font-size:13px;font-weight:600;line-height:1.4}.review-flag-card-warn{border-color:#f1d38f;background:#fff8e9;color:#7a5310}.review-flag-kinds{display:flex;flex-wrap:wrap;gap:6px}.kind-badge{display:inline-block;border:1px solid #c7dbf8;background:#ebf4ff;color:#29517d;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;text-transform:lowercase}.status-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.status-pill{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;border:1px solid transparent}.status-pill.good{color:#175f3b;background:#e9f9ef;border-color:#9bd8b5}.status-pill.warn{color:#7f560f;background:#fff8e7;border-color:#efd18d}.status-pill.bad{color:#7b2431;background:#ffedf0;border-color:#f2b1bb}.status-pill.neutral{color:#264b73;background:#edf5ff;border-color:#c9dcf7}.error-banner{border:1px solid #f1b2b8;background:#fdeef0;color:#7a2630;border-radius:10px;padding:10px 12px;margin-bottom:12px}.success-box{border:1px solid #93d0ad;background:#e7f8ee;color:#185231;border-radius:10px;padding:10px 12px;margin-top:12px}.loading{color:#0d4d90;margin-bottom:10px;font-weight:700}.empty-box{border:1px dashed #c6d8ee;border-radius:12px;padding:14px;color:var(--muted);background:#f8fbff}.publish-layout{display:grid;gap:12px;grid-template-columns:1fr 320px;align-items:start}.publish-main{min-height:100%}.publish-rail{display:grid;gap:10px}.checklist{margin:0;padding-left:18px;color:#2f4f73;line-height:1.8}.branch-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.branch-row .ghost-link{white-space:nowrap}.publish-helper{margin-top:12px}.publish-result-grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:1fr 1.4fr;align-items:start}.code-preview-card .json-box{margin:0;min-height:120px}.publish-link-row{margin-top:8px}.publish-link-row a{color:#0f4f9b;font-weight:700;text-decoration:none}.publish-link-row a:hover{text-decoration:underline}.pipelines-head-row,.pipelines-row,.history-head-row,.history-row{display:grid;gap:12px;align-items:center}.pipelines-head-row,.pipelines-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.history-head-row,.history-row{grid-template-columns:1.5fr 1fr 1fr 1.2fr}.pipelines-head-row,.history-head-row{font-size:12px;color:#5f6f86;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-bottom:1px solid #e2e8f3}.pipelines-row,.history-row{padding:11px 14px;border-bottom:1px solid #edf1f7;font-size:14px}.pipeline-name{display:flex;align-items:center;gap:10px;margin:0}.pipeline-name input{width:auto}.runtime-chip{border:1px solid #d7e2f5;background:#f4f8ff;color:#3e5f99;font-size:11px;font-weight:700;border-radius:999px;padding:3px 8px}.link-btn{border:0;background:transparent;color:#15a;font-weight:700;padding:0;width:auto;margin:0}.pipelines-foot{padding:12px 14px;color:#667892;font-size:13px}.history-card{padding-top:0}.mini-progress{width:100%;height:8px;background:#edf3fb;border-radius:999px;overflow:hidden;margin-bottom:6px}.mini-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#52a8ff,#3175cf)}.cta-banner{margin-top:16px;border-radius:18px;border:1px solid #ccdff8;background:radial-gradient(circle at 15% 15%,#eef6ff,#dceeff 45%,#c8e2ff);padding:22px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.cta-banner h3{margin:0 0 6px;color:#15395f}.cta-banner p{margin:0;color:#355170}.cta-btn{width:auto;margin:0;border:0;background:linear-gradient(180deg,#163f72,#102f55);color:#fff;border-radius:12px;padding:11px 16px;font-weight:700;white-space:nowrap}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:block;padding:14px}.brand{max-width:560px;margin:0 auto 12px}.pipeline-layout,.grid-2,.metrics-grid,.detail-split,.publish-layout,.publish-result-grid{grid-template-columns:1fr}.header-actions{width:100%;flex-wrap:wrap}.screen{padding:12px}.page-header{gap:8px}.page-header h2{font-size:24px}.screen-tag{align-self:flex-start}.top-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.pipelines-head-row,.pipelines-row,.history-head-row,.history-row{grid-template-columns:1fr}.cta-banner{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.brand{padding:12px}.brand-logo{width:min(100%,216px);transform:scale(1)}.brand-tagline{font-size:12px;max-width:24ch}.brand-subline{font-size:10px;letter-spacing:.06em}}