*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg-primary: #0a0e14;--bg-secondary: #111820;--bg-tertiary: #1a2130;--bg-hover: #1e2738;--bg-active: #243044;--border-color: #2a3545;--border-light: #354560;--text-primary: #d4dae4;--text-secondary: #7a8a9e;--text-tertiary: #556070;--text-muted: #556070;--accent-primary: #4a9eff;--accent-secondary: #6db3ff;--accent-dim: rgba(74, 158, 255, .12);--success: #3fb950;--success-dim: rgba(63, 185, 80, .12);--warning: #d4a040;--warning-dim: rgba(212, 160, 64, .12);--danger: #e05050;--danger-dim: rgba(224, 80, 80, .12);--border: #2a3545;--accent: #4a9eff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.375rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .12s ease;--transition-base: .2s ease}[data-theme=light]{--bg-primary: #f5f6f8;--bg-secondary: #ffffff;--bg-tertiary: #ebedf0;--bg-hover: #e2e5ea;--bg-active: #d5dae2;--border-color: #d0d5dd;--border-light: #b8bfc9;--text-primary: #1a1d23;--text-secondary: #5a6370;--text-tertiary: #8a919c;--text-muted: #8a919c;--accent-primary: #2563eb;--accent-secondary: #3b82f6;--accent-dim: rgba(37, 99, 235, .1);--success: #16a34a;--success-dim: rgba(22, 163, 74, .1);--warning: #ca8a04;--warning-dim: rgba(202, 138, 4, .1);--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .1);--border: #d0d5dd;--accent: #2563eb}[data-theme=hack]{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-hover: #161616;--bg-active: #1a1a1a;--border-color: #1a1a1a;--border-light: #252525;--text-primary: #33b054;--text-secondary: #2a8c44;--text-tertiary: #1d6630;--text-muted: #1d6630;--accent-primary: #33b054;--accent-secondary: #40c464;--accent-dim: rgba(51, 176, 84, .08);--success: #33b054;--success-dim: rgba(51, 176, 84, .08);--warning: #b89530;--warning-dim: rgba(184, 149, 48, .08);--danger: #b83030;--danger-dim: rgba(184, 48, 48, .08);--border: #1a1a1a;--accent: #33b054;--font-family: "Courier New", "Lucida Console", monospace}html,body,#root{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:border-color var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-dim)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3{font-weight:600;line-height:1.3}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.button-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:var(--accent-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.button-primary:hover{background-color:var(--accent-secondary)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.button-secondary:hover{border-color:var(--text-secondary)}.button-danger{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:var(--danger-dim);color:var(--danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.button-danger:hover{background-color:#e0505040}.status-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.status-active{background:var(--success-dim);color:var(--success)}.status-archived{background:var(--bg-tertiary);color:var(--text-secondary)}.tag{display:inline-block;font-size:var(--font-size-xs);padding:2px 8px;background-color:var(--accent-dim);color:var(--accent-primary);border-radius:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-secondary);text-align:center;flex:1}.empty-state.small{padding:var(--spacing-xl)}.loading-text{color:var(--text-secondary)}.spinner{animation:spin 1s linear infinite}.pin-icon{color:var(--warning)}.synapsios-layout{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden}.synapsios-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;background-color:var(--bg-primary)}.synapsios-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:var(--spacing-lg);flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0}.header-icon-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.header-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;overflow:hidden}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.breadcrumb-item:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.breadcrumb-item.current{color:var(--text-primary);cursor:default}.breadcrumb-item.current:hover{background-color:transparent}.breadcrumb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.breadcrumb-sep{color:var(--text-muted);flex-shrink:0}.header-center{display:flex;align-items:center;justify-content:center}.model-selector-group{display:flex;gap:2px}.model-selector{background-color:var(--bg-tertiary);border:1px solid var(--border-color);padding:4px var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.provider-select{border-radius:var(--radius-md) 0 0 var(--radius-md)}.model-select{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:none}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.header-stat{font-size:var(--font-size-xs);color:var(--text-secondary);padding:2px 8px;background:var(--bg-tertiary);border-radius:10px}.sidebar{width:260px;display:flex;flex-direction:column;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;overflow:hidden;position:relative}.sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.logo-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),#7c3aed);color:#fff;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-lg)}.logo-text{font-weight:700;font-size:var(--font-size-lg);color:var(--text-primary);letter-spacing:.05em}.sidebar-nav{padding:var(--spacing-sm) var(--spacing-sm);border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.sidebar-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background-color:var(--bg-active);color:var(--accent-primary)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xs);flex-shrink:0}.sidebar-section-header span{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sidebar-icon-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.sidebar-icon-btn:hover{background-color:var(--bg-hover);color:var(--accent-primary)}.sidebar-inline-form{padding:var(--spacing-xs) var(--spacing-sm)}.sidebar-inline-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background-color:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:var(--radius-sm)}.sidebar-thread-form{display:flex;flex-direction:column;gap:4px}.sidebar-model-selectors{display:flex;gap:4px}.sidebar-inline-select{flex:1;min-width:0;padding:2px 4px;font-size:var(--font-size-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.sidebar-tree{flex:1;overflow-y:auto;padding:var(--spacing-xs) var(--spacing-sm)}.sidebar-footer{padding:var(--spacing-sm);border-top:1px solid var(--border-color);flex-shrink:0}.tree-project{margin-bottom:2px}.tree-item{display:flex;align-items:center;gap:4px;padding:3px var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);min-height:28px}.tree-item:hover{background-color:var(--bg-hover)}.tree-item.active{background-color:var(--bg-active)}.tree-item[draggable=true]{cursor:grab}.tree-item[draggable=true]:active{cursor:grabbing;opacity:.6}.tree-drop-target{background-color:#4a9eff26!important;outline:1px dashed var(--accent);outline-offset:-1px;border-radius:4px}.tree-toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-muted);flex-shrink:0;border-radius:2px}.tree-toggle:hover{color:var(--text-primary)}.tree-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tree-label{font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tree-icon{flex-shrink:0;color:var(--text-muted)}.folder-icon{color:var(--warning)}.thread-icon{color:var(--accent-primary)}.tree-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.tree-project-item:hover .tree-actions{opacity:1}.tree-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;color:var(--text-muted)}.tree-action-btn:hover{background-color:var(--bg-active);color:var(--accent-primary)}.tree-children{padding-left:14px}.tree-thread-item .tree-label{color:var(--text-secondary)}.tree-thread-item.active .tree-label{color:var(--accent-primary)}.sidebar-user-info{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs)}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:var(--font-size-xs);padding:1px 6px;border-radius:8px;background-color:var(--accent-dim);color:var(--accent-primary);font-weight:500;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.sidebar-logout{color:var(--text-muted)!important}.sidebar-logout:hover{color:var(--danger)!important}.tree-lock-icon{color:var(--warning);flex-shrink:0;margin-left:2px}.sidebar-unlock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.sidebar-unlock-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);width:200px}.sidebar-unlock-form p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.sidebar-unlock-error{font-size:var(--font-size-xs);color:var(--error)}.sidebar-unlock-actions{display:flex;gap:var(--spacing-sm)}.sidebar-unlock-actions button{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.sidebar-section-actions{display:flex;align-items:center;gap:2px}.import-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:480px;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;animation:importModalIn .2s ease-out}@keyframes importModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.import-modal-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.import-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.import-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.import-modal-body{padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto}.import-modal-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.import-modal-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.import-modal-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);cursor:pointer}.import-modal-select:focus{border-color:var(--accent-primary);outline:none}.import-modal-select:disabled{opacity:.6;cursor:not-allowed}.import-modal-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);font-size:var(--font-size-sm)}.import-modal-dropzone:hover,.import-modal-dropzone.dragover{border-color:var(--accent-primary);background:var(--bg-hover);color:var(--accent-primary)}.import-modal-dropzone.has-files{border-color:var(--success);background:#22c55e0f;color:var(--success)}.import-dropzone-icon{opacity:.5}.import-modal-dropzone:hover .import-dropzone-icon,.import-modal-dropzone.dragover .import-dropzone-icon{opacity:1}.import-modal-file-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.import-modal-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.import-modal-file-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.import-modal-file-item button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0;transition:all var(--transition-fast)}.import-modal-file-item button:hover{background:var(--bg-hover);color:var(--danger)}.import-modal-error{padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--danger)}.import-modal-progress{font-size:var(--font-size-sm);color:var(--accent-primary);text-align:center}.import-modal-footer{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md)}.import-modal-hint{margin:0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.import-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.import-modal-cancel{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-fast)}.import-modal-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.import-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.import-modal-submit{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);background:var(--accent-primary);color:#fff;transition:all var(--transition-fast)}.import-modal-submit:hover{filter:brightness(1.1)}.import-modal-submit:disabled{opacity:.5;cursor:not-allowed;filter:none}.right-panel{width:300px;display:flex;flex-direction:column;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);flex-shrink:0;overflow:hidden}.right-panel-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 var(--spacing-sm);flex-shrink:0}.tab{display:flex;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-muted);border-bottom:2px solid transparent;font-size:var(--font-size-xs);transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.right-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.panel-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.panel-section h3{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.panel-empty{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.detail-list{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.detail-list dt{color:var(--text-muted);font-weight:500}.detail-list dd{color:var(--text-primary);margin:0;word-break:break-word}.panel-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.summary-content{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.summary-content p{margin-bottom:var(--spacing-xs)}.decisions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.decision-card{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--border-color)}.decision-decision{border-left-color:var(--accent-primary)}.decision-finding{border-left-color:var(--success)}.decision-requirement{border-left-color:var(--warning)}.decision-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.decision-type{font-size:var(--font-size-xs);padding:1px 6px;border-radius:8px;text-transform:uppercase;font-weight:600}.type-decision{background:var(--accent-dim);color:var(--accent-primary)}.type-finding{background:var(--success-dim);color:var(--success)}.type-requirement{background:var(--warning-dim);color:var(--warning)}.decision-date{font-size:var(--font-size-xs);color:var(--text-muted)}.decision-card h4{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.decision-card p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.activity-list-panel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item-panel{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-sm)}.activity-item-meta{display:flex;justify-content:space-between;margin-bottom:2px}.activity-item-time{font-size:var(--font-size-xs);color:var(--text-muted)}.activity-item-model{font-size:var(--font-size-xs);color:var(--accent-primary)}.activity-item-text{font-size:var(--font-size-sm);color:var(--text-primary)}.activity-item-preview{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.dashboard{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-2xl);overflow-y:auto;max-width:1200px;margin:0 auto;width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-header h1{font-size:1.75rem;font-weight:700;letter-spacing:.04em}.dashboard-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:2px}.dashboard-new-project{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:var(--radius-lg)}.new-project-input{width:100%;padding:var(--spacing-sm) var(--spacing-md)}.new-project-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-section h2{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--text-secondary)}.project-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.project-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base)}.project-card:hover{border-color:var(--accent-primary);background-color:var(--bg-tertiary)}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.project-card-title{display:flex;align-items:center;gap:var(--spacing-sm)}.project-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.project-card-title h3{font-size:var(--font-size-lg);margin:0}.project-card-desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.project-card-footer{display:flex;gap:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--text-muted)}.project-card-footer span{display:flex;align-items:center;gap:4px}.project-card-tags{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.activity-feed{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.activity-item:hover{border-color:var(--border-light)}.activity-meta{display:flex;justify-content:space-between;margin-bottom:4px}.activity-time{font-size:var(--font-size-xs);color:var(--text-muted)}.activity-model{font-size:var(--font-size-xs);color:var(--accent-primary)}.activity-content{font-size:var(--font-size-sm);color:var(--text-primary)}.activity-role{font-weight:600}.activity-thread{color:var(--accent-primary)}.activity-project{color:var(--text-muted)}.activity-preview{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:4px;line-height:1.4}.project-explorer{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);overflow-y:auto;flex:1}.explorer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.explorer-title-row{display:flex;align-items:center;gap:var(--spacing-md)}.explorer-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.explorer-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.explorer-sort-select{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer}.explorer-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.explorer-meta{display:flex;gap:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.explorer-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.explorer-inline-form{padding:var(--spacing-sm) 0}.explorer-inline-input{width:100%;max-width:400px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--accent-primary)}.explorer-model-selectors{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs);max-width:400px}.explorer-inline-select{flex:1;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.explorer-tree{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-md) 0}.explorer-folder-node{margin-bottom:2px}.explorer-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:36px}.explorer-item:hover{background-color:var(--bg-hover)}.explorer-folder-item .folder-icon{color:var(--warning)}.explorer-thread-item .thread-icon{color:var(--accent-primary)}.explorer-item-name{flex:1;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-item-count{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.explorer-item-model{font-size:var(--font-size-xs);color:var(--accent-primary);background:var(--accent-dim);padding:1px 6px;border-radius:8px;flex-shrink:0}.explorer-children{padding-left:var(--spacing-xl)}.explorer-thread-item{justify-content:space-between}.explorer-thread-main{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;cursor:pointer}.explorer-thread-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.explorer-thread-item:hover .explorer-thread-actions{opacity:1}.explorer-action-btn{padding:4px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.explorer-action-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.explorer-action-danger:hover{color:var(--error)}.explorer-thread-item:hover{background-color:var(--accent-dim)}.thread-cat-code{color:#22c55e}.thread-cat-prompt{color:#f59e0b}.thread-cat-ui{color:#3b82f6}.thread-cat-agent{color:#a78bfa}.thread-cat-other{color:var(--text-secondary)}.explorer-import-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.explorer-import-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-weight:600;font-size:.95rem;margin-bottom:var(--spacing-md)}.explorer-import-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.explorer-import-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.explorer-import-field span{color:var(--text-secondary);font-size:var(--font-size-sm)}.explorer-import-field select,.explorer-import-field input[type=file]{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.explorer-import-field select:focus{outline:none;border-color:var(--accent-primary)}.explorer-import-field input[type=file]::file-selector-button{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 12px;cursor:pointer;margin-right:8px}.explorer-import-error{color:var(--error);font-size:var(--font-size-sm);margin:0}.explorer-import-loading{color:var(--accent-primary);font-size:var(--font-size-sm);margin:0}.explorer-import-hint{color:var(--text-secondary);font-size:.78rem;margin:var(--spacing-sm) 0 0}.thread-view{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary)}.thread-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.thread-header-left h1{font-size:var(--font-size-xl)}.thread-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.thread-header-right{display:flex;gap:var(--spacing-md);align-items:center;flex-shrink:0}.thread-export-wrap{position:relative}.thread-export-btn{display:flex;align-items:center;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s}.thread-export-btn:hover{color:var(--text-primary);border-color:var(--accent-primary)}.thread-export-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;z-index:50;min-width:180px;box-shadow:0 8px 24px #0000004d}.thread-export-dropdown button{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.thread-export-dropdown button:hover{background:var(--bg-hover)}.provider-badge{font-size:var(--font-size-xs);padding:2px 10px;border-radius:10px;border:1px solid;font-weight:500;color:var(--text-primary);background-color:var(--bg-tertiary)}.message-count{font-size:var(--font-size-xs);color:var(--text-muted)}.thread-messages{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.message{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);border-radius:var(--radius-lg);max-width:85%;animation:msgSlide .2s ease-out}@keyframes msgSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-end;background-color:var(--bg-tertiary);border:1px solid var(--border-color)}.message-assistant{align-self:flex-start;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid var(--success)}.message-system{align-self:center;background-color:var(--bg-tertiary);font-size:var(--font-size-sm);color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-lg)}.message-header{display:flex;gap:var(--spacing-md);align-items:center;font-size:var(--font-size-xs);color:var(--text-muted)}.message-role{font-weight:600;color:var(--text-secondary)}.message-model{padding:1px 6px;border-radius:8px;border:1px solid;font-size:10px;font-weight:500}.message-provider{font-size:10px;color:var(--text-muted)}.message-time{margin-left:auto}.message-content{color:var(--text-primary);line-height:1.65;font-size:var(--font-size-base)}.message-content p{margin-bottom:2px}.message-content code,.message-code-marker{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--bg-primary);padding:1px 5px;border-radius:3px}.message-content strong{color:var(--text-primary);font-weight:600}.message-loading{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);align-self:flex-start}.thread-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--danger-dim);color:var(--danger);font-size:var(--font-size-sm);flex-shrink:0}.thread-error button{margin-left:auto;color:var(--danger);text-decoration:underline;font-size:var(--font-size-xs)}.thread-input{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0;background-color:var(--bg-secondary)}.message-input{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:var(--radius-lg);color:var(--text-primary);resize:vertical;min-height:64px;max-height:200px;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5}.message-input::-moz-placeholder{color:var(--text-muted)}.message-input::placeholder{color:var(--text-muted)}.message-input:disabled{opacity:.5}.input-actions{display:flex;justify-content:space-between;align-items:center}.input-actions-left{display:flex;gap:var(--spacing-sm)}.thread-action-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);transition:all var(--transition-fast)}.thread-action-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.thread-action-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.send-btn:hover{background-color:var(--accent-secondary)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.settings{padding:var(--spacing-2xl);overflow-y:auto;max-width:800px;margin:0 auto;width:100%}.settings h1{margin-bottom:var(--spacing-xl)}.settings-toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--success-dim);color:var(--success);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.settings-section h2{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.section-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.provider-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.provider-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:opacity var(--transition-fast)}.provider-item.inactive{opacity:.5}.provider-header{display:flex;justify-content:space-between;align-items:center}.provider-title{display:flex;align-items:center;gap:var(--spacing-md)}.provider-title h3{margin:0;font-size:var(--font-size-lg)}.provider-status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:8px}.provider-status.configured{background-color:var(--success-dim);color:var(--success)}.provider-status.not-configured{background-color:var(--warning-dim);color:var(--warning)}.toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary)}.toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.provider-key-row{display:flex;gap:var(--spacing-sm);align-items:center}.provider-input-group{display:flex;flex:1;position:relative}.provider-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);padding-right:36px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-mono)}.key-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);padding:4px}.key-toggle-btn:hover{color:var(--text-primary)}.save-key-btn{flex-shrink:0}.provider-models{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.settings-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-group label{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-group label span{font-weight:500;font-size:var(--font-size-sm);color:var(--text-secondary)}.settings-group select,.settings-group input{max-width:300px}.about-info{font-size:var(--font-size-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.about-info p{color:var(--text-secondary)}.about-info p strong{color:var(--text-primary)}.about-tech{margin-top:var(--spacing-sm);color:var(--text-muted)!important;font-size:var(--font-size-xs)!important}.settings-theme-grid{display:flex;gap:12px}.settings-theme-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.settings-theme-card:hover{border-color:var(--text-secondary)}.settings-theme-card.active{border-color:var(--accent-primary);background:var(--accent-dim)}.settings-theme-preview{width:100%;height:60px;border-radius:var(--radius-md);display:flex;overflow:hidden;border:1px solid var(--border-color)}.settings-theme-preview-sidebar{width:30%;height:100%}.settings-theme-preview-content{flex:1;padding:10px;display:flex;flex-direction:column;gap:6px}.settings-theme-preview-line{height:6px;border-radius:3px;width:80%}.settings-theme-preview-line.short{width:50%}.settings-theme-preview--dark{background:#0a0e14}.settings-theme-preview--dark .settings-theme-preview-sidebar{background:#111820}.settings-theme-preview--dark .settings-theme-preview-line{background:#2a3545}.settings-theme-preview--light{background:#f5f6f8}.settings-theme-preview--light .settings-theme-preview-sidebar{background:#e2e5ea}.settings-theme-preview--light .settings-theme-preview-line{background:#d0d5dd}.settings-theme-preview--hack{background:#0a0f1e}.settings-theme-preview--hack .settings-theme-preview-sidebar{background:#0f1528}.settings-theme-preview--hack .settings-theme-preview-line{background:#00ff41;opacity:.4}.landing{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow-y:auto}.landing-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0a0e14d9;border-bottom:1px solid var(--border-color)}.landing-nav{max-width:1100px;margin:0 auto;padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.landing-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-primary),#7c5cff);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.landing-logo-text{font-size:var(--font-size-xl);font-weight:700;letter-spacing:.08em;color:var(--text-primary)}.landing-nav-links{display:flex;gap:var(--spacing-xl);align-items:center}.landing-nav-links a{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.landing-nav-links a:hover{color:var(--text-primary)}.landing-lang-switcher{display:flex;gap:2px;align-items:center;background:var(--bg-tertiary);border-radius:6px;padding:2px}.lang-btn{background:none;border:none;color:var(--text-tertiary);font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.5px}.lang-btn:hover{color:var(--text-primary)}.lang-btn.active{background:var(--accent-primary);color:#fff}.landing-nav-actions{display:flex;gap:var(--spacing-sm);align-items:center}.landing-main{flex:1}.landing-hero{max-width:1100px;margin:0 auto;padding:80px var(--spacing-xl) 60px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 14px;background-color:var(--accent-dim);border:1px solid rgba(74,158,255,.2);border-radius:20px;color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:500;margin-bottom:var(--spacing-xl)}.hero-title{font-size:3rem;font-weight:800;line-height:1.15;margin-bottom:var(--spacing-xl);color:var(--text-primary);letter-spacing:-.02em}.hero-accent{background:linear-gradient(135deg,var(--accent-primary),#7c5cff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-2xl);line-height:1.7}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:60px}.hero-cta-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:14px 28px;background:linear-gradient(135deg,var(--accent-primary),#6366f1);color:#fff;font-weight:600;font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:0 4px 20px #4a9eff4d}.hero-cta-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #4a9eff66}.hero-cta-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:14px 28px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-weight:500;font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-base)}.hero-cta-secondary:hover{border-color:var(--text-secondary)}.hero-visual{max-width:800px;margin:0 auto}.hero-window{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-secondary);box-shadow:0 20px 60px #0006}.hero-window-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.hero-dot{width:10px;height:10px;border-radius:50%}.hero-dot.red{background:#e05050}.hero-dot.yellow{background:#d4a040}.hero-dot.green{background:#3fb950}.hero-window-title{margin-left:8px;font-size:var(--font-size-xs);color:var(--text-muted)}.hero-window-body{display:flex;min-height:220px}.hero-sidebar-mock{width:180px;border-right:1px solid var(--border-color);padding:var(--spacing-md);display:flex;flex-direction:column;gap:4px}.hero-mock-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:5px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.hero-mock-item.active{background-color:var(--accent-dim);color:var(--accent-primary)}.hero-mock-item.indent{margin-left:16px}.hero-chat-mock{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.hero-msg{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);max-width:80%;line-height:1.5}.hero-msg.user{align-self:flex-end;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.hero-msg.assistant{align-self:flex-start;background-color:var(--bg-primary);border:1px solid var(--border-color);border-left:3px solid var(--success);color:var(--text-secondary)}.hero-model-tag{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:6px;background-color:var(--accent-dim);color:var(--accent-primary);margin-right:6px}.landing-features{max-width:1100px;margin:0 auto;padding:80px var(--spacing-xl)}.features-header{text-align:center;margin-bottom:48px}.features-header h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.features-header p{color:var(--text-secondary);font-size:1.05rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-card.hovered{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 30px #4a9eff1a}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:var(--accent-dim);color:var(--accent-primary);margin-bottom:var(--spacing-lg)}.feature-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.feature-card p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.landing-how{max-width:1100px;margin:0 auto;padding:60px var(--spacing-xl) 80px;text-align:center}.landing-how h2{font-size:2rem;font-weight:700;margin-bottom:48px}.how-steps{display:flex;gap:var(--spacing-2xl);justify-content:center}.how-step{flex:1;max-width:280px}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#6366f1);color:#fff;font-weight:700;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.how-step h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.how-step p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.landing-pricing{max-width:1100px;margin:0 auto;padding:80px var(--spacing-xl);border-top:1px solid var(--border-color)}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.pricing-header p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:60px}.pricing-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;position:relative;transition:all var(--transition-base)}.pricing-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.pricing-card.popular{border-color:#a855f7;box-shadow:0 0 40px #a855f71f}.pricing-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:20px;white-space:nowrap}.pricing-card-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.pricing-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--bg-tertiary);margin:0 auto var(--spacing-md)}.pricing-card-header h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:var(--spacing-sm)}.pricing-amount{font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.pricing-period{font-size:var(--font-size-sm);color:var(--text-muted)}.pricing-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;margin-bottom:var(--spacing-xl)}.pricing-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.pricing-features li svg{color:var(--success);flex-shrink:0}.leasing-explainer{max-width:800px;margin:0 auto}.leasing-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.leasing-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--accent-primary)}.leasing-header h3{font-size:var(--font-size-xl);color:var(--text-primary)}.leasing-intro{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-xl)}.leasing-comparison{display:flex;gap:var(--spacing-lg);align-items:stretch;margin-bottom:var(--spacing-xl)}.leasing-option{flex:1;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.leasing-option p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.leasing-option-header{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.leasing-option-header.community{color:var(--accent-primary)}.leasing-option-header.premium{color:#a855f7}.leasing-vs{display:flex;align-items:center;font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);flex-shrink:0}.leasing-example{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);font-family:var(--font-mono)}.leasing-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-family)}.leasing-tip{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--warning)}.landing-cta{max-width:1100px;margin:0 auto;padding:60px var(--spacing-xl) 80px;text-align:center;border-top:1px solid var(--border-color)}.landing-cta h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.landing-cta p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:var(--spacing-xl)}.landing-footer{border-top:1px solid var(--border-color);padding:var(--spacing-xl)}.landing-footer-content{max-width:1100px;margin:0 auto;text-align:center}.landing-footer-logo{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--accent-primary);font-weight:700;font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.landing-footer p{color:var(--text-muted);font-size:var(--font-size-sm)}.landing-footer-tech{font-size:var(--font-size-xs)!important;margin-top:var(--spacing-xs)}@media (max-width: 768px){.hero-title{font-size:2rem}.features-grid,.pricing-grid{grid-template-columns:1fr}.how-steps{flex-direction:column;align-items:center}.hero-visual,.landing-nav-links{display:none}.landing-nav-actions{gap:var(--spacing-xs)}.leasing-comparison{flex-direction:column}.leasing-vs{justify-content:center}}.auth-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary)}.auth-container{display:flex;width:100%;max-width:900px;min-height:560px;margin:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;background-color:var(--bg-secondary);box-shadow:0 20px 60px #0000004d}.auth-left{width:380px;background:linear-gradient(160deg,#111820,#1a2540,#15202e);border-right:1px solid var(--border-color);padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 30%,rgba(74,158,255,.06) 0%,transparent 60%);pointer-events:none}.auth-left-content{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);color:var(--accent-primary)}.auth-brand h1{font-size:1.75rem;font-weight:800;letter-spacing:.08em;color:var(--text-primary)}.auth-tagline{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-2xl)}.auth-features-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-feature-item{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-feature-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-primary);flex-shrink:0}.auth-right{flex:1;padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center;position:relative}.auth-back{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted);transition:color var(--transition-fast)}.auth-back:hover{color:var(--text-primary)}.auth-form{max-width:360px;margin:0 auto;width:100%}.auth-form h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.auth-form-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.auth-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--danger-dim);color:var(--danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.auth-field{margin-bottom:var(--spacing-lg)}.auth-field label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.auth-field input{width:100%;padding:10px var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.auth-field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-dim)}.auth-password-wrapper{position:relative}.auth-password-wrapper input{padding-right:40px}.auth-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);padding:4px}.auth-password-toggle:hover{color:var(--text-primary)}.auth-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px;background:linear-gradient(135deg,var(--accent-primary),#6366f1);color:#fff;font-weight:600;font-size:var(--font-size-base);border-radius:var(--radius-md);transition:all var(--transition-base);margin-top:var(--spacing-sm)}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #4a9eff4d}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-switch button{color:var(--accent-primary);font-weight:500;text-decoration:underline;text-underline-offset:2px}.auth-switch button:hover{color:var(--accent-secondary)}@media (max-width: 768px){.auth-container{flex-direction:column;max-width:440px}.auth-left{width:100%;padding:var(--spacing-xl);min-height:auto}.auth-features-list{display:none}}.wallet{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto;max-width:900px;margin:0 auto;width:100%}.wallet-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.75rem;font-weight:700;letter-spacing:.04em}.wallet-loading{color:var(--text-secondary);font-size:var(--font-size-sm)}.wallet-balance-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.wallet-balance-main{display:flex;flex-direction:column;gap:var(--spacing-xs)}.wallet-balance-label{color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em}.wallet-balance-amount{font-size:2.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.wallet-balance-stats{display:flex;gap:var(--spacing-xl)}.wallet-stat{display:flex;align-items:center;gap:var(--spacing-sm)}.wallet-stat-icon--income{color:var(--success)}.wallet-stat-icon--charge{color:var(--danger)}.wallet-stat-info{display:flex;flex-direction:column;gap:2px}.wallet-stat-label{color:var(--text-secondary);font-size:var(--font-size-xs)}.wallet-stat-value{font-size:var(--font-size-base);font-weight:600;font-variant-numeric:tabular-nums}.wallet-stat-value--income{color:var(--success)}.wallet-stat-value--charge{color:var(--danger)}.wallet-deposit-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.wallet-section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.wallet-deposit-quick{display:flex;gap:var(--spacing-sm)}.wallet-quick-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.wallet-quick-btn:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-secondary)}.wallet-quick-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-deposit-custom{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wallet-deposit-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.wallet-deposit-form{display:flex;gap:var(--spacing-sm)}.wallet-input-wrapper{position:relative;flex:1}.wallet-input-prefix{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:var(--font-size-base);pointer-events:none}.wallet-deposit-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xl);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-fast)}.wallet-deposit-input:focus{border-color:var(--accent-primary)}.wallet-deposit-input::-moz-placeholder{color:var(--text-muted)}.wallet-deposit-input::placeholder{color:var(--text-muted)}.wallet-deposit-input::-webkit-outer-spin-button,.wallet-deposit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wallet-deposit-input[type=number]{-moz-appearance:textfield}.wallet-deposit-btn{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.wallet-deposit-btn:hover:not(:disabled){opacity:.85}.wallet-deposit-btn:disabled{opacity:.4;cursor:not-allowed}.wallet-transactions-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.wallet-no-transactions{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl) 0}.wallet-tx-list{display:flex;flex-direction:column}.wallet-tx-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.wallet-tx-row:last-child{border-bottom:none}.wallet-tx-left{display:flex;align-items:center;gap:var(--spacing-md)}.wallet-tx-icon--income{color:var(--success)}.wallet-tx-icon--charge{color:var(--danger)}.wallet-tx-details{display:flex;flex-direction:column;gap:2px}.wallet-tx-type{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.wallet-tx-desc{font-size:var(--font-size-xs);color:var(--text-secondary)}.wallet-tx-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.wallet-tx-amount{font-size:var(--font-size-base);font-weight:600;font-variant-numeric:tabular-nums}.wallet-tx-amount--income{color:var(--success)}.wallet-tx-amount--charge{color:var(--danger)}.wallet-tx-balance{font-size:var(--font-size-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.wallet-tx-date{font-size:var(--font-size-xs);color:var(--text-muted)}.wallet-action-tabs{display:flex;gap:var(--spacing-xs);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.wallet-action-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.wallet-action-tab:hover{color:var(--text-primary);background-color:var(--bg-hover)}.wallet-action-tab.active{background-color:var(--accent-dim);color:var(--accent-primary)}.wallet-slider-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.wallet-slider-header{display:flex;align-items:baseline;gap:var(--spacing-md)}.wallet-slider-amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.wallet-slider-bonus{font-size:var(--font-size-base);font-weight:600;color:var(--success)}.wallet-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;cursor:pointer}.wallet-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 4px #0000004d}.wallet-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-primary)}.wallet-slider-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-muted)}.wallet-bonus-info{font-size:var(--font-size-sm);color:var(--success);font-weight:500}.wallet-deposit-btn--full{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.wallet-withdraw-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.wallet-withdraw-available{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.wallet-invoice-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.wallet-invoice-check{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--text-primary)}.wallet-invoice-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.wallet-invoice-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.wallet-invoice-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.wallet-invoice-field span{font-size:var(--font-size-sm);color:var(--text-secondary)}.wallet-invoice-field input{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base)}.wallet-invoice-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.marketplace-card--own{border-color:var(--accent-dim);position:relative}.marketplace-own-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:var(--font-size-xs);background-color:var(--accent-dim);color:var(--accent-primary);padding:2px 8px;border-radius:10px}.marketplace-discount-badge{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;color:var(--success);background-color:var(--success-dim);padding:2px 8px;border-radius:10px;width:-moz-fit-content;width:fit-content;margin:var(--spacing-xs) var(--spacing-md) 0}.marketplace-old-price{color:var(--text-muted);font-size:var(--font-size-xs)}.marketplace-lease-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast)}.marketplace{padding:var(--spacing-2xl);overflow-y:auto;max-width:1000px;margin:0 auto;width:100%}.marketplace-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.marketplace-title-row{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary)}.marketplace-title-row h1{margin:0;font-size:1.5rem}.marketplace-desc{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.marketplace-create-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;transition:opacity var(--transition-fast)}.marketplace-create-btn:hover{opacity:.85}.marketplace-create-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.marketplace-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.marketplace-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.marketplace-field span{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.marketplace-field input,.marketplace-field select,.marketplace-field textarea{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.marketplace-field input:focus,.marketplace-field select:focus,.marketplace-field textarea:focus{outline:none;border-color:var(--accent-primary)}.marketplace-field--wide{grid-column:1 / -1}.marketplace-submit-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:opacity var(--transition-fast)}.marketplace-submit-btn:hover{opacity:.85}.marketplace-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xs);width:-moz-fit-content;width:fit-content}.marketplace-tab{padding:var(--spacing-sm) var(--spacing-xl);border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.marketplace-tab:hover{color:var(--text-primary)}.marketplace-tab.active{background-color:var(--accent-primary);color:#fff}.marketplace-filter-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.marketplace-filter-item{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md);color:var(--text-secondary)}.marketplace-filter-item select,.marketplace-filter-item input[type=text]{background:none;border:none;color:var(--text-primary);font-size:var(--font-size-sm);outline:none;padding:var(--spacing-xs) 0}.marketplace-filter-availability{gap:var(--spacing-xs)}.marketplace-filter-label{font-size:var(--font-size-xs);white-space:nowrap;min-width:70px}.marketplace-filter-availability input[type=range]{width:100px;accent-color:var(--accent-primary);cursor:pointer}.marketplace-content{min-height:200px}.marketplace-loading,.marketplace-empty{text-align:center;color:var(--text-tertiary);padding:var(--spacing-2xl)}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--spacing-lg)}.marketplace-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.marketplace-card:hover{border-color:var(--border-light);box-shadow:0 2px 12px #00000026}.marketplace-card--own{border-color:var(--accent-dim)}.marketplace-card--promoted{border-color:#ffaa004d}.marketplace-promoted-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#ffa800;background-color:#ffa8001a;padding:2px 6px;border-radius:8px}.marketplace-card-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md)}.marketplace-provider-badge{padding:2px var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--accent-primary);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.marketplace-model{color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm)}.marketplace-discount-strip{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--success);background-color:var(--success-dim);padding:3px var(--spacing-md)}.marketplace-card-prices{display:flex;align-items:stretch;padding:var(--spacing-md);gap:0;background-color:var(--bg-tertiary);margin:0 var(--spacing-sm);border-radius:var(--radius-md)}.marketplace-price-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs) 0}.marketplace-price-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:500}.marketplace-price-value{display:flex;align-items:baseline;gap:3px;font-size:var(--font-size-base);color:var(--text-primary)}.marketplace-price-value strong{font-size:1.1rem}.marketplace-price-unit{font-size:10px;color:var(--text-muted)}.marketplace-old-price{color:var(--text-muted);font-size:var(--font-size-xs);text-decoration:line-through}.marketplace-price-divider{width:1px;background-color:var(--border-color);margin:4px 0}.marketplace-card-usage{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-sm)}.marketplace-plan-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--accent-primary);background-color:var(--accent-dim);padding:2px 8px;border-radius:10px;white-space:nowrap}.marketplace-usage-bar-wrap{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0}.marketplace-usage-bar{flex:1;height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden;min-width:60px}.marketplace-usage-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.marketplace-usage-text{font-size:10px;font-weight:600;white-space:nowrap}.marketplace-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.marketplace-card-stat{font-size:var(--font-size-xs);color:var(--text-muted)}.marketplace-own-tag{font-size:var(--font-size-xs);background-color:var(--accent-dim);color:var(--accent-primary);padding:2px 8px;border-radius:10px}.marketplace-lease-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast)}.marketplace-lease-btn:hover{opacity:.85}.marketplace-card-body{padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.marketplace-card-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-primary)}.marketplace-label{color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.marketplace-discount-text{color:var(--success);font-weight:600}.marketplace-promo-text{color:#ffa800;font-weight:600}.marketplace-card-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color)}.marketplace-toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.marketplace-toggle-btn:hover{color:var(--text-primary)}.marketplace-icon-active{color:var(--accent-primary)}.marketplace-icon-paused{color:var(--text-tertiary)}.marketplace-edit-btn{padding:var(--spacing-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.marketplace-edit-btn:hover{color:var(--accent-primary)}.marketplace-delete-btn{display:flex;align-items:center;padding:var(--spacing-xs);background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.marketplace-delete-btn:hover{color:#e55;background-color:#ee55551a}.marketplace-edit-form{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.marketplace-edit-field{display:flex;flex-direction:column;gap:2px}.marketplace-edit-field span{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:4px}.marketplace-edit-field input{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm)}.marketplace-edit-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.marketplace-sharing-options{display:flex;gap:10px}.marketplace-sharing-option{flex:1;display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.marketplace-sharing-option.active{border-color:var(--accent-primary);background:#4a9eff0d}.marketplace-sharing-option input[type=radio]{margin-top:3px;accent-color:var(--accent-primary)}.marketplace-sharing-option div{display:flex;flex-direction:column;gap:2px}.marketplace-sharing-option strong{font-size:13px;color:var(--text-primary);font-weight:600}.marketplace-sharing-option span{font-size:12px;color:var(--text-secondary);font-weight:400}.marketplace-requests{display:flex;flex-direction:column;gap:var(--spacing-lg)}.marketplace-requests-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.marketplace-requests-desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.marketplace-request-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.marketplace-request-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.marketplace-request-card:hover{border-color:var(--border-light)}.marketplace-request-card--own{border-left:3px solid var(--accent-primary)}.marketplace-request-main{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background-color var(--transition-fast)}.marketplace-request-main:hover{background-color:var(--bg-hover)}.marketplace-request-left{display:flex;align-items:center;gap:var(--spacing-sm)}.marketplace-request-right{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.marketplace-request-user{color:var(--text-muted);font-size:var(--font-size-xs)}.marketplace-request-price{font-weight:500;color:var(--text-primary)}.marketplace-request-budget{display:flex;align-items:center;gap:2px;color:var(--success);font-weight:500}.marketplace-request-details{padding:0 var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.marketplace-request-desc{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.marketplace-request-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-muted)}.marketplace-request-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.marketplace-counter-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--warning-dim);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary)}.marketplace-counter-form{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.marketplace-counter-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.marketplace-counter-form input{width:90px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm)}.admin{padding:24px 32px;max-width:1200px;overflow-y:auto;height:100%}.admin-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto}.admin-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}.admin-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px}.admin-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center}.admin-stat-card--highlight{border-color:var(--accent);background:#4a9eff0d}.admin-stat-value{display:block;font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.admin-stat-label{font-size:12px;color:var(--text-secondary)}.admin-section{margin-bottom:20px}.admin-section h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-section-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.admin-mini-table{display:flex;flex-direction:column;gap:4px}.admin-mini-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;font-size:13px;color:var(--text-primary)}.admin-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary)}.admin-badge--active{background:#2ea04326;color:#3fb950}.admin-badge--inactive{background:#ff555526;color:#f85149}.admin-badge--clickable{cursor:pointer;border:none;transition:opacity .15s}.admin-badge--clickable:hover{opacity:.8}.admin-search-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.admin-search-input-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:0 12px;flex:1}.admin-search-input-wrap svg{color:var(--text-secondary);flex-shrink:0}.admin-search-input{background:none;border:none;color:var(--text-primary);font-size:13px;padding:8px 0;width:100%;outline:none}.admin-count{font-size:12px;color:var(--text-secondary);white-space:nowrap}.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s}.admin-btn:hover{background:var(--bg-hover)}.admin-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.admin-btn--primary:hover{opacity:.9}.admin-btn--danger{color:#f85149;border-color:#f851494d}.admin-btn--danger:hover{background:#f851491a}.admin-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:none;color:var(--text-secondary);cursor:pointer;transition:all .15s}.admin-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-icon-btn--danger:hover{background:#f851491a;color:#f85149}.admin-user-list{display:flex;flex-direction:column;gap:6px}.admin-user-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.admin-user-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .15s}.admin-user-header:hover{background:var(--bg-hover)}.admin-user-left{display:flex;align-items:center;gap:10px}.admin-user-info{display:flex;flex-direction:column}.admin-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.admin-user-email{font-size:12px;color:var(--text-secondary)}.admin-user-right{display:flex;align-items:center;gap:12px}.admin-user-meta{font-size:11px;color:var(--text-secondary)}.admin-user-balance{font-size:13px;font-weight:600;color:var(--accent)}.admin-role-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.admin-role-badge--admin{background:#d2992226;color:#d29922}.admin-role-badge--user{background:#4a9eff26;color:var(--accent)}.admin-user-details{padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-primary)}.admin-user-actions{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-user-stats-row{display:flex;gap:20px;font-size:12px;color:var(--text-secondary);margin-bottom:12px;flex-wrap:wrap}.admin-keys-section h4{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.admin-key-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--bg-secondary);border-radius:4px;margin-bottom:4px;font-size:13px}.admin-key-provider{font-weight:600;color:var(--accent);min-width:80px}.admin-key-value{font-family:monospace;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis}.admin-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:6px 10px;font-size:13px;cursor:pointer;outline:none}.admin-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.admin-form-row{margin-bottom:12px}.admin-form-row label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.admin-input{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:8px 12px;font-size:13px;outline:none;box-sizing:border-box}.admin-input:focus{border-color:var(--accent)}.admin-textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:8px 12px;font-size:13px;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box}.admin-textarea:focus{border-color:var(--accent)}.admin-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.admin-table-header{display:grid;grid-template-columns:1fr 1.5fr 1fr .8fr .8fr .7fr .8fr 40px;padding:10px 14px;background:var(--bg-secondary);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.admin-table-row{display:grid;grid-template-columns:1fr 1.5fr 1fr .8fr .8fr .7fr .8fr 40px;padding:10px 14px;font-size:13px;color:var(--text-primary);align-items:center;border-bottom:1px solid var(--border);transition:background .1s}.admin-table-row:last-child{border-bottom:none}.admin-table-row:hover{background:var(--bg-hover)}.admin-mono{font-family:monospace;font-size:12px}.admin-muted{font-size:13px;color:var(--text-secondary);padding:12px}.admin-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.admin-plan-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px}.admin-plan-card--inactive{opacity:.5}.admin-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-plan-header h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.admin-plan-price{font-size:20px;font-weight:700;color:var(--accent)}.admin-plan-price small{font-size:12px;font-weight:400;color:var(--text-secondary)}.admin-plan-features{list-style:none;padding:0;margin:0 0 12px}.admin-plan-features li{font-size:13px;color:var(--text-secondary);padding:3px 0}.admin-plan-features li:before{content:"+ ";color:#3fb950}.admin-plan-card--popular{border-color:#a855f7;box-shadow:0 0 0 1px #a855f740;position:relative}.admin-plan-popular-badge{position:absolute;top:-10px;right:12px;background:#a855f7;color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px}.admin-plan-desc{font-size:12px;color:var(--text-tertiary);margin:0 0 8px}.admin-plan-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:11px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.admin-plan-actions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:10px}.admin-commission-preview{padding:10px 12px;background:var(--bg-primary);border-radius:6px;font-size:13px;color:var(--accent);margin-bottom:12px}.admin-promo .admin-table-header,.admin-promo .admin-table-row{grid-template-columns:1.2fr 1fr .8fr 1fr .8fr 40px}.api-keys{padding:24px 32px;max-width:900px;overflow-y:auto;height:100%}.api-keys-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.api-keys-title-row{display:flex;align-items:center;gap:12px}.api-keys-title-row svg{color:var(--accent);flex-shrink:0}.api-keys-title-row h1{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.api-keys-desc{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.api-keys-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;white-space:nowrap}.api-keys-add-btn:hover{opacity:.9}.api-keys-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px}.api-keys-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.api-keys-field{display:flex;flex-direction:column;gap:4px}.api-keys-field span{font-size:12px;font-weight:600;color:var(--text-secondary)}.api-keys-field--wide{grid-column:1 / -1}.api-keys-field input,.api-keys-field select{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:8px 12px;font-size:13px;outline:none}.api-keys-field input:focus,.api-keys-field select:focus{border-color:var(--accent)}.api-keys-submit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:opacity .15s}.api-keys-submit-btn:hover{opacity:.9}.api-keys-submit-btn:disabled{opacity:.5;cursor:not-allowed}.api-keys-loading{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;padding:32px 0}.api-keys-empty{color:var(--text-secondary);font-size:14px;padding:32px 0;text-align:center}.api-keys-groups{display:flex;flex-direction:column;gap:20px}.api-keys-group-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.api-keys-group-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.api-keys-group-count{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.api-keys-list{display:flex;flex-direction:column;gap:8px}.api-keys-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:14px 16px;transition:border-color .15s}.api-keys-card:hover{border-color:var(--accent)}.api-keys-card--inactive{opacity:.5}.api-keys-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.api-keys-card-info{display:flex;flex-direction:column;gap:4px}.api-keys-card-label{font-size:14px;font-weight:600;color:var(--text-primary)}.api-keys-card-key{display:flex;align-items:center;gap:6px}.api-keys-card-key code{font-size:12px;color:var(--text-secondary);letter-spacing:1px}.api-keys-icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:none;color:var(--text-secondary);cursor:pointer;transition:all .15s}.api-keys-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.api-keys-card-actions{display:flex;align-items:center;gap:6px}.api-keys-toggle-btn{display:flex;align-items:center;border:none;background:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.api-keys-toggle-btn:hover{background:var(--bg-hover)}.api-keys-icon-active{color:#3fb950}.api-keys-icon-paused{color:var(--text-secondary)}.api-keys-delete-btn{display:flex;align-items:center;border:none;background:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.api-keys-delete-btn:hover{background:#f851491a;color:#f85149}.api-keys-card-stats{display:flex;align-items:center;gap:20px}.api-keys-stat{display:flex;align-items:center;gap:6px}.api-keys-stat-label{font-size:12px;color:var(--text-secondary)}.api-keys-stat-value{font-size:13px;font-weight:600;color:var(--text-primary)}.api-keys-usage-bar{width:120px;height:8px;background:var(--bg-tertiary);border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:center}.api-keys-usage-fill{height:100%;border-radius:4px;transition:width .3s}.api-keys-usage-text{position:absolute;right:-32px;font-size:11px;color:var(--text-secondary);font-weight:600}.app-builder{padding:24px;max-width:1200px;margin:0 auto}.app-builder-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.app-builder-header h1{font-size:1.5rem;margin:0}.app-builder-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:.85rem}.app-builder-new-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.app-builder-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:.85rem}.app-builder-input:focus{outline:none;border-color:var(--accent)}.app-builder-new-actions{display:flex;gap:8px}.app-builder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.app-builder-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;cursor:pointer;transition:border-color .2s;position:relative}.app-builder-card:hover{border-color:var(--accent)}.app-builder-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.app-builder-card-header h3{margin:0;font-size:1rem}.app-builder-card-desc{color:var(--text-secondary);font-size:.8rem;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-builder-card-meta{display:flex;gap:12px;font-size:.75rem;color:var(--text-secondary)}.app-builder-card-delete{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:opacity .2s,color .2s}.app-builder-card:hover .app-builder-card-delete{opacity:1}.app-builder-card-delete:hover{color:var(--danger)}.app-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-editor-topbar{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.app-editor-back{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:.8rem}.app-editor-back:hover{color:var(--text-primary);background:var(--bg-hover)}.app-editor-topbar h2{margin:0;font-size:1rem;flex-shrink:0}.app-editor-tabs{display:flex;gap:2px;margin-left:auto}.app-editor-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem;border-radius:4px;transition:all .2s}.app-editor-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.app-editor-tab.active{background:var(--accent);color:#fff}.app-editor-badge{background:var(--danger);color:#fff;border-radius:10px;padding:0 6px;font-size:.7rem;min-width:16px;text-align:center;margin-left:4px}.app-editor-body{display:flex;flex:1;overflow:hidden}.app-editor-sidebar{width:220px;min-width:180px;border-right:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.app-editor-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border)}.app-editor-sidebar-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:3px}.app-editor-sidebar-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.app-editor-new-file{padding:4px 8px;border-bottom:1px solid var(--border)}.app-editor-inline-input{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:4px 6px;color:var(--text-primary);font-size:.75rem}.app-editor-inline-input:focus{outline:none;border-color:var(--accent)}.app-editor-file-tree{overflow-y:auto;flex:1}.app-editor-empty-files{padding:16px;color:var(--text-secondary);font-size:.8rem;text-align:center}.app-file-tree-item{display:flex;align-items:center;gap:4px;padding:3px 8px;cursor:pointer;font-size:.8rem;color:var(--text-secondary);transition:background .1s;position:relative}.app-file-tree-item:hover{background:var(--bg-hover);color:var(--text-primary)}.app-file-tree-item.selected{background:var(--accent-transparent, rgba(88, 166, 255, .15));color:var(--accent)}.app-file-tree-item .folder-icon{color:var(--accent)}.app-file-tree-item .file-icon{color:var(--text-secondary)}.app-file-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-file-tree-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;opacity:0;transition:opacity .15s}.app-file-tree-item:hover .app-file-tree-delete{opacity:1}.app-file-tree-delete:hover{color:var(--danger)}.app-editor-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.app-editor-code-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.app-editor-code-header{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.app-editor-file-path{font-family:Fira Code,Cascadia Code,monospace;font-size:.8rem;color:var(--text-primary)}.app-editor-file-lang{font-size:.7rem;color:var(--text-secondary);background:var(--bg-primary);padding:1px 6px;border-radius:3px}.app-editor-code-header .button-sm{margin-left:auto;padding:3px 10px;font-size:.75rem}.app-editor-textarea{flex:1;resize:none;border:none;outline:none;background:var(--bg-primary);color:var(--text-primary);font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.6;padding:12px 16px;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.app-editor-no-file{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}.app-editor-preview-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.app-editor-preview-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--bg-secondary);font-size:.8rem;font-weight:600}.app-editor-preview-iframe{flex:1;border:none;background:#fff;width:100%}.app-editor-errors-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.app-editor-errors-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-secondary);font-size:.85rem;font-weight:600}.app-editor-errors-list{overflow-y:auto;flex:1;padding:8px}.app-editor-error-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:6px;margin-bottom:6px;background:var(--bg-secondary);border:1px solid var(--border)}.app-editor-error-item.error .app-editor-error-icon{color:var(--danger)}.app-editor-error-item.warning .app-editor-error-icon{color:#f0ad4e}.app-editor-error-item.resolved{opacity:.5}.app-editor-error-content{flex:1;display:flex;flex-direction:column;gap:2px}.app-editor-error-message{font-size:.82rem;color:var(--text-primary)}.app-editor-error-file{font-size:.75rem;color:var(--accent);font-family:monospace}.app-editor-error-time{font-size:.7rem;color:var(--text-secondary)}.app-editor-error-resolve{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:3px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;flex-shrink:0}.app-editor-error-resolve:hover{border-color:var(--accent);color:var(--accent)}.app-editor-no-errors{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary)}.app-editor-no-errors svg{color:#4caf50}.app-editor-prompt-bar{border-top:1px solid var(--border);background:var(--bg-secondary);padding:8px 12px;flex-shrink:0}.app-editor-summary{font-size:.8rem;color:var(--text-secondary);padding:6px 8px;background:var(--bg-primary);border-radius:4px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.app-editor-summary strong{color:var(--accent)}.app-editor-summary-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;margin-left:auto}.app-editor-prompt-row{display:flex;align-items:flex-end;gap:8px}.app-editor-model-selectors{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.app-editor-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:4px 6px;color:var(--text-primary);font-size:.75rem;min-width:140px}.app-editor-select:focus{outline:none;border-color:var(--accent)}.app-editor-prompt-input{flex:1;resize:none;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:.85rem;font-family:inherit;line-height:1.4}.app-editor-prompt-input:focus{outline:none;border-color:var(--accent)}.app-editor-send-btn{padding:8px 14px;height:-moz-fit-content;height:fit-content}.app-editor-generating{font-size:.8rem;color:var(--accent);padding:4px 0;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-sm{padding:3px 10px;font-size:.75rem;border-radius:4px;cursor:pointer;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary)}.button-sm:hover{border-color:var(--accent)}.agent-view{padding:var(--spacing-2xl);overflow-y:auto;max-width:960px;margin:0 auto;width:100%;height:100%}.agent-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.agent-title-row{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary)}.agent-icon{color:#a78bfa}.agent-title-row h1{margin:0;font-size:1.5rem}.agent-desc{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.agent-create-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;transition:all .2s}.agent-create-btn:hover{opacity:.9;transform:translateY(-1px)}.agent-create-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.agent-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.agent-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.agent-field span{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.agent-field input,.agent-field select,.agent-field textarea{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:border-color .2s}.agent-field input:focus,.agent-field select:focus,.agent-field textarea:focus{outline:none;border-color:#a78bfa}.agent-field--wide{grid-column:1 / -1}.agent-keywords-input{display:flex;gap:var(--spacing-xs)}.agent-keywords-input input{flex:1}.agent-keywords-input button{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.agent-keywords-input button:hover{color:#a78bfa;border-color:#a78bfa}.agent-keywords-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.agent-keyword-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#a78bfa26;color:#a78bfa;border-radius:20px;font-size:.78rem}.agent-keyword-tag button{background:none;border:none;color:#a78bfa;cursor:pointer;padding:0;display:flex;opacity:.7}.agent-keyword-tag button:hover{opacity:1}.agent-submit-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:opacity .2s}.agent-submit-btn:hover{opacity:.9}.agent-submit-btn:disabled{opacity:.5;cursor:not-allowed}.agent-sessions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-loading{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);justify-content:center;padding:var(--spacing-xl)}.agent-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--text-secondary);text-align:center;gap:var(--spacing-md)}.agent-empty svg{color:#a78bfa;opacity:.4}.agent-empty h3{margin:0;color:var(--text-primary)}.agent-empty p{margin:0;font-size:var(--font-size-sm);max-width:320px}.agent-session-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.agent-session-card:hover{border-color:#a78bfa;background-color:var(--bg-hover)}.agent-session-card-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1}.agent-session-icon{color:#a78bfa;flex-shrink:0}.agent-session-topic{margin:0;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-session-meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:.78rem;margin-top:2px}.agent-session-meta span{white-space:nowrap}.agent-session-card-right{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);flex-shrink:0}.agent-session-date{font-size:.78rem}.agent-delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .2s}.agent-delete-btn:hover{color:#ef4444}.agent-session-detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.agent-detail-header{display:flex;flex-direction:column;gap:var(--spacing-md)}.agent-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);transition:color .2s}.agent-back-btn:hover{color:#a78bfa}.agent-detail-info h2{margin:0;font-size:1.3rem;color:var(--text-primary)}.agent-detail-desc{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.agent-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.agent-meta-item{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.78rem}.agent-actions-bar{display:flex;align-items:center;gap:var(--spacing-md)}.agent-generate-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:opacity .2s}.agent-generate-btn:hover{opacity:.9}.agent-generate-btn:disabled{opacity:.5;cursor:not-allowed}.agent-articles-count{color:var(--text-secondary);font-size:var(--font-size-sm)}.agent-empty-articles{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--text-secondary);text-align:center;gap:var(--spacing-md);background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.agent-empty-articles svg{color:#a78bfa;opacity:.4}.agent-empty-articles p{margin:0;font-size:var(--font-size-sm);max-width:300px}.agent-articles-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-article-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s}.agent-article-card:hover{border-color:#a78bfa66}.agent-article-card--generated{border-left:3px solid #22c55e}.agent-article-card--draft{border-left:3px solid var(--border-color)}.agent-article-card-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1}.agent-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.72rem;font-weight:500;flex-shrink:0}.agent-type-blog{background:#3b82f626;color:#60a5fa}.agent-type-facebook{background:#3b82f626;color:#818cf8}.agent-article-card-info{min-width:0;flex:1}.agent-article-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:0;text-align:left;transition:color .2s}.agent-article-link:hover{color:#a78bfa}.agent-article-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:2px;font-size:.75rem;color:var(--text-secondary)}.agent-status-badge{padding:1px 8px;border-radius:10px;font-size:.72rem}.agent-status-generated{background:#22c55e26;color:#22c55e}.agent-status-draft{background:#94a3b826;color:var(--text-secondary)}.agent-article-card-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.agent-generate-sm-btn{padding:6px 10px;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .2s;display:flex}.agent-generate-sm-btn:hover{opacity:.85}.agent-generate-sm-btn:disabled{opacity:.5;cursor:not-allowed}.agent-view-btn{padding:4px 12px;background:#22c55e26;color:#22c55e;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.78rem;transition:opacity .2s}.agent-view-btn:hover{opacity:.85}.agent-article-modal{max-width:780px;margin:0 auto}.agent-article-modal-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.agent-word-count{color:var(--text-secondary);font-size:.78rem;margin-left:auto}.agent-article-title{font-size:1.6rem;color:var(--text-primary);margin:0 0 var(--spacing-xl) 0;line-height:1.3}.agent-article-content{color:var(--text-primary);line-height:1.75;font-size:.95rem}.agent-article-content h1{font-size:1.3rem;margin:1.5em 0 .5em;color:var(--text-primary)}.agent-article-content h2{font-size:1.15rem;margin:1.3em 0 .4em;color:var(--text-primary)}.agent-article-content h3{font-size:1.05rem;margin:1.2em 0 .4em;color:var(--text-primary)}.agent-article-content p{margin:0 0 .8em}.agent-article-content strong{color:var(--text-primary)}.agent-article-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;gap:var(--spacing-md);color:var(--text-secondary)}.agent-article-empty p{margin:0}.agent-bibliography{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.agent-bibliography h3{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.95rem;color:var(--text-primary);margin:0 0 var(--spacing-md)}.agent-bibliography ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-bibliography li{font-size:.85rem;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.agent-bibliography li strong{color:var(--text-primary)}.agent-bibliography li a{color:#a78bfa;display:inline-flex;margin-left:4px}.agent-bibliography li a:hover{opacity:.7}@keyframes agent-spin{to{transform:rotate(360deg)}}.agent-view .spin{animation:agent-spin 1s linear infinite}.sidebar-nav-agent svg{color:#a78bfa}.sidebar-nav-agent.active svg{color:#a78bfa}.sidebar-nav-agent:hover svg{color:#c4b5fd}.social-view{padding:var(--spacing-2xl);overflow-y:auto;max-width:1000px;margin:0 auto;width:100%;height:100%}.social-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-wrap:wrap}.social-title-row{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary)}.social-icon{color:#f97316}.social-title-row h1{margin:0;font-size:1.5rem}.social-desc{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.social-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.social-create-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;transition:all .2s}.social-create-btn:hover{opacity:.9;transform:translateY(-1px)}.social-accounts-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s}.social-accounts-btn:hover{border-color:#f97316;color:#f97316}.social-accounts-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.social-accounts-panel h3{margin:0 0 var(--spacing-md);font-size:.95rem;color:var(--text-primary)}.social-accounts-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.social-accounts-empty{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.social-account-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.social-account-name{flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.social-account-status{font-size:.72rem;padding:1px 8px;border-radius:10px}.social-account-connected{background:#22c55e26;color:#22c55e}.social-account-disconnected{background:#ef444426;color:#ef4444}.social-account-disconnect{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;transition:color .2s}.social-account-disconnect:hover{color:#ef4444}.social-account-add{display:flex;gap:var(--spacing-xs);align-items:center}.social-account-select,.social-account-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.social-account-input{flex:1}.social-account-select:focus,.social-account-input:focus{outline:none;border-color:#f97316}.social-create-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.social-form-section{margin-bottom:var(--spacing-xl)}.social-form-section:last-of-type{margin-bottom:var(--spacing-lg)}.social-form-section h3{display:flex;align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-md);font-size:.95rem;color:var(--text-primary)}.social-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.social-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.social-field span{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.social-field input,.social-field select,.social-field textarea{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:border-color .2s}.social-field input:focus,.social-field select:focus,.social-field textarea:focus{outline:none;border-color:#f97316}.social-field--wide{grid-column:1 / -1}.social-input-with-btn{display:flex;gap:var(--spacing-xs)}.social-input-with-btn input{flex:1}.social-input-with-btn button{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.social-input-with-btn button:hover{color:#f97316;border-color:#f97316}.social-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.social-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#f9731626;color:#f97316;border-radius:20px;font-size:.78rem}.social-tag-source{background:#3b82f626;color:#60a5fa}.social-tag button{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;opacity:.7}.social-tag button:hover{opacity:1}.social-goal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.social-goal-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);gap:var(--spacing-xs);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center}.social-goal-card:hover{border-color:#f9731666}.social-goal-card.active{border-color:#f97316;background:#f9731614}.social-goal-icon{font-size:1.5rem}.social-goal-label{font-size:.82rem;font-weight:600;color:var(--text-primary)}.social-goal-desc{font-size:.7rem;color:var(--text-secondary)}.social-platform-grid{display:flex;gap:var(--spacing-sm)}.social-platform-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:var(--font-size-sm)}.social-platform-card:hover{border-color:var(--platform-color, #f97316)}.social-platform-card.active{border-color:var(--platform-color, #f97316);color:var(--text-primary);background:#f973160f}.social-platform-card.active svg{color:var(--platform-color, #f97316)}.social-submit-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:opacity .2s}.social-submit-btn:hover{opacity:.9}.social-submit-btn:disabled{opacity:.5;cursor:not-allowed}.social-campaigns-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.social-loading{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);justify-content:center;padding:var(--spacing-xl)}.social-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--text-secondary);text-align:center;gap:var(--spacing-md)}.social-empty svg{color:#f97316;opacity:.4}.social-empty h3{margin:0;color:var(--text-primary)}.social-empty p{margin:0;font-size:var(--font-size-sm);max-width:340px}.social-campaign-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.social-campaign-card:hover{border-color:#f97316;background-color:var(--bg-hover)}.social-campaign-card-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1}.social-campaign-icon{color:#f97316;flex-shrink:0}.social-campaign-topic{margin:0;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-campaign-meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:.78rem;margin-top:2px}.social-campaign-meta span{white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.social-campaign-card-right{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);flex-shrink:0}.social-campaign-date{font-size:.78rem}.social-campaign-status{padding:2px 10px;border-radius:10px;font-size:.72rem;font-weight:500}.social-campaign-status--active{background:#22c55e26;color:#22c55e}.social-campaign-status--draft{background:#94a3b826;color:var(--text-secondary)}.social-campaign-status--completed{background:#3b82f626;color:#60a5fa}.social-campaign-status--paused{background:#fbbf2426;color:#fbbf24}.social-delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .2s}.social-delete-btn:hover{color:#ef4444}.social-campaign-detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.social-detail-header{display:flex;flex-direction:column;gap:var(--spacing-md)}.social-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);transition:color .2s}.social-back-btn:hover{color:#f97316}.social-detail-info h2{margin:0;font-size:1.3rem;color:var(--text-primary)}.social-detail-desc{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.social-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.social-meta-item{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.78rem}.social-stats-bar{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.social-stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.social-stat-value{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.social-stat-label{font-size:.7rem;color:var(--text-secondary)}.social-stat-pending{color:#fbbf24}.social-stat-approved{color:#22c55e}.social-stat-published{color:#60a5fa}.social-stat-rejected{color:#ef4444}.social-actions-bar{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.social-generate-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:opacity .2s}.social-generate-btn:hover{opacity:.9}.social-generate-btn:disabled{opacity:.5;cursor:not-allowed}.social-filter-tabs{display:flex;align-items:center;gap:2px;margin-left:auto;color:var(--text-secondary)}.social-filter-tab{padding:4px 10px;border:none;background:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.social-filter-tab:hover{background:var(--bg-tertiary)}.social-filter-tab.active{background:#f9731626;color:#f97316}.social-empty-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--text-secondary);text-align:center;gap:var(--spacing-md);background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.social-empty-posts svg{color:#f97316;opacity:.4}.social-empty-posts p{margin:0;font-size:var(--font-size-sm);max-width:320px}.social-posts-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.social-post-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.social-post-card:hover{border-color:#f9731666}.social-post-card--pending{border-left:3px solid #fbbf24}.social-post-card--approved{border-left:3px solid #22c55e}.social-post-card--published{border-left:3px solid #60a5fa}.social-post-card--rejected{border-left:3px solid #ef4444}.social-post-card-left{display:flex;align-items:flex-start;gap:var(--spacing-md);min-width:0;flex:1}.social-post-platform-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0}.social-post-card-info{min-width:0;flex:1}.social-post-preview{margin:0;font-size:.85rem;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-post-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:4px;font-size:.72rem;color:var(--text-secondary)}.social-post-tag-count{color:var(--text-secondary)}.social-post-schedule{display:inline-flex;align-items:center;gap:2px}.social-status-badge{padding:1px 8px;border-radius:10px;font-size:.72rem;font-weight:500}.social-status-pending{background:#fbbf2426;color:#fbbf24}.social-status-approved{background:#22c55e26;color:#22c55e}.social-status-published{background:#3b82f626;color:#60a5fa}.social-status-rejected{background:#ef444426;color:#ef4444}.social-status-scheduled{background:#8b5cf626;color:#8b5cf6}.social-post-card-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.social-action-btn{padding:5px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex}.social-action-btn:hover{color:var(--text-primary)}.social-action-approve:hover{color:#22c55e;border-color:#22c55e}.social-action-reject:hover{color:#ef4444;border-color:#ef4444}.social-chevron{color:var(--text-secondary)}.social-review-modal{max-width:720px;margin:0 auto}.social-review-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.social-review-platform{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;font-weight:600}.social-review-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.social-review-post-text{color:var(--text-primary);font-size:.95rem;line-height:1.7;white-space:pre-wrap}.social-review-hashtags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.social-hashtag{display:inline-block;padding:2px 10px;background:#f973161f;color:#f97316;border-radius:12px;font-size:.78rem}.social-review-image-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.social-review-image-section h4{display:flex;align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-sm);font-size:.85rem;color:var(--text-primary)}.social-image-prompt{margin:0;font-size:.82rem;color:var(--text-secondary);font-style:italic;background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.social-review-image{margin-top:var(--spacing-md)}.social-review-image img{max-width:100%;border-radius:var(--radius-md)}.social-review-schedule,.social-review-rejection{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);font-size:.82rem;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.social-review-rejection{color:#ef4444;background:#ef444414}.social-review-actions{display:flex;gap:var(--spacing-sm)}.social-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s}.social-btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.social-btn-approve:hover{opacity:.9}.social-btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.social-btn-reject:hover{opacity:.9}.social-btn-edit{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.social-btn-edit:hover{border-color:#f97316}.social-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.social-btn-secondary:hover{color:var(--text-primary)}.social-reject-modal,.social-edit-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.social-reject-modal h4,.social-edit-modal h4{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:.95rem}.social-reject-modal textarea,.social-edit-modal textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);resize:vertical;margin-bottom:var(--spacing-sm);box-sizing:border-box}.social-reject-modal textarea:focus,.social-edit-modal textarea:focus{outline:none;border-color:#f97316}.social-reject-actions,.social-edit-actions{display:flex;gap:var(--spacing-sm)}.sidebar-nav-social svg{color:#f97316}.sidebar-nav-social.active svg{color:#f97316}.sidebar-nav-social:hover svg{color:#fb923c}@keyframes social-spin{to{transform:rotate(360deg)}}.social-view .spin{animation:social-spin 1s linear infinite}.social-wizard{display:flex;flex-direction:column;gap:var(--spacing-lg)}.social-wizard-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.social-wizard-steps{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.82rem}.social-wizard-step{padding:2px 10px;border-radius:12px;font-weight:500}.social-wizard-step.active{background:#f9731626;color:#f97316}.social-wizard-step.done{background:#22c55e26;color:#22c55e}.social-wizard-footer{margin-top:var(--spacing-lg);display:flex;justify-content:flex-end}.social-accounts-select-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.social-accounts-platform-group h4{display:flex;align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-sm);font-size:.85rem;color:var(--text-primary)}.social-account-select-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;margin-bottom:var(--spacing-xs)}.social-account-select-item:hover{border-color:#f9731666}.social-account-select-item.selected{border-color:#f97316;background:#f973160d}.social-account-select-item input[type=checkbox]{accent-color:#f97316}.social-account-login{color:var(--text-secondary);font-size:.75rem;margin-left:auto}.social-projects-select-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.social-project-select-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.social-project-select-item:hover{border-color:#f9731666}.social-project-select-item.selected{border-color:#f97316;background:#f973160d}.social-project-select-item input[type=radio]{accent-color:#f97316}.social-project-select-name{font-size:.9rem;color:var(--text-primary);font-weight:500}.social-project-select-meta{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.72rem;margin-top:2px}.social-new-project-form h4{margin:0 0 var(--spacing-sm);font-size:.85rem;color:var(--text-secondary)}.social-new-project-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.social-new-project-input:focus{outline:none;border-color:#f97316}.social-section{margin-bottom:var(--spacing-xl)}.social-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.95rem;color:var(--text-primary);margin:0 0 var(--spacing-md)}.social-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm)}.social-project-card{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.social-project-card:hover{border-color:#f97316}.social-project-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.social-project-card-header h4{margin:0;font-size:.9rem;color:var(--text-primary)}.social-project-card-platforms{display:flex;gap:4px;margin-bottom:var(--spacing-xs)}.social-project-card-meta{font-size:.72rem;color:var(--text-secondary)}.social-project-link{display:inline-flex;align-items:center;gap:4px;color:#f97316;font-size:.78rem;cursor:pointer;transition:opacity .2s}.social-project-link:hover{opacity:.7}@media (max-width: 720px){.social-goal-grid{grid-template-columns:repeat(2,1fr)}.social-form-grid{grid-template-columns:1fr}.social-platform-grid,.social-stats-bar,.social-filter-tabs{flex-wrap:wrap}.social-projects-grid{grid-template-columns:1fr}.social-wizard-steps{display:none}}