:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--bg-2:#eceff4;--surface:#fff;--surface-strong:#fff;--surface-soft:#f8fafc;--text:#171c26;--text-muted:#637083;--line:#d9e0ea;--line-strong:#b8c3d4;--primary:#1f6feb;--primary-strong:#174ea6;--primary-soft:#e9f1ff;--success:#16835f;--warning:#a66b00;--danger:#c9354d;--shadow-sm:0 8px 24px #0f172a0f;--shadow-md:0 18px 50px #0f172a1c;color:var(--text);font-family:Manrope,IBM Plex Sans,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg, #fbfcfe 0%, var(--bg) 45%, #eef2f6 100%);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .16s,box-shadow .24s,background-color .24s,border-color .24s,color .24s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.62}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:#2458ff6b;outline:3px solid #2458ff29}a{color:var(--primary-strong);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh}.page-container{width:min(100% - 48px,1440px);max-width:1440px;margin:0 auto;padding:30px 0 48px}.navbar{z-index:20;border-bottom:1px solid var(--line);background:#fffffff2;justify-content:space-between;align-items:center;gap:16px;padding:12px max(24px,50vw - 696px);display:flex;position:sticky;top:0;box-shadow:0 1px #0f172a05}.brand-block{align-items:center;gap:14px;min-width:0;display:flex}.brand-logo{object-fit:contain;flex:none;width:132px;height:39px;display:block}.navbar h1,.page-title,.section-title{font-family:Space Grotesk,Manrope,sans-serif}.navbar h1{margin:0;font-size:1.22rem;line-height:1.05}.company-name{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:.78rem;font-weight:800;line-height:1}.brand-copy{color:var(--text-muted);margin:4px 0 0;font-size:.88rem}.nav-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-link,.user-chip{border-radius:8px;padding:9px 12px;font-weight:600}.nav-link{color:#2b3a63}.nav-link.active,.nav-link:hover{background:var(--primary-soft);color:var(--primary-strong);text-decoration:none}.user-chip{background:var(--surface-soft);border:1px solid var(--line);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.page-hero{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.eyebrow{color:var(--primary-strong);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.82rem;font-weight:800;display:inline-block}.page-title{margin:0 0 8px;font-size:clamp(2rem,2.2vw,2.55rem);line-height:1.08}.page-subtitle,.section-copy,.helper-text,.empty-note{color:var(--text-muted)}.page-subtitle{max-width:72ch;margin:0 0 20px}.hero-badge,.code-chip,.hero-stack{flex-shrink:0}.hero-badge,.code-chip{border:1px solid var(--line);color:#2d3860;background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.code-chip.large{padding:12px 16px;font-size:1rem}.hero-stack{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:24px;padding:26px}.spotlight-panel{background:linear-gradient(135deg, #f7faff, #fff 48%, #f7fbf9), var(--surface)}.danger-panel{background:linear-gradient(#fff7f8,#fff);border-color:#d13f5a33}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.with-actions{align-items:center}.section-title{margin:0 0 6px;font-size:1.16rem}.section-heading{gap:4px;margin-bottom:14px;display:grid}.section-icon{min-width:38px;height:38px;color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#2458ff1f,#18a57a1f);border:1px solid #2458ff1f;border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:800;display:inline-flex}.section-copy{margin:0}.stats-grid,.editor-grid{gap:16px;margin-bottom:22px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.editor-grid{grid-template-columns:1fr}.metric-card,.list-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.metric-card{flex-direction:column;gap:6px;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.form-grid{gap:16px;display:grid}.form-grid.columns-2{grid-template-columns:repeat(2,minmax(260px,1fr))}.form-grid.columns-3{grid-template-columns:repeat(3,minmax(220px,1fr))}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);font-size:.92rem;font-weight:700}.label-with-tip{align-items:center;gap:8px;display:inline-flex}.full-span{grid-column:1/-1}.max-field{max-width:440px}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.compact-row{margin-bottom:16px}.form-footer{margin-top:16px}button.primary,button.secondary,button.ghost,button.danger{border-radius:8px;padding:11px 16px;font-weight:700}button.primary{background:var(--primary);color:#fff;border:1px solid #0000;box-shadow:0 8px 18px #1f6feb38}button.secondary{border:1px solid var(--line);color:var(--text);background:#fff}button.ghost{background:var(--primary-soft);color:var(--primary-strong);border:1px solid #2458ff38}button.danger{color:#fff;background:linear-gradient(135deg,#eb5d79,#c82e54);border:1px solid #0000}.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:6px 11px;font-size:.82rem;font-weight:800;display:inline-flex}.status-pill.active{color:#0e845d;background:#0f9f6e1f}.status-pill.inactive{color:#b12949;background:#d13f5a1f}.alert{border:1px solid #0000;border-radius:8px;margin-bottom:16px;padding:14px 16px}.alert.error{color:#8d2441;background:#ffebf0e6;border-color:#d13f5a3d}.alert.warning{color:#7f5a09;background:#fff5daeb;border-color:#c98a123d}.alert.success{color:#0c7d57;background:#e2faf1eb;border-color:#0f9f6e33}.table-wrapper{border:1px solid var(--line);background:#fff;border-radius:8px;overflow-x:auto}.top-gap{margin-top:18px}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #7988b024;padding:13px 14px}th{color:#445172;letter-spacing:.08em;text-transform:uppercase;background:#f5f7fb;font-size:.84rem}tr:hover td{background:#f5f8ffa8}tr:last-child td{border-bottom:none}.empty-cell{color:var(--text-muted);text-align:center;padding:26px 16px}.entity-link{font-weight:700}.composite-field{align-items:center;gap:10px;display:flex}.composite-suffix{border:1px solid var(--line);background:var(--surface-soft);height:48px;color:var(--text-muted);white-space:nowrap;border-radius:14px;align-items:center;padding:0 14px;display:inline-flex}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.inline-form.with-label{grid-template-columns:1fr}.toggle-grid{gap:12px;display:grid}.toggle-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.toggle-card input{width:18px;height:18px}.toggle-card span{flex-direction:column;gap:3px;display:flex}.toggle-card small{color:var(--text-muted)}.inline-toggle{align-self:end}.chip-list{gap:12px;display:grid}.list-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-card strong{display:block}.static-card{justify-content:flex-start}.sticky-actions{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#ffffffeb;border-radius:8px;padding:14px;position:sticky;bottom:12px}.loading-overlay{z-index:100;-webkit-backdrop-filter:blur(8px)grayscale(.18);backdrop-filter:blur(8px)grayscale(.18);background:#7f899e52;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-overlay-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;justify-items:center;gap:14px;width:min(420px,100%);padding:28px 24px;display:grid;box-shadow:0 30px 90px #18203333}.loading-overlay-card strong{font-family:Space Grotesk,Manrope,sans-serif;font-size:1.35rem}.loading-overlay-card p{color:var(--text-muted);margin:0}.loading-spinner{border:5px solid #2458ff26;border-top-color:var(--primary);border-right-color:#18a57a;border-radius:999px;width:60px;height:60px;animation:.95s linear infinite trunk-spin;box-shadow:0 0 0 10px #2458ff0f}@keyframes trunk-spin{to{transform:rotate(360deg)}}.section-stack{gap:22px;display:grid}.section-panel{margin-bottom:0}.runtime-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:22px;display:grid}.deployment-list{gap:12px;max-height:520px;padding-right:6px;display:grid;overflow-y:auto}.info-tip{background:var(--primary-soft);width:18px;height:18px;color:var(--primary-strong);cursor:help;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;font-size:.76rem;font-weight:800;display:inline-flex}.info-tip:focus{outline:3px solid #2458ff29}.login-shell{place-items:center;min-height:calc(100vh - 118px);display:grid}.login-card{width:min(720px,100%)}.login-logo{width:184px;height:auto;margin-bottom:18px;display:block}@media (width<=980px){.navbar,.page-hero,.panel-header.with-actions,.list-card{flex-direction:column;align-items:flex-start}.hero-stack{align-items:flex-start}.form-grid.columns-2,.form-grid.columns-3,.runtime-grid{grid-template-columns:1fr}}@media (width<=640px){.page-container{width:min(100% - 24px,1440px);padding:18px 0 28px}.panel{padding:18px}.inline-form,.composite-field{grid-template-columns:1fr;display:grid}th,td{padding:12px 10px;font-size:.94rem}}