.app-container{width:100%;height:100vh;overflow:hidden}:root{--gradient-primary: linear-gradient(135deg, #fead00 0%, #ff791b 100%);--color-primary: #fead00;--color-primary-dark: #e6950d;--color-primary-light: rgba(254, 173, 0, .1);--color-secondary: #ff791b;--text-primary: #1f2937;--text-secondary: #374151;--text-tertiary: #4b5563;--text-muted: #6b7280;--text-disabled: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f9fafb;--bg-hover: #f3f4f6;--border-light: #e5e7eb;--border-normal: #d1d5db;--border-dark: rgba(0, 0, 0, .08);--color-success: #10b981;--bg-success: #dcfce7;--text-success: #166534;--color-warning: #f59e0b;--bg-warning: #fef3c7;--text-warning: #92400e;--color-error: #dc2626;--bg-error: #fee2e2;--text-error: #991b1b;--color-info: #3b82f6;--bg-info: #dbeafe;--text-info: #1e40af;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-light: 0 1px 3px rgba(0, 0, 0, .05);--shadow-normal: 0 2px 8px rgba(254, 173, 0, .3);--shadow-strong: 0 4px 12px rgba(254, 173, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .05);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--transition-fast: all .15s ease;--transition-normal: all .2s ease;--transition-slow: all .3s ease;--z-base: 0;--z-dropdown: 10;--z-sticky: 50;--z-overlay: 100;--z-modal: 200;--z-tooltip: 300;--sidebar-width: 380px;--right-panel-width: 350px;--header-height: 64px;--input-height: 44px;--avatar-xs: 28px;--avatar-sm: 32px;--avatar-md: 44px;--avatar-lg: 48px;--avatar-xl: 64px;--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px}[data-theme=dark]{--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #d1d5db;--text-muted: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-hover: #4b5563;--border-light: #374151;--border-normal: #4b5563;--border-dark: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold)}p{margin:0}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;border:none;outline:none;background:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-normal);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--color-primary-light);color:var(--color-primary)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#app{width:100%;height:100vh;overflow-x:hidden;overflow-y:auto}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-light)}.shadow-md{box-shadow:var(--shadow-normal)}.shadow-lg{box-shadow:var(--shadow-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:var(--transition-normal);cursor:pointer;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-strong)}.btn-secondary{background:#fff;color:var(--text-secondary);border:1px solid var(--border-normal)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.input{width:100%;padding:10px 12px;border:1px solid var(--border-normal);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);transition:var(--transition-normal)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:20px}.badge-primary{background:var(--color-primary);color:#fff}.badge-secondary{background:var(--bg-hover);color:var(--text-muted)}.divider{height:1px;background:var(--border-light);margin:var(--spacing-lg) 0}.avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);object-fit:cover;border:2px solid rgba(255,255,255,.9)}.avatar-sm{width:var(--avatar-sm);height:var(--avatar-sm)}.avatar-lg{width:var(--avatar-lg);height:var(--avatar-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);text-align:center}.empty-icon{width:64px;height:64px;background:var(--bg-hover);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.empty-text{font-size:var(--font-size-sm);color:var(--text-muted)}