:root{--primary-color:#58a6ff;--primary-hover:#79c0ff;--primary-active:#1f6feb;--primary-light:#388bfd;--success-color:#238636;--success-hover:#2ea043;--warning-color:#9e6a03;--error-color:#da3633;--info-color:#388bfd;--text-primary:#c9d1d9;--text-secondary:#8b949e;--text-tertiary:#6e7681;--text-placeholder:#484f58;--bg-primary:#161b22;--bg-secondary:#0d1117;--bg-tertiary:#21262d;--bg-elevated:#21262d;--border-color:#30363d;--border-light:#21262d;--message-bubble-sent:linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);--message-bubble-sent-solid:#4f46e5;--message-bubble-received:#2a2e36;--message-text-sent:#fff;--message-text-received:#e5e7eb;--message-shadow:0 1px 2px #0003;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--sidebar-width:280px;--sidebar-collapsed-width:56px;--header-height:48px}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;line-height:1.5715}.ant-layout,.ant-layout-sider,.ant-layout-header{background:var(--bg-secondary)!important}.ant-menu-dark{background:0 0!important}.ant-input,.ant-input-affix-wrapper{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-input::placeholder{color:var(--text-tertiary)!important}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--primary-color)!important}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #58a6ff33!important}.ant-btn-primary{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-btn-primary:hover{background:#30363d!important;border-color:#8b949e!important}.ant-btn-default{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-btn-default:hover{background:#30363d!important;border-color:#8b949e!important}.ant-card{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important}.ant-card-head{border-color:var(--border-color)!important;color:var(--text-primary)!important;background:0 0!important}.ant-card-body{color:var(--text-secondary)!important}.ant-tag{color:#58a6ff!important;background:#388bfd26!important;border-color:#388bfd33!important}.ant-tabs{color:var(--text-primary)!important}.ant-tabs-tab{color:var(--text-secondary)!important}.ant-tabs-tab-active{color:var(--primary-color)!important}.ant-tabs-ink-bar{background:var(--primary-color)!important}.ant-switch{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important}.ant-switch-checked{background:var(--success-color)!important;border-color:var(--success-color)!important}.ant-select-selector{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-modal{background:var(--bg-tertiary)!important}.ant-modal-header{border-color:var(--border-color)!important;background:0 0!important}.ant-modal-title{color:var(--text-primary)!important}.ant-modal-content{background:var(--bg-tertiary)!important}.ant-form-item-label>label{color:var(--text-primary)!important}.ant-divider{border-color:var(--border-color)!important}.ant-empty-description{color:var(--text-tertiary)!important}.ant-tooltip-inner{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-dropdown-menu{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important}.ant-dropdown-menu-item{color:var(--text-primary)!important}.ant-dropdown-menu-item:hover{background:#6e76811a!important}.ant-avatar{color:var(--primary-color)!important;background:#388bfd33!important}.ant-notification{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important}.ant-notification-notice-message{color:var(--text-primary)!important}.ant-notification-notice-description{color:var(--text-secondary)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;line-height:1.5715}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}:root{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d96;--accent-cyan:#06b6d4;--accent-purple:#a855f7;--accent-pink:#ec4899;--success:#52c41a;--warning:#faad14;--error:#ff4d4f;--info:#1677ff;--bg-primary:#0a0a1a;--bg-secondary:#0f0f23;--bg-tertiary:#16213e;--bg-surface:#1a1a2e;--bg-elevated:#224;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-disabled:#ffffff4d;--border-light:#ffffff1a;--border-medium:#ffffff26;--border-strong:#ffffff40;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);--gradient-surface:linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);--glow-primary:0 0 20px #7c3aed80;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 4px 16px #0003;--shadow-lg:0 8px 32px #00000040;--shadow-glow:0 0 20px #7c3aed4d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--module-chat:#1677ff;--module-chat-gradient:linear-gradient(135deg, #1677ff 0%, #06b6d4 100%);--module-friends:#52c41a;--module-friends-gradient:linear-gradient(135deg, #52c41a 0%, #06b6d4 100%);--module-openclaw:#7c3aed;--module-openclaw-gradient:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--module-mychat:#a855f7;--module-mychat-gradient:linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--module-team:#faad14;--module-team-gradient:linear-gradient(135deg, #faad14 0%, #f59e0b 100%);--module-settings:#8b5cf6;--module-settings-gradient:linear-gradient(135deg, #8b5cf6 0%, #6b7280 100%)}@keyframes spectral-glow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spectrai-gradient{background:var(--gradient-primary)}.spectrai-glow{box-shadow:var(--glow-primary)}.spectrai-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);background:#ffffff05}.spectrai-card:hover{border-color:var(--border-medium);box-shadow:0 8px 32px #7c3aed33}.spectrai-text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spectrai-animate-in{animation:.5s forwards fade-in-up}@media (width<=576px){.hide-xs{display:none!important}}@media (width>=577px) and (width<=768px){.hide-sm{display:none!important}}@media (width>=769px) and (width<=992px){.hide-md{display:none!important}}@media (width>=993px) and (width<=1200px){.hide-lg{display:none!important}}@media (width>=1201px){.hide-xl{display:none!important}}@media (width<=768px){.bottom-nav{background:var(--bg-surface);border-top:1px solid var(--border-light);z-index:1000;height:56px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:10px;display:flex}.bottom-nav__item--active{color:var(--primary-500)}.bottom-nav__icon{font-size:20px}.sidebar{display:none!important}.main-content{margin-bottom:56px!important;margin-left:0!important;padding:12px!important}.top-header{z-index:999;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:12px;position:sticky;top:0}.top-header__title{color:var(--text-primary);font-size:16px;font-weight:600}.card,.spectrai-card{border-radius:var(--radius-md);margin:0}.card__header,.card__body,.card__footer{padding:12px}.card__title{font-size:14px}.list{padding:0}.list__item{flex-direction:column;gap:8px;padding:12px}.list__item--horizontal{flex-flow:wrap}.list__avatar{width:36px;height:36px}.list__content{flex:1;min-width:0}.list__title{margin-bottom:4px;font-size:14px}.list__description{color:var(--text-secondary);font-size:12px}.list__meta{color:var(--text-tertiary);font-size:11px}.btn,.ant-btn{min-height:40px;padding:8px 16px;font-size:14px}.btn--block{width:100%}.btn-group{flex-direction:column;gap:8px;display:flex}.input,.ant-input,.ant-input-password{min-height:40px;font-size:14px}.input__wrapper{width:100%}.form__item{margin-bottom:16px}.form__label{margin-bottom:6px;font-size:13px}.table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.table--responsive{font-size:12px}.table__cell{white-space:nowrap;padding:8px}.modal,.ant-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-width:100%!important;max-height:90vh!important;margin:0!important}.modal--fullscreen{border-radius:0!important;max-height:100%!important}.modal__header{padding:12px 16px}.modal__body{max-height:calc(90vh - 120px);padding:16px;overflow-y:auto}.modal__footer{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.drawer{max-width:85%!important}.nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;padding:0 12px;overflow-x:auto}.nav__item{white-space:nowrap;padding:8px 12px;font-size:13px}.m-xs{margin:4px}.m-sm{margin:8px}.m-md{margin:12px}.m-lg{margin:16px}.m-xl{margin:24px}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.mt-xl{margin-top:24px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:16px}.mb-xl{margin-bottom:24px}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:16px}.p-xl{padding:24px}.pt-xs{padding-top:4px}.pt-sm{padding-top:8px}.pt-md{padding-top:12px}.pt-lg{padding-top:16px}.pt-xl{padding-top:24px}.pb-xs{padding-bottom:4px}.pb-sm{padding-bottom:8px}.pb-md{padding-bottom:12px}.pb-lg{padding-bottom:16px}.pb-xl{padding-bottom:24px}.text-xs{font-size:10px}.text-sm{font-size:12px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}a,button,input,select,textarea,[role=button],[role=link]{min-width:44px;min-height:44px}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@supports (padding:max(0px)){@media (width<=768px){body{padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right))}.top-header{padding-top:max(12px, env(safe-area-inset-top))}.bottom-nav{padding-bottom:max(0px, env(safe-area-inset-bottom))}}}@media (width>=769px) and (width<=992px){.main-content{padding:16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (width>=993px){.main-content{max-width:1400px;margin:0 auto;padding:24px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}@media print{.no-print,.bottom-nav,.sidebar,.top-header{display:none!important}body{color:#000!important;background:#fff!important}.card,.spectrai-card{box-shadow:none!important;border:1px solid #ddd!important}}:focus{outline:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}a:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px;border-radius:4px;text-decoration:underline}a:focus-visible:hover{outline-color:var(--primary-300)}button:focus-visible,[role=button]:focus-visible,.ant-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 4px #7c3aed33}button:focus-visible:hover,[role=button]:focus-visible:hover,.ant-btn:focus-visible:hover{outline-color:var(--primary-400);box-shadow:0 0 0 4px #7c3aed4d}.ant-btn-primary:focus-visible{outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 4px #7c3aed66}.ant-btn-dangerous:focus-visible{outline:2px solid var(--error);outline-offset:2px;box-shadow:0 0 0 4px #ff4d4f4d}input:focus-visible,textarea:focus-visible,select:focus-visible,.ant-input:focus-visible,.ant-input-password:focus-visible{outline:2px solid var(--primary-500);outline-offset:0;border-color:var(--primary-500);box-shadow:0 0 0 2px #7c3aed33}input:focus-visible:hover,textarea:focus-visible:hover,select:focus-visible:hover,.ant-input:focus-visible:hover,.ant-input-password:focus-visible:hover{border-color:var(--primary-400);box-shadow:0 0 0 2px #7c3aed4d}input[aria-invalid=true]:focus-visible,.ant-input-status-error:focus-visible{outline:2px solid var(--error);border-color:var(--error);box-shadow:0 0 0 2px #ff4d4f33}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,.ant-checkbox-input:focus-visible,.ant-radio-input:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.ant-checkbox-checked .ant-checkbox-input:focus-visible,.ant-radio-checked .ant-radio-input:focus-visible{outline:2px solid var(--primary-500)}.card:focus-visible,.spectrai-card:focus-visible,[role=article]:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 4px #7c3aed33, var(--shadow-lg)}.list-item:focus-visible,[role=listitem]:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px;background:#7c3aed1a}.menu-item:focus-visible,[role=menuitem]:focus-visible,.nav-item:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px;background:#7c3aed26}.bottom-nav__item:focus-visible,.bottom-nav__settings:focus-visible,.bottom-nav__status:focus-visible,.bottom-nav__user:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px;box-shadow:0 0 0 3px #7c3aed4d}.ant-tabs-tab:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.ant-tabs-tab-active:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}.modal:focus-visible,.ant-modal:focus-visible,[role=dialog]:focus-visible{outline:2px solid var(--primary-500);outline-offset:4px}.modal__close:focus-visible,.ant-modal-close:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.tooltip:focus-visible,.ant-tooltip:focus-visible,[role=tooltip]:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}.form-item:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 2px #7c3aed1a}.form-item--error:focus-within{border-color:var(--error);box-shadow:0 0 0 2px #ff4d4f1a}label:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:4px}table:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}th:focus-visible,td:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px;background:#7c3aed1a}th[aria-sort]:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px;background:#7c3aed26}.ant-select-focused.ant-select-outlined{border-color:var(--primary-500);box-shadow:0 0 0 2px #7c3aed33}.ant-select-item-option-selected:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px}.ant-select-item-option-active:focus-visible{outline:2px solid var(--primary-400);outline-offset:-2px;background:#7c3aed26}input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-thumb:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 4px #7c3aed4d}input[type=range]::-moz-range-thumb:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 4px #7c3aed4d}.progress-bar:focus-visible,[role=progressbar]:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.skip-link{background:var(--primary-600);color:#fff;z-index:10000;padding:8px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus-visible{outline-offset:2px;outline:2px solid #fff;top:0}.focus-trap-active{position:relative}.focus-trap-active:before{content:"";border:2px solid var(--primary-500);border-radius:inherit;pointer-events:none;z-index:9999;position:absolute;inset:0}@media (prefers-contrast:high){:focus-visible{outline-offset:3px;outline:3px solid}button:focus-visible,[role=button]:focus-visible{outline-offset:3px;box-shadow:none;outline:3px solid}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0;box-shadow:none;outline:3px solid}}@media (prefers-reduced-motion:reduce){:focus-visible{transition:none}@keyframes focusPulse{0%,to{opacity:1}}}@media (width<=768px){button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline-offset:3px;outline-width:3px}@media (hover:none) and (pointer:coarse){:focus:not(:focus-visible){outline:none}}}.force-focus-visible:focus{outline:2px solid var(--primary-500);outline-offset:2px}.no-focus-visible:focus{outline:none}.focus-primary:focus-visible{outline-color:var(--primary-500)}.focus-success:focus-visible{outline-color:var(--success)}.focus-warning:focus-visible{outline-color:var(--warning)}.focus-error:focus-visible{outline-color:var(--error)}.focus-narrow:focus-visible{outline-width:1px}.focus-wide:focus-visible{outline-width:4px}.bottom-nav{z-index:1000;background:linear-gradient(#161b22 0%,#0d1117 100%);border-top:1px solid #30363d;justify-content:space-between;align-items:center;height:52px;padding:0;display:flex;position:fixed;bottom:0;left:56px;right:0;box-shadow:0 -4px 12px #0000004d}.bottom-nav__settings{cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:56px;margin-left:0;padding:8px 12px;transition:all .2s;display:flex}.bottom-nav__settings:hover{background:#6e768133}.bottom-nav__icon-wrapper{color:#8b949e;justify-content:center;align-items:center;width:32px;margin-bottom:2px;display:flex}.bottom-nav__label{color:#8b949e;font-size:10px}.bottom-nav__status{cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:56px;padding:8px 12px;transition:all .2s;display:flex}.bottom-nav__status:hover{background:#6e768133}.bottom-nav__status--connected:hover{background:#23863626}.bottom-nav__status-icon{color:#8b949e;justify-content:center;align-items:center;margin-bottom:2px;display:flex;position:relative}.bottom-nav__status-icon--connected{color:#22c55e}.bottom-nav__status-dot{background:#22c55e;border:2px solid #161b22;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite statusPulse;position:absolute;top:-2px;right:-2px}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.bottom-nav__status-label{font-size:10px}.bottom-nav__status-label--connected{color:#22c55e}.bottom-nav__user{cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:56px;padding:8px 12px;transition:all .2s;display:flex}.bottom-nav__user:hover{background:#58a6ff26}.bottom-nav__avatar{background:linear-gradient(135deg,#1f6feb 0%,#388bfd 100%);margin-bottom:2px}.bottom-nav__actions{align-items:center;gap:8px;padding-right:20px;display:flex}@media (width<=768px){.bottom-nav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);left:0}.bottom-nav__settings,.bottom-nav__status,.bottom-nav__user{flex:1;min-width:auto;padding:8px}.bottom-nav__label,.bottom-nav__status-label{font-size:9px}.bottom-nav__icon-wrapper{width:28px}.bottom-nav__avatar{width:20px;height:20px;font-size:10px}}@media (width<=375px){.bottom-nav{height:48px}.bottom-nav__settings,.bottom-nav__status,.bottom-nav__user{padding:6px 4px}.bottom-nav__label,.bottom-nav__status-label{font-size:8px}}