:root{font-family:Inter,"Segoe UI",sans-serif;color:#24364b;background:#f3f6f8;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f3f6f8}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}h1[tabindex="-1"]:focus{outline:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:28px 18px 20px;background:#102a43;color:#fff}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 11px 32px}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#23b7a5;color:#fff;font:800 1.55rem Georgia,serif}.brand strong,.login-brand strong{display:block;font-size:1.25rem;letter-spacing:.01em}.brand small,.login-brand small{display:block;margin-top:2px;color:#93a9bd;font-size:.7rem;letter-spacing:.04em}.navigation{display:grid;gap:5px}.navigation>p{margin:4px 12px 9px;color:#718ba3;font-size:.67rem;font-weight:800;letter-spacing:.13em}.navigation a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#b8c8d7;font-size:.86rem;font-weight:650;transition:.16s ease}.navigation a>span{display:grid;width:24px;height:24px;place-items:center;color:#83a0b7;font-size:1.1rem}.navigation a:hover,.navigation a.active{background:#1a3b57;color:#fff}.navigation a.active>span{color:#41d0bf}.sidebar-footer{display:grid;gap:13px;margin-top:auto}.security-note{display:flex;gap:10px;padding:12px;border:1px solid #244863;border-radius:11px;background:#15344f}.security-note>span{display:grid;flex:0 0 23px;height:23px;place-items:center;border-radius:50%;background:#1b5f5b;color:#6ce4d4;font-size:.75rem}.security-note strong,.security-note small{display:block}.security-note strong{font-size:.74rem}.security-note small{margin-top:3px;color:#7e99af;font-size:.65rem}.sidebar-footer form,.sidebar-footer button{width:100%}.sidebar-footer button{display:flex;justify-content:space-between;padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#a9bdce;cursor:pointer;font-weight:650}.sidebar-footer button:hover{background:#193a55;color:#fff}.workspace{min-width:0}.topbar{display:flex;align-items:center;height:76px;padding:0 34px;border-bottom:1px solid #e0e7ec;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}.environment{display:flex;align-items:center;gap:10px}.environment>span{width:9px;height:9px;border-radius:50%;background:#23b7a5;box-shadow:0 0 0 4px #ddf6f2}.environment small,.environment strong,.user-copy small,.user-copy strong{display:block}.environment small,.user-copy small{color:#8493a3;font-size:.65rem}.environment strong,.user-copy strong{margin-top:2px;font-size:.78rem}.user-area{display:flex;align-items:center;gap:11px;margin-left:auto}.user-copy{text-align:right}.avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#e4f4f2;color:#147a70;font-size:.75rem;font-weight:800}.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:1px solid #dfe7ec;border-radius:10px;background:#fff}.menu-toggle span{display:block;height:2px;margin:4px 0;background:#38536b}.content{max-width:1380px;margin:0 auto;padding:42px 38px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{margin:0 0 10px;color:#159184;font-size:.68rem;font-weight:850;letter-spacing:.14em}.eyebrow.light{color:#65dece}.page-heading h1{margin:0;color:#132f48;font:700 clamp(2rem,4vw,3rem)/1.05 Georgia,serif;letter-spacing:-.04em}.page-heading p:last-child{max-width:680px;margin:11px 0 0;color:#718196;font-size:.9rem}.connection-badge{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #cfeae6;border-radius:999px;background:#f6fffd;color:#17796f;font-size:.76rem;font-weight:750}.connection-badge i{width:7px;height:7px;border-radius:50%;background:#23b7a5}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-card{display:grid;grid-template-columns:auto 1fr;gap:18px;min-height:250px;padding:27px;border:1px solid #dfe7ec;border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(22,50,73,.045);transition:.18s ease}.feature-card:hover{transform:translateY(-2px);border-color:#b8d5d0;box-shadow:0 14px 34px rgba(22,50,73,.08)}.feature-card.primary{background:linear-gradient(145deg,#fff,#f4fffd)}.feature-icon,.catalog-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e0f5f2;color:#117e72;font-size:1.35rem}.feature-card small{color:#8595a5;font-size:.64rem;font-weight:850;letter-spacing:.11em}.feature-card h2,.status-panel h2,.catalog-card h2,.empty-panel h2{margin:9px 0 7px;color:#18374f;font-size:1.15rem}.feature-card p,.status-panel p,.catalog-card p,.empty-panel p{margin:0;color:#768799;font-size:.83rem;line-height:1.6}.feature-card b{grid-column:2;align-self:end;color:#148d81;font-size:.78rem}.status-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:20px 24px;border:1px solid #dfe7ec;border-radius:16px;background:#fff}.status-panel>div{display:flex;align-items:center;gap:15px}.status-panel h2{margin:0 0 5px;font-size:.95rem}.status-icon{display:grid;flex:0 0 40px;height:40px;place-items:center;border-radius:12px;background:#e0f5f2;color:#118174;font-weight:900}.scope-count{white-space:nowrap;padding:7px 10px;border-radius:8px;background:#f0f4f7;color:#62778a;font-size:.69rem;font-weight:750}.catalog-list{display:grid;gap:13px}.catalog-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:21px;border:1px solid #dfe7ec;border-radius:15px;background:#fff}.catalog-card.muted{opacity:.68}.catalog-card h2{margin:6px 0 4px}.catalog-card small{display:block;margin-top:9px;color:#8292a3;font-size:.72rem}.catalog-next{color:#23a596;font-size:1.4rem}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.62rem;font-weight:800}.status.ready{background:#ddf7f1;color:#13796f}.status.planned{background:#eef2f6;color:#607386}.notice{margin-bottom:18px;padding:13px 15px;border-radius:10px;font-size:.8rem}.notice.warning{border:1px solid #f2d19f;background:#fff9ee;color:#8b5a12}.empty-panel{display:grid;justify-items:center;max-width:720px;margin:60px auto;padding:50px 30px;border:1px solid #dfe7ec;border-radius:18px;background:#fff;text-align:center}.empty-panel>span{display:grid;min-width:48px;height:48px;padding:0 12px;place-items:center;border-radius:14px;background:#e8f4f3;color:#168b7f;font-weight:850}.empty-panel small{max-width:520px;margin-top:13px;color:#9aa7b4;font-size:.72rem;line-height:1.5}.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border:0;border-radius:10px;background:#159d8f;color:#fff;font-weight:800;cursor:pointer}.empty-panel .primary-action{margin-top:20px}.login-page{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);min-height:100vh;background:#fff}.login-intro{display:flex;flex-direction:column;justify-content:space-between;padding:44px clamp(42px,6vw,90px);background:radial-gradient(circle at 75% 15%,#1b5260 0,transparent 28%),linear-gradient(145deg,#0e263c,#102f49 65%,#113c51);color:#fff}.login-intro h1{margin:0;font:700 clamp(2.5rem,5vw,4.8rem)/.98 Georgia,serif;letter-spacing:-.055em}.login-intro>div>p:not(.eyebrow){max-width:520px;margin:25px 0 0;color:#9fb7c8;line-height:1.65}.private-label{color:#7797ac;font-size:.7rem}.login-panel{display:grid;place-items:center;padding:34px}.login-card{width:min(100%,430px)}.login-card h2{margin:0;color:#17364e;font:700 2.25rem/1.1 Georgia,serif}.login-card>p:not(.eyebrow){margin:10px 0 27px;color:#7c8c9d;font-size:.87rem}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;color:#566a7d;font-size:.75rem;font-weight:800}.login-form input{width:100%;height:47px;padding:0 13px;border:1px solid #d9e2e8;border-radius:9px;background:#fbfcfd;color:#213a50;outline:none}.login-form input:focus{border-color:#48bbae;box-shadow:0 0 0 3px #dff5f2}.login-form .primary-action{margin-top:4px}.login-security{margin-top:22px;padding-top:18px;border-top:1px solid #edf1f4;color:#93a0ad;font-size:.68rem}.login-security span{color:#159d8f;font-weight:900}.standalone-message{display:grid;min-height:100vh;place-items:center;padding:24px}.menu-backdrop{display:none}#blazor-error-ui{position:fixed;right:20px;bottom:20px;z-index:1000;display:none;padding:12px 16px;border-radius:10px;background:#7f1d1d;color:#fff;font-size:.78rem;box-shadow:0 10px 30px #0003}#blazor-error-ui a{color:#fff;text-decoration:underline}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;width:270px;transform:translateX(-105%);transition:.2s ease}.sidebar.open{transform:translateX(0)}.menu-backdrop{position:fixed;inset:0;z-index:20;display:block;border:0;background:#102a4380}.menu-toggle{display:block;margin-right:14px}.topbar{padding:0 20px}.content{padding:30px 22px 50px}.overview-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-intro{display:none}}
@media(max-width:600px){.topbar{height:66px}.environment small{display:none}.user-copy{display:none}.content{padding:25px 16px 40px}.page-heading{align-items:flex-start;flex-direction:column}.connection-badge{align-self:flex-start}.feature-card{grid-template-columns:auto 1fr;min-height:220px;padding:20px}.status-panel{align-items:flex-start;flex-direction:column}.scope-count{margin-left:55px}.catalog-card{align-items:start;grid-template-columns:auto minmax(0,1fr)}.catalog-next{display:none}.login-panel{padding:24px}.login-card{padding:10px}.login-card h2{font-size:1.9rem}}