.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;height:56px;padding:0 24px;background:#ffffffe0;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:15px;font-weight:700;white-space:nowrap}.brand:hover{color:var(--text)}.spacer{flex:1}.mobile-menu-button{display:none!important}.account-button{display:flex;flex:none;align-items:center;gap:8px;padding:4px 8px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer}.account-button:hover{background:var(--elevated)}.account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{width:240px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-menu)}.account-menu-head{display:flex;align-items:center;gap:10px;margin-bottom:4px;padding:10px 10px 12px;border-bottom:1px solid var(--border)}.account-menu-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}.account-menu-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-head span{color:var(--text-3);font-size:12px}.account-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer}.account-menu-item:hover{background:var(--elevated)}.account-menu-item.danger:hover{color:var(--danger)}.top-nav{display:flex;align-items:center;gap:4px;margin-left:20px}.nav-link{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--radius-md);color:var(--text-2);font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover{background:var(--elevated);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-badge{min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}.drawer-nav{display:flex;flex-direction:column;gap:4px}.drawer-nav .nav-link{height:42px}.content{flex:1;min-width:0}.content-inner{max-width:1240px;margin:0 auto;padding:24px}.content-inner.content-chat{max-width:1440px;padding:16px 20px}.nav-drawer .ant-drawer-content{background:var(--surface)}.nav-drawer .ant-drawer-body{padding:12px}.conn-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);font-size:12px;white-space:nowrap;cursor:pointer}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.conn-badge.ok .conn-dot{background:var(--success);box-shadow:0 0 0 3px #139a5b26}.conn-badge.pending .conn-dot{background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.conn-badge.warn{border-color:#f0b42980;color:#8a5a00}.conn-badge.warn .conn-dot{background:var(--warning);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}@media(max-width:760px){.topbar{gap:8px;padding:0 12px}.mobile-menu-button{display:inline-flex!important}.top-nav,.account-name,.conn-text{display:none}.conn-badge{padding:0 9px}.content-inner{padding:16px}}@media(max-width:760px){.content-inner.content-chat{padding:0}}.blocks-note,.blocks-empty{margin:0 0 12px;color:var(--text-3);font-size:13px}.blocks-empty{margin:24px 0;text-align:center}.blocks-list{margin:0;padding:0;list-style:none}.blocks-list li{display:flex;align-items:center;gap:10px;padding:8px 0}.blocks-list li+li{border-top:1px solid var(--border)}.blocks-list li>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}:root{--canvas: #f3f5f9;--surface: #ffffff;--elevated: #f0f2f6;--border: #e3e6ec;--border-strong: #c4cad4;--text: #1d2129;--text-2: #4e5969;--text-3: #6b7685;--accent: #0a64e8;--accent-hover: #0856c4;--accent-soft: #e6f0ff;--navy: #12233d;--danger: #d93a40;--success: #139a5b;--warning: #f0b429;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--shadow-card: 0 8px 30px #12233d0f;--shadow-hover: 0 12px 30px #12233d1a;--shadow-popover: 0 18px 50px #12233d24;--shadow-menu: 0 8px 28px #0000002e;--shadow-primary: 0 14px 30px #0a64e859;--accent-gradient: linear-gradient(135deg, #4d94ff, #0a64e8);--font: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}.immersive{--canvas: #1f2126;--surface: #2a2d34;--elevated: #353941;--border: #3d414a;--border-strong: #585d69;--text: #eceff3;--text-2: #b4bbc6;--text-3: #9aa2ae;--accent: #4d94ff;--accent-hover: #3d84f0;--accent-soft: #1d3560;--success: #2fc77f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--canvas);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5715;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}a{color:var(--accent);text-decoration:none}img{max-width:100%}.muted{color:var(--text-3)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}.page-header-main{display:flex;align-items:center;gap:14px;min-width:0}.icon-tile{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#fff;background:var(--accent-gradient);box-shadow:0 6px 14px #0a64e847}.page-header h1{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;line-height:1.3}.page-header p{margin:2px 0 0;color:var(--text-3);font-size:13px}.page-header-extra{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.eyebrow{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);background:#0a64e81a;color:#0a64e8;font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.panel-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-top:1px solid var(--border);color:var(--text-3);font-size:13px}.state-panel{display:grid;place-items:center;min-height:280px;padding:40px 20px;text-align:center;color:var(--text-2)}.state-panel h3{margin:14px 0 4px;color:var(--text);font-size:16px}.state-panel p{margin:0 0 16px;color:var(--text-3)}.state-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.avatar-img{object-fit:cover;background:var(--elevated)}.code-pill{display:inline-block;padding:0 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:600;letter-spacing:1px}.table-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:2px}@media(max-width:720px){.page-header h1{font-size:18px}.page-header-extra{width:100%}}.text-danger{color:var(--danger)}