:root{--bg-base: #0f1115;--bg-layout: #14171f;--bg-container: #1a1e29;--bg-elevated: #212634;--bg-input: #2a3042;--border-base: #2a3042;--border-light: #353c52;--border-focus: #667eea;--text-primary: #e8eaed;--text-secondary: #a0a8b8;--text-tertiary: #6b7280;--text-disabled: #4b5563;--primary: #667eea;--primary-hover: #7c8ff0;--primary-active: #5568d4;--primary-bg: rgba(102, 126, 234, .15);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success: #38ef7d;--success-bg: rgba(56, 239, 125, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--error: #f45c43;--error-bg: rgba(244, 92, 67, .12);--info: #38bdf8;--info-bg: rgba(56, 189, 248, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 16px rgba(102, 126, 234, .4);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ant-layout{background:var(--bg-base)!important}.ant-layout-sider{background:var(--bg-layout)!important;border-right:1px solid var(--border-base)!important}.ant-layout-header{background:var(--bg-layout)!important;border-bottom:1px solid var(--border-base)!important;color:var(--text-primary)!important}.ant-layout-content{background:var(--bg-base)!important;color:var(--text-primary)!important}.ant-menu{background:transparent!important;color:var(--text-secondary)!important;border-right:none!important}.ant-menu-item{color:var(--text-secondary)!important;margin:4px 12px!important;border-radius:var(--radius-md)!important;width:calc(100% - 24px)!important}.ant-menu-item:hover{color:var(--text-primary)!important;background:var(--bg-elevated)!important}.ant-menu-item-selected{background:var(--primary-bg)!important;color:var(--primary)!important;box-shadow:inset 3px 0 0 var(--primary)}.ant-menu-item-selected:after{display:none!important}.ant-card{background:var(--bg-container)!important;border:1px solid var(--border-base)!important;border-radius:var(--radius-lg)!important;color:var(--text-primary)!important}.ant-card-head{border-bottom:1px solid var(--border-base)!important;color:var(--text-primary)!important;min-height:48px!important}.ant-card-head-title{color:var(--text-primary)!important;font-weight:600!important}.ant-card-body{color:var(--text-primary)!important}.ant-btn-primary{background:var(--gradient-primary)!important;border:none!important;box-shadow:var(--shadow-sm)!important}.ant-btn-primary:hover{background:var(--primary-hover)!important;box-shadow:var(--shadow-glow)!important}.ant-btn-default{background:var(--bg-elevated)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.ant-btn-default:hover{background:var(--bg-input)!important;border-color:var(--primary)!important;color:var(--primary)!important}.ant-btn-text{color:var(--text-secondary)!important}.ant-btn-text:hover{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.ant-btn-dangerous{background:var(--error-bg)!important;border-color:var(--error)!important;color:var(--error)!important}.ant-btn-dangerous:hover{background:var(--error)!important;color:#fff!important}.ant-table{background:transparent!important;color:var(--text-primary)!important}.ant-table-thead>tr>th{background:var(--bg-elevated)!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-base)!important;font-weight:600!important}.ant-table-tbody>tr>td{background:transparent!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-base)!important}.ant-table-tbody>tr:hover>td{background:var(--bg-elevated)!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number-input{background:var(--bg-input)!important;border-color:var(--border-base)!important;color:var(--text-primary)!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover{border-color:var(--border-light)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-bg)!important}.ant-select-dropdown{background:var(--bg-elevated)!important;border:1px solid var(--border-base)!important}.ant-select-item{color:var(--text-primary)!important}.ant-select-item-option-active{background:var(--bg-input)!important}.ant-select-item-option-selected{background:var(--primary-bg)!important;color:var(--primary)!important}.ant-form-item-label>label{color:var(--text-secondary)!important}.ant-tag{border-radius:4px!important;font-size:12px!important}.ant-tag-success{background:var(--success-bg)!important;border-color:var(--success)!important;color:var(--success)!important}.ant-tag-warning{background:var(--warning-bg)!important;border-color:var(--warning)!important;color:var(--warning)!important}.ant-tag-error{background:var(--error-bg)!important;border-color:var(--error)!important;color:var(--error)!important}.ant-tag-default{background:var(--bg-elevated)!important;border-color:var(--border-base)!important;color:var(--text-secondary)!important}.ant-statistic-title{color:var(--text-secondary)!important}.ant-statistic-content{color:var(--text-primary)!important}.ant-modal-content{background:var(--bg-container)!important;border:1px solid var(--border-base)!important;border-radius:var(--radius-lg)!important}.ant-modal-header{background:transparent!important;border-bottom:1px solid var(--border-base)!important}.ant-modal-title{color:var(--text-primary)!important}.ant-modal-close-icon,.ant-empty-description{color:var(--text-tertiary)!important}.ant-tooltip-inner{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.ant-switch-checked{background:var(--primary)!important}.ant-divider{border-color:var(--border-base)!important}.page-container{padding:20px;height:100%;overflow-y:auto}.gradient-card{background:var(--gradient-primary)!important;border:none!important;box-shadow:var(--shadow-md)!important;position:relative;overflow:hidden}.gradient-card:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;pointer-events:none}.gradient-success{background:linear-gradient(135deg,#11998e,#38ef7d)!important;border:none!important;box-shadow:var(--shadow-md)!important}.gradient-warn{background:linear-gradient(135deg,#f6d365,#fda085)!important;border:none!important;box-shadow:var(--shadow-md)!important}.gradient-error{background:linear-gradient(135deg,#eb3349,#f45c43)!important;border:none!important;box-shadow:var(--shadow-md)!important}.gradient-info{background:linear-gradient(135deg,#2193b0,#6dd5ed)!important;border:none!important;box-shadow:var(--shadow-md)!important}.brand-logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-base);background:var(--bg-layout)}.brand-text{font-size:16px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.status-indicator{position:absolute;bottom:16px;width:100%;text-align:center;padding:8px 0;border-top:1px solid var(--border-base)}.log-terminal{background:#0d0f14;color:#d4d4d4;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:12px;line-height:1.6;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-base);overflow-y:auto;height:100%}.log-terminal .log-line{white-space:pre-wrap;word-break:break-all;padding:1px 0}.log-terminal .log-time{color:#6b7280}.log-terminal .log-level-info{color:#4ec9b0}.log-terminal .log-level-warn{color:#dcdcaa}.log-terminal .log-level-error{color:#f48771}.log-terminal .log-level-success{color:#6a9955}.log-terminal .log-level-debug{color:#569cd6}.log-terminal .log-module{color:#c586c0}.metric-card{background:var(--bg-container);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:16px 20px;position:relative;overflow:hidden;transition:all .3s}.metric-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.metric-card .metric-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.metric-card .metric-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.metric-card .metric-trend{font-size:12px;margin-top:4px}.metric-card .metric-trend.up{color:var(--success)}.metric-card .metric-trend.down{color:var(--error)}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);position:relative}.pulse-dot:after{content:"";position:absolute;top:-3px;left:-3px;width:14px;height:14px;border-radius:50%;background:var(--success);opacity:.4;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}to{transform:scale(2);opacity:0}}.shop-card{background:var(--bg-container);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .3s;position:relative}.shop-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.shop-card.running{border-left:3px solid var(--success)}.shop-card.error{border-left:3px solid var(--error)}.shop-card.stopped{border-left:3px solid var(--text-tertiary)}.shop-card .shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.shop-card .shop-name{font-size:15px;font-weight:600;color:var(--text-primary)}.shop-card .shop-meta{font-size:12px;color:var(--text-tertiary);line-height:1.8}.ai-capability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.ai-capability-item{background:var(--bg-elevated);border:1px solid var(--border-base);border-radius:var(--radius-md);padding:14px 10px;text-align:center;transition:all .3s;cursor:pointer;position:relative;overflow:hidden}.ai-capability-item:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ai-capability-item.active{border-color:var(--primary);background:var(--primary-bg)}.ai-capability-item.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.ai-capability-item .cap-icon{font-size:26px;margin-bottom:8px;color:var(--primary)}.ai-capability-item .cap-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.ai-capability-item .cap-en-name{font-size:10px;color:var(--text-tertiary);font-family:Cascadia Code,Consolas,monospace;margin-bottom:4px}.ai-capability-item .cap-status{font-size:11px;margin-top:6px;display:flex;align-items:center;justify-content:center}.config-card{background:var(--bg-container);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.config-card .config-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-base)}.connection-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px}.connection-badge.ok{background:var(--success-bg);color:var(--success)}.connection-badge.fail{background:var(--error-bg);color:var(--error)}.connection-badge.pending{background:var(--warning-bg);color:var(--warning)}.section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:20px 0 12px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:3px;height:14px;background:var(--gradient-primary);border-radius:2px}