@theme{ --color-background: var(--bg); --color-elevated: var(--bg-elevated); --color-surface: var(--bg-surface); --color-card: var(--bg-card); --color-hover: var(--bg-hover); --color-foreground: var(--text-primary); --color-foreground-secondary: var(--text-secondary); --color-foreground-tertiary: var(--text-tertiary); --color-muted: var(--text-muted); --color-accent: var(--accent); --color-accent-hover: var(--accent-hover); --color-accent-soft: var(--accent-soft); --color-success: var(--success); --color-danger: var(--danger); --color-warning: var(--warning); --color-info: var(--info); --color-border-subtle: var(--border-subtle); --color-border-default: var(--border-default); --color-border-strong: var(--border-strong);  --radius-xs: 6px; --radius-sm: 8px; --radius-md: 10px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 20px;  --shadow-xs: 0 1px 2px #00000040; --shadow-sm: 0 2px 6px #00000047, 0 1px 2px #0000002e; --shadow-md: 0 6px 18px #00000052, 0 2px 4px #0000002e; --shadow-lg: 0 16px 40px #0000006b, 0 4px 8px #0000003d;  --spacing: .25rem; --spacing-gutter: 24px; --spacing-section: 32px; --spacing-page: 40px; --spacing-card-pad: 22px;  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; --font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace; --text-hero: 30px; --text-title: 23px; --text-section: 16px; --text-body: 14px; --text-caption: 12.5px; --text-micro: 11px;}:root{--bg:#f8fafc;--bg-elevated:#fff;--bg-surface:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--border-subtle:#0000000a;--border-default:#00000014;--border-strong:#00000024;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb14;--accent-glow:#2563eb29;--success:#059669;--success-soft:#05966914;--danger:#dc2626;--danger-soft:#dc262614;--warning:#d97706;--warning-soft:#d9770614;--info:#2563eb;--info-soft:#2563eb14;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000f;--shadow-accent:0 4px 14px var(--accent-glow);--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-out);--transition-base:.22s var(--ease-out);--transition-slow:.36s var(--ease-out)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" on, "cv11" on;letter-spacing:-.005em;background-image:radial-gradient(80% 50% at 50% -20%,#3b82f60f,#0000),radial-gradient(60% 40% at 100% 100%,#6366f10a,#0000);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.55}::selection{background:var(--accent-soft);color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);transition:background var(--transition-fast);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200{background:var(--bg-card)!important}.bg-gray-50{background:var(--bg-surface)!important}.text-gray-900,.text-gray-800,.text-gray-700,.text-gray-300{color:var(--text-primary)!important}.text-gray-600,.text-gray-500{color:var(--text-secondary)!important}.text-gray-400,.text-muted-foreground{color:var(--text-tertiary)!important}.border,.border-gray-200,.border-gray-300,.border-b,.border-t,.border-l,.border-r{border-color:var(--border-default)!important}.bg-blue-50,.bg-indigo-50{background:var(--accent-soft)!important}.text-blue-600,.text-indigo-600,.text-blue-500{color:var(--accent)!important}.bg-blue-600,.bg-blue-500,.bg-indigo-600{background:var(--accent)!important;border:0!important}.text-red-500{color:var(--danger)!important}.text-green-500,.text-green-400{color:var(--success)!important}.text-yellow-500{color:var(--warning)!important}.shadow{box-shadow:var(--shadow-xs)!important}.shadow-md{box-shadow:var(--shadow-sm)!important}.shadow-lg{box-shadow:var(--shadow-md)!important}.shadow-xl,.shadow-2xl{box-shadow:var(--shadow-lg)!important}.shadow-sm{box-shadow:var(--shadow-xs)!important}.rounded{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);padding:22px 24px;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(135deg, transparent 60%, var(--accent-soft) 130%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.stat-card:hover{border-color:var(--accent);box-shadow:var(--shadow-accent), var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:after{opacity:1}.chat-user{background:var(--accent);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);max-width:80%;box-shadow:var(--shadow-xs);margin-left:auto;padding:10px 14px;line-height:1.6}.chat-ai{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm);max-width:80%;padding:10px 14px;line-height:1.65}input,select,textarea{border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)!important}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important;background:var(--bg-card)!important}button{transition:all var(--transition-base);font-family:inherit}button:disabled{opacity:.45;cursor:not-allowed!important;transform:none!important}hr{background:var(--border-default);border:0;height:1px;margin:0}.glass{-webkit-backdrop-filter:saturate(180%)blur(16px);border:1px solid var(--border-subtle);background:#0f1218b8}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 0px, var(--bg-card) 200px, var(--bg-surface) 400px);border-radius:var(--radius-md);background-size:800px 100%;animation:1.4s linear infinite shimmer}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header h1{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:23px;font-weight:700}.page-header .page-subtitle{color:var(--text-secondary);margin-top:5px;font-size:13px}.page-eyebrow{color:var(--accent);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.btn-primary{border-radius:var(--radius-md);color:#fff;background:var(--accent);cursor:pointer;box-shadow:0 4px 12px var(--accent-glow), inset 0 1px 0 #ffffff24;transition:transform var(--transition-fast), box-shadow var(--transition-base), opacity var(--transition-fast);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:7px;padding:9px 17px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 18px var(--accent-glow), inset 0 1px 0 #fff3;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-strong)}.btn-secondary:active:not(:disabled){transform:scale(.985)}.btn-danger{border-radius:var(--radius-md);color:#fff;background:var(--danger);cursor:pointer;box-shadow:0 4px 12px var(--danger-soft);transition:all var(--transition-fast);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-danger:hover:not(:disabled){background:#ef4444;transform:translateY(-1px)}.danger-btn-sm{color:var(--danger);background:var(--danger-soft);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:7px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.danger-btn-sm:hover:not(:disabled){background:#f8717133;border-color:#f871714d}.btn-sm{border-radius:8px;padding:5px 11px;font-size:12px}.btn-lg{border-radius:var(--radius-lg);padding:12px 22px;font-size:14px}.btn-ghost{border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:7px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover)}.badge{letter-spacing:.2px;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;font-weight:600;line-height:1.6;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary)}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.data-table thead th{letter-spacing:1.1px;text-transform:uppercase;color:var(--text-tertiary);text-align:left;border-bottom:1px solid var(--border-default);background:var(--bg-surface);z-index:1;padding:11px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px 14px}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:hover td{color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:56px 20px;display:flex}.empty-state .empty-icon{background:var(--bg-surface);border:1px solid var(--border-default);opacity:.7;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex}.empty-state .empty-title{color:var(--text-secondary);margin-bottom:4px;font-size:14px;font-weight:600}.empty-state .empty-desc{color:var(--text-tertiary);font-size:12.5px}.sb-text{font-feature-settings:"tnum" off}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s var(--ease-out) both}.topbar{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(18px);border-bottom:1px solid var(--border-subtle);background:#0b0d12c7;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;height:64px;margin:0 auto;padding:0 24px;display:flex}.topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.topbar-crumbs{color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.crumb-group{align-items:center;gap:6px;display:inline-flex}.crumb-sep{color:var(--text-muted);opacity:.5}.crumb-link{color:var(--text-tertiary);transition:color var(--transition-fast)}.crumb-link:hover{color:var(--accent)}.topbar-title{letter-spacing:-.3px;color:var(--text-primary);white-space:nowrap;margin:0;font-size:17px;font-weight:700}.topbar-center{flex:1;justify-content:center;min-width:0;display:flex}.topbar-search{background:var(--bg-surface);border:1px solid var(--border-default);width:100%;max-width:420px;height:36px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:flex}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.topbar-search-icon{color:var(--text-tertiary);flex-shrink:0}.topbar-search-input{outline:none;flex:1;padding:0;font-size:13px;box-shadow:none!important;background:0 0!important;border:0!important}.topbar-search-input:focus{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.topbar-kbd{font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-hover);border:1px solid var(--border-default);border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:11px}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.topbar-icon-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-default)}.topbar-dot{background:var(--danger);width:6px;height:6px;box-shadow:0 0 0 2px var(--bg);border-radius:999px;position:absolute;top:7px;right:8px}.topbar-user{position:relative}.topbar-user-btn{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:4px 8px 4px 4px;display:flex}.topbar-user-btn:hover{background:var(--bg-hover);border-color:var(--border-default)}.topbar-avatar{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #6366f1 100%);width:30px;height:30px;box-shadow:0 2px 8px var(--accent-glow);letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.topbar-username{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:13px;font-weight:500;overflow:hidden}.topbar-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast)}.topbar-chevron.open{transform:rotate(180deg)}.topbar-menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:230px;box-shadow:var(--shadow-lg);animation:fadeInUp .2s var(--ease-out) both;padding:6px;position:absolute;top:calc(100% + 10px);right:0}.topbar-menu-head{align-items:center;gap:11px;padding:10px 10px 12px;display:flex}.topbar-menu-avatar{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #6366f1 100%);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:inline-flex}.topbar-menu-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.topbar-menu-role{color:var(--text-tertiary);align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}.topbar-menu-divider{background:var(--border-subtle);height:1px;margin:4px 6px}.topbar-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.topbar-menu-item:hover{color:var(--text-primary);background:var(--bg-hover)}.topbar-menu-item.danger{color:var(--danger)}.topbar-menu-item.danger:hover{background:var(--danger-soft)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);background:#0000009e;justify-content:center;align-items:center;padding:24px;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:86vh;box-shadow:var(--shadow-lg);animation:modalIn .28s var(--ease-out) both;padding:26px;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sub-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:4px;display:grid}