.hierarchy-node{display:flex;flex-direction:column;padding:var(--spacing-2);cursor:pointer;border-left:2px solid transparent;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.hierarchy-node:hover{background-color:var(--color-background-elevated)}.hierarchy-node.active{background-color:var(--color-background-elevated);background-image:linear-gradient(90deg,rgba(200,110,60,.05) 0%,transparent 100%);border-left-color:var(--color-accent-copper);box-shadow:inset 1px 0 #c86e3c33}.node-content{display:flex;align-items:center;min-height:24px}.node-caret{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-muted);margin-right:var(--spacing-1);transition:color .2s ease}.node-caret:hover{color:var(--color-text-primary)}.node-caret .caret-icon{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.node-caret.expanded .caret-icon{transform:rotate(90deg)}.node-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.node-type-indicator{font-family:var(--font-family-mono);font-size:9px;font-weight:700;color:var(--color-background-base);background-color:var(--color-text-muted);padding:1px 4px;border-radius:2px;letter-spacing:.05em;transition:all .2s ease}.hierarchy-node.active .node-type-indicator{background-color:var(--color-accent-copper)}.node-name{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;transition:color .2s ease}.hierarchy-node.active .node-name{color:var(--color-accent-copper);font-weight:600}.node-l2-details{display:flex;align-items:center;padding-left:28px;margin-top:var(--spacing-1);gap:var(--spacing-3)}.progress-bar-container{flex:1;height:4px;background-color:var(--color-background-base);border-radius:2px;overflow:hidden;max-width:100px}.progress-bar-fill{height:100%;background-color:var(--color-accent-copper);border-radius:2px;transition:width .3s ease}.due-date{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.node-children-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1)}.node-children-container.expanded{grid-template-rows:1fr}.node-children-inner{overflow:hidden}.sidebar-container{width:280px;flex-shrink:0;background-color:var(--color-background-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;z-index:100;transition:var(--transition-smooth)}.sidebar-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-background-base)}.sidebar-title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:600;color:var(--accent-gold);letter-spacing:.1em;text-transform:uppercase}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-4);scrollbar-width:thin;scrollbar-color:var(--color-border-subtle) transparent}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--color-border-subtle);border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-focus)}@media (max-width: 768px){.sidebar-container{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);width:100%;z-index:2000;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.sidebar-container.open{transform:translate(0)}}.ai-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center}.ai-overlay-content{width:400px;max-width:90vw;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:8px;box-shadow:var(--shadow-luxury);display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-overlay-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}.ai-overlay-title{color:var(--accent-gold);font-family:var(--font-family-mono);font-weight:600;font-size:var(--font-size-sm)}.ai-overlay-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-lg)}.ai-overlay-close:hover{color:var(--text-primary)}.ai-overlay-body{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.info-package{background-color:var(--bg-tertiary);padding:var(--spacing-4);border:1px solid var(--border-color);border-radius:4px}.info-package h4{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--font-size-sm)}.info-package p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.action-btn-large{display:block;width:100%;margin-top:var(--spacing-2);padding:var(--spacing-2);background-color:#d4af370d;border:1px solid rgba(212,175,55,.3);color:var(--accent-gold);font-family:var(--font-family-sans);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;border-radius:4px}.action-btn-large:hover{background-color:#d4af3726;border-color:var(--accent-gold);color:#fff}.task-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.task-modal-content{background-color:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:8px;width:100%;max-width:500px;box-shadow:var(--shadow-luxury);display:flex;flex-direction:column;color:var(--color-text-primary);font-family:var(--font-family-sans)}.task-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle)}.task-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.task-modal-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer}.task-modal-close:hover{color:var(--color-text-primary)}.task-modal-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.task-form-row{display:flex;gap:var(--spacing-4)}.task-form-row>*{flex:1}.task-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.task-form-group label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:600}.task-input,.task-select{background-color:var(--color-background-base);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--spacing-2) var(--spacing-3);border-radius:4px;font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.task-input:focus,.task-select:focus{outline:none;border-color:var(--color-border-focus)}.task-modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end;gap:var(--spacing-3);background-color:var(--bg-tertiary);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.task-btn-secondary,.task-btn-primary{padding:var(--spacing-2) var(--spacing-4);border-radius:4px;font-family:inherit;font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.task-btn-secondary{background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.task-btn-secondary:hover{background:var(--bg-hover);color:var(--color-text-primary)}.task-btn-primary{background:var(--color-accent-copper);border:1px solid var(--color-accent-copper);color:#000}.task-btn-primary:hover{background:#a6682e}.ai-quick-actions{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.ai-quick-action-btn{background-color:var(--color-background-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-3);border-radius:4px;font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2);transition:all .2s}.ai-quick-action-btn:hover{background-color:var(--color-background-hover);color:var(--color-accent-copper);border-color:var(--color-accent-copper)}.ai-quick-action-btn .ai-icon{font-size:var(--font-size-md);color:var(--color-accent-copper)}.task-container{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow-y:auto;padding:var(--spacing-6) var(--spacing-8)}.task-container.empty-state{align-items:center;justify-content:center}.task-header{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--spacing-4)}.task-header-title{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em}.task-header-subtitle{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--accent-gold);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.05em}.task-content{display:flex;flex-direction:column;gap:var(--spacing-8)}.task-group{display:flex;flex-direction:column;gap:var(--spacing-4)}.task-group-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}.task-group-title{margin:0;font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:500}.task-list{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-subtle)}.task-list-header{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);background-color:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.task-list-header:hover{background-color:var(--bg-hover)}.task-list-chevron{font-size:var(--font-size-xs);color:var(--text-muted);margin-right:var(--spacing-3);transition:transform .2s ease;transform:rotate(0)}.task-list-chevron.collapsed{transform:rotate(-90deg)}.task-list-title{margin:0;flex:1;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.task-list-count{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-family-mono);background-color:var(--bg-primary);padding:2px 6px;border-radius:12px}.task-list-items{display:flex;flex-direction:column}.task-item-wrapper{display:flex;flex-direction:column;border-top:1px solid var(--color-border-subtle);background-color:transparent;transition:background-color .2s}.task-item-wrapper:hover{background-color:var(--bg-hover)}.task-item-wrapper.expanded{background-color:#ffffff05;box-shadow:inset 2px 0 0 var(--color-accent-copper)}.task-item{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-3);position:relative}.task-expand-toggle{background:transparent;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.task-expand-toggle:hover{color:var(--text-primary)}.task-item-expanded-area{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4) 48px;display:flex;flex-direction:column;gap:var(--spacing-3);animation:slide-down .2s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-tags-section{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.custom-tag{color:#fff;font-size:10px;font-family:var(--font-family-mono);text-transform:uppercase;padding:2px 8px;border-radius:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.add-tag-btn{background:transparent;border:1px dashed var(--color-border-subtle);color:var(--text-secondary);font-size:11px;padding:2px 8px;border-radius:12px;cursor:pointer;transition:all .2s}.add-tag-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--color-border-focus)}.task-rich-editor{border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-background-surface);display:flex;flex-direction:column;overflow:hidden}.rich-editor-toolbar{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);background:var(--bg-tertiary)}.rich-editor-toolbar button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;transition:all .2s}.rich-editor-toolbar button:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-separator{width:1px;height:16px;background:var(--color-border-subtle);margin:0 var(--spacing-2)}.rich-editor-textarea{width:100%;min-height:120px;background:transparent;border:none;color:var(--text-primary);padding:var(--spacing-3);font-family:var(--font-family-sans);font-size:var(--font-size-sm);resize:vertical}.rich-editor-textarea:focus{outline:none}.task-item.empty{color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm);justify-content:center;padding:var(--spacing-4)}.task-item-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;opacity:0;transition:opacity .2s;width:16px}.task-item:hover .task-item-drag-handle{opacity:1}.task-item-drag-handle:active{cursor:grabbing}.task-item-checkbox{width:16px;height:16px;border:1px solid var(--color-border-focus);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.task-item-checkbox:hover{border-color:var(--accent-gold)}.task-item-checkbox .checkmark{color:var(--accent-gold);font-size:12px;line-height:1}.task-item-title{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.task-item-title.completed{color:var(--text-muted);text-decoration:line-through}.task-item-meta{display:flex;gap:var(--spacing-2);align-items:center}.task-badge{font-family:var(--font-family-mono);font-size:10px;padding:2px 6px;border-radius:2px;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase}.task-badge.priority-urgent{color:#ff4a4a;border-color:#ff4a4a4d}.task-badge.priority-high{color:#ff9d00;border-color:#ff9d004d}.task-badge.priority-medium{color:var(--color-accent-metallic)}.task-badge.priority-low{color:var(--text-muted)}.task-badge.status-done{color:var(--accent-gold);border-color:var(--accent-gold-dim)}.task-badge.due-date{color:var(--text-secondary)}.task-item-actions{display:flex;gap:var(--spacing-2);margin-left:var(--spacing-4)}.action-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);width:24px;height:24px;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s}.action-btn:hover{background-color:var(--color-border-focus);color:var(--text-primary)}.action-btn.delete:hover{background-color:#ff4a4a1a;border-color:#ff4a4a66;color:#ff4a4a}.action-btn.ai-btn{color:var(--accent-gold)}.action-btn.ai-btn:hover{background-color:var(--accent-gold-dim);border-color:var(--accent-gold);color:#fff}.view-manager{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-background-elevated);border-bottom:1px solid var(--color-border-subtle);min-width:0;position:relative}.view-manager-tabs{display:flex;gap:var(--spacing-2);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.view-manager-tabs::-webkit-scrollbar{display:none}.view-tab{display:flex;align-items:center;gap:var(--spacing-2);background:transparent;border:1px solid transparent;color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);cursor:pointer;border-radius:4px;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.view-tab:hover{background-color:var(--color-background-surface);color:var(--color-text-primary)}.view-tab.active{background-color:var(--color-background-surface);color:var(--color-accent-copper);border-color:var(--color-border-subtle)}.view-tab-icon{font-size:var(--font-size-base)}.view-manager-actions{display:flex;gap:var(--spacing-2);flex-shrink:0;background-color:var(--color-background-elevated);padding-left:var(--spacing-3);z-index:10;box-shadow:-10px 0 10px var(--color-background-elevated)}.view-action-btn{background-color:var(--color-background-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-family-sans);font-size:var(--font-size-sm);cursor:pointer;border-radius:2px;transition:all .2s;flex-shrink:0}.view-action-btn:hover{background-color:var(--color-border-subtle);color:var(--color-text-primary)}@media (max-width: 768px){.mobile-menu-toggle{display:block!important}.view-manager{padding:var(--spacing-3)}}.gantt-container{flex:1;display:flex;flex-direction:column;background-color:var(--color-background-base);min-height:0;overflow:hidden}.gantt-group-container{display:flex;flex-direction:column}.gantt-group-header{display:flex;align-items:center;height:32px;background-color:var(--color-background-elevated);border-bottom:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);padding:0 var(--spacing-4);margin-top:-1px}.gantt-group-title{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent-copper);letter-spacing:.05em;text-transform:uppercase}.gantt-header{display:flex;flex-direction:column;border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-background-surface)}.gantt-title{padding:var(--spacing-4) var(--spacing-6);margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.gantt-timeline-header{display:flex;padding-left:250px;overflow:hidden}.gantt-day-marker{flex:0 0 80px;padding:var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);border-left:1px solid var(--color-border-subtle);text-align:center}.gantt-body{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.gantt-row{display:flex;border-bottom:1px solid var(--color-border-subtle);height:48px}.gantt-task-info{flex:0 0 250px;padding:0 var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);background-color:var(--color-background-surface);border-right:1px solid var(--color-border-subtle);z-index:2}.gantt-status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-muted)}.gantt-status-dot.status-done{background-color:var(--color-accent-copper)}.gantt-task-title{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-timeline-track{flex:1;position:relative;background-image:linear-gradient(to right,var(--color-border-subtle) 1px,transparent 1px);background-size:80px 100%;display:flex;align-items:center}.gantt-bar{position:absolute;height:28px;background:#14141466;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .3s ease;box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff1a}.gantt-bar:active{cursor:grabbing;transform:scale(.98)}.gantt-bar:hover{border-color:var(--color-accent-copper);box-shadow:0 4px 12px #c0845733,inset 0 1px #fff3}.gantt-bar.priority-urgent{background:linear-gradient(135deg,#ff4a4a4d,#ff4a4a1a);border-color:#ff4a4a80}.gantt-bar.priority-high{background:linear-gradient(135deg,#ff9d004d,#ff9d001a);border-color:#ff9d0080}.gantt-bar.priority-medium{background:linear-gradient(135deg,#6496ff33,#6496ff0d);border-color:#6496ff66}.gantt-bar.priority-low{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border-color:#ffffff26}.gantt-bar-content{font-size:var(--font-size-xs);color:var(--color-text-primary);padding:0 var(--spacing-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.gantt-drag-handle{width:8px;height:100%;cursor:col-resize;background-color:transparent;position:relative}.gantt-drag-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:12px;background-color:var(--color-text-muted);border-radius:1px}.gantt-drag-handle:hover:after{background-color:var(--color-accent-copper)}.gantt-empty{padding:var(--spacing-8);text-align:center;color:var(--color-text-muted);font-family:var(--font-family-mono)}.board-container{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow-y:hidden;padding:var(--spacing-6) var(--spacing-8);min-width:0;min-height:0}.board-container.empty-state{align-items:center;justify-content:center}.empty-message{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.board-header{margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--spacing-4);flex-shrink:0}.board-header-title{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em}.board-header-subtitle{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--accent-gold);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.05em}.board-content{flex:1;display:flex;gap:var(--spacing-4);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--spacing-4);min-height:0;min-width:0}.board-column{flex:0 0 300px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;box-shadow:var(--shadow-subtle);max-height:100%}.board-column-header{padding:var(--spacing-3) var(--spacing-4);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.board-column-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.board-column-count{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-family-mono);background-color:var(--bg-primary);padding:2px 6px;border-radius:12px}.board-column-items{flex:1;overflow-y:auto;padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3)}.board-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-3);cursor:grab;transition:transform .2s,box-shadow .2s,border-color .2s}.board-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-subtle);border-color:var(--color-border-focus)}.board-card:active{cursor:grabbing}.board-card-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-3);line-height:1.4}.board-card-meta{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.team-chat-container{display:flex;flex:1;min-height:0;background-color:var(--color-background-base);color:var(--color-text-primary);border-top:1px solid var(--color-border-subtle);overflow:hidden}.chat-sidebar{width:250px;background-color:var(--color-background-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;padding:var(--spacing-4) 0}.chat-section-title{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:700;letter-spacing:.1em;padding:0 var(--spacing-4);margin-bottom:var(--spacing-2)}.chat-channel{padding:var(--spacing-2) var(--spacing-4);cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:background-color .2s,color .2s}.chat-channel:hover{background-color:var(--color-background-elevated);color:var(--color-text-primary)}.chat-channel.active{background-color:var(--color-accent-copper-dim);color:var(--color-text-primary);border-left:3px solid var(--color-accent-copper)}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{height:60px;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);background-color:var(--color-background-surface)}.chat-header-title{display:flex;align-items:center;gap:var(--spacing-3)}.channel-name{font-weight:600;font-size:var(--font-size-lg)}.e2e-badge{display:flex;align-items:center;gap:var(--spacing-1);background-color:#00ff801a;color:#00ff80;padding:4px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:500;border:1px solid rgba(0,255,128,.2);white-space:nowrap}.lock-icon{font-size:10px}.webrtc-actions{display:flex;gap:var(--spacing-2)}.webrtc-btn{background:var(--color-background-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.webrtc-btn:hover{background:var(--color-accent-metallic);color:var(--color-background-base)}.chat-messages{flex:1;padding:var(--spacing-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.chat-message{display:flex;flex-direction:column;gap:4px}.message-header{display:flex;align-items:baseline;gap:var(--spacing-2)}.message-sender{font-weight:600;color:var(--color-text-primary)}.message-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.message-text{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5}.directive-message .message-text{background-color:var(--color-background-elevated);border:1px solid var(--color-accent-copper-dim);padding:var(--spacing-3);border-radius:8px;display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);border-left:4px solid var(--color-accent-copper)}.chat-input-area{padding:var(--spacing-4);border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--spacing-2);background-color:var(--color-background-surface)}.attach-directive-btn{background:var(--color-background-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:0 var(--spacing-3);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.attach-directive-btn:hover{background:var(--color-border-focus);color:var(--color-text-primary)}.chat-input{flex:1;background:var(--color-background-base);border:1px solid var(--color-border-subtle);border-radius:4px;padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base)}.chat-input:focus{outline:none;border-color:var(--color-border-focus)}.chat-send-btn{background:var(--color-accent-copper);color:#000;border:none;padding:0 var(--spacing-4);border-radius:4px;cursor:pointer;font-weight:600;transition:opacity .2s}.chat-send-btn:hover{opacity:.9}.business-feed-container{display:flex;flex-direction:column;flex:1;min-height:0;background-color:var(--color-background-base);color:var(--color-text-primary);overflow:hidden}.feed-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-background-surface);display:flex;justify-content:space-between;align-items:center}.feed-title{margin:0;font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em}.feed-filters{display:flex;gap:var(--spacing-2)}.feed-filter{background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:4px 12px;border-radius:16px;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.feed-filter:hover{background:var(--color-background-elevated);color:var(--color-text-primary)}.feed-filter.active{background:var(--color-accent-copper-dim);border-color:var(--color-accent-copper);color:var(--color-accent-copper)}.feed-content{flex:1;padding:var(--spacing-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-4);max-width:800px;margin:0 auto;width:100%}.feed-card{background-color:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:8px;padding:var(--spacing-5);transition:transform .2s,box-shadow .2s}.feed-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-subtle);border-color:var(--color-border-focus)}.feed-card.type-directive{border-left:4px solid var(--color-accent-copper)}.feed-card.type-alert{border-left:4px solid #ff4d4f}.feed-card.type-update{border-left:4px solid #1890ff}.feed-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.feed-card-meta{display:flex;align-items:center;gap:var(--spacing-3)}.feed-type-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.05em}.feed-type-badge.directive{background:var(--color-accent-copper-dim);color:var(--color-accent-copper)}.feed-type-badge.alert{background:#ff4d4f1a;color:#ff4d4f}.feed-type-badge.update{background:#1890ff1a;color:#1890ff}.feed-source{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.feed-time{font-size:var(--font-size-sm);color:var(--color-text-muted)}.feed-card-title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.feed-card-desc{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.feed-card-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-subtle)}.feed-action-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s;display:flex;align-items:center;gap:4px}.feed-action-btn:hover{color:var(--color-accent-copper)}.custom-editor-container{display:flex;flex-direction:column;flex:1;min-height:0;background-color:var(--bg-primary);color:var(--text-primary);overflow-y:auto;padding:var(--spacing-6) var(--spacing-8);font-family:var(--font-primary)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--spacing-4)}.editor-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em}.editor-actions{display:flex;gap:var(--spacing-4)}.editor-btn{background:var(--bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--text-secondary);padding:var(--spacing-2) var(--spacing-4);border-radius:4px;cursor:pointer;font-size:var(--font-size-sm);transition:all .2s;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.editor-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-accent-copper)}.editor-btn.primary{background:#d4af371a;color:var(--accent-gold);border-color:#d4af374d}.editor-btn.primary:hover{background:#d4af3733;border-color:var(--accent-gold);box-shadow:0 0 10px #d4af3733}.editor-canvas{max-width:800px;margin:0 auto;width:100%}.editor-block-wrapper{display:flex;align-items:flex-start;margin-bottom:.5rem;position:relative}.block-controls{width:40px;display:flex;justify-content:center;opacity:0;transition:opacity .2s;position:absolute;left:-40px;top:5px}.editor-block-wrapper:hover .block-controls{opacity:1}.format-menu-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem}.format-menu-btn:hover{background:var(--bg-hover);color:var(--accent-gold)}.format-popup{position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:100;box-shadow:0 4px 12px #00000080;min-width:120px}.format-popup button{background:transparent;border:none;color:var(--text-secondary);text-align:left;padding:.5rem;cursor:pointer;border-radius:2px;font-size:.85rem;transition:all .2s}.format-popup button:hover{background:var(--bg-hover);color:var(--accent-gold)}.editor-block{flex:1;width:100%}.block-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.6;resize:none;outline:none;overflow:hidden;padding:.25rem 0}.block-input::placeholder{color:var(--text-tertiary)}.type-h1 .block-input{font-size:2rem;font-weight:600;line-height:1.2;margin-top:1rem;color:var(--text-primary)}.type-h2 .block-input{font-size:1.5rem;font-weight:500;line-height:1.3;margin-top:.75rem;color:var(--text-primary)}.type-quote{border-left:3px solid var(--accent-gold);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--text-secondary)}.type-quote .block-input{color:var(--text-secondary)}.task-embed{background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:6px;margin:1rem 0;overflow:hidden;box-shadow:var(--shadow-subtle);transition:border-color .2s,box-shadow .2s}.task-embed:hover{border-color:var(--color-accent-copper);box-shadow:0 4px 12px #b873331a}.task-embed-header{background:var(--bg-tertiary);padding:.5rem 1rem;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.task-embed-icon{color:var(--accent-gold);font-size:1rem}.task-embed-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.task-embed-title{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.task-embed-meta{display:flex;gap:1rem;font-size:.85rem}.task-tag{background:#d4af371a;color:var(--accent-gold);padding:.2rem .5rem;border-radius:4px}.task-due{color:var(--text-secondary);display:flex;align-items:center}.task-action-btn{align-self:flex-start;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.task-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.bottom-nav{display:none;height:65px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);box-shadow:0 -4px 20px #0006;padding:0 var(--spacing-4);justify-content:space-around;align-items:center;flex-shrink:0;width:100%}.nav-btn{flex:1;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);padding:var(--spacing-2) 0}.nav-btn:hover{color:var(--color-text-primary);transform:translateY(-2px)}.nav-btn.active{color:var(--color-accent-copper)}.nav-icon{font-size:var(--font-size-xl);margin-bottom:4px;transition:transform .2s ease}.nav-btn.active .nav-icon{transform:scale(1.1);filter:drop-shadow(0 0 4px var(--color-accent-copper-dim))}.nav-label{font-size:.65rem;font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.05em;font-weight:600}@media (max-width: 768px){.bottom-nav{display:flex}}.ai-side-panel{display:flex;flex-direction:column;height:100%;gap:var(--spacing-3)}.ai-side-panel.empty{align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.ai-panel-header{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-copper);display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.ai-panel-body{display:flex;flex-direction:column;gap:var(--spacing-3)}.ai-insight-card{background-color:var(--color-background-elevated);border:1px solid var(--color-border-subtle);border-radius:4px;padding:var(--spacing-3)}.ai-insight-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.ai-insight-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin:0}.ai-chat-container{display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border-subtle);border-radius:4px;background-color:var(--color-background-base);overflow:hidden}.ai-chat-messages{flex:1;padding:var(--spacing-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-3)}.ai-message{display:flex;gap:var(--spacing-2);align-items:flex-start;max-width:90%}.ai-message.user{align-self:flex-end;flex-direction:row-reverse}.ai-message-bubble{background-color:var(--color-background-elevated);padding:var(--spacing-2) var(--spacing-3);border-radius:8px;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.4}.ai-message.user .ai-message-bubble{background-color:var(--color-accent-copper);color:#000}.ai-message.ai .ai-icon{color:var(--color-accent-copper);font-size:var(--font-size-sm);margin-top:4px}.ai-chat-input-area{display:flex;padding:var(--spacing-2);border-top:1px solid var(--color-border-subtle);background-color:var(--color-background-elevated)}.ai-chat-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);padding:var(--spacing-2);font-family:inherit;font-size:var(--font-size-sm)}.ai-chat-input:focus{outline:none}.ai-chat-send{background:transparent;border:none;color:var(--color-accent-copper);cursor:pointer;padding:0 var(--spacing-3);font-weight:600;font-size:var(--font-size-sm);transition:opacity .2s}.ai-chat-send:hover{opacity:.8}.ai-chat-send:disabled{opacity:.5;cursor:not-allowed}.ai-message-bubble.loading{font-style:italic;color:var(--color-text-muted)}.ai-panel-container{width:320px;background-color:var(--color-background-surface);border-left:1px solid var(--color-border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform .3s cubic-bezier(.25,.8,.25,1);flex-shrink:0;box-shadow:-4px 0 20px #0003}.ai-panel-header-bar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-background-elevated)}.ai-panel-close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;display:none}.ai-panel-title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-copper);letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:var(--spacing-2)}.ai-panel-content{flex:1;display:flex;flex-direction:column;overflow-y:hidden}.ai-panel-tabs{display:flex;border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-background-surface)}.ai-panel-tab{flex:1;padding:var(--spacing-3);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.ai-panel-tab:hover{background-color:var(--color-background-elevated);color:var(--color-text-primary)}.ai-panel-tab.active{color:var(--color-accent-copper);border-bottom-color:var(--color-accent-copper);background-color:var(--color-background-elevated)}.ai-panel-body-area{flex:1;display:flex;flex-direction:column;padding:var(--spacing-4);background-color:var(--color-background-base);overflow-y:auto}.ai-panel-overlay{display:none}@media (max-width: 1024px){.ai-panel-container{position:fixed;top:0;right:0;bottom:65px;transform:translate(100%);width:320px;max-width:100%;z-index:2000;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.ai-panel-container.open{transform:translate(0)}.ai-panel-close-btn{display:block}.ai-panel-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.ai-hub-container{width:320px;background-color:var(--color-background-surface);border-left:1px solid var(--color-border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform .3s cubic-bezier(.25,.8,.25,1);flex-shrink:0}.ai-hub-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);border-bottom:1px solid var(--color-border-subtle)}.ai-hub-close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;display:none}.ai-hub-title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-copper);letter-spacing:.1em}.ai-hub-content{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);overflow-y:auto}.ai-hub-tab{padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-radius:4px;transition:all .2s;border:1px solid transparent}.ai-hub-tab:hover{background-color:var(--color-background-elevated)}.ai-hub-tab.active{color:var(--color-text-primary);background-color:var(--color-background-elevated);border-color:var(--color-border-focus)}.ai-hub-panel{flex:1;display:flex;flex-direction:column;margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-background-base);border:1px solid var(--color-border-subtle);border-radius:4px;overflow:hidden}.ai-info-text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--spacing-4) 0}.ai-activity-bar{height:2px;background:linear-gradient(90deg,var(--color-accent-copper),transparent);width:100%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.ai-hub-overlay{display:none}@media (max-width: 1024px){.ai-hub-container{position:fixed;top:0;right:0;bottom:65px;transform:translate(100%);width:320px;max-width:100%;z-index:2000;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.ai-hub-container.open{transform:translate(0)}.ai-hub-close-btn{display:block}.ai-hub-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.crm-container{display:flex;flex-direction:column;flex:1;min-height:0;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;position:relative}.crm-header{padding:var(--spacing-4);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.crm-header h2{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.crm-main-content{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.crm-bottom-strip{height:60px;background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);flex-shrink:0}.strip-label{font-size:var(--font-size-xs);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.crm-toggle-avatars{display:flex;gap:var(--spacing-4)}.toggle-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);cursor:pointer;transition:var(--transition-smooth)}.toggle-avatar:hover{background-color:var(--bg-hover);border-color:var(--accent-gold)}.toggle-avatar.active{background-color:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary);box-shadow:0 0 10px var(--accent-gold-dim)}.crm-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.crm-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-2)}.crm-card-header h3{margin:0;font-size:var(--font-size-base);color:var(--accent-gold)}.badge{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:4px;border:1px solid var(--border-color)}.crm-table-container{overflow-x:auto}.crm-table{width:100%;border-collapse:collapse}.crm-table th,.crm-table td{padding:var(--spacing-3);text-align:left;border-bottom:1px solid var(--border-color)}.crm-table th{color:var(--text-secondary);font-weight:500;background-color:var(--bg-tertiary)}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:2px;font-size:var(--font-size-xs)}.status-badge.active{background-color:#2ecc711a;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.status-badge.pending{background-color:#f1c40f1a;color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.status-badge.inactive{background-color:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.crm-form-layout{display:flex;flex-direction:column;gap:var(--spacing-4)}.crm-form-row{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}.crm-form-group{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.crm-form-group label{font-size:var(--font-size-sm);color:var(--text-secondary)}.crm-input,.crm-select,.crm-textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-2);border-radius:4px;font-family:inherit;transition:var(--transition-fast)}.crm-textarea{min-height:100px;resize:vertical}.crm-input:focus,.crm-select:focus,.crm-textarea:focus{outline:none;border-color:var(--accent-gold)}.crm-btn-primary{background-color:var(--accent-gold);color:var(--bg-primary);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:4px;cursor:pointer;font-weight:700;transition:opacity .2s}.crm-btn-primary:hover{opacity:.9}.crm-btn-primary.full-width{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base)}.crm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.crm-btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-2) var(--spacing-4);border-radius:4px;cursor:pointer;transition:all .2s}.crm-btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--color-border-focus)}.crm-ai-prompt-section{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.crm-html-preview{background-color:var(--text-primary);color:var(--bg-primary);padding:var(--spacing-4);border-radius:4px;border:1px solid var(--border-color)}.crm-code-block{background-color:var(--bg-primary);padding:var(--spacing-4);border-radius:4px;overflow-x:auto;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary);border:1px solid var(--border-color)}.telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-4)}.metric-box{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-4);border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.metric-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-gold)}.metric-value.error{color:#e74c3c}.telemetry-chart{height:200px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--spacing-4);padding:var(--spacing-4);display:flex;align-items:center;justify-content:center}.telemetry-chart-bars{display:flex;align-items:flex-end;gap:var(--spacing-4);height:100px;margin-top:var(--spacing-4);width:80%;justify-content:center}.telemetry-chart-bars .bar{width:20px;background-color:var(--accent-gold);opacity:.7}.instruction-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.sync-status-bar{height:40px;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-background-surface);border-top:1px solid var(--color-border-subtle);padding:0 16px;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:.75rem;letter-spacing:.5px;flex-shrink:0;width:100%}.sync-status-indicator{display:flex;align-items:center;gap:8px;min-width:90px}.status-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 4px currentColor}.status-dot.online{background-color:#10b981;color:#10b981}.status-dot.offline{background-color:#ef4444;color:#ef4444}.status-dot.pending{background-color:#f59e0b;color:#f59e0b}.status-dot.syncing{background-color:#3b82f6;color:#3b82f6;animation:pulse-sync 1s infinite alternate}@keyframes pulse-sync{0%{transform:scale(1);opacity:.7}to{transform:scale(1.3);opacity:1}}.sync-status-text{text-transform:uppercase;font-weight:600;color:var(--color-text-secondary)}.sync-status-details{display:flex;color:var(--color-text-muted);flex:1;justify-content:center}.last-synced-time{white-space:nowrap}.sync-status-controls{display:flex;align-items:center;gap:8px}.control-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:4px;padding:4px 8px;font-size:.7rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.control-btn:hover{background-color:var(--color-background-elevated);color:var(--color-text-primary)}.control-btn.active{background-color:#10b9811a;border-color:#10b981;color:#10b981}.control-btn.offline-toggle.active{background-color:#ef44441a;border-color:#ef4444;color:#ef4444}.e2e-icon,.offline-icon{width:12px;height:12px}@media (max-width: 768px){.sync-status-details{display:none}.sync-status-text{font-size:.65rem}.control-btn{padding:4px 6px}.e2e-text,.offline-text{display:none}}.toast-container{position:fixed;bottom:80px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:10000;pointer-events:none}.toast{background-color:var(--color-background-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:12px 20px;border-radius:6px;box-shadow:var(--shadow-luxury);font-size:.85rem;font-family:var(--font-family-sans);pointer-events:auto;cursor:pointer;animation:toast-slide-in .3s cubic-bezier(.2,.8,.2,1);border-left:4px solid var(--color-accent-copper)}.toast-success{border-left-color:#10b981}.toast-warning{border-left-color:#f59e0b}.toast-error{border-left-color:#ef4444}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.global-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.global-modal-content{background-color:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:8px;width:100%;max-width:450px;box-shadow:var(--shadow-luxury);display:flex;flex-direction:column;color:var(--color-text-primary);animation:slide-up .2s cubic-bezier(.2,.8,.2,1)}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.global-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle)}.global-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent-copper)}.global-modal-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;padding:0;line-height:1}.global-modal-close:hover{color:var(--color-text-primary)}.global-modal-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.global-modal-desc{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.global-modal-fields{display:flex;flex-direction:column;gap:var(--spacing-4)}.global-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.global-form-group label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:600}.global-input{background-color:var(--color-background-base);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--spacing-3);border-radius:4px;font-family:inherit;font-size:var(--font-size-sm);width:100%}.global-input:focus{outline:none;border-color:var(--color-accent-copper);box-shadow:0 0 0 1px var(--color-accent-copper-dim)}.global-modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end;gap:var(--spacing-3);background-color:var(--bg-tertiary);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.global-btn-secondary,.global-btn-primary,.global-btn-danger{padding:var(--spacing-2) var(--spacing-4);border-radius:4px;font-family:inherit;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.global-btn-secondary{background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.global-btn-secondary:hover{background:var(--bg-hover);border-color:var(--color-text-secondary)}.global-btn-primary{background:var(--color-accent-copper);border:1px solid var(--color-accent-copper);color:#000}.global-btn-primary:hover{background:#a6682e}.global-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:#ef4444}.global-btn-danger:hover{background:#ef444433;border-color:#ef4444}.calendar-container{flex:1;display:flex;flex-direction:column;background-color:var(--color-background-base);min-height:0;overflow:hidden;padding:var(--spacing-4);gap:var(--spacing-4);color:var(--color-text-primary)}.calendar-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-background-surface);padding:var(--spacing-4) var(--spacing-6);border-radius:12px;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-luxury)}.calendar-title{font-size:var(--font-size-xl);font-weight:500;letter-spacing:-.02em}.calendar-actions{display:flex;gap:var(--spacing-3)}.calendar-ai-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(192,132,87,.3);color:var(--color-accent-copper);padding:var(--spacing-2) var(--spacing-4);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.calendar-ai-btn:hover{background:#c084571a;border-color:var(--color-accent-copper);box-shadow:0 0 15px #c084574d;transform:translateY(-1px)}.calendar-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(100px,1fr);gap:var(--spacing-2);background-color:var(--color-background-surface);padding:var(--spacing-4);border-radius:12px;border:1px solid var(--color-border-subtle);overflow-y:auto}.calendar-day-header{text-align:center;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-subtle)}.calendar-day{background-color:var(--color-background-elevated);border-radius:8px;border:1px solid var(--color-border-subtle);padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1);transition:border-color .2s}.calendar-day:hover{border-color:var(--color-border-focus)}.calendar-day.today{border-color:var(--color-accent-copper);box-shadow:inset 0 0 0 1px var(--color-accent-copper)}.calendar-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--spacing-1)}.calendar-day.today .calendar-date{color:var(--color-accent-copper)}.calendar-task{font-size:11px;padding:var(--spacing-1) var(--spacing-2);background-color:#ffffff0d;border:1px solid var(--color-border-subtle);border-radius:4px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all .2s ease}.calendar-task:hover{background-color:#c084571a;border-color:var(--color-accent-copper)}.pin-lock-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--bg-primary, #000);color:var(--color-text-primary, #e0e0e0);font-family:var(--font-family-mono, monospace);position:fixed;top:0;left:0;z-index:9999}.pin-lock-title{font-size:24px;margin-bottom:2rem;letter-spacing:2px;color:var(--color-accent-copper, #c08457)}.pin-display{display:flex;gap:1rem;margin-bottom:3rem}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-accent-copper, #c08457);transition:all .2s ease}.pin-dot.filled{background-color:var(--color-accent-copper, #c08457);box-shadow:0 0 10px #c0845780}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.pin-btn{width:70px;height:70px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-primary, #fff);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pin-btn:hover,.pin-btn:active{background:#c0845733;border-color:var(--color-accent-copper, #c08457)}.pin-error{color:#ff4d4d;margin-top:2rem;height:20px;animation:shake .4s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;background-color:var(--color-background-base);color:var(--color-text-primary);font-family:var(--font-family-sans)}.app-main-row{display:flex;flex:1;min-height:0;width:100%;overflow:hidden}.main-content-area{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;min-width:0}.app-bottom-bars{flex-shrink:0;display:flex;flex-direction:column}:root{--color-background-base: #0A0A0A;--color-background-surface: #141414;--color-background-elevated: #1F1F1F;--bg-primary: #0A0A0A;--bg-secondary: #141414;--bg-tertiary: #1F1F1F;--bg-hover: #2A2A2A;--color-accent-metallic: #9EA5AD;--color-accent-copper: #B87333;--color-accent-copper-dim: rgba(184, 115, 51, .2);--accent-gold: #D4AF37;--accent-gold-dim: rgba(212, 175, 55, .2);--color-border-subtle: #2C2C2C;--color-border-focus: #4A4A4A;--border-color: #2C2C2C;--glass-bg: rgba(20, 20, 20, .7);--glass-border: rgba(255, 255, 255, .05);--glass-blur: blur(16px);--shadow-luxury: 0 8px 32px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-subtle: 0 4px 12px rgba(0, 0, 0, .3);--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast: all .15s ease-in-out;--color-text-primary: #F0F0F0;--color-text-secondary: #A0A0A0;--color-text-muted: #666666;--text-primary: #F0F0F0;--text-secondary: #A0A0A0;--text-tertiary: #666666;--font-family-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "Space Mono", "JetBrains Mono", "Fira Code", Consolas, monospace;--font-primary: var(--font-family-sans);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem}body{background-color:var(--color-background-base);color:var(--color-text-primary);font-family:var(--font-family-sans);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}button{white-space:nowrap;flex-shrink:0;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:3px;transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-focus)}::selection{background:var(--color-accent-copper-dim);color:var(--text-primary)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-luxury)}