@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-main:#010d50;--color-blue:#007bff;--color-turquoise:#2bf7db;--color-mint:#4eff83;--color-yellow:#fff500;--color-orange:#ff6f00;--color-red:#ff1e56;--color-pink:#ff008c;--color-purple:#b200ff;--color-mint-dark:#0a7a3a;--color-yellow-dark:#7a6000;--color-blue-dark:#005ecc;--color-orange-dark:#b34f00;--color-red-dark:#cc0030;--color-purple-dark:#7a00cc;--color-main-dark:#3d4a7a;--bg-page:#f4f5fa;--bg-surface:#fff;--bg-elevated:#e8eaf4;--border:#b0b8d8;--border-soft:#e8eaf4;--text-primary:#010d50;--text-secondary:#6b7ab0;--text-inverse:#fff;--font-sans:"Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #010d5014;--shadow-md:0 8px 24px #010d5017;--shadow-glow-mint:0 0 16px #4eff8359;font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-page:#060818;--bg-surface:#0b1230;--bg-elevated:#1a2255;--border:#2a3470;--border-soft:#1a2255;--text-primary:#f4f5fa;--text-secondary:#8d99c7;--text-inverse:#010d50;--shadow-sm:none;--shadow-md:none}}*{box-sizing:border-box}body{background:var(--bg-page);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{height:100vh;padding:var(--space-8) var(--space-5) var(--space-5);background:var(--bg-surface);border-right:1px solid var(--border-soft);z-index:10;flex-direction:column;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-lg);background:var(--color-main);width:42px;height:42px;color:var(--color-mint);place-items:center;display:grid}.brand-copy strong{letter-spacing:-.03em;font-size:1.25rem;display:block}.brand-copy span{color:var(--text-secondary);margin-top:2px;font-size:.65rem;line-height:1.4;display:block}.primary-nav{gap:var(--space-1);margin-top:var(--space-10);display:grid}.nav-link{align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-link.active{color:var(--color-blue-dark);background:#007bff17}.nav-count{min-width:20px;height:20px;padding:0 var(--space-1);border-radius:var(--radius-full);color:var(--text-inverse);background:var(--color-main);place-items:center;margin-left:auto;font-size:.6rem;line-height:1;display:inline-grid}@media (prefers-color-scheme:dark){.nav-link.active{color:var(--color-blue)}}.sidebar-foot{border-top:1px solid var(--border-soft);padding:var(--space-5) var(--space-2) 0;margin-top:auto}.readonly-chip,.badge{border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.02em;align-items:center;gap:6px;font-weight:700;display:inline-flex}.readonly-chip{color:var(--color-mint-dark);background:#4eff831f;padding:6px 10px;font-size:.6875rem}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.sidebar-foot p{color:var(--text-secondary);margin:var(--space-2) 0 0;font-size:.68rem;line-height:1.5}.app-main{min-width:0}.page{width:min(1180px,100% - 64px);padding:var(--space-10) 0 var(--space-12);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.eyebrow{color:var(--color-blue-dark);text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--space-2);font-size:.6875rem;font-weight:800}@media (prefers-color-scheme:dark){.eyebrow{color:var(--color-blue)}}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-2);letter-spacing:-.045em;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2}h2{letter-spacing:-.025em;font-size:1.1rem}h3{font-size:.9rem}.lede{color:var(--text-secondary);margin-bottom:0;font-size:.875rem;line-height:1.6}.card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.badge{text-transform:capitalize;border:1px solid #0000;padding:4px 10px;font-size:.625rem}.badge.observed,.badge.healthy,.badge.connected,.badge.ready{color:var(--color-mint-dark);background:#4eff831f;border-color:#0a7a3a2e}.badge.warning,.badge.unavailable,.badge.disabled,.badge.unverified{color:var(--color-yellow-dark);background:#fff5001a;border-color:#7a60002e}.badge.failed,.badge.error,.badge.disconnected{color:var(--color-red-dark);background:#ff1e561a;border-color:#cc00302e}.badge.rejected{color:var(--color-main-dark);background:#6b7ab01f;border-color:#3d4a7a2e}@media (prefers-color-scheme:dark){.readonly-chip,.badge.observed,.badge.healthy,.badge.connected,.badge.ready{color:var(--color-mint)}.badge.warning,.badge.unavailable,.badge.disabled,.badge.unverified{color:var(--color-yellow)}.badge.failed,.badge.error,.badge.disconnected{color:var(--color-red)}.badge.rejected{color:var(--text-secondary)}}.muted{color:var(--text-secondary)}.memory-note{gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-4);border-left:3px solid var(--color-blue);border-radius:var(--radius-md);background:#007bff12;display:flex}.memory-note p{margin:0;font-size:.74rem;line-height:1.5}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:35px;padding:0 var(--space-5);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;font-size:.75rem;font-weight:700;transition:all .16s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-mint);outline-offset:2px}.btn-primary{background:var(--color-main);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-mint)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.btn-ghost{color:var(--text-primary);background:0 0}.btn-danger{background:var(--color-red);color:var(--text-inverse);border-color:var(--color-red)}.btn-danger:hover:not(:disabled){box-shadow:0 0 16px #ff1e5659}.nav-count{font-family:var(--font-sans)}.section-title{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.section-title>svg{color:var(--color-blue);flex:none}.section-title h3{margin:0}.section-title p{color:var(--text-secondary);margin:3px 0 0;font-size:.7rem}@media (prefers-color-scheme:dark){.nav-count{color:var(--color-main);background:var(--color-mint)}.btn-primary{background:var(--color-mint);color:var(--color-main)}}.sidebar-user{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.68rem;overflow:hidden}.sidebar-user button{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:4px 6px;font-size:.68rem;font-weight:700}.sidebar-user button:hover{background:var(--bg-elevated);color:var(--text-primary)}.empty{text-align:center;min-height:280px;padding:var(--space-10);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{width:64px;height:64px;color:var(--color-blue);margin-bottom:var(--space-4);background:#007bff17;border-radius:50%;place-items:center;display:grid}.empty h2{margin:0 0 var(--space-2)}.empty p{max-width:360px;color:var(--text-secondary);font-size:.8rem;line-height:1.6}.memory-section{margin-top:var(--space-4)}.memory-section h3,.memory-section h4{margin:0 0 var(--space-2);color:var(--color-blue-dark);text-transform:uppercase;letter-spacing:.08em;font-size:.625rem;font-weight:800}.memory-section ul{gap:6px;margin:0;padding-left:1.1em;display:grid}.memory-section li{color:var(--text-secondary);font-size:.72rem;line-height:1.5}@media (prefers-color-scheme:dark){.memory-section h3,.memory-section h4{color:var(--color-blue)}}.memory-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);color:var(--text-secondary);font-size:.65rem;display:flex}.memory-link{color:inherit;text-decoration:none}.memory-link:hover,.memory-link:focus-visible{color:var(--color-blue-dark);text-decoration:underline}@media (prefers-color-scheme:dark){.memory-link:hover,.memory-link:focus-visible{color:var(--color-blue)}}.memory-feature{margin-top:var(--space-6);border-left:3px solid var(--color-blue)}.memory-feature-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.memory-feature-value{margin:var(--space-3) 0 0;color:var(--text-primary);font-size:.9rem;line-height:1.65}.memory-group-title{margin:var(--space-8) 0 0;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.7rem;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.75rem}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border-soft);vertical-align:top}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.625rem}code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.7rem}.mobile-nav{display:none}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:var(--space-3) var(--space-4);border-right:0;border-bottom:1px solid var(--border-soft);flex-direction:row;align-items:center;position:sticky}.brand-copy span,.primary-nav,.sidebar-foot{display:none}.mobile-nav{gap:var(--space-1);min-width:0;margin-left:auto;display:flex;overflow-x:auto}.mobile-nav a{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);flex:none;place-items:center;display:grid}.mobile-nav a.active{background:var(--bg-elevated);color:var(--color-blue)}.page{width:min(100% - 32px,760px);padding-top:var(--space-6)}}@media (width<=600px){.page-header{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.roles-band{margin-top:var(--space-6);padding:var(--space-8);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#010d50 0%,#0a1a6e 45%,#132480 100%);position:relative;overflow:hidden}.roles-orb{pointer-events:none;background:radial-gradient(circle,#4eff8329 0%,#0000 72%);width:300px;height:300px;position:absolute;top:-90px;right:-60px}.roles-header{max-width:640px;margin-bottom:var(--space-6);position:relative}.roles-eyebrow{color:var(--color-mint);text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--space-2);font-size:.6875rem;font-weight:800}.roles-header h2{color:#fff;letter-spacing:-.035em;margin-bottom:var(--space-2);font-size:clamp(1.35rem,2.4vw,1.8rem)}.roles-header p{color:#ffffffb8;margin:0;font-size:.875rem;line-height:1.65}.roles-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.role-card{border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);background:#ffffff0f;border:1px solid #ffffff1f;flex-direction:column;display:flex}.role-top{justify-content:space-between;align-items:center;display:flex}.role-step{font-family:var(--font-mono);color:var(--color-mint);letter-spacing:.08em;font-size:.7rem;font-weight:700}.role-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-mint);background:#4eff831f;place-items:center;display:grid}.role-card h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:.9rem}.role-card p{color:#ffffffad;margin:0;font-size:.8rem;line-height:1.55}@media (width<=640px){.roles-band{padding:var(--space-5)}}
