@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.auth-container{background-color:var(--bg-app);width:100vw;height:100vh;font-family:var(--font-sans);display:flex}.auth-left{background:linear-gradient(135deg, var(--color-primary-600), var(--color-accent-500));color:#fff;flex-direction:column;flex:1;justify-content:space-between;padding:4rem;display:flex}.auth-brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.auth-logo{width:40px;height:40px;color:var(--color-primary-600);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.auth-hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.auth-hero h1 span{color:#ffb74d}.auth-hero p{opacity:.9;max-width:480px;margin-bottom:3rem;font-size:1.125rem;line-height:1.6}.auth-features{flex-direction:column;gap:2rem;display:flex}.auth-feature{align-items:flex-start;gap:16px;display:flex}.feature-icon{background:#fff3;border-radius:12px;flex-shrink:0;width:44px;height:44px;padding:10px}.auth-feature h3{margin-bottom:4px;font-size:1.125rem;font-weight:600}.auth-feature p{opacity:.8;margin:0;font-size:.875rem}.auth-right{background:var(--bg-surface);justify-content:center;align-items:center;width:480px;display:flex;position:relative}.auth-form-wrapper{width:100%;max-width:360px;padding:2rem}.auth-form-header{margin-bottom:2rem}.auth-form-header h2{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:1.75rem;font-weight:600}.auth-form-header p{color:var(--text-secondary);font-size:.9375rem}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.auth-input-icon{position:relative}.auth-input-icon svg{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.auth-input-icon .input{width:100%;height:44px;padding-left:36px;font-size:1rem}.auth-submit{justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:.5rem;font-size:1rem;font-weight:500;display:flex}.auth-back{width:100%;height:44px;font-size:.9375rem;font-weight:500}.auth-alert{border-radius:var(--radius-md);margin-bottom:1.5rem;padding:12px 16px;font-size:.875rem;font-weight:500}.auth-alert.error{background:var(--color-danger-50);color:var(--color-danger-600);border:1px solid var(--color-danger-200)}.auth-alert.success{background:var(--color-success-50);color:var(--color-success-600);border:1px solid var(--color-success-200)}.btn-link{color:var(--color-primary-500);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:500}.btn-link:hover{text-decoration:underline}.auth-footer{color:var(--text-tertiary);text-align:center;margin-top:2rem;font-size:.75rem;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.auth-left{display:none}.auth-right{width:100%}}.crypto-ticker{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex;overflow-x:auto}.crypto-ticker-item{font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:6px;padding:2px 8px;display:flex}.crypto-ticker-label{color:var(--text-tertiary);font-weight:var(--font-medium);font-size:11px}.crypto-ticker-value{font-weight:var(--font-bold);color:var(--text-primary)}.crypto-ticker-change{font-size:var(--text-xs);font-weight:var(--font-semibold)}.crypto-ticker-change.positive{color:var(--color-success)}.crypto-ticker-change.negative{color:var(--color-danger)}.crypto-ticker-divider{background:var(--border-light);flex-shrink:0;width:1px;height:20px}.dashboard-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(6,1fr);display:grid}.dashboard-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.dashboard-tasks-card{grid-column:1/-1}.focus-list{gap:var(--space-1);flex-direction:column;display:flex}.focus-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;display:flex}.focus-item:hover{background:var(--bg-surface-hover)}.focus-item-icon{border-radius:var(--radius-md);background:var(--bg-surface-secondary);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.focus-item-content{flex:1;min-width:0}.focus-item-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.focus-item-reason{font-size:var(--text-xs);color:var(--text-secondary)}.pipeline-bars{gap:var(--space-3);flex-direction:column;display:flex}.pipeline-row{align-items:center;gap:var(--space-3);grid-template-columns:120px 1fr 32px 70px;display:grid}.pipeline-label{font-size:var(--text-sm);color:var(--text-secondary);text-align:right}.pipeline-bar-track{background:var(--bg-surface-secondary);border-radius:var(--radius-sm);height:24px;overflow:hidden}.pipeline-bar-fill{border-radius:var(--radius-sm);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1);animation:.8s both barGrow}@keyframes barGrow{0%{width:0!important}}.pipeline-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center}.pipeline-amount{font-size:var(--text-xs);color:var(--text-secondary);text-align:right}.sources-list{gap:var(--space-3);flex-direction:column;display:flex}.source-row{align-items:center;gap:var(--space-3);grid-template-columns:80px 1fr 40px;display:grid}.source-name{font-size:var(--text-sm);color:var(--text-secondary)}.source-bar-track{background:var(--bg-surface-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.source-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s;animation:.8s both barGrow}.source-pct{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:right}.events-list{gap:var(--space-1);flex-direction:column;display:flex}.event-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-light);display:flex}.event-item:last-child{border-bottom:none}.event-time{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);font-weight:var(--font-medium);flex-shrink:0;width:40px}.event-icon-wrapper{border-radius:var(--radius-full);background:var(--bg-surface-secondary);width:24px;height:24px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tasks-checklist{gap:var(--space-1);flex-direction:column;display:flex}.task-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.task-item:hover{background:var(--bg-surface-hover)}.task-item input[type=checkbox]{display:none}.task-checkbox{border:2px solid var(--border-strong);border-radius:var(--radius-sm);width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;position:relative}.task-item input:checked+.task-checkbox{background:var(--color-success);border-color:var(--color-success)}.task-item input:checked+.task-checkbox:after{content:"✓";color:#fff;font-size:11px;font-weight:var(--font-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task-item.done .task-item-title{color:var(--text-tertiary);text-decoration:line-through}.task-item-content{justify-content:space-between;align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.task-item-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-item-meta{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0;align-items:center;display:flex}.dashboard-news-list{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-news-item{padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;color:inherit;border:1px solid var(--border-light);text-decoration:none;display:block}.dashboard-news-item:hover{background:var(--bg-surface-hover)}.dashboard-news-meta{align-items:center;gap:var(--space-2);color:var(--text-tertiary);margin-bottom:4px;font-size:10px;display:flex}.dashboard-news-author{font-weight:var(--font-semibold);color:var(--text-secondary)}.dashboard-news-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 4px}.dashboard-news-body{font-size:var(--text-xs);color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width<=1280px){.dashboard-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.pipeline-row{grid-template-columns:90px 1fr 28px 60px}}@media (width<=768px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dashboard-kpi-grid{grid-template-columns:1fr}.pipeline-row{font-size:var(--text-xs);grid-template-columns:70px 1fr 24px 50px}}.clients-page{animation:.2s fadeIn}.clients-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.clients-toolbar .search-input-wrapper{flex:1;min-width:200px;max-width:360px}.clients-toolbar .search-input-wrapper .input{padding-left:var(--space-10);background:var(--bg-surface);border:1px solid var(--border-default)}.client-row{cursor:pointer}.client-row td{transition:background var(--transition-fast)}.client-row:hover td{background:var(--bg-surface-hover)}.client-name-cell{align-items:center;gap:var(--space-3);display:flex}.client-avatar{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-avatar.company{background:linear-gradient(135deg, var(--color-primary-400), var(--color-primary-600));border-radius:var(--radius-md)}.client-avatar.individual{background:linear-gradient(135deg, var(--color-accent-400), var(--color-accent-500));border-radius:var(--radius-full)}.client-name-info{flex-direction:column;min-width:0;display:flex}.client-name-text{font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-name-sub{font-size:var(--text-xs);color:var(--text-tertiary)}.contact-chip{background:var(--bg-surface-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:default;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.contact-chips{flex-wrap:wrap;gap:4px;display:flex}.client-stat{font-size:var(--text-sm);font-weight:var(--font-medium)}.client-stat.positive{color:var(--color-success-600)}.client-stat.zero{color:var(--text-tertiary)}.client-stat.negative{color:var(--color-danger)}.client-tags{flex-wrap:wrap;gap:4px;display:flex}.client-tag{background:var(--color-primary-100);color:var(--color-primary-700);font-size:11px;font-weight:var(--font-medium);border-radius:var(--radius-full);padding:1px 8px}[data-theme=dark] .client-tag{color:var(--color-primary-300);background:#5b4cfa26}.client-panel-overlay{background:var(--bg-overlay);z-index:var(--z-modal);animation:.15s fadeIn;position:fixed;inset:0}.client-panel{background:var(--bg-surface);width:640px;max-width:100vw;z-index:calc(var(--z-modal) + 1);flex-direction:column;transition:width .3s,left .3s;animation:.25s slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #00000026}.client-panel.fullscreen{width:100vw;box-shadow:none;left:0}.client-fullchat{flex-direction:column;flex:1;min-height:0;display:flex}.client-fullchat-messages{padding:var(--space-3);gap:var(--space-2);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.client-fullchat-compose{gap:var(--space-2);padding-top:var(--space-2);flex-shrink:0;align-items:center;display:flex}.client-fullchat-compose .input{font-size:var(--text-sm);flex:1}.client-chat-bubble{border-radius:var(--radius-lg);max-width:65%;font-size:var(--text-sm);box-shadow:var(--shadow-sm);padding:8px 14px;position:relative}.client-chat-bubble.me{background:var(--color-primary);color:#fff;align-self:flex-end}.client-chat-bubble.them{background:var(--bg-surface);color:var(--text-primary);align-self:flex-start}.client-chat-bubble .bubble-time{opacity:.7;text-align:right;margin-top:2px;font-size:10px}.client-chat-attach-bar{gap:var(--space-1);padding:var(--space-1) 0;flex-shrink:0;display:flex}.client-chat-attach-item{background:var(--bg-surface-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:6px 12px;display:flex}.client-chat-attach-item:hover{background:var(--color-primary-50);color:var(--color-primary)}.recording-bar{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-danger);background:#ef44441a;padding:6px 12px;display:flex}.recording-bar .rec-dot{background:var(--color-danger);border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}.client-fullchat-header{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-2);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.client-panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.client-panel-title{align-items:center;gap:var(--space-3);display:flex}.client-panel-title h2{font-size:var(--text-lg);font-weight:var(--font-semibold)}.client-panel-actions{gap:var(--space-2);display:flex}.client-panel-body{padding:var(--space-5);flex:1;overflow-y:auto}.client-panel-section{margin-bottom:var(--space-6)}.client-panel-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex}.detail-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium)}.detail-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.detail-value.empty{color:var(--text-tertiary);font-style:italic}.panel-contact-list{gap:var(--space-2);flex-direction:column;display:flex}.panel-contact-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.panel-contact-item:hover{background:var(--bg-surface-hover)}.panel-contact-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent-400), var(--color-primary-400));color:#fff;width:28px;height:28px;font-size:11px;font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.panel-contact-info{flex:1;min-width:0}.panel-contact-name{font-size:var(--text-sm);font-weight:var(--font-medium)}.panel-contact-role{font-size:var(--text-xs);color:var(--text-tertiary)}.panel-contact-channels{gap:var(--space-1);display:flex}.channel-icon{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.channel-icon:hover{color:var(--color-primary);background:var(--color-primary-100)}.panel-stats-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.panel-stat-card{padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md);text-align:center}.panel-stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.panel-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid .full-width{grid-column:1/-1}.type-selector{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.type-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex:1;display:flex}.type-option:hover{border-color:var(--border-strong)}.type-option.selected{border-color:var(--color-primary);background:var(--color-primary-50)}[data-theme=dark] .type-option.selected{background:#5b4cfa1a}.type-option-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.type-option-icon.company{background:var(--color-primary-100);color:var(--color-primary)}.type-option-icon.individual{background:var(--color-accent-100);color:var(--color-accent-500)}[data-theme=dark] .type-option-icon.company{background:#5b4cfa26}[data-theme=dark] .type-option-icon.individual{background:#22d3ee26}.type-option-text{flex-direction:column;display:flex}.type-option-title{font-weight:var(--font-semibold);font-size:var(--text-sm)}.type-option-desc{font-size:var(--text-xs);color:var(--text-secondary)}@media (width<=768px){.client-panel{width:100vw}.detail-grid,.form-grid{grid-template-columns:1fr}.panel-stats-grid{grid-template-columns:repeat(3,1fr)}.type-selector{flex-direction:column}.clients-toolbar{flex-direction:column;align-items:stretch}.clients-toolbar .search-input-wrapper{max-width:none}}.leads-page{padding:0}.lead-kanban{gap:var(--space-3);padding:var(--space-4) 0;min-height:60vh;display:flex;overflow-x:auto}.lead-kanban-col{background:var(--bg-surface-secondary);border-radius:var(--radius-xl);flex-direction:column;flex:1;min-width:240px;max-width:320px;transition:box-shadow .2s;display:flex}.lead-kanban-col.drag-over{box-shadow:inset 0 0 0 2px var(--color-primary)}.lead-kanban-col-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);display:flex}.lead-kanban-col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lead-kanban-col-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.lead-kanban-col-count{background:var(--bg-surface);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);padding:1px 8px}.lead-kanban-col-amount{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-success);font-family:var(--font-mono);margin-left:auto}.lead-kanban-col-body{padding:var(--space-2);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.lead-kanban-empty{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);border:2px dashed var(--border-light);border-radius:var(--radius-lg);margin:var(--space-2);flex-direction:column;display:flex}.lead-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-3);cursor:grab;border:1px solid var(--border-light);-webkit-user-select:none;user-select:none;transition:all .15s}.lead-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.lead-card:active{cursor:grabbing;transform:scale(.98)}.lead-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.lead-card-source{font-size:10px;font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:2px 8px}.lead-card-amount{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-success);font-family:var(--font-mono)}.lead-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.lead-card-client{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-2);align-items:center;gap:4px;display:flex}.lead-card-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.lead-card-manager,.lead-card-date{color:var(--text-tertiary);font-size:10px}.lead-stage-pipeline{flex-wrap:wrap;gap:4px;display:flex}.lead-stage-btn{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--bg-surface-secondary);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;transition:all .15s;display:flex}.lead-stage-btn:hover{border-color:var(--stage-color);color:var(--stage-color)}.lead-stage-btn.active{background:var(--stage-color);color:#fff;border-color:var(--stage-color)}.lead-actions-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-light);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.lead-action-main{width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);justify-content:center}.lead-action-secondary{gap:var(--space-2);justify-content:center;display:flex}.deals-page{animation:.2s fadeIn}.kanban-card.deal-card{position:relative}.deal-card-stage-bar{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.deal-card-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.deal-card-client{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.deal-card-client-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));color:#fff;width:20px;height:20px;font-size:8px;font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.deal-card-probability{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:3px;display:flex}.deal-progress-bar{background:var(--bg-surface-secondary);border-radius:var(--radius-full);width:40px;height:4px;overflow:hidden}.deal-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s}.kanban-column-sum{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);padding:var(--space-1) var(--space-4);border-top:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;display:flex}.deal-amount-display{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary);text-align:center;padding:var(--space-3) 0}.deal-probability-display{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.deal-probability-bar{background:var(--bg-surface);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.deal-probability-fill{border-radius:var(--radius-full);background:var(--color-primary);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.deal-probability-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:right;min-width:36px}.deal-products-list{gap:var(--space-2);flex-direction:column;display:flex}.deal-product-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-md);display:flex}.deal-product-name{font-size:var(--text-sm);font-weight:var(--font-medium);flex:1}.deal-product-qty{font-size:var(--text-xs);color:var(--text-secondary)}.deal-product-price{font-size:var(--text-sm);font-weight:var(--font-semibold)}.deal-stage-badge{font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.deal-stage-badge.new{background:var(--color-primary-100);color:var(--color-primary-700)}.deal-stage-badge.proposal{background:var(--color-warning-100);color:var(--color-warning-700)}.deal-stage-badge.negotiation{background:var(--color-accent-100);color:var(--color-accent-600)}.deal-stage-badge.contract{color:#8b5cf6;background:#8b5cf61a}.deal-stage-badge.won{background:var(--color-success-100);color:var(--color-success-700)}.deal-stage-badge.lost{background:var(--color-danger-100);color:var(--color-danger)}[data-theme=dark] .deal-stage-badge.new{color:var(--color-primary-300);background:#5b4cfa26}[data-theme=dark] .deal-stage-badge.proposal{color:var(--color-warning-400);background:#f59e0b26}[data-theme=dark] .deal-stage-badge.negotiation{color:var(--color-accent-400);background:#22d3ee26}[data-theme=dark] .deal-stage-badge.contract{color:#a78bfa;background:#8b5cf626}[data-theme=dark] .deal-stage-badge.won{color:var(--color-success-400);background:#10b98126}[data-theme=dark] .deal-stage-badge.lost{background:#ef444426}.lead-status-flow{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;white-space:nowrap;display:flex;overflow-x:auto}.lead-status-step{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);padding:2px var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.lead-status-step:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.lead-status-step.completed{color:var(--text-primary)}.lead-status-step.active{background:var(--color-primary-100);color:var(--color-primary-700)}[data-theme=dark] .lead-status-step.active{color:var(--color-primary-300);background:#5b4cfa33}.lead-status-arrow{color:var(--border-strong)}@media (width<=768px){.deals-page .kanban-board{flex-direction:column}.deals-page .kanban-column{flex:none;width:100%;max-height:none}}.doc-modal-overlay{z-index:9999;background:#000c;flex-direction:column;display:flex;position:fixed;inset:0}.doc-modal-header{background:var(--bg-surface);border-bottom:1px solid var(--border-light);height:60px;color:var(--text-primary);justify-content:space-between;align-items:center;padding:0 20px;font-weight:600;display:flex}.doc-modal-body{flex:1;justify-content:center;padding:40px;display:flex;overflow-y:auto}.doc-page{color:#000;background:#fff;width:210mm;min-height:297mm;padding:20mm;font-family:Times New Roman,Times,serif;font-size:14px;line-height:1.5;box-shadow:0 10px 30px #0003}.doc-page h2{text-align:center;margin-bottom:20px;font-size:18px;font-weight:700}.doc-page h3{margin:20px 0 10px;font-size:16px;font-weight:700}.doc-page p{text-align:justify;margin-bottom:10px}.doc-table{border-collapse:collapse;width:100%;margin:20px 0}.doc-table th,.doc-table td{text-align:left;border:1px solid #000;padding:8px}.doc-table th{background:#f0f0f0;font-weight:700}.doc-signatures{justify-content:space-between;margin-top:40px;display:flex}.doc-col{width:45%}.doc-col p{margin-bottom:5px}@media print{@page{size:A4;margin:20mm}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;box-shadow:none;background:0 0;margin:0;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}}.tasks-page{animation:.2s fadeIn}.task-kanban{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.task-kanban-col{flex-direction:column;gap:0;display:flex}.task-kanban-col-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);margin-bottom:var(--space-2);display:flex}.task-kanban-col-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.task-kanban-col-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.task-kanban-col-count{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-surface-secondary);border-radius:var(--radius-full);margin-left:auto;padding:1px 8px}.task-kanban-col-body{gap:var(--space-2);flex-direction:column;min-height:120px;display:flex}.task-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.task-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.task-card-priority{font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;display:flex}.task-card-ref{color:var(--color-primary);background:var(--color-primary-50);border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-mono);padding:1px 6px}.task-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--space-1) 0;line-height:1.4}.task-card-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin:0 0 var(--space-2) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.task-card-footer{justify-content:space-between;align-items:center;display:flex}.task-card-assignee,.task-card-due{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.task-card-due.overdue{color:var(--color-danger);font-weight:var(--font-semibold)}.task-status-selector{gap:var(--space-2);flex-wrap:wrap;display:flex}.task-status-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-light);background:var(--bg-surface);align-items:center;gap:6px;display:flex}.task-status-btn:hover{border-color:var(--col-color);color:var(--col-color)}.task-status-btn.active{background:var(--col-color);color:#fff;border-color:var(--col-color)}.task-kanban-col.drag-over{background:var(--color-primary-50);border-radius:var(--radius-lg);border:2px dashed var(--color-primary-300)}[data-theme=dark] .task-kanban-col.drag-over{background:#5b4cfa14}.kanban-drop-placeholder{border:2px dashed var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-surface-secondary)}.task-card[draggable]{cursor:grab}.task-card[draggable]:active{cursor:grabbing;opacity:.6}@media (width<=768px){.task-kanban{grid-template-columns:1fr}}.products-page{animation:.2s fadeIn}.products-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.product-grid-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.product-grid-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-grid-card.inactive{opacity:.6}.product-grid-image{background:var(--bg-surface-secondary);justify-content:center;align-items:center;height:80px;font-size:36px;display:flex}.product-grid-body{padding:var(--space-3) var(--space-4) var(--space-4)}.product-grid-sku{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary)}.product-grid-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:4px 0 6px;line-height:1.3}.product-grid-prices{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.product-grid-price{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary);font-family:var(--font-mono)}.product-grid-margin{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-success)}.product-grid-inactive-badge{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);background:var(--bg-surface-tertiary);color:var(--text-tertiary);padding:2px 8px;font-size:10px;position:absolute}@media (width<=768px){.products-grid{grid-template-columns:repeat(2,1fr)}}.quotes-page{animation:.2s fadeIn}.quotes-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.quote-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-fast)}.quote-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quote-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.quote-card-id{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.quote-card-status{font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;padding:2px 10px}.quote-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1);line-height:1.3}.quote-card-client{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 var(--space-3)}.quote-card-footer{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.quote-card-amount{font-size:var(--text-md);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--text-primary)}.quote-card-date{font-size:var(--text-xs);color:var(--text-tertiary)}.quote-card-meta{font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--space-2);border-top:1px solid var(--border-light);justify-content:space-between;display:flex}@media (width<=768px){.quotes-grid{grid-template-columns:1fr}}.orders-page{animation:.2s fadeIn}.order-status{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center;gap:4px;padding:3px 12px;display:inline-flex}.order-status-track{padding:var(--space-4);margin-bottom:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex;position:relative}.order-status-track:before{content:"";background:var(--border-light);height:2px;position:absolute;top:50%;left:28px;right:28px;transform:translateY(-50%)}.order-track-step{align-items:center;gap:var(--space-1);z-index:1;flex-direction:column;display:flex;position:relative}.order-track-dot{width:12px;height:12px;transition:background var(--transition-fast);border-radius:50%}.order-track-step span{font-size:10px;font-weight:var(--font-semibold)}.finance-page{animation:.2s fadeIn}.finance-summary-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.finance-summary-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);border:1px solid var(--border-light);transition:all var(--transition-fast);display:flex}.finance-summary-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.finance-summary-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.finance-summary-card.income .finance-summary-icon{background:var(--color-success-100);color:var(--color-success-600)}.finance-summary-card.expense .finance-summary-icon{background:var(--color-danger-100);color:var(--color-danger-600)}.finance-summary-card.profit .finance-summary-icon{background:var(--color-primary-100);color:var(--color-primary-600)}.finance-summary-card.balance .finance-summary-icon{background:var(--color-warning-100);color:var(--color-warning-600)}[data-theme=dark] .finance-summary-card.income .finance-summary-icon{background:#10b98126}[data-theme=dark] .finance-summary-card.expense .finance-summary-icon{background:#f43f5e26}[data-theme=dark] .finance-summary-card.profit .finance-summary-icon{background:#5b4cfa26}[data-theme=dark] .finance-summary-card.balance .finance-summary-icon{background:#f59e0b26}.finance-summary-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:2px}.finance-summary-value{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary)}.finance-layout{gap:var(--space-5);grid-template-columns:260px 1fr;min-height:calc(100vh - 400px);display:grid}.finance-accounts-panel{gap:var(--space-2);flex-direction:column;display:flex}.finance-accounts-header{padding:0 var(--space-2);margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.finance-account-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-surface);border:1px solid #0000;display:flex}.finance-account-card:hover{background:var(--bg-surface-hover);border-color:var(--border-default)}.finance-account-card.active{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary-200)}[data-theme=dark] .finance-account-card.active{background:#5b4cfa14;box-shadow:0 0 0 1px #5b4cfa4d}.finance-account-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.finance-account-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.finance-account-balance{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.finance-transactions-panel{gap:var(--space-4);flex-direction:column;display:flex}.finance-filters{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.finance-pill-filters{background:var(--bg-surface-secondary);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.finance-pill{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap}.finance-pill:hover{color:var(--text-primary)}.finance-pill.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.finance-tx-list{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);flex-direction:column;display:flex;overflow:hidden}.finance-tx-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-light);display:flex}.finance-tx-row:last-child{border-bottom:none}.finance-tx-row:hover{background:var(--bg-surface-hover)}.finance-tx-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.finance-tx-icon.income{background:var(--color-success-100);color:var(--color-success-600)}.finance-tx-icon.expense{background:var(--color-danger-100);color:var(--color-danger-600)}.finance-tx-icon.transfer{background:var(--color-primary-100);color:var(--color-primary-600)}[data-theme=dark] .finance-tx-icon.income{color:var(--color-success-400);background:#10b98126}[data-theme=dark] .finance-tx-icon.expense{color:var(--color-danger-400);background:#f43f5e26}[data-theme=dark] .finance-tx-icon.transfer{color:var(--color-primary-300);background:#5b4cfa26}.finance-tx-main{flex:1;min-width:0}.finance-tx-comment{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.finance-tx-meta{align-items:center;gap:var(--space-2);margin-top:2px;display:flex}.finance-tx-client{font-size:var(--text-xs);color:var(--text-secondary)}.finance-tx-tag{border-radius:var(--radius-full);background:var(--bg-surface-secondary);color:var(--text-tertiary);padding:1px 6px;font-size:10px}.finance-tx-right{text-align:right;flex-shrink:0}.finance-tx-amount{font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-mono)}.finance-tx-amount.income{color:var(--color-success)}.finance-tx-amount.expense{color:var(--color-danger)}.finance-tx-amount.transfer{color:var(--color-primary)}.finance-tx-date{font-size:var(--text-xs);color:var(--text-tertiary)}.finance-detail-amount-wrapper{padding:var(--space-4) 0;text-align:center}.finance-detail-amount{font-size:var(--text-3xl);font-weight:var(--font-bold);font-family:var(--font-mono)}.finance-detail-amount.income{color:var(--color-success)}.finance-detail-amount.expense{color:var(--color-danger)}.finance-detail-amount.transfer{color:var(--color-primary)}.finance-type-badge{font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);padding:2px 10px;display:inline-flex}.finance-type-badge.income{background:var(--color-success-100);color:var(--color-success-600)}.finance-type-badge.expense{background:var(--color-danger-100);color:var(--color-danger-600)}.finance-type-badge.transfer{background:var(--color-primary-100);color:var(--color-primary-600)}.finance-empty-state{padding:var(--space-16) var(--space-6);color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.finance-empty-state h3{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-secondary)}.finance-empty-state p{font-size:var(--text-sm)}@media (width<=968px){.finance-summary-grid{grid-template-columns:repeat(2,1fr)}.finance-layout{grid-template-columns:1fr}.finance-accounts-panel{gap:var(--space-3);flex-direction:row;overflow-x:auto}.finance-accounts-header{display:none}.finance-account-card{flex:none;min-width:180px}}@media (width<=640px){.finance-summary-grid{grid-template-columns:1fr}.finance-filters{flex-direction:column;align-items:stretch}}.invoices-page{animation:.2s fadeIn}.invoice-paid-cell{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.invoice-paid-bar{background:var(--bg-surface-secondary);border-radius:2px;width:60px;height:4px;overflow:hidden}.invoice-paid-fill{border-radius:2px;height:100%;transition:width .4s}.invoice-summary{padding:var(--space-3) var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg)}.invoice-summary-row{padding:var(--space-2) 0;font-size:var(--text-sm);justify-content:space-between;display:flex}.invoice-summary-row span:last-child{font-family:var(--font-mono);font-weight:var(--font-semibold)}.invoice-summary-row.total{font-weight:var(--font-bold);font-size:var(--text-md);border-top:2px solid var(--border-default);padding-top:var(--space-3);margin-top:var(--space-1)}.inventory-page{animation:.2s fadeIn}.inventory-summary-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.inventory-summary-card{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);display:flex}.inventory-summary-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);font-family:var(--font-mono)}.inventory-summary-label{font-size:var(--text-xs);color:var(--text-tertiary)}.inventory-tabs{gap:var(--space-1);margin-bottom:var(--space-4);display:flex}.inventory-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.inventory-tab:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.inventory-tab.active{background:var(--color-primary);color:#fff}.inventory-tab-badge{background:var(--color-primary-100);min-width:18px;height:18px;color:var(--color-primary);font-size:10px;font-weight:var(--font-bold);border-radius:9px;justify-content:center;align-items:center;margin-left:4px;display:inline-flex}.inventory-tab.active .inventory-tab-badge{color:#fff;background:#ffffff40}.inventory-qty-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono);padding:2px 10px;display:inline-flex}.inventory-qty-badge.ok{background:var(--color-success-100);color:var(--color-success-700)}.inventory-qty-badge.low{background:var(--color-warning-100);color:var(--color-warning-700)}.inventory-qty-badge.out{background:var(--color-danger-100);color:var(--color-danger-700)}[data-theme=dark] .inventory-qty-badge.ok{color:var(--color-success-400);background:#10b98126}[data-theme=dark] .inventory-qty-badge.low{color:var(--color-warning-400);background:#f59e0b26}[data-theme=dark] .inventory-qty-badge.out{color:var(--color-danger-400);background:#ef444426}.inventory-low-alert{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-warning-100);color:var(--color-warning-700);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);margin:var(--space-3) 0;display:flex}[data-theme=dark] .inventory-low-alert{color:var(--color-warning-400);background:#f59e0b1f}.product-card-panel{width:min(480px,95vw)}.product-card-tabs{padding:0 var(--space-5);border-bottom:1px solid var(--border-light);gap:2px;display:flex}.product-card-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;align-items:center;gap:6px;display:flex}.product-card-tab:hover{color:var(--text-primary)}.product-card-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.product-history-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.product-history-header h4{font-size:var(--text-sm);font-weight:var(--font-semibold)}.product-history-timeline{flex-direction:column;display:flex;position:relative}.product-history-timeline:before{content:"";background:var(--border-light);width:2px;position:absolute;top:12px;bottom:12px;left:7px}.product-history-entry{gap:var(--space-3);padding:var(--space-2) 0;display:flex;position:relative}.product-history-dot{z-index:1;border:2px solid var(--bg-surface);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px}.product-history-entry.in .product-history-dot{background:var(--color-success)}.product-history-entry.out .product-history-dot{background:var(--color-danger)}.product-history-content{flex:1}.product-history-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-history-qty{font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-mono)}.product-history-qty.in{color:var(--color-success)}.product-history-qty.out{color:var(--color-danger)}.product-history-doc{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.product-history-date{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto}.product-history-meta{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.product-history-balance{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.product-wh-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-light);margin-bottom:var(--space-2);display:flex}.warehouses-tab{margin-top:var(--space-4);animation:.2s fadeIn}.warehouses-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.warehouse-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--transition-fast)}.warehouse-card:hover{border-color:var(--color-primary-300)}.warehouse-card-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.warehouse-card-icon{border-radius:var(--radius-lg);background:var(--color-primary-50);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .warehouse-card-icon{background:#5b4cfa1f}.warehouse-card-stats{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.warehouse-stat{text-align:center}.warehouse-stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);font-family:var(--font-mono)}.warehouse-stat-label{font-size:var(--text-xs);color:var(--text-tertiary)}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.product-photo-upload{border:2px dashed var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.product-photo-upload:hover{border-color:var(--color-primary);background:var(--color-primary-50)}[data-theme=dark] .product-photo-upload:hover{background:#5b4cfa14}.product-photo-placeholder{padding:var(--space-6) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.product-photo-preview{padding:var(--space-3);justify-content:center;align-items:center;display:flex;position:relative}.product-photo-preview img{border-radius:var(--radius-lg);object-fit:contain;max-width:100%;max-height:160px}.product-photo-remove{background:var(--color-danger);color:#fff;cursor:pointer;width:28px;height:28px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.product-photo-remove:hover{transform:scale(1.1)}.product-table-photo{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-light);width:36px;height:36px}.product-card-photo-inline{border-radius:var(--radius-sm);object-fit:cover;vertical-align:middle;width:24px;height:24px;margin-right:4px}@media (width<=768px){.inventory-summary-grid{grid-template-columns:repeat(2,1fr)}.inventory-tabs{overflow-x:auto}.warehouses-grid{grid-template-columns:1fr}}.shipments-page{animation:.2s fadeIn}.shipments-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.shipment-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-fast)}.shipment-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.shipment-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.shipment-card-id{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.shipment-card-client{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.shipment-card-route{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);display:flex}.shipment-route-point{font-size:var(--text-xs);color:var(--text-secondary);flex:1;align-items:center;gap:4px;display:flex}.shipment-route-arrow{color:var(--text-tertiary);font-size:var(--text-sm);flex-shrink:0}.shipment-card-meta{font-size:var(--text-xs);color:var(--text-tertiary);justify-content:space-between;display:flex}.shipment-card-meta span{align-items:center;gap:4px;display:flex}.shipment-tracking{margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-primary-50);color:var(--color-primary);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;width:fit-content;display:flex}[data-theme=dark] .shipment-tracking{background:#5b4cfa1a}.shipment-status-track{padding:var(--space-4);margin-bottom:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex;position:relative}.shipment-status-track:before{content:"";background:var(--border-light);height:2px;position:absolute;top:50%;left:28px;right:28px;transform:translateY(-50%)}@media (width<=768px){.shipments-grid{grid-template-columns:1fr}}.repairs-page{animation:.2s fadeIn}.repairs-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.repair-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-fast);position:relative}.repair-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.repair-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.repair-card-id{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.repair-card-device{font-size:var(--text-sm);font-weight:var(--font-semibold);align-items:center;gap:6px;margin:0 0 2px;display:flex}.repair-card-serial{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);margin:0 0 var(--space-2)}.repair-card-issue{font-size:var(--text-xs);color:var(--text-secondary);margin:0 0 var(--space-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.repair-card-footer{font-size:var(--text-xs);color:var(--text-tertiary);justify-content:space-between;display:flex}.repair-card-footer span{align-items:center;gap:4px;display:flex}.repair-card-cost{top:var(--space-4);right:var(--space-5);font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--text-primary);margin-top:24px;position:absolute}.repair-status-flow{align-items:center;gap:var(--space-1);padding:var(--space-3);margin-bottom:var(--space-4);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.repair-flow-step{border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-medium);color:var(--text-tertiary);align-items:center;gap:4px;padding:3px 8px;display:flex}.repair-flow-step.active{color:var(--step-color);background:color-mix(in srgb, var(--step-color) 10%, transparent)}.repair-flow-dot{background:currentColor;border-radius:50%;width:6px;height:6px}@media (width<=768px){.repairs-grid{grid-template-columns:1fr}}.inbox-page{height:calc(100vh - 120px);animation:.2s fadeIn}.inbox-layout{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-surface);grid-template-columns:320px 1fr 280px;height:100%;display:grid;overflow:hidden}.inbox-sidebar{border-right:1px solid var(--border-light);background:var(--bg-surface);flex-direction:column;display:flex}.inbox-sidebar-header{padding:var(--space-4) var(--space-4);justify-content:space-between;align-items:center;display:flex}.inbox-sidebar-header h2{font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.inbox-total-badge{background:var(--color-primary);color:#fff;font-size:11px;font-weight:var(--font-bold);border-radius:var(--radius-full);padding:2px 10px}.inbox-channels{padding:0 var(--space-3) var(--space-2);flex-shrink:0;gap:2px;display:flex;overflow-x:auto}.inbox-channel-btn{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:4px 10px;display:flex}.inbox-channel-btn:hover{background:var(--bg-surface-hover)}.inbox-channel-btn.active{background:var(--color-primary);color:#fff}.inbox-channel-count{opacity:.7;font-size:10px}.inbox-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:0 var(--space-3) var(--space-2);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);color:var(--text-tertiary);display:flex}.inbox-search input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.inbox-conv-list{flex:1;overflow-y:auto}.inbox-conv-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-left:3px solid #0000;display:flex}.inbox-conv-item:hover{background:var(--bg-surface-hover)}.inbox-conv-item.active{background:var(--color-primary-50);border-left-color:var(--color-primary)}[data-theme=dark] .inbox-conv-item.active{background:#5b4cfa14}.inbox-conv-item.unread .inbox-conv-name{font-weight:var(--font-bold)}.inbox-conv-item.unread .inbox-conv-preview{color:var(--text-primary)}.inbox-conv-avatar{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;position:relative}.inbox-online-dot{background:var(--color-success);border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.inbox-conv-info{flex:1;min-width:0}.inbox-conv-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.inbox-conv-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.inbox-conv-time{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.inbox-conv-bottom{align-items:center;gap:4px;display:flex}.inbox-conv-preview{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.inbox-conv-badge{background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;display:flex}.inbox-chat{background:var(--bg-body);flex-direction:column;display:flex;position:relative}.inbox-chat-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-light);background:var(--bg-surface);flex-shrink:0;display:flex}.inbox-chat-avatar{font-size:28px}.inbox-messages{padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.inbox-message{display:flex}.inbox-message.client{justify-content:flex-start}.inbox-message.me{justify-content:flex-end}.inbox-message-bubble{max-width:70%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);position:relative}.inbox-message.client .inbox-message-bubble{background:var(--bg-surface);border:1px solid var(--border-light);border-bottom-left-radius:var(--radius-sm)}.inbox-message.me .inbox-message-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.inbox-message-bubble p{font-size:var(--text-sm);margin:0;line-height:1.5}.inbox-message-time{opacity:.6;margin-top:4px;font-size:10px;display:block}.inbox-message.me .inbox-message-time{text-align:right}.inbox-compose{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-light);background:var(--bg-surface);flex-shrink:0;display:flex}.inbox-compose-input{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-2);background:0 0;border:none;outline:none;flex:1}.inbox-empty{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.inbox-empty h3{font-size:var(--text-lg);color:var(--text-secondary);margin:0}.inbox-empty p{font-size:var(--text-sm);margin:0}.inbox-context-panel{border-left:1px solid var(--border-light);background:var(--bg-surface);flex-direction:column;display:flex;overflow-y:auto}.inbox-context-header{padding:var(--space-4);border-bottom:1px solid var(--border-light);align-items:center;display:flex}.inbox-context-header h3{font-size:var(--text-md);font-weight:var(--font-semibold);margin:0}.inbox-context-body{padding:var(--space-4);gap:var(--space-5);flex-direction:column;display:flex}.context-card{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.context-card-avatar{border-radius:var(--radius-xl);background:var(--bg-body);justify-content:center;align-items:center;width:72px;height:72px;font-size:48px;display:flex}.context-card-name{font-size:var(--text-md);font-weight:var(--font-bold);margin:0}.context-card-status{font-size:var(--text-xs);color:var(--text-tertiary)}.status-dot{align-items:center;gap:6px;display:inline-flex}.status-dot.online:before{content:"";background:var(--color-success);border-radius:50%;width:8px;height:8px;display:block}.status-dot.offline:before{content:"";background:var(--color-warning-400);border-radius:50%;width:8px;height:8px;display:block}.context-section{gap:var(--space-3);flex-direction:column;display:flex}.context-section h5{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0}.context-row{font-size:var(--text-sm);justify-content:space-between;display:flex}.context-label{color:var(--text-secondary)}.context-value{font-weight:var(--font-medium);color:var(--text-primary);text-align:right;align-items:center;display:flex}.context-value.link{color:var(--color-primary);cursor:pointer}.context-assignee{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-body);border-radius:var(--radius-lg);display:flex}.assignee-avatar{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary), var(--color-accent-500));color:#fff;width:36px;height:36px;font-size:14px;font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex}.assignee-info{flex-direction:column;display:flex}.assignee-name{font-size:var(--text-sm);font-weight:var(--font-medium)}.assignee-role{color:var(--text-tertiary);font-size:11px}@media (width<=1100px){.inbox-layout{grid-template-columns:280px 1fr}.inbox-context-panel{display:none}}@media (width<=768px){.inbox-layout{grid-template-columns:1fr}.inbox-chat{display:none}}.chat-page{height:calc(100vh - 120px);animation:.2s fadeIn}.chat-layout{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-surface);grid-template-columns:320px 1fr;height:100%;display:grid;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border-light);flex-direction:column;display:flex}.chat-sidebar-header{padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.chat-sidebar-header h3{font-size:var(--text-md);font-weight:var(--font-semibold);margin:0}.chat-sidebar-search{padding:0 var(--space-3) var(--space-3);position:relative}.chat-sidebar-search .search-icon{color:var(--text-tertiary);position:absolute;top:50%;left:20px;transform:translateY(-50%)}.chat-sidebar-search .input{font-size:var(--text-sm);padding-left:32px!important}.chat-new-picker{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);background:var(--bg-surface-secondary)}.chat-new-picker-title{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:4px 6px}.chat-new-picker-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;padding:6px;display:flex}.chat-new-picker-item:hover{background:var(--bg-surface-hover)}.chat-list{flex:1;overflow-y:auto}.chat-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);display:flex}.chat-list-item:hover{background:var(--bg-surface-hover)}.chat-list-item.active{background:var(--color-primary-50)}[data-theme=dark] .chat-list-item.active{background:#5b4cfa14}.chat-avatar{background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));color:#fff;width:40px;height:40px;font-size:12px;font-weight:var(--font-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.chat-avatar.group{background:var(--bg-surface-tertiary);color:var(--text-secondary)}.chat-online-dot{background:var(--color-success);border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.chat-list-info{flex:1;min-width:0}.chat-list-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.chat-list-last{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-list-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.chat-list-time{color:var(--text-tertiary);font-size:10px}.chat-list-unread{font-size:10px;font-weight:var(--font-bold);color:#fff;background:var(--color-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;display:flex}.chat-main{flex-direction:column;height:100%;display:flex}.chat-main-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);flex-shrink:0;display:flex}.chat-main-header .chat-avatar{width:36px;height:36px;font-size:11px}.chat-main-name{font-size:var(--text-sm);font-weight:var(--font-semibold)}.chat-main-status{font-size:var(--text-xs);color:var(--text-tertiary)}.chat-messages{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-msg{display:flex}.chat-msg.me{justify-content:flex-end}.chat-msg.them{justify-content:flex-start}.chat-msg-bubble{max-width:70%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5}.chat-msg-bubble p{margin:0}.chat-msg.me .chat-msg-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-msg.them .chat-msg-bubble{background:var(--bg-surface-secondary);color:var(--text-primary);border-bottom-left-radius:4px}.chat-msg-time{opacity:.7;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.chat-attachment{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-top:4px;display:flex}.chat-msg.me .chat-attachment{background:#ffffff26}.chat-msg.them .chat-attachment{background:var(--bg-surface);border:1px solid var(--border-light)}.chat-attach-icon{flex-shrink:0}.chat-attach-name{font-size:var(--text-xs);font-weight:var(--font-semibold);display:block}.chat-attach-detail{opacity:.7;font-size:10px}.chat-compose{border-top:1px solid var(--border-light);padding:var(--space-3);flex-shrink:0}.chat-compose-bar{align-items:center;gap:var(--space-2);display:flex}.chat-compose-bar .input{border-radius:var(--radius-full);flex:1}.chat-attach-menu{z-index:50;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:150px;margin-bottom:8px;animation:.1s fadeIn;position:absolute;bottom:100%;left:0;overflow:hidden}.chat-attach-menu button{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.chat-attach-menu button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.chat-quote-picker{margin-top:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-surface-secondary);animation:.1s fadeIn;overflow:hidden}.chat-quote-picker-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.chat-quote-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast);display:flex}.chat-quote-item:hover{background:var(--bg-surface-hover)}@media (width<=768px){.chat-layout{grid-template-columns:1fr}.chat-sidebar{display:none}}.chat-voice-msg{align-items:center;gap:var(--space-2);min-width:160px;display:flex}.voice-waveform{flex:1;align-items:center;gap:2px;display:flex}.voice-bar{border-radius:2px;width:3px;transition:height .2s}.chat-msg.me .voice-bar{background:#ffffff80}.chat-msg.them .voice-bar{background:var(--color-primary-300)}.voice-duration{opacity:.7;white-space:nowrap;font-size:10px}.recording-indicator{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border-top:1px solid var(--border-light);font-size:var(--text-sm);color:var(--color-danger);font-weight:var(--font-medium);animation:.15s fadeIn;display:flex;position:absolute;bottom:100%;left:0;right:0}.recording-dot{background:var(--color-danger);border-radius:50%;width:8px;height:8px;animation:1s infinite recordPulse}@keyframes recordPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.recording-pulse{animation:1s infinite recordPulse}.chat-compose{position:relative}.chat-context-menu{z-index:300;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:160px;padding:4px;animation:.1s fadeIn;position:fixed}.chat-context-menu button{border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-context-menu button:hover{background:var(--bg-surface-hover)}.chat-msg.system{justify-content:center}.chat-system-msg{background:var(--bg-surface-secondary);color:var(--text-tertiary);font-size:var(--text-xs);border-radius:var(--radius-full);padding:4px 12px}.chat-msg-sender{font-size:11px;font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:2px}.documents-page{animation:.2s fadeIn}.docs-layout{gap:var(--space-5);grid-template-columns:240px 1fr;display:grid}.docs-sidebar,.docs-sidebar-section{flex-direction:column;gap:2px;display:flex}.docs-sidebar-divider{background:var(--border-light);height:1px;margin:var(--space-3) 0}.docs-sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3);font-size:10px;font-weight:var(--font-bold)}.docs-folder-btn{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;display:flex}.docs-folder-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.docs-folder-btn.active{background:var(--color-primary-50);color:var(--color-primary-600)}[data-theme=dark] .docs-folder-btn.active{color:var(--color-primary-300);background:#5b4cfa1a}.docs-folder-btn span:first-of-type{flex:1}.docs-folder-count{font-size:var(--text-xs);color:var(--text-tertiary)}.docs-main{min-width:0}.docs-instructions-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--text-secondary);background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border:1px solid #f59e0b33;display:flex}.docs-instructions-banner strong{color:var(--text-primary);font-size:var(--text-sm);display:block}.docs-instructions-banner p{font-size:var(--text-xs);margin:2px 0 0}@media (width<=768px){.docs-layout{grid-template-columns:1fr}}.news-page{animation:.2s fadeIn}.news-feed{max-width:720px}.news-section{margin-bottom:var(--space-4)}.news-section-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-3);align-items:center;gap:6px;display:flex}.news-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.news-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.news-card.pinned{border-left:3px solid var(--color-primary)}.news-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.news-card-author-avatar{background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));color:#fff;width:32px;height:32px;font-size:12px;font-weight:var(--font-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.news-card-author-info{flex:1}.news-card-author{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);display:block}.news-card-date{font-size:var(--text-xs);color:var(--text-tertiary)}.news-card-actions{align-items:center;gap:var(--space-2);z-index:2;display:flex;position:relative}.news-card-send-to{color:var(--text-tertiary);background:var(--bg-surface-secondary);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:10px;display:flex}.news-card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.news-card-body{font-size:var(--text-sm);color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.news-card-footer{align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light);display:flex}.news-card-footer span{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.reports-page{animation:.2s fadeIn}.report-tabs{gap:var(--space-1);margin-bottom:var(--space-5);display:flex}.report-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.report-kpi-card{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);display:flex;position:relative}.report-kpi-icon{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.report-kpi-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);font-family:var(--font-mono)}.report-kpi-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.report-kpi-change{top:var(--space-3);right:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 8px;display:flex;position:absolute}.report-kpi-change.up{color:var(--color-success);background:var(--color-success-100)}.report-kpi-change.down{color:var(--color-danger);background:var(--color-danger-100)}.report-charts-grid{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.report-chart-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5)}.report-chart-card h3{font-size:var(--text-md);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.report-chart-legend{gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.report-legend-item{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.report-legend-dot{border-radius:2px;width:8px;height:8px}.report-bar-chart{align-items:flex-end;gap:var(--space-3);height:200px;padding-top:var(--space-4);display:flex}.report-bar-group{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.report-bar-wrapper{align-items:flex-end;gap:3px;width:100%;height:180px;display:flex}.report-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;transition:filter var(--transition-fast);flex:1;min-height:4px;position:relative}.report-bar:hover{filter:brightness(1.15)}.report-bar.revenue{background:var(--color-primary)}.report-bar.expenses{background:var(--color-danger-300)}.report-bar-tooltip{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-mono);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;padding:2px 8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.report-bar:hover .report-bar-tooltip{opacity:1}.report-bar-label{font-size:var(--text-xs);color:var(--text-tertiary)}.report-h-bars{gap:var(--space-3);flex-direction:column;display:flex}.report-h-bar-row{align-items:center;gap:var(--space-3);display:flex}.report-h-bar-label{font-size:var(--text-sm);color:var(--text-primary);min-width:140px;font-weight:var(--font-medium)}.report-h-bar-track{border-radius:var(--radius-sm);background:var(--bg-surface-secondary);flex:1;height:24px;overflow:hidden}.report-h-bar-fill{border-radius:var(--radius-sm);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.report-h-bar-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:80px}.report-funnel{gap:var(--space-2);padding:var(--space-2) 0;flex-direction:column;display:flex}.report-funnel-stage{align-items:center;gap:var(--space-3);display:flex}.report-funnel-bar{border-radius:var(--radius-sm);color:#fff;height:36px;font-size:var(--text-sm);font-weight:var(--font-bold);justify-content:center;align-items:center;min-width:40px;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex}.report-funnel-label{font-size:var(--text-sm);color:var(--text-secondary);min-width:100px}.report-funnel-conv{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.report-pl-summary{margin-top:var(--space-4);border-top:1px solid var(--border-light);padding-top:var(--space-3)}.report-pl-item{padding:var(--space-2) 0;font-size:var(--text-sm);justify-content:space-between;display:flex}.report-pl-item.total{font-weight:var(--font-bold);font-size:var(--text-md);border-top:2px solid var(--border-default);padding-top:var(--space-3);margin-top:var(--space-2)}.report-pl-val{font-family:var(--font-mono);font-weight:var(--font-semibold)}.report-pl-val.positive{color:var(--color-success)}.report-pl-val.negative{color:var(--color-danger)}@media (width<=768px){.report-kpi-grid{grid-template-columns:repeat(2,1fr)}.report-charts-grid{grid-template-columns:1fr!important}}.ai-page{height:calc(100vh - 120px);animation:.2s fadeIn}.ai-layout{justify-content:center;height:100%;display:flex}.ai-chat-area{flex-direction:column;width:100%;max-width:800px;height:100%;display:flex}.ai-header{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;flex-shrink:0;display:flex}.ai-header-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary), var(--color-accent-500));color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ai-header-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-bold);background:var(--color-warning-100);color:var(--color-warning-700);align-items:center;gap:4px;margin-left:auto;padding:3px 12px;display:flex}.ai-messages{gap:var(--space-4);padding:var(--space-4) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-message{gap:var(--space-3);display:flex}.ai-message-avatar{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ai-message.assistant .ai-message-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent-500));color:#fff}.ai-message.user .ai-message-avatar{background:var(--bg-surface-secondary);color:var(--text-secondary)}.ai-message-content{flex:1;min-width:0}.ai-message-text{font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-light);line-height:1.7}.ai-message.user .ai-message-text{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ai-thinking{padding:var(--space-3) var(--space-4);gap:6px;display:flex}.ai-thinking span{background:var(--text-tertiary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both aiDot}.ai-thinking span:first-child{animation-delay:0s}.ai-thinking span:nth-child(2){animation-delay:.2s}.ai-thinking span:nth-child(3){animation-delay:.4s}@keyframes aiDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-suggestions{gap:var(--space-2);padding:var(--space-3) 0;flex-shrink:0;grid-template-columns:repeat(2,1fr);display:grid}.ai-suggestion-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex}.ai-suggestion-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-50)}.ai-input-area{padding:var(--space-3) 0;flex-shrink:0}.ai-input-wrapper{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:border-color var(--transition-fast);display:flex}.ai-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b4cfa1a}.ai-input{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-2) 0;background:0 0;border:none;outline:none;flex:1}.ai-send-btn{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-send-btn:hover{background:var(--color-primary-700)}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-disclaimer{color:var(--text-tertiary);text-align:center;margin:var(--space-2) 0 0;font-size:11px}@media (width<=768px){.ai-suggestions{grid-template-columns:1fr}}.ai-insights-list{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.ai-insight-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.ai-insight-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.ai-insight-header{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.ai-insight-icon{font-size:16px}.ai-insight-card.warning{border-left:3px solid var(--color-danger)}.ai-insight-card.warning strong{color:var(--color-danger)}.ai-insight-card.opportunity{border-left:3px solid var(--color-success)}.ai-insight-card.opportunity strong{color:var(--color-success)}.ai-insight-card.info{border-left:3px solid var(--color-primary)}.ai-insight-card.info strong{color:var(--color-primary)}.settings-page{animation:.2s fadeIn}.settings-layout{gap:var(--space-5);grid-template-columns:230px 1fr;min-height:calc(100vh - 200px);display:grid}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.settings-nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--color-primary-50);color:var(--color-primary-600)}[data-theme=dark] .settings-nav-item.active{color:var(--color-primary-300);background:#5b4cfa1a}.settings-content{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.settings-content-inner{padding:var(--space-6)}.settings-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-5)}.settings-form .form-grid{max-width:640px}.settings-section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.settings-section-header-right{align-items:center;gap:var(--space-3);display:flex}.settings-count-badge{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-surface-secondary);border-radius:var(--radius-full);font-weight:var(--font-medium);padding:2px 10px}.settings-emp-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));color:#fff;width:32px;height:32px;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-status-toggle{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.settings-status-toggle.active{background:var(--color-success-100);color:var(--color-success-600)}.settings-status-toggle.inactive{background:var(--color-danger-100);color:var(--color-danger-600)}[data-theme=dark] .settings-status-toggle.active{color:var(--color-success-400);background:#10b98126}[data-theme=dark] .settings-status-toggle.inactive{color:var(--color-danger-400);background:#ef444426}.settings-status-toggle-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.settings-status-toggle:hover{opacity:.8}.settings-row-actions{align-items:center;gap:2px;display:flex}.settings-roles-grid{gap:var(--space-5);grid-template-columns:260px 1fr;display:grid}.settings-roles-list{gap:var(--space-2);flex-direction:column;display:flex}.settings-role-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-light);display:flex}.settings-role-card:hover{border-color:var(--border-default);background:var(--bg-surface-hover)}.settings-role-card.active{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary-200)}[data-theme=dark] .settings-role-card.active{background:#5b4cfa14;box-shadow:0 0 0 1px #5b4cfa4d}.settings-role-actions{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;gap:2px;margin-left:auto;display:flex}.settings-role-card:hover .settings-role-actions,.settings-role-card.active .settings-role-actions{opacity:1}.settings-role-name-input{font-size:var(--text-sm)!important;height:auto!important;min-height:0!important;padding:2px 6px!important}.settings-permissions-panel{background:var(--bg-surface-secondary);border-radius:var(--radius-lg);padding:var(--space-4);max-height:70vh;overflow-y:auto}.settings-permissions-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.settings-permissions-header h3{font-size:var(--text-md);font-weight:var(--font-semibold);margin:0}.settings-perm-groups{gap:var(--space-4);flex-direction:column;display:flex}.settings-perm-group-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-1);padding:0 var(--space-2)}.settings-perm-toggle-row{padding:8px var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.settings-perm-toggle-row:hover{background:var(--bg-surface);border-color:var(--border-light)}.settings-perm-toggle-row.danger-row .settings-perm-label{color:var(--color-danger-500)}.settings-perm-label{font-size:var(--text-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none}.settings-perm-switch{width:38px;height:20px;transition:background var(--transition-fast);border-radius:10px;flex-shrink:0;position:relative}.settings-perm-switch.off{background:var(--bg-surface-tertiary)}.settings-perm-switch.on{background:var(--color-success)}.settings-perm-switch.danger{background:var(--color-danger)}.settings-perm-switch-thumb{width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.settings-perm-switch.on .settings-perm-switch-thumb{transform:translate(18px)}.settings-permissions-footer{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-light);display:flex}.log-filters{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.log-filter-select{max-width:220px;font-size:var(--text-sm)!important}.log-timeline{flex-direction:column;gap:0;display:flex;position:relative}.log-timeline:before{content:"";background:var(--border-light);width:2px;position:absolute;top:12px;bottom:12px;left:7px}.log-entry{gap:var(--space-3);padding:var(--space-3) 0;display:flex;position:relative}.log-entry-dot{z-index:1;border:2px solid var(--bg-surface);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px}.log-entry-content{flex:1;min-width:0}.log-entry-header{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:2px;display:flex}.log-entry-user{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.log-entry-type-badge{font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;padding:1px 8px}.log-entry-module{font-size:var(--text-xs);color:var(--text-tertiary)}.log-entry-date{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;margin-left:auto}.log-entry-action{font-size:var(--text-sm);color:var(--text-secondary)}.log-entry-target{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.settings-status-group{margin-bottom:var(--space-5)}.settings-status-list{flex-direction:column;gap:2px;display:flex}.settings-status-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-surface);border:1px solid var(--border-light);transition:background var(--transition-fast);display:flex}.settings-status-item:hover{background:var(--bg-surface-hover)}.settings-status-drag{color:var(--text-tertiary);cursor:grab;font-size:var(--text-xs);letter-spacing:-1px;-webkit-user-select:none;user-select:none}.settings-status-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.integration-channels{gap:var(--space-3);flex-direction:column;display:flex}.integration-channel-card{border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:all var(--transition-fast);overflow:hidden}.integration-channel-card.connected{border-color:var(--color-success-300)}[data-theme=dark] .integration-channel-card.connected{border-color:#10b9814d}.integration-channel-header{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--transition-fast);display:flex}.integration-channel-header:hover{background:var(--bg-surface-hover)}.integration-channel-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.integration-channel-info{flex:1;min-width:0}.integration-channel-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.integration-channel-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.integration-channel-toggle{flex-shrink:0}.integration-channel-body{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--border-light);padding-top:var(--space-4);margin-top:0;animation:.15s fadeIn}.integration-channel-status{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.integration-dot{background:var(--color-neutral-300);border-radius:50%;width:8px;height:8px}.integration-dot.active{background:var(--color-success);box-shadow:0 0 6px #10b98180}@media (width<=768px){.settings-layout{grid-template-columns:1fr}.settings-nav{gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:row;overflow-x:auto}.settings-nav-item span{display:none}.settings-nav-item{padding:var(--space-3);justify-content:center}.settings-roles-grid{grid-template-columns:1fr}.settings-section-header{gap:var(--space-2);flex-direction:column;align-items:stretch}.log-filters{flex-direction:column}.log-filter-select{max-width:100%}}:root{--color-primary-50:#eef0ff;--color-primary-100:#dde2ff;--color-primary-200:#c2c9ff;--color-primary-300:#9ba2ff;--color-primary-400:#7371ff;--color-primary-500:#5b4cfa;--color-primary-600:#4d30ef;--color-primary-700:#4124d4;--color-primary-800:#361fab;--color-primary-900:#301e87;--color-primary:var(--color-primary-500);--color-accent-50:#ecfeff;--color-accent-100:#cffafe;--color-accent-200:#a5f3fc;--color-accent-300:#67e8f9;--color-accent-400:#22d3ee;--color-accent-500:#06b6d4;--color-accent-600:#0891b2;--color-accent:var(--color-accent-400);--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success:var(--color-success-500);--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning:var(--color-warning-500);--color-danger-50:#fff1f2;--color-danger-100:#ffe4e6;--color-danger-400:#fb7185;--color-danger-500:#f43f5e;--color-danger-600:#e11d48;--color-danger:var(--color-danger-500);--color-neutral-0:#fff;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--bg-app:var(--color-neutral-50);--bg-surface:var(--color-neutral-0);--bg-surface-secondary:var(--color-neutral-100);--bg-surface-hover:var(--color-neutral-100);--bg-sidebar:var(--color-neutral-900);--bg-sidebar-hover:#ffffff14;--bg-sidebar-active:#ffffff1f;--bg-overlay:#0f172a80;--bg-card:var(--color-neutral-0);--bg-input:var(--color-neutral-0);--bg-input-focus:var(--color-neutral-0);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-500);--text-tertiary:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-sidebar:var(--color-neutral-300);--text-sidebar-active:var(--color-neutral-0);--text-link:var(--color-primary-600);--border-default:var(--color-neutral-200);--border-light:var(--color-neutral-100);--border-strong:var(--color-neutral-300);--border-focus:var(--color-primary-500);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow-primary:0 0 20px #5b4cfa40;--shadow-glow-accent:0 0 20px #22d3ee40;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-sidebar:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:56px;--content-max-width:1400px}[data-theme=dark]{--bg-app:var(--color-neutral-950);--bg-surface:var(--color-neutral-900);--bg-surface-secondary:var(--color-neutral-800);--bg-surface-hover:var(--color-neutral-800);--bg-sidebar:#0a0c14;--bg-card:var(--color-neutral-900);--bg-input:var(--color-neutral-800);--bg-input-focus:var(--color-neutral-800);--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-400);--text-tertiary:var(--color-neutral-500);--text-link:var(--color-primary-400);--border-default:var(--color-neutral-800);--border-light:var(--color-neutral-800);--border-strong:var(--color-neutral-700);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-app);overflow-x:hidden}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700)}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-neutral-700)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.2s both fadeIn}.animate-fade-in-up{animation:.3s both fadeInUp}.animate-fade-in-down{animation:.3s both fadeInDown}.animate-slide-right{animation:.3s both slideInRight}.animate-slide-left{animation:.3s both slideInLeft}.animate-scale-in{animation:.2s both scaleIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--color-neutral-200) 25%, var(--color-neutral-100) 50%, var(--color-neutral-200) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}[data-theme=dark] .skeleton{background:linear-gradient(90deg, var(--color-neutral-800) 25%, var(--color-neutral-700) 50%, var(--color-neutral-800) 75%);background-size:200% 100%}.scrollable{scrollbar-gutter:stable;overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.5;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 2px #5b4cfa4d}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);box-shadow:var(--shadow-glow-primary)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-600)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:var(--color-success-600)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.input-label.required:after{content:" *";color:var(--color-danger)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);outline:none;box-shadow:0 0 0 3px #5b4cfa1a}.input::placeholder{color:var(--text-tertiary)}.input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-input) inset;transition:background-color 5000s ease-in-out}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-input) inset;transition:background-color 5000s ease-in-out}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-input) inset;transition:background-color 5000s ease-in-out}.input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-input) inset;transition:background-color 5000s ease-in-out}.input-error{border-color:var(--color-danger)!important}.input-error-text{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}textarea.input{resize:vertical;min-height:80px}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;position:absolute}.search-input-wrapper .input{padding-left:var(--space-10)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}[data-theme=dark] .card-glass{background:#1e293bb3;border:1px solid #ffffff14}.kpi-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);gap:var(--space-2);transition:all var(--transition-base);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card:after{content:"";background:var(--kpi-color,var(--color-primary));opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.kpi-card:hover:after{opacity:1}.kpi-card-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.kpi-card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.025em}.kpi-card-change{font-size:var(--text-xs);font-weight:var(--font-medium);align-items:center;gap:var(--space-1);display:flex}.kpi-card-change.positive{color:var(--color-success)}.kpi-card-change.negative{color:var(--color-danger)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge-default{background:var(--color-neutral-100);color:var(--color-neutral-600)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-100);color:var(--color-success-600)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-600)}.badge-danger{background:var(--color-danger-100);color:var(--color-danger-600)}.badge-accent{background:var(--color-accent-100);color:var(--color-accent-500)}.badge-dot:before{content:"";border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.table-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;background:var(--bg-surface-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap;-webkit-user-select:none;user-select:none}.table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.table-clickable tbody tr{cursor:pointer}.empty-state{padding:var(--space-16) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--text-tertiary);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;margin-bottom:var(--space-6)}.pagination{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.pagination-buttons{gap:var(--space-1);display:flex}.tabs{border-bottom:1px solid var(--border-default);gap:var(--space-1);display:flex;overflow-x:auto}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab .tab-count{margin-left:var(--space-1);font-size:var(--text-xs);background:var(--color-neutral-100);border-radius:var(--radius-full);padding:0 6px}.tab.active .tab-count{background:var(--color-primary-100);color:var(--color-primary-700)}.avatar{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:24px;height:24px;font-size:var(--text-xs)}.avatar-lg{width:40px;height:40px;font-size:var(--text-md)}.avatar-xl{width:48px;height:48px;font-size:var(--text-lg)}.tooltip-trigger{position:relative}.tooltip-trigger:after{content:attr(data-tooltip);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:#fff;background:var(--color-neutral-800);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-trigger:hover:after{opacity:1}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-dropdown);animation:.15s fadeInDown;position:absolute;top:calc(100% + 4px);right:0}.dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.dropdown-item:hover{background:var(--bg-surface-hover)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-divider{background:var(--border-light);height:1px;margin:var(--space-1) 0}.modal-overlay{background:var(--bg-overlay);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;animation:.2s scaleIn;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);display:flex}.toast-container{top:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:var(--z-toast);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;animation:.3s slideInRight;display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-danger{border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-primary)}.kanban-board{gap:var(--space-4);padding:var(--space-4) 0;min-height:400px;display:flex;overflow-x:auto}.kanban-column{background:var(--bg-surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-direction:column;flex:1;min-width:260px;max-width:360px;max-height:calc(100vh - 240px);transition:border-color .2s,box-shadow .2s;display:flex}.kanban-column.drag-over{border-color:var(--color-primary);box-shadow:0 0 0 2px #5b4cfa26}.kanban-column-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);flex-shrink:0;display:flex}.kanban-column-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);flex:1;display:flex}.kanban-column-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.kanban-column-count{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-surface);border-radius:var(--radius-full);font-weight:var(--font-medium);padding:0 6px}.kanban-column-body{padding:var(--space-2);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kanban-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;gap:var(--space-2);flex-direction:column;transition:all .15s;display:flex}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.kanban-card.dragging{opacity:.5;transform:rotate(2deg)}.kanban-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.kanban-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.3}.kanban-card-amount{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-primary)}.kanban-card-footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kanban-card-meta{align-items:center;gap:var(--space-1);color:var(--text-tertiary);font-size:10px;display:flex}.kanban-card-avatar{color:var(--text-tertiary);font-size:10px;font-weight:var(--font-medium)}.kanban-drop-placeholder{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);border:2px dashed var(--border-light);border-radius:var(--radius-md);opacity:.6}.view-toggle{background:var(--bg-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);display:flex;overflow:hidden}.view-toggle-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:all .15s;display:flex}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);min-width:0;min-height:100vh;transition:margin-left var(--transition-slow);flex-direction:column;flex:1;display:flex;overflow-x:hidden}.app-layout.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed)}.app-content{padding:var(--space-6);max-width:var(--content-max-width);flex:1;width:100%;min-width:0;margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:var(--z-sidebar);transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible hidden}.app-layout.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed);overflow:hidden}.app-layout.sidebar-collapsed .sidebar-header{padding:var(--space-4) 0;justify-content:center}.app-layout.sidebar-collapsed .sidebar-header .btn{display:none}.sidebar-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);height:var(--topbar-height);border-bottom:1px solid #ffffff14;flex-shrink:0;display:flex}.sidebar-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff;width:32px;height:32px;font-weight:var(--font-bold);font-size:var(--text-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-neutral-0);white-space:nowrap;overflow:hidden}.sidebar-brand span{color:var(--color-accent)}.app-layout.sidebar-collapsed .sidebar-brand{opacity:0;width:0}.sidebar-nav{padding:var(--space-3) var(--space-2);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section{margin-top:var(--space-4)}.sidebar-section:first-child{margin-top:0}.sidebar-section-label{padding:var(--space-1) var(--space-3);font-size:10px;font-weight:var(--font-semibold);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;overflow:hidden}.app-layout.sidebar-collapsed .sidebar-section-label{text-align:center;font-size:0}.app-layout.sidebar-collapsed .sidebar-section-label:after{content:"•••";font-size:10px}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text-sidebar);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:var(--text-sidebar-active)}.sidebar-link.active{background:var(--bg-sidebar-active);color:var(--text-sidebar-active)}.sidebar-link.active:before{content:"";background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.sidebar-link-icon{flex-shrink:0;width:20px;height:20px}.sidebar-link-text{white-space:nowrap;overflow:hidden}.app-layout.sidebar-collapsed .sidebar-link-text{opacity:0;width:0}.sidebar-link-badge{background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:1px 6px}.app-layout.sidebar-collapsed .sidebar-link-badge{min-width:14px;padding:0 4px;font-size:9px;position:absolute;top:2px;right:6px}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid #ffffff14;flex-shrink:0}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;display:flex;overflow:hidden}.sidebar-user:hover{background:var(--bg-sidebar-hover)}.sidebar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));color:#fff;width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{white-space:nowrap;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-100)}.sidebar-user-role{font-size:var(--text-xs);color:var(--color-neutral-500)}.app-layout.sidebar-collapsed .sidebar-user-info{opacity:0;width:0}.profile-avatar-upload{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .15s;display:flex;position:absolute;inset:0}.profile-avatar-upload:hover{opacity:1}.topbar{height:var(--topbar-height);padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border-light);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.topbar-breadcrumb a{color:var(--text-secondary)}.topbar-breadcrumb a:hover{color:var(--text-primary)}.topbar-breadcrumb-separator{color:var(--text-tertiary)}.topbar-breadcrumb-current{color:var(--text-primary);font-weight:var(--font-medium)}.topbar-right{align-items:center;gap:var(--space-2);display:flex}.topbar-selector{position:relative}.topbar-selector-btn{border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-surface-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;display:flex}.topbar-selector-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-light)}.topbar-dropdown{z-index:100;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:260px;margin-top:6px;animation:.12s fadeIn;position:absolute;top:100%;left:0}.topbar-dropdown-title{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-light);padding:8px 14px}.topbar-dropdown-item{text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;align-items:center;gap:10px;padding:8px 14px;display:flex}.topbar-dropdown-item:hover{background:var(--bg-surface-hover)}.topbar-dropdown-item.active{background:var(--color-primary-50)}[data-theme=dark] .topbar-dropdown-item.active{background:#5b4cfa1a}.topbar-dropdown-item-name{font-weight:var(--font-medium)}.topbar-dropdown-item-sub{color:var(--text-tertiary);font-size:10px}.topbar-dropdown-check{color:var(--color-primary);margin-left:auto}.topbar-search{position:relative}.topbar-search .input{width:240px;padding-left:var(--space-8);background:var(--bg-surface-secondary);transition:width var(--transition-normal) ease;border:none;padding-right:28px}.topbar-search .input:focus{background:var(--bg-input-focus);border:1px solid var(--border-focus);width:360px}.topbar-search .search-icon{left:var(--space-2);color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar-search-clear{background:var(--bg-surface-tertiary);border-radius:var(--radius-full);cursor:pointer;width:18px;height:18px;color:var(--text-tertiary);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.topbar-search-clear:hover{color:var(--text-primary)}.topbar-search-results{z-index:100;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:360px;max-height:400px;margin-top:6px;animation:.1s fadeIn;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.topbar-search-result{text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.topbar-search-result:hover{background:var(--bg-surface-hover)}.topbar-search-result-icon{border-radius:var(--radius-md);background:var(--color-primary-50);width:32px;height:32px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .topbar-search-result-icon{background:#5b4cfa1f}.topbar-search-result-info{flex:1;min-width:0}.topbar-search-result-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-search-result-sub{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.topbar-search-result-type{color:var(--text-tertiary);background:var(--bg-surface-secondary);border-radius:var(--radius-sm);flex-shrink:0;padding:2px 6px;font-size:10px}.topbar-search-empty{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);padding:20px}.topbar-notif-wrapper,.topbar-notification-btn{position:relative}.topbar-notification-dot{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;min-width:16px;height:16px;font-size:9px;font-weight:var(--font-bold);border:2px solid var(--bg-surface);justify-content:center;align-items:center;padding:0 3px;display:flex;position:absolute;top:2px;right:2px}.topbar-notif-dropdown{z-index:100;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:380px;margin-top:6px;animation:.12s fadeIn;position:absolute;top:100%;right:0}.topbar-notif-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.topbar-notif-title{font-size:var(--text-sm);font-weight:var(--font-semibold)}.topbar-notif-list{max-height:350px;overflow-y:auto}.topbar-notif-item{text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);border:none;border-bottom:1px solid var(--border-light);background:0 0;align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.topbar-notif-item:last-child{border-bottom:none}.topbar-notif-item:hover{background:var(--bg-surface-hover)}.topbar-notif-item.unread{background:var(--color-primary-50)}[data-theme=dark] .topbar-notif-item.unread{background:#5b4cfa0f}.topbar-notif-icon{border-radius:var(--radius-md);background:var(--bg-surface-secondary);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-notif-content{flex:1;min-width:0}.topbar-notif-item-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.topbar-notif-item-body{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.topbar-notif-item-time{color:var(--text-tertiary);margin-top:3px;font-size:10px}.topbar-notif-unread-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.025em}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.page-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.filters-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter-tabs{align-items:center;gap:var(--space-1);background:var(--bg-surface-secondary);border-radius:var(--radius-lg);padding:3px;display:flex}.filter-tab{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.mobile-menu-btn,.sidebar-overlay{display:none}@media (width<=1024px){.sidebar{transition:transform var(--transition-slow);transform:translate(-100%)}.app-layout.sidebar-open .sidebar{transform:translate(0)}.app-main{margin-left:0!important}.mobile-menu-btn{display:flex}.sidebar-overlay{background:var(--bg-overlay);z-index:calc(var(--z-sidebar) - 1);display:none;position:fixed;inset:0}.app-layout.sidebar-open .sidebar-overlay{animation:.2s fadeIn;display:block}.app-content{padding:var(--space-4)}}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%}.page-actions .btn{flex:1}.filters-bar{flex-direction:column;align-items:stretch}.topbar-search .input{width:180px}.topbar-search .input:focus{width:200px}}@media (width<=480px){.topbar-search,.topbar-breadcrumb{display:none}.kpi-card-value{font-size:var(--text-xl)}}