.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:9998;pointer-events:none}.tutorial-tooltip{position:fixed;z-index:10000;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:1rem 1.25rem;max-width:340px;min-width:280px;box-shadow:0 10px 40px #667eea66;animation:tutorialSlideIn .3s ease-out}@keyframes tutorialSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tutorial-tooltip__step{background:#fff3;padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tutorial-tooltip__close{background:#ffffff1a;border:none;color:#ffffffb3;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s}.tutorial-tooltip__close:hover{background:#fff3;color:#fff}.tutorial-tooltip__title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.tutorial-tooltip__message{margin:0 0 1rem;font-size:.85rem;line-height:1.5;opacity:.95;white-space:pre-line}.tutorial-tooltip__actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.tutorial-tooltip__skip{background:transparent;border:none;color:#ffffffb3;font-size:.8rem;cursor:pointer;padding:.4rem 0;transition:color .2s}.tutorial-tooltip__skip:hover{color:#fff}.tutorial-tooltip__next{background:#fff;color:#667eea;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.tutorial-tooltip__next:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.tutorial-tooltip__arrow{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#667eea,#764ba2);transform:rotate(45deg)}.tutorial-tooltip__arrow--right{left:-6px;top:50%;margin-top:-6px}.tutorial-tooltip__arrow--left{right:-6px;top:50%;margin-top:-6px}.tutorial-tooltip__arrow--top{bottom:-6px;left:50%;margin-left:-6px}.tutorial-tooltip__arrow--bottom{top:-6px;left:50%;margin-left:-6px}.tutorial-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.tutorial-modal{background:#fff;border-radius:16px;padding:2rem;max-width:450px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s ease-out}[data-theme=dark] .tutorial-modal{background:var(--card-bg);color:var(--text-primary)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-modal__icon{width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff}.tutorial-modal__title{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.tutorial-modal__message{margin:0 0 1.5rem;font-size:1rem;line-height:1.6;color:var(--text-secondary, #666)}.tutorial-modal__actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tutorial-modal__skip{background:transparent;border:1px solid var(--border-color, #ddd);color:var(--text-secondary, #666);padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.tutorial-modal__skip:hover{background:var(--bg-secondary, #f5f5f5)}.tutorial-modal__next{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.75rem 2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.tutorial-modal__next:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.tutorial-pulse-wrapper{position:relative;display:inline-block}.tutorial-pulse-active{z-index:9999;position:relative}.tutorial-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:40px;min-height:40px;border-radius:8px;pointer-events:none}.tutorial-pulse:before,.tutorial-pulse:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid #667eea;border-radius:inherit;animation:pulse 2s ease-out infinite}.tutorial-pulse:after{animation-delay:.5s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.tutorial-progress{position:fixed;bottom:1rem;left:200px;background:linear-gradient(135deg,#667eea,#764ba2);padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;z-index:10002;box-shadow:0 4px 15px #667eea66;border-radius:25px;color:#fff}.tutorial-progress__bar{width:80px;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.tutorial-progress__fill{height:100%;background:#fff;border-radius:2px;transition:width .5s ease}.tutorial-progress__text{font-size:.75rem;color:#fff;white-space:nowrap;font-weight:500}.tutorial-start-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;margin:.5rem}.tutorial-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.tutorial-start-btn i{font-size:.9rem}.tutorial-highlight{position:relative;z-index:9999!important;box-shadow:0 0 0 4px #667eea4d,0 0 20px #667eea33!important;border-radius:8px}.client-info-page{min-height:100vh;background:var(--gray-50);padding:.75rem}.client-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;background:var(--white);border-radius:6px;box-shadow:0 1px 3px #0000001a}.client-info-title h1{margin:0;font-size:1.5rem;color:var(--gray-900);display:flex;align-items:center;gap:.75rem}.client-info-title h1 i{color:var(--primary)}.client-info-title .reference{display:block;font-size:.875rem;color:var(--gray-500);margin-top:.25rem;margin-left:2rem}.opportunity-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-weight:500}.client-info-content{display:flex;flex-direction:column;gap:.75rem}.info-section{background:var(--white);border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{padding:.75rem 1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.section-header h2{margin:0;font-size:1rem;color:var(--gray-800);display:flex;align-items:center;gap:.5rem}.section-header h2 i{color:var(--primary)}.section-header .product-name{font-weight:400;color:var(--gray-600)}.section-body{padding:1rem}.client-info-page .loading{display:flex;justify-content:center;align-items:center;min-height:200px}.client-info-page .error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--danger);text-align:center}.client-info-page .error-message i{font-size:2rem;margin-bottom:.5rem}.client-info-page .form-group{margin-bottom:1rem}.client-info-page .form-label{font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.client-info-page .form-control{width:100%}.client-info-page .section-body>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem}[data-theme=dark] .client-info-page{background:var(--bg-primary)}[data-theme=dark] .client-info-header,[data-theme=dark] .info-section{background:var(--bg-card);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .section-header{background:#ffffff0d;border-bottom-color:var(--border-color)}[data-theme=dark] .section-body{background:var(--bg-card)}[data-theme=dark] .client-info-title h1,[data-theme=dark] .section-header h2{color:var(--text-primary)}[data-theme=dark] .section-header .product-name{color:var(--text-secondary)}@media print{.client-info-page{padding:0;background:#fff}.client-info-header,.info-section{box-shadow:none;border:1px solid #ddd}}.scheduling-tabs-container{border-bottom:1px solid var(--border-color, #e5e7eb)}.scheduling-tabs{display:flex;gap:0}.scheduling-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .15s;font-size:.95rem}.scheduling-tab:hover{color:var(--text-color, #1f2937);background:var(--bg-hover, #f9fafb)}.scheduling-tab.active{color:var(--primary, #122747);border-bottom-color:var(--primary, #122747);font-weight:500}.scheduling-tab i{font-size:.9rem}.dashboard-page{padding:32px;max-width:1440px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.dashboard-header{margin-bottom:32px}.dashboard-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.dashboard-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;letter-spacing:-.5px}.period-selector{display:flex;flex-wrap:wrap;gap:4px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.period-btn{padding:10px 18px;border:none;background:transparent;border-radius:8px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.period-btn:hover{color:#1e293b;background:#f1f5f9}.period-btn.active{background:linear-gradient(135deg,#122747,#1e3a5f);color:#fff;box-shadow:0 4px 12px #1227474d}.custom-date-range{display:flex;align-items:center;gap:12px;background:#fff;padding:8px 16px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;margin-top:16px}.custom-date-range input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#f8fafc;color:#1e293b;transition:border-color .2s}.custom-date-range input:focus{outline:none;border-color:#122747}.custom-date-range span{color:#94a3b8;font-weight:500}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#64748b}.dashboard-loading .spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top-color:#122747;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.summary-card{background:#fff;border-radius:20px;padding:28px;display:flex;align-items:flex-start;gap:20px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(255,255,255,.8);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.summary-card.submitted:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.summary-card.paid:before{background:linear-gradient(90deg,#10b981,#34d399)}.summary-card.conversion:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.summary-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.summary-card.submitted .summary-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.summary-card.paid .summary-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.summary-card.conversion .summary-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.summary-content{flex:1}.summary-content h3{margin:0 0 8px;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:4px;letter-spacing:-1px}.summary-count{font-size:.875rem;color:#94a3b8;margin-bottom:8px}.change-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:20px}.change-indicator.positive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.change-indicator.negative{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.change-neutral{font-size:.8rem;color:#94a3b8}.dashboard-charts{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:32px}.chart-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(255,255,255,.8)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.chart-header h2{margin:0;font-size:1.2rem;font-weight:700;color:#0f172a}.chart-controls{display:flex;gap:8px;flex-wrap:wrap}.toggle-group{display:flex;background:#f1f5f9;border-radius:10px;padding:4px}.toggle-btn{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{color:#1e293b}.toggle-btn.active{background:#fff;color:#122747;box-shadow:0 2px 8px #0000001a}.chart-body{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.pie-chart-container{position:relative;width:220px;height:220px;flex-shrink:0}.pie-chart-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.pie-segment{cursor:pointer;transition:all .3s ease;transform-origin:center}.pie-segment:hover{filter:brightness(1.1);transform:scale(1.02)}.pie-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#fff;border-radius:50%;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000014}.pie-total{display:block;font-size:1rem;font-weight:800;color:#0f172a}.pie-label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.pie-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.pie-chart-empty .pie-chart-svg{width:160px;height:160px;opacity:.5}.pie-chart-empty p{color:#94a3b8;font-size:.9rem;font-weight:500}.chart-legend{flex:1;min-width:160px}.legend-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:#f8fafc;border-radius:12px;transition:all .2s ease}.legend-item:hover{background:#f1f5f9;transform:translate(4px)}.legend-item:last-child{margin-bottom:0}.legend-color{width:14px;height:14px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 4px #00000026}.legend-name{flex:1;font-size:.9rem;font-weight:600;color:#334155}.legend-value{font-size:.9rem;font-weight:700;color:#0f172a}.products-table-card{min-width:300px}.products-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:16px 20px;text-align:left}.products-table th{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:2px solid #e2e8f0}.products-table td{font-size:.9rem;color:#334155;border-bottom:1px solid #f1f5f9}.products-table tbody tr{transition:background .2s ease}.products-table tbody tr:hover{background:#f8fafc}.product-indicator{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:12px;box-shadow:0 2px 4px #00000026}.cell-value{font-weight:700;color:#0f172a;font-size:1rem}.cell-count{font-size:.8rem;color:#94a3b8;margin-top:2px}.cell-date{font-size:.75rem;color:#94a3b8;margin-top:2px}.totals-row{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important}.totals-row td{border-bottom:none;font-weight:700}.totals-row .cell-value{font-size:1.1rem;color:#122747}.customers-section{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(255,255,255,.8)}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.customers-header h2{margin:0;font-size:1.2rem;font-weight:700;color:#0f172a}.customer-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:25px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#122747;color:#122747;background:#f8fafc}.filter-btn.active{background:linear-gradient(135deg,#122747,#1e3a5f);border-color:transparent;color:#fff;box-shadow:0 4px 12px #12274740}.customers-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.customers-table{width:100%;border-collapse:collapse}.customers-table th,.customers-table td{padding:16px 20px;text-align:left}.customers-table th{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:2px solid #e2e8f0}.customers-table td{font-size:.9rem;color:#334155;border-bottom:1px solid #f1f5f9}.customer-row{cursor:pointer;transition:all .2s ease}.customer-row:hover{background:linear-gradient(90deg,#f8fafc,#fff)}.customer-row:hover .customer-name{color:#2563eb}.customer-name{font-weight:700;color:#122747;transition:color .2s}.customer-contact{font-size:.85rem}.contact-email{color:#475569;display:block}.contact-phone{color:#94a3b8;font-size:.8rem}.no-data{text-align:center;padding:60px 20px!important;color:#94a3b8;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.3px}.status-badge.status-submitted{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.status-badge.status-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.status-badge.status-both{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.pagination-btn{width:40px;height:40px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#122747;color:#122747;background:#f8fafc}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.9rem;font-weight:600;color:#64748b}@media (max-width: 1024px){.dashboard-charts{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-page{padding:20px}.dashboard-header h1{font-size:1.5rem}.chart-body{flex-direction:column;align-items:center}.pie-chart-container{margin:0 auto}.chart-legend{width:100%}.summary-cards{grid-template-columns:1fr}.summary-card{padding:20px}.summary-value{font-size:1.5rem}.period-selector{width:100%;justify-content:center;flex-wrap:wrap}.customers-table th:nth-child(2),.customers-table td:nth-child(2){display:none}.customer-filters{width:100%;justify-content:center}}.dashboard-view .dashboard-view-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.widget-card{background:#fff;border:none;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px #12274712,0 1px 2px #1227470d;transition:box-shadow .2s,transform .18s}.widget-card:hover{box-shadow:0 8px 28px #12274721;transform:translateY(-2px)}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;background:#122747;gap:.5rem}.widget-title{font-weight:600;font-size:.82rem;color:#ffffffeb;line-height:1.3;letter-spacing:.01em}.widget-period-badge{font-size:.68rem;background:#ffffff26;color:#ffffffd9;padding:2px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0;font-weight:500;border:1px solid rgba(255,255,255,.2)}.widget-body{flex:1;padding:1rem;overflow:hidden;display:flex;align-items:stretch}.widget-body-number{align-items:center;justify-content:center;padding:1.5rem 1rem}.widget-loading,.widget-empty,.widget-error{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;color:#94a3b8;font-size:.85rem}.widget-error{color:#e53e3e}.number-card-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:.2rem}.number-card-value{font-size:2.1rem;font-weight:800;color:#122747;line-height:1.1;letter-spacing:-.03em}.number-card-count{font-size:.78rem;color:#64748b;margin-top:.15rem;font-weight:500}.number-card-label{font-size:.72rem;color:#94a3b8;margin-top:.1rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.chart-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;color:#94a3b8;font-size:.82rem;padding:1.5rem 1rem;width:100%;justify-content:center}.chart-empty .pie-svg{width:60px;height:60px}.pie-wrapper{display:flex;align-items:center;gap:1.2rem;width:100%;overflow:hidden}.pie-chart-container{position:relative;flex-shrink:0;width:130px;height:130px}.pie-svg{width:100%;height:100%;filter:drop-shadow(0 2px 6px rgba(18,39,71,.1))}.pie-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.pie-total{font-size:.78rem;font-weight:800;color:#122747;line-height:1.1}.pie-label{font-size:.6rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.chart-legend{flex:1;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;max-height:200px}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.78rem;padding:.2rem 0}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-name{flex:1;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.legend-value{color:#64748b;font-size:.76rem;flex-shrink:0;font-weight:600}.bar-chart{width:100%;display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;max-height:260px}.bar-row{display:flex;align-items:center;gap:.6rem;font-size:.78rem}.bar-label{width:120px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#334155;font-weight:500}.bar-track{flex:1;background:#f1f5f9;border-radius:6px;height:12px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:4px}.bar-value{width:90px;flex-shrink:0;text-align:right;color:#475569;font-size:.76rem;font-weight:600}.line-chart{width:100%;display:flex;flex-direction:column;gap:.3rem}.line-svg{width:100%;height:120px}.line-labels{display:flex;justify-content:space-between;padding:0 20px}.line-label{font-size:.68rem;color:#94a3b8;font-weight:500}.dashboard-live-notice{padding:.45rem 1.5rem;background:linear-gradient(90deg,#f0fdf4,#f8fafc);border-bottom:1px solid #d1fae5;font-size:.77rem;color:#15803d;display:flex;align-items:center;gap:.5rem;font-weight:500}@media (max-width: 900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.dashboard-grid{grid-template-columns:1fr!important}.widget-card{grid-column:span 1!important}}.dashboard-builder-page{display:flex;height:calc(100vh - 60px);overflow:hidden}.dab-chat-panel{display:flex;flex-direction:column;width:420px;flex-shrink:0;border-right:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, white)}.dab-chat-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-subtle, #f8fafc)}.dab-chat-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:var(--text-primary, #1a202c)}.dab-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.875rem}.dab-message{display:flex;gap:.5rem;align-items:flex-start}.dab-message-user{flex-direction:row-reverse}.dab-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4f86c6,#2a9d8f);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dab-bubble{max-width:85%;display:flex;flex-direction:column;gap:.5rem}.dab-message-assistant .dab-bubble{background:var(--bg-subtle, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px 12px 12px 2px;padding:.625rem .875rem}.dab-message-user .dab-bubble{background:#122747;color:#fff;border-radius:12px 12px 2px;padding:.625rem .875rem}.dab-text{margin:0;font-family:inherit;font-size:.875rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.dab-cursor{display:inline-block;animation:blink .8s step-end infinite;font-size:.9rem;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dab-options{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.dab-option-btn{text-align:left;padding:.4rem .75rem;border:1px solid #4F86C6;border-radius:6px;background:var(--bg-card, white);color:#4f86c6;font-size:.82rem;cursor:pointer;transition:background .15s,color .15s}.dab-option-btn:hover:not(:disabled){background:#4f86c6;color:#fff}.dab-option-btn:disabled{opacity:.5;cursor:not-allowed}.dab-status{text-align:center;font-size:.78rem;color:var(--text-secondary, #718096);font-style:italic;padding:.25rem}.dab-quick-actions{padding:0 1rem .5rem;display:flex;flex-direction:column;gap:.3rem}.dab-quick-btn{text-align:left;padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg-subtle, #f8fafc);color:var(--text-primary, #1a202c);font-size:.82rem;cursor:pointer;transition:border-color .15s,background .15s}.dab-quick-btn:hover:not(:disabled){border-color:#4f86c6;background:#edf7ff}.dab-quick-btn:disabled{opacity:.5;cursor:not-allowed}.dab-input-row{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-color, #e2e8f0)}.dab-input{flex:1;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;resize:none;outline:none;transition:border-color .15s;background:var(--input-bg, white);color:var(--text-primary, #1a202c)}.dab-input:focus{border-color:#4f86c6}.dab-send-btn{width:38px;height:38px;border-radius:8px;background:#122747;color:#fff;border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.dab-send-btn:hover:not(:disabled){background:#1a3a6b}.dab-send-btn:disabled{opacity:.5;cursor:not-allowed}.dab-preview-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-subtle, #f8fafc);overflow:hidden}.dab-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #f8fafc);font-weight:600;font-size:.9rem;color:var(--text-primary, #1a202c)}.dab-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary, #718096);gap:.75rem;padding:2rem}.dab-preview-content{flex:1;overflow-y:auto;padding:1.25rem}.dab-preview-name{font-size:1.2rem;font-weight:700;color:var(--text-primary, #1a202c);margin-bottom:.25rem}.dab-preview-desc{font-size:.85rem;color:var(--text-secondary, #718096);margin-bottom:1rem}.dab-widget-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:.75rem}.dab-widget-card{background:var(--bg-card, white);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.dab-widget-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-subtle, #f8fafc)}.dab-widget-title{font-size:.78rem;font-weight:600;color:var(--text-primary, #1a202c)}.dab-widget-type{font-size:.68rem;color:var(--text-secondary, #718096);text-transform:capitalize}.dab-widget-body{flex:1;padding:.75rem;display:flex;align-items:stretch}.dab-report-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2.5rem 2rem;text-align:center;gap:.75rem}.dab-report-icon{color:var(--primary, #2B4C8C);margin-bottom:.5rem}.dab-report-title{font-size:1.15rem;font-weight:700;color:var(--text-primary, #1a202c);margin:0}.dab-report-subtitle{font-size:.875rem;color:var(--text-secondary, #718096);margin:0}.dab-report-buttons{display:flex;gap:.75rem;margin-top:.5rem}.btn-report-download{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn-report-download:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-report-download:disabled{opacity:.55;cursor:not-allowed}.btn-report-download.excel{background:#1d6f42;color:#fff}.btn-report-download.pdf{background:#c0392b;color:#fff}.dab-report-expiry{font-size:.75rem;color:var(--text-muted, #a0aec0);margin:0;margin-top:.5rem}.setup-wizard-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column}.setup-wizard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.setup-header{background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.setup-header-content{display:flex;align-items:center;gap:1rem}.setup-logo{width:48px;height:48px;border-radius:12px;background:var(--primary-color, #3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.setup-logo img{width:100%;height:100%;object-fit:cover;border-radius:12px}.setup-title h1{margin:0;font-size:1.25rem;color:#1e293b}.setup-title p{margin:0;font-size:.875rem;color:#64748b}.skip-button{background:transparent;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.skip-button:hover{background:#f8fafc;color:#1e293b}.setup-content{flex:1;display:grid;grid-template-columns:1fr 400px;gap:0;max-height:calc(100vh - 80px)}.setup-chat-panel{display:flex;flex-direction:column;background:#fff;border-right:1px solid #e2e8f0}.chat-messages{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.message{display:flex;gap:1rem;max-width:80%}.message.user{margin-left:auto;flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.assistant .message-avatar{background:var(--primary-light-bg, #e0f2fe);color:var(--primary-color, #3b82f6)}.message.user .message-avatar{background:#f1f5f9;color:#64748b}.message-content{flex:1}.message-text{padding:1rem 1.25rem;border-radius:1rem;line-height:1.6}.message.assistant .message-text{background:#f8fafc;color:#334155;border-bottom-left-radius:.25rem}.message.user .message-text{background:var(--primary-color, #3b82f6);color:#fff;border-bottom-right-radius:.25rem}.message-text strong{font-weight:600}.message-text li{margin-left:1rem;list-style:disc}.typing-indicator{display:flex;gap:4px;padding:1rem 1.25rem;background:#f8fafc;border-radius:1rem 1rem 1rem .25rem}.typing-indicator span{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.quick-actions{padding:0 2rem 1rem;display:flex;flex-wrap:wrap;gap:.75rem}.quick-actions button{padding:.75rem 1.25rem;border:1px solid #e2e8f0;background:#fff;border-radius:2rem;color:#475569;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:.875rem}.quick-actions button:hover{background:var(--primary-light-bg, #e0f2fe);border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.quick-actions button i{font-size:1rem}.chat-input-container{padding:1rem 2rem 2rem;display:flex;gap:.75rem;background:#fff;border-top:1px solid #e2e8f0}.chat-input-container textarea{flex:1;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:1rem;resize:none;font-family:inherit;font-size:.9375rem;line-height:1.5;outline:none;transition:border-color .2s}.chat-input-container textarea:focus{border-color:var(--primary-color, #3b82f6)}.chat-input-container button{width:48px;height:48px;border:none;background:var(--primary-color, #3b82f6);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-input-container button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.chat-input-container button:disabled{opacity:.5;cursor:not-allowed}.ai-unavailable-notice{padding:.75rem 2rem;background:#fef3c7;color:#92400e;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.setup-inline-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.setup-inline-option{padding:.5rem 1rem;background:#fff;border:1.5px solid var(--primary-color, #3b82f6);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--primary-color, #3b82f6);cursor:pointer;transition:all .2s ease;white-space:nowrap}.setup-inline-option:hover:not(.disabled):not(:disabled){background:var(--primary-color, #3b82f6);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.setup-inline-option:active:not(.disabled):not(:disabled){transform:translateY(0)}.setup-inline-option.disabled,.setup-inline-option:disabled{opacity:.45;cursor:default;border-color:#e2e8f0;color:#94a3b8;background:#f8fafc}.setup-status-text{padding:.25rem 1rem .5rem;font-size:.75rem;color:#94a3b8;display:flex;align-items:center}.setup-preview-panel{background:#f8fafc;display:flex;flex-direction:column;overflow-y:auto}.preview-header{padding:1.5rem;background:#fff;border-bottom:1px solid #e2e8f0}.preview-header h2{margin:0;font-size:1.125rem;color:#1e293b;display:flex;align-items:center;gap:.5rem}.preview-header h2 i{color:var(--primary-color, #3b82f6)}.preview-header p{margin:.25rem 0 0;font-size:.875rem;color:#64748b}.preview-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.preview-section{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000000d}.preview-section h3{margin:0 0 1rem;font-size:.875rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:.5rem}.preview-section h3 i{width:20px}.preview-item{padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:.5rem}.preview-item:last-child{margin-bottom:0}.preview-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.preview-item-header strong{color:#1e293b;font-size:.9375rem}.badge{background:var(--primary-light-bg, #e0f2fe);color:var(--primary-color, #3b82f6);padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500}.preview-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.preview-tab{background:#fff;border:1px solid #e2e8f0;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#64748b}.preview-stages{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.preview-stage{background:#fff;border:1px solid #e2e8f0;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#475569}.stage-arrow{color:#94a3b8;font-size:.625rem}.preview-empty{text-align:center;padding:2rem;color:#94a3b8}.preview-empty i{font-size:2rem;margin-bottom:.5rem}.preview-empty p{margin:0;font-size:.875rem}.preview-count{display:flex;align-items:baseline;gap:.5rem}.preview-count .count{font-size:2rem;font-weight:600;color:var(--primary-color, #3b82f6)}.preview-count .label{color:#64748b;font-size:.875rem}.preview-actions{padding:1.5rem;background:#fff;border-top:1px solid #e2e8f0}.complete-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color, #3b82f6) 0%,var(--primary-dark, #2563eb) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.complete-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}@media (max-width: 1024px){.setup-content{grid-template-columns:1fr}.setup-preview-panel{display:none}}@media (max-width: 640px){.setup-header{padding:1rem}.setup-title h1{font-size:1rem}.chat-messages,.chat-input-container{padding:1rem}.message{max-width:90%}.quick-actions{padding:0 1rem 1rem}.quick-actions button{flex:1 1 calc(50% - .375rem);justify-content:center}}.ai-assistant-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #6366f166;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.ai-assistant-fab:hover{transform:scale(1.1);box-shadow:0 6px 25px #6366f180}.ai-assistant-fab.open{background:#64748b;box-shadow:0 4px 15px #64748b4d}.ai-assistant-panel{position:fixed;bottom:96px;right:90px;width:400px;max-width:calc(100vw - 120px);height:500px;max-height:calc(100vh - 140px);background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;z-index:999;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-assistant-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ai-header-info{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem}.ai-header-info i{font-size:1.25rem}.ai-header-actions{display:flex;gap:8px}.ai-clear-btn,.ai-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ai-clear-btn:hover,.ai-close-btn:hover{background:#ffffff4d}.ai-assistant-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ai-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.ai-welcome-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.ai-welcome-icon i{font-size:1.75rem;color:#fff}.ai-welcome h3{margin:0 0 8px;color:#1e293b;font-size:1.1rem}.ai-welcome p{margin:0 0 16px;color:#64748b;font-size:.9rem}.ai-quick-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ai-quick-action{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:.85rem;cursor:pointer;transition:all .2s}.ai-quick-action:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.ai-quick-action i{font-size:.8rem;color:#6366f1}.ai-message{display:flex;gap:10px;max-width:90%}.ai-message.user{align-self:flex-end;flex-direction:row-reverse}.ai-message.assistant{align-self:flex-start}.ai-message-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem}.ai-message-content{padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.5}.ai-message.user .ai-message-content{background:#6366f1;color:#fff;border-bottom-right-radius:4px}.ai-message.assistant .ai-message-content{background:#f1f5f9;color:#1e293b;border-bottom-left-radius:4px}.ai-message-content p{margin:0 0 8px}.ai-message-content p:last-child{margin-bottom:0}.ai-message-content strong{color:inherit;font-weight:600}.ai-message-content .phone-link,.ai-message-content .email-link{color:inherit;text-decoration:underline;text-decoration-style:dotted}.ai-message.assistant .ai-message-content .phone-link,.ai-message.assistant .ai-message-content .email-link{color:#6366f1}.ai-message-content .client-link{color:#6366f1;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-style:solid;transition:color .2s}.ai-message-content .client-link:hover{color:#4f46e5;text-decoration-color:#4f46e5}.ai-error{display:flex;align-items:center;gap:8px;color:#dc2626}.ai-error i{flex-shrink:0}.ai-typing{display:flex;gap:4px;padding:4px 0}.ai-typing span{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:typing 1.4s infinite}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.ai-assistant-input{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fafafa}.ai-assistant-input textarea{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:20px;resize:none;font-size:.9rem;font-family:inherit;background:#fff;max-height:100px;outline:none;transition:border-color .2s}.ai-assistant-input textarea:focus{border-color:#6366f1}.ai-assistant-input textarea::placeholder{color:#94a3b8}.ai-send-btn{width:40px;height:40px;border-radius:50%;background:#6366f1;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-send-btn:hover:not(:disabled){background:#4f46e5;transform:scale(1.05)}.ai-send-btn:disabled{background:#cbd5e1;cursor:not-allowed}@media (max-width: 480px){.ai-assistant-panel{width:calc(100vw - 32px);right:16px;bottom:88px;height:calc(100vh - 120px);max-height:none}.ai-assistant-fab{right:16px;bottom:16px}}.builder-ai-panel{position:fixed;right:0;top:0;height:100vh;width:560px;max-width:100vw;background:var(--bg-primary, #fff);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;z-index:1000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.builder-ai-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary-color, #122747) 0%,var(--primary-color-light, #1e3a5f) 100%);color:#fff;flex-shrink:0}.builder-ai-title{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem}.builder-ai-header-actions{display:flex;align-items:center;gap:.375rem}.builder-ai-reset{background:#ffffff1a;border:none;color:#fff;padding:.4rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.builder-ai-reset:hover{background:#fff3}.builder-ai-close{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.builder-ai-close:hover{background:#fff3}.builder-ai-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.builder-message{display:flex;gap:.75rem;max-width:95%}.builder-message.user{flex-direction:row-reverse;align-self:flex-end}.builder-message-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.builder-message.assistant .builder-message-avatar{background:linear-gradient(135deg,var(--primary-color, #122747) 0%,var(--primary-color-light, #1e3a5f) 100%);color:#fff}.builder-message.user .builder-message-avatar{background:var(--bg-secondary, #f0f0f0);color:var(--text-secondary, #666)}.builder-message-content{padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.5}.builder-message.assistant .builder-message-content{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333);border-bottom-left-radius:4px}.builder-message.user .builder-message-content{background:var(--primary-color, #122747);color:#fff;border-bottom-right-radius:4px}.builder-message-content li{margin-left:1rem;margin-bottom:.25rem}.builder-message-content code{background:#0000000f;padding:.15em .4em;border-radius:4px;font-size:.85em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.builder-message.user .builder-message-content code{background:#ffffff26}.builder-message-content h4{font-size:.85rem;margin:.5em 0 .25em;color:var(--primary-color, #122747)}.builder-message.user .builder-message-content h4{color:#fff}.builder-typing-indicator{display:flex;gap:4px;padding:.75rem 1rem;background:var(--bg-secondary, #f5f5f5);border-radius:12px 12px 12px 4px}.builder-typing-indicator span{width:8px;height:8px;background:var(--text-secondary, #999);border-radius:50%;animation:typingPulse 1.4s infinite ease-in-out}.builder-typing-indicator span:nth-child(1){animation-delay:0s}.builder-typing-indicator span:nth-child(2){animation-delay:.2s}.builder-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.builder-quick-actions{padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #f9f9f9)}.builder-quick-action{padding:.5rem .875rem;background:#fff;border:1px solid var(--border-color, #e0e0e0);border-radius:20px;font-size:.8rem;color:var(--text-primary, #333);cursor:pointer;transition:all .2s;white-space:nowrap}.builder-quick-action:hover{background:var(--primary-color, #122747);color:#fff;border-color:var(--primary-color, #122747)}.builder-ai-input{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #fff)}.builder-ai-input textarea{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:20px;resize:none;font-size:.9rem;font-family:inherit;min-height:44px;max-height:120px;line-height:1.4;background:var(--bg-secondary, #f5f5f5)}.builder-ai-input textarea:focus{outline:none;border-color:var(--primary-color, #122747);background:#fff}.builder-ai-input textarea::placeholder{color:var(--text-secondary, #999)}.builder-send-btn{width:44px;height:44px;min-width:44px;border-radius:50%;background:var(--primary-color, #122747);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.builder-send-btn:hover:not(:disabled){background:var(--primary-color-light, #1e3a5f);transform:scale(1.05)}.builder-send-btn:disabled{opacity:.5;cursor:not-allowed}.builder-status-text{padding:.25rem 1rem .5rem;font-size:.75rem;color:var(--text-secondary, #888);display:flex;align-items:center;animation:fadeIn .2s ease-in}.builder-ai-unavailable{padding:.75rem 1rem;background:#fee2e2;color:#dc2626;font-size:.85rem;text-align:center}.builder-message-wrapper{display:flex;flex-direction:column;max-width:100%;min-width:0}.builder-inline-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem}.builder-inline-option{padding:.5rem 1rem;background:#fff;border:1.5px solid var(--primary-color, #122747);border-radius:20px;font-size:.8rem;font-weight:500;color:var(--primary-color, #122747);cursor:pointer;transition:all .2s ease;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.builder-inline-option:hover:not(.disabled):not(:disabled){background:var(--primary-color, #122747);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #12274740}.builder-inline-option:active:not(.disabled):not(:disabled){transform:translateY(0)}.builder-inline-option.disabled,.builder-inline-option:disabled{opacity:.45;cursor:default;border-color:var(--border-color, #e0e0e0);color:var(--text-secondary, #888);background:var(--bg-secondary, #f5f5f5)}[data-theme=dark] .builder-ai-panel{background:var(--bg-primary, #1a1a2e)}[data-theme=dark] .builder-message.assistant .builder-message-content{background:var(--bg-secondary, #2a2a3e)}[data-theme=dark] .builder-quick-action{background:var(--bg-secondary, #2a2a3e);border-color:var(--border-color, #3a3a4e)}[data-theme=dark] .builder-inline-option{background:var(--bg-secondary, #2a2a3e);border-color:var(--primary-color-light, #1e3a5f);color:var(--text-primary, #e0e0e0)}[data-theme=dark] .builder-inline-option:hover:not(.disabled):not(:disabled){background:var(--primary-color, #122747);color:#fff}[data-theme=dark] .builder-inline-option.disabled,[data-theme=dark] .builder-inline-option:disabled{opacity:.4;border-color:var(--border-color, #3a3a4e);color:var(--text-secondary, #666);background:var(--bg-secondary, #2a2a3e)}[data-theme=dark] .builder-ai-input textarea{background:var(--bg-secondary, #2a2a3e);border-color:var(--border-color, #3a3a4e);color:var(--text-primary, #fff)}[data-theme=dark] .builder-ai-input textarea:focus{background:var(--bg-primary, #1a1a2e)}@media (max-width: 480px){.builder-ai-panel{width:100vw}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1a365d;--primary-light: #2d4a7c;--primary-dark: #122747;--primary-light-bg: #e8eef5;--accent-color: #3b82f6;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--sidebar-width: 260px;--sidebar-collapsed: 70px;--header-height: 60px;--bg-primary: #f3f4f6;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--shadow-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--primary-color: #1e3a5f;--primary-light: #2d5a87;--primary-dark: #0f2744;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-card: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151;--input-bg: #374151;--input-border: #4b5563;--shadow-color: rgba(0, 0, 0, .4);--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff}[data-theme=dark] .table tbody tr{background:var(--bg-card)}[data-theme=dark] .table tbody tr:hover{background:#374151}[data-theme=dark] .table th{background:#374151;color:#e5e7eb}[data-theme=dark] .table td{color:#d1d5db;border-color:#374151}[data-theme=dark] .text-muted{color:#9ca3af!important}[data-theme=dark] .clickable-row:hover{background:#374151!important}[data-theme=dark] .client-name .name-primary{color:#f9fafb}[data-theme=dark] .client-name .name-secondary{color:#9ca3af}[data-theme=dark] .badge{background:#374151;color:#e5e7eb}[data-theme=dark] .badge-primary{background:#3b82f633;color:#60a5fa}[data-theme=dark] .badge-success{background:#10b98133;color:#34d399}[data-theme=dark] .badge-warning{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .badge-danger{background:#ef444433;color:#f87171}[data-theme=dark] .nav-tabs{border-color:#374151}[data-theme=dark] .nav-tabs .nav-link{color:#9ca3af}[data-theme=dark] .nav-tabs .nav-link:hover{color:#e5e7eb}[data-theme=dark] .nav-tabs .nav-link.active{color:#3b82f6;border-color:#3b82f6;background:transparent}[data-theme=dark] .btn-outline-secondary{color:#e5e7eb;border-color:#4b5563}[data-theme=dark] .btn-outline-secondary:hover{background:#374151;color:#f9fafb}[data-theme=dark] .due-date{color:#9ca3af}[data-theme=dark] .due-date.overdue{color:#f87171}[data-theme=dark] .main-content{background:var(--bg-primary)}[data-theme=dark] .card{background:var(--bg-card)!important;border-color:var(--border-color)}[data-theme=dark] .card-header{background:#374151;border-color:var(--border-color)}[data-theme=dark] .card-body,[data-theme=dark] .table{background:var(--bg-card)}[data-theme=dark] .page-content{background:var(--bg-primary)}[data-theme=dark] .tabs{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .tab{color:var(--text-secondary)}[data-theme=dark] .tab:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=dark] .tab.active{color:var(--accent-color);border-color:var(--accent-color)}[data-theme=dark] .form-control{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}[data-theme=dark] .form-control:focus{background:var(--input-bg);border-color:var(--accent-color);color:var(--text-primary)}[data-theme=dark] .form-label{color:var(--text-secondary)}[data-theme=dark] .modal-content{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{background:#374151;border-color:var(--border-color)}[data-theme=dark] .cases-section{background:var(--bg-primary)}[data-theme=dark] .cases-sub-tabs{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .sub-tab{color:var(--text-secondary)!important;background:transparent!important}[data-theme=dark] .sub-tab:hover{color:var(--text-primary)!important;background:#ffffff0d!important}[data-theme=dark] .sub-tab.active{color:#fff!important;background:var(--accent-color)!important}[data-theme=dark] .cases-content{background:var(--bg-primary)}[data-theme=dark] .crm-header{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .crm-tab{color:var(--text-secondary)}[data-theme=dark] .crm-tab:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=dark] .crm-tab.active{color:var(--accent-color);background:#3b82f61a}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--gray-300);border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--primary-color);color:#fff;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:visible;transition:width .3s ease;z-index:1000;display:flex;flex-direction:column}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem;flex-shrink:0}.sidebar-logo{width:40px;height:40px;min-width:40px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.sidebar-logo svg{width:22px;height:22px}.sidebar-logo img{width:100%;height:100%;object-fit:contain}.sidebar-brand{font-size:1.25rem;font-weight:700;white-space:nowrap;overflow:hidden;transition:opacity .2s ease}.sidebar.collapsed .sidebar-brand{opacity:0;width:0;display:none}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;align-items:center;padding:1rem .5rem;gap:.5rem}.sidebar.collapsed .sidebar-logo{width:36px;height:36px;min-width:36px}.sidebar-toggle{width:32px;height:32px;min-width:32px;background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fffc;transition:all .2s ease;margin-left:auto}.sidebar-toggle svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.5}.sidebar-toggle:hover{background:#fff3;color:#fff}.sidebar.collapsed .sidebar-toggle{margin:0;width:28px;height:28px;min-width:28px;background:#ffffff26}.sidebar-page-title{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.page-title-text{font-size:1.25rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-page-title{display:none}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-divider{border-top:1px solid rgba(255,255,255,.1);margin:.75rem 1rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.125rem .5rem;color:#fffc;text-decoration:none;transition:all .2s;cursor:pointer;border-radius:8px;position:relative}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#3b82f633;color:#fff;border-left:3px solid var(--accent-color);margin-left:calc(.5rem - 3px)}.nav-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;transition:all .2s ease}.nav-icon svg{width:18px;height:18px;stroke:currentColor}.nav-item:hover .nav-icon{background:#3b82f64d}.nav-item.active .nav-icon{background:linear-gradient(135deg,var(--accent-color) 0%,#60a5fa 100%);color:#fff}.nav-item-ai{margin-bottom:.5rem!important;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem!important}.nav-item-ai .nav-icon{background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;color:#fff!important}.nav-item-ai:hover{background:#8b5cf633!important}.nav-item-ai .nav-text{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.nav-item-settings{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem!important}.nav-item-settings .nav-icon{background:#9ca3af33}.nav-item-settings:hover .nav-icon{background:#9ca3af59}.nav-item-settings.active{background:#6b728040;border-left-color:#9ca3af}.nav-item-settings.active .nav-icon{background:linear-gradient(135deg,#6b7280,#9ca3af)}.nav-text{white-space:nowrap;overflow:hidden;transition:opacity .2s ease;font-weight:500;font-size:.9rem}.sidebar.collapsed .nav-text{opacity:0;width:0;display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.625rem;margin:.25rem auto;width:48px;border-radius:10px}.sidebar.collapsed .nav-item.active{border-left:none;margin-left:auto}.sidebar.collapsed .nav-icon{width:36px;height:36px;min-width:36px}.sidebar.collapsed .nav-divider{margin:.5rem .75rem}.sidebar.collapsed .nav-item-settings{border-top:none;padding-top:.625rem!important}.sidebar.collapsed .nav-item:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--primary-dark);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:1100;box-shadow:0 4px 12px #00000026}.sidebar.collapsed .nav-item:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--primary-dark);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1100}.sidebar.collapsed .nav-item:hover:after,.sidebar.collapsed .nav-item:hover:before{opacity:1;visibility:visible}.mobile-close-btn{display:none;background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;margin-left:auto;transition:all .2s}.mobile-close-btn svg{width:20px;height:20px;stroke:#fff}.mobile-close-btn:hover{background:#fff3}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.user-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem;background:#ffffff0d;border-radius:8px}.user-avatar{width:36px;height:36px;min-width:36px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff}.user-details{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.user-name{font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;width:fit-content}.user-role-badge.role-master{background:#f59e0b33;color:#fbbf24}.user-role-badge.role-admin{background:#8b5cf633;color:#a78bfa}.user-role-badge.role-manager{background:#3b82f633;color:#60a5fa}.user-role-badge.role-user{background:#ffffff1a;color:#fffc}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef444433;border-color:#ef44444d}.logout-btn svg{width:18px;height:18px;stroke:currentColor}.sidebar.collapsed .sidebar-footer{padding:.75rem .5rem;align-items:center}.sidebar.collapsed .user-section{flex-direction:column;padding:.25rem;gap:0;justify-content:center;align-items:center}.sidebar.collapsed .user-avatar{width:36px;height:36px;min-width:36px;font-size:.875rem}.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .logout-btn{padding:.5rem;justify-content:center;width:40px;height:40px;border-radius:10px;margin:0 auto}.sidebar.collapsed .logout-text{display:none}.sidebar-footer-actions{display:flex;gap:.5rem;width:100%}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.625rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.theme-toggle-btn:hover{background:#fff3;border-color:#ffffff4d}.theme-toggle-btn svg{width:18px;height:18px;stroke:currentColor}.sidebar-footer-actions .logout-btn{flex:1}.sidebar.collapsed .sidebar-footer-actions{flex-direction:column}.sidebar.collapsed .theme-toggle-btn{width:100%}.mobile-header{display:none}.mobile-toggle{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:none;color:#fff;padding:0;cursor:pointer;border-radius:12px;box-shadow:0 4px 15px #1a365d66;transition:all .2s;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.mobile-toggle svg{width:24px;height:24px;stroke:#fff;stroke-width:2}.mobile-toggle:hover{transform:scale(1.05)}.mobile-toggle:active{transform:scale(.95)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:none;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.mobile-overlay.active{display:block;visibility:visible;opacity:1;pointer-events:auto}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s ease}.app-container.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed)}.header{display:none}.page-content{padding:1.5rem}.card{background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px var(--shadow-color);margin-bottom:1.5rem;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:1.125rem;font-weight:600;color:var(--gray-800)}.card-body{padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s;gap:.5rem}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:#f59e0b;color:#1f2937}.btn-warning:hover{background:#d97706}.btn-warning:disabled{background:#fcd34d;color:#92400e;opacity:.7}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.form-control{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background-color .3s}.form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table tbody tr:hover{background:var(--gray-50)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-primary{background:#3b82f61a;color:var(--accent-color)}.badge-success{background:#10b9811a;color:var(--success-color)}.badge-warning{background:#f59e0b1a;color:var(--warning-color)}.badge-danger{background:#ef44441a;color:var(--danger-color)}.tabs{display:flex;border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem}.tab{padding:.75rem 1.25rem;font-weight:500;color:var(--gray-600);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:var(--gray-800)}.tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray-100);transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-value{font-size:2rem;font-weight:700;color:var(--gray-800)}.stat-label{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.lead-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s}.lead-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.lead-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.lead-name{font-weight:600;color:var(--gray-800)}.lead-ref{font-size:.75rem;color:var(--gray-500)}.lead-info{font-size:.875rem;color:var(--gray-600)}.ticket-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid var(--gray-300);margin-bottom:.75rem}.ticket-card.priority-high{border-left-color:var(--warning-color)}.ticket-card.priority-urgent{border-left-color:var(--danger-color)}.ticket-card.trigger{border-left-color:var(--accent-color)}.ticket-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.ticket-name{font-weight:600;color:var(--gray-800)}.ticket-due{font-size:.75rem;color:var(--gray-500)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);transition:background-color .3s ease}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-500)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:.75rem}@keyframes spinBorder{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.modal-gradient-wrapper{position:relative;padding:3px;border-radius:18px;overflow:hidden;background:#1a3a5c;width:92%;max-width:650px}.modal-gradient-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:150%;aspect-ratio:1;background:conic-gradient(transparent 30%,#7df9ff 44%,#d900ff 50%,#7df9ff 56%,transparent 70%);animation:spinBorder 8s linear infinite;pointer-events:none;z-index:0}.modal-gradient-wrapper>.modal{position:relative;z-index:1;margin:0;width:100%;max-width:none}.modal-gradient{background:#fff!important;color:#1a1a2e!important;border-radius:16px!important;overflow:hidden;position:relative}.modal-gradient .modal-header,.modal-gradient .modal-body,.modal-gradient .modal-footer{position:relative;z-index:1}.modal-gradient .modal-header{color:#1a1a2e!important}.modal-gradient .modal-header .modal-close{color:#666!important}.modal-gradient,.modal-gradient .modal-body,.modal-gradient .modal-body *,.modal-gradient .modal-body label,.modal-gradient .modal-body p,.modal-gradient .modal-body span,.modal-gradient .modal-body strong,.modal-gradient .modal-body h5,.modal-gradient .modal-body h4,.modal-gradient .modal-body div{color:#1a1a2e!important}.modal-gradient .modal-body input,.modal-gradient .modal-body select,.modal-gradient .modal-body textarea{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e!important;border-radius:8px;padding:.65rem 1rem;font-size:.9rem}.modal-gradient .modal-body input::placeholder,.modal-gradient .modal-body textarea::placeholder{color:#999!important}.modal-gradient .modal-body input:focus,.modal-gradient .modal-body select:focus,.modal-gradient .modal-body textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.modal-gradient .modal-body .action-btn,.modal-gradient .modal-body .action-option{background:#f3f0ff;border:1px solid #ddd6fe;color:#5b21b6!important;border-radius:8px}.modal-gradient .modal-body .action-btn.selected,.modal-gradient .modal-body .action-option.selected{background:#7c3aed;border-color:#7c3aed;color:#fff!important}.modal-gradient .modal-body button:not(.btn):not(.modal-close){color:#1a1a2e!important}.modal-gradient .modal-body button:not(.btn):not(.modal-close) i{color:inherit!important}.modal-gradient .modal-footer .btn-primary,.modal-gradient .modal-footer .btn-success{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;border:none!important;color:#fff!important;border-radius:8px}.modal-gradient .modal-footer .btn-secondary{background:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:8px}.modal-gradient .modal-close{color:#666}.modal-gradient .modal-close:hover{color:#1a1a2e}.empty-state{text-align:center;padding:3rem;color:var(--gray-500)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading{display:flex;align-items:center;justify-content:center;padding:3rem}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.login-card{background:#fff;padding:2.5rem;border-radius:16px;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.login-title{font-size:1.75rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:2rem}.login-card .form-control{background-color:#fff;border-color:#d1d5db;color:#1f2937}.login-card .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-card .form-label{color:#374151}.login-card p{color:#4b5563!important}.login-card a{color:#3b82f6!important}@media (min-width: 1400px){.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 992px){.mobile-header{display:none!important}.mobile-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.mobile-close-btn{display:none!important}}@media (max-width: 991.98px){.sidebar{transform:translate(-100%);width:85%;max-width:300px;z-index:1002;visibility:hidden;transition:transform .3s ease,visibility .3s ease}.sidebar.mobile-open{transform:translate(0);visibility:visible}.sidebar.mobile-open .mobile-close-btn{display:flex}.sidebar.mobile-open .sidebar-brand{opacity:1;display:block}.sidebar.mobile-open .nav-text{opacity:1;display:block;width:auto}.sidebar.mobile-open .nav-item{justify-content:flex-start;padding:.75rem 1rem;margin:.125rem .5rem}.sidebar.mobile-open .nav-item:after,.sidebar.mobile-open .nav-item:before{display:none!important}.sidebar-toggle{display:none!important}.sidebar.mobile-open .sidebar-page-title{display:block;padding:1rem 1.25rem;text-align:left}.sidebar.mobile-open .page-title-text{font-size:1.25rem;text-transform:none;letter-spacing:normal}.sidebar.mobile-open,.sidebar.mobile-open.collapsed{width:85%!important;max-width:300px!important}.sidebar.mobile-open .sidebar-header,.sidebar.mobile-open.collapsed .sidebar-header{justify-content:flex-start!important;padding:1.25rem!important}.sidebar.mobile-open .sidebar-logo,.sidebar.mobile-open.collapsed .sidebar-logo{display:flex!important}.sidebar.mobile-open .sidebar-brand,.sidebar.mobile-open.collapsed .sidebar-brand{opacity:1!important;width:auto!important;display:block!important}.sidebar.mobile-open .sidebar-page-title,.sidebar.mobile-open.collapsed .sidebar-page-title{padding:1rem 1.25rem!important;text-align:left!important}.sidebar.mobile-open .page-title-text,.sidebar.mobile-open.collapsed .page-title-text{font-size:1.25rem!important;text-transform:none!important;letter-spacing:normal!important}.sidebar.mobile-open .nav-item,.sidebar.mobile-open.collapsed .nav-item{justify-content:flex-start!important;padding:.75rem 1rem!important;margin:.125rem .5rem!important}.sidebar.mobile-open .nav-icon,.sidebar.mobile-open.collapsed .nav-icon{margin:0!important}.sidebar.mobile-open .nav-text,.sidebar.mobile-open.collapsed .nav-text{opacity:1!important;width:auto!important;display:inline!important}.sidebar.mobile-open .nav-divider,.sidebar.mobile-open.collapsed .nav-divider{margin:.75rem 1rem!important}.sidebar.mobile-open .sidebar-footer,.sidebar.mobile-open.collapsed .sidebar-footer{padding:1rem!important}.sidebar.mobile-open .user-section,.sidebar.mobile-open.collapsed .user-section{flex-direction:row!important;padding:.5rem!important;gap:.75rem!important}.sidebar.mobile-open .user-avatar,.sidebar.mobile-open.collapsed .user-avatar{width:36px!important;height:36px!important;min-width:36px!important}.sidebar.mobile-open .user-details,.sidebar.mobile-open.collapsed .user-details{display:flex!important}.sidebar.mobile-open .logout-btn,.sidebar.mobile-open.collapsed .logout-btn{padding:.625rem 1rem!important;justify-content:center!important}.sidebar.mobile-open .logout-text,.sidebar.mobile-open.collapsed .logout-text{display:inline!important}.main-content{margin-left:0!important}.app-container.sidebar-collapsed .main-content{margin-left:0}.mobile-header{display:block!important;position:fixed;top:.75rem;right:.75rem;z-index:1000}.page-content{padding:4.5rem 1rem 1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{border-radius:10px}.card-header,.card-body,.stat-card{padding:1rem}.stat-value{font-size:1.5rem}}@media (min-width: 768px) and (max-width: 991.98px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767.98px){.page-content{padding:4rem .75rem .75rem}.modal{width:95%;max-height:85vh}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem;flex-wrap:wrap}.btn{padding:.5rem .875rem;font-size:.8rem}.table th,.table td{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 479.98px){.mobile-header{top:.5rem;right:.5rem}.mobile-toggle{width:44px;height:44px;border-radius:10px}.page-content{padding:3.5rem .5rem .5rem}.sidebar{width:100%;max-width:none}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.card-title{font-size:1rem}}@media (max-width: 991.98px) and (orientation: landscape){.sidebar{max-width:280px}.page-content{padding-top:3rem}}.nav-section-label{padding:.5rem 1rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-top:.5rem}.sidebar.collapsed .nav-section-label{display:none}.crm-layout{display:flex;flex-direction:column;height:100%}.crm-header{background:#fff;border-bottom:1px solid var(--gray-200);padding:0 1.5rem;margin:-1.5rem -1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.crm-tabs{display:flex;gap:0}.crm-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;font-size:.9rem;color:var(--gray-600);text-decoration:none;border-bottom:3px solid transparent;transition:all .2s ease}.crm-tab:hover{color:var(--gray-800);background:var(--gray-50)}.crm-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:#3b82f60d}.crm-tab svg{width:18px;height:18px}.crm-ai-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:8px;border:none;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.crm-ai-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf666}.crm-ai-btn i{font-size:.85rem}.crm-content{flex:1;transition:margin-right .3s ease}.crm-content.ai-panel-open{margin-right:400px}.crm-ai-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,var(--primary-color, #122747) 0%,#1e3a5f 100%);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #12274733}.crm-ai-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 8px #1227474d}.crm-ai-toggle.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.crm-ai-toggle svg{width:18px;height:18px}@media (max-width: 767.98px){.crm-content.ai-panel-open{margin-right:0}.crm-ai-toggle span{display:none}.crm-ai-toggle{padding:.625rem}}.team-member-bubbles{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.team-label{font-size:.75rem;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.bubbles-row{display:flex;align-items:center;gap:.5rem}.team-bubble{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.team-bubble:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.team-bubble.active{border-color:var(--warning-color);box-shadow:0 0 0 3px #f59e0b4d}.team-bubble:disabled{opacity:.6;cursor:not-allowed;transform:none}.team-bubble.view-all-bubble{width:auto;padding:0 10px;border-radius:18px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.overflow-dropdown{position:relative}.overflow-trigger{width:36px;height:36px;border-radius:50%;background:var(--gray-200);color:var(--gray-600);font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.overflow-trigger:hover{background:var(--gray-300)}.overflow-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid var(--gray-200);z-index:100;overflow:hidden}.overflow-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.overflow-item:hover{background:var(--gray-50)}.overflow-item.active{background:#f59e0b1a}.overflow-initials{width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overflow-name{flex:1;font-size:.875rem;font-weight:500;color:var(--gray-800)}.overflow-role{font-size:.75rem;color:var(--gray-500)}.impersonation-banner{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--warning-color),#d97706);color:#fff;border-radius:6px;font-size:.875rem;margin-right:1rem}.impersonation-banner strong{font-weight:600}.exit-impersonation-btn{padding:.35rem .75rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.exit-impersonation-btn:hover{background:#ffffff4d}.exit-impersonation-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .team-bubble{background:var(--primary-light)}[data-theme=dark] .overflow-trigger{background:var(--gray-600);color:var(--gray-300)}[data-theme=dark] .overflow-trigger:hover{background:var(--gray-500)}[data-theme=dark] .overflow-menu{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .overflow-item:hover{background:#ffffff0d}[data-theme=dark] .overflow-name{color:var(--text-primary)}[data-theme=dark] .overflow-role{color:var(--text-secondary)}.cases-section{height:100%}.cases-sub-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#fff;padding:.5rem;border-radius:10px;box-shadow:0 1px 3px #0000001a}.sub-tab{padding:.625rem 1.25rem;font-weight:500;font-size:.875rem;color:var(--gray-600);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.sub-tab:hover{background:var(--gray-100);color:var(--gray-800)}.sub-tab.active{background:var(--accent-color);color:#fff}.cases-content{height:calc(100% - 60px)}.working-cases-table{width:100%}.clickable-row{cursor:pointer;transition:background .2s ease}.clickable-row:hover{background:var(--gray-50)}.client-name{display:flex;flex-direction:column;gap:.125rem}.name-primary{font-weight:600;color:var(--gray-800)}.name-secondary{font-size:.75rem;color:var(--gray-500)}.case-reference{font-family:monospace;font-size:.8rem;color:var(--gray-600);background:var(--gray-100);padding:.25rem .5rem;border-radius:4px}.active-tickets{display:flex;flex-wrap:wrap;gap:.375rem}.due-date{font-size:.8rem;color:var(--gray-600)}.due-date.overdue{color:var(--danger-color);font-weight:600}.text-muted{color:var(--gray-400);font-size:.85rem}.customer-profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.customer-profile-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:1501;overflow-y:auto;animation:zoomIn .25s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-content-wrapper{max-width:1400px;margin:0 auto;padding:0 1.5rem 2rem}.profile-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;margin-top:1.5rem}.profile-grid.profile-grid-3col{grid-template-columns:260px 1fr 320px}.profile-sidebar,.profile-sidebar-right,.profile-main{display:flex;flex-direction:column;gap:1rem}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;position:relative}.profile-header-info{display:flex;align-items:center;gap:1rem;flex:1}.profile-back-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.profile-back-btn:hover{background:#fff3}.profile-header-center{display:flex;align-items:center;gap:1rem;position:absolute;left:50%;transform:translate(-50%)}.profile-avatar{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.profile-header-text{display:flex;flex-direction:column;gap:.15rem}.profile-name{font-size:1.25rem;font-weight:600;margin:0}.profile-reference{font-size:.8rem;opacity:.8;font-family:monospace}.profile-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.profile-team-member{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.2rem .6rem;background:#ffffff26;border-radius:4px;opacity:.9}.profile-team-member i{font-size:.75rem;opacity:.8}.profile-team-member strong{font-weight:500;margin-right:.15rem}.profile-close-btn{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-close-btn:hover{background:#fff3}.profile-section{padding:1.25rem;background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--border-color)}.section-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.section-title svg{color:var(--gray-400)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.contact-list{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700)}.contact-item svg{color:var(--gray-400);flex-shrink:0}.contact-stats-row{display:flex;justify-content:space-around;padding:.75rem 0;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem}.contact-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.contact-stat-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.contact-stat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase}.contact-method-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.contact-method-buttons .btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;font-size:.85rem;border-radius:6px;min-width:0}.contact-action-btn{width:100%;margin-bottom:.5rem;padding:.6rem;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-style:dashed;border-radius:8px;transition:all .2s ease}.contact-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.contact-result-grid .btn{padding:.6rem;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:.35rem}.next-contact-display{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f0fdf4;border-radius:8px;border:1px solid #86efac;margin-bottom:1rem}.next-contact-display .date{font-weight:500;color:#166534;font-size:.85rem}.next-contact-display .notes{font-size:.75rem;color:#166534;margin-top:.25rem}.contact-history-filters{display:flex;gap:.35rem;margin-bottom:.75rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.contact-history-filters .filter-btn{padding:.3rem .5rem;border-radius:4px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);transition:all .2s ease}.contact-history-filters .filter-btn.active{background:#007bff;color:#fff;border-color:#007bff}.contact-history-filters .filter-btn i{font-size:.65rem}@media (max-width: 992px){.contact-stats-row{padding:.5rem 0}.contact-stat-value{font-size:1rem}.contact-method-buttons .btn{padding:.5rem .4rem;font-size:.8rem}}@media (max-width: 768px){.contact-stats-row{flex-wrap:wrap;gap:.5rem;padding:.5rem}.contact-stat{flex:1 0 45%}.contact-result-grid{gap:.4rem}.contact-result-grid .btn{padding:.5rem .25rem;font-size:.75rem}.contact-history-filters{gap:.25rem}.contact-history-filters .filter-btn{padding:.25rem .4rem;font-size:.65rem}}@media (max-width: 480px){.contact-method-buttons{grid-template-columns:1fr 1fr;gap:.4rem}.contact-method-buttons .btn{padding:.5rem .3rem;font-size:.75rem}}.factfind-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}.factfind-progress{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.factfind-progress-bar{width:40px;height:4px;background-color:var(--border-color);border-radius:3px;overflow:hidden}.factfind-progress-fill{height:100%;transition:width .3s ease}.factfind-progress-text{font-size:.7rem;font-weight:500;white-space:nowrap}.factfind-buttons{display:flex;gap:.25rem;flex-wrap:nowrap;flex-shrink:0}.factfind-btn{padding:.2rem .4rem;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.65rem;display:flex;align-items:center;gap:.15rem;white-space:nowrap;transition:opacity .2s ease}.factfind-btn:hover{opacity:.9}.factfind-btn.save{background-color:#28a745}.factfind-btn.share{background-color:#17a2b8}.factfind-btn.expand{background-color:#6f42c1}@media (max-width: 768px){.factfind-header{gap:.4rem}.factfind-progress-bar{width:35px}.factfind-btn{padding:.25rem .35rem;font-size:.6rem}}@media (max-width: 480px){.factfind-btn{padding:.2rem .3rem;font-size:.6rem}.factfind-btn i{font-size:.65rem}}.case-details-list{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.case-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.9rem;font-weight:500;color:var(--gray-800)}.opportunities-section{flex:1}.loading-small{display:flex;justify-content:center;padding:2rem}.spinner-small{width:24px;height:24px;border:2px solid var(--gray-200);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.empty-opportunities{text-align:center;padding:3rem 2rem;color:var(--gray-500)}.empty-opportunities .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.empty-opportunities p{margin-bottom:1rem;font-size:1rem}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-height:440px;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.opportunities-grid::-webkit-scrollbar{width:6px}.opportunities-grid::-webkit-scrollbar-track{background:transparent}.opportunities-grid::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.opportunities-grid::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.opportunity-tile{background:var(--bg-card);border-radius:10px;border-left:4px solid var(--accent-color);box-shadow:0 1px 3px var(--shadow-color);padding:1rem;transition:all .2s ease}.opportunity-tile:hover{box-shadow:0 4px 12px var(--shadow-color)}.opportunity-tile.expanded{box-shadow:0 4px 12px #00000026}.tile-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:.75rem}.tile-type{display:flex;align-items:center;gap:.5rem}.type-indicator{width:8px;height:8px;border-radius:50%}.type-name{font-weight:600;color:var(--gray-800)}.tile-status{font-size:.7rem}.tile-stage{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:var(--gray-50);border-radius:6px}.stage-label{font-size:.75rem;color:var(--gray-500)}.stage-name{font-size:.875rem;font-weight:500;color:var(--gray-800)}.tile-loading{display:flex;justify-content:center;padding:1rem}.tile-tickets-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.tickets-count{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.pending-count{color:var(--warning-color)}.completed-count{color:var(--success-color)}.separator{color:var(--gray-300)}.tile-tickets-list{margin-bottom:.75rem;border-top:1px solid var(--gray-200);padding-top:.75rem}.ticket-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:4px;margin-bottom:.375rem;background:var(--gray-50)}.ticket-item.priority-urgent{border-left:3px solid var(--danger-color)}.ticket-item.priority-high{border-left:3px solid var(--warning-color)}.ticket-item.priority-medium{border-left:3px solid var(--accent-color)}.ticket-item.priority-low{border-left:3px solid var(--gray-400)}.ticket-item.is-trigger{background:#3b82f61a}.ticket-item.clickable{cursor:pointer;transition:all .2s ease}.ticket-item.clickable:hover{background:var(--gray-100);transform:translate(2px);box-shadow:0 1px 3px #0000001a}.ticket-item.clickable.is-trigger:hover{background:#3b82f626}.ticket-info{display:flex;align-items:center;gap:.5rem}.ticket-status-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ticket-status-icon.status-pending{background:var(--gray-200);color:var(--gray-600)}.ticket-status-icon.status-in-progress{background:#3b82f633;color:var(--accent-color)}.ticket-status-icon.status-completed{background:#10b98133;color:var(--success-color)}.ticket-name{font-size:.8rem;color:var(--gray-700)}.trigger-badge{font-size:.65rem;padding:.125rem .375rem;background:var(--accent-color);color:#fff;border-radius:4px;font-weight:600}.ticket-due{font-size:.75rem;color:var(--gray-500);display:flex;align-items:center;gap:.25rem}.ticket-due.overdue{color:var(--danger-color)}.tile-actions{display:flex;flex-direction:column;gap:.375rem;margin-top:.75rem}.tile-actions .btn{display:flex;align-items:center;justify-content:center;gap:.375rem}.progress-hint{font-size:.7rem;color:var(--gray-500);text-align:center}.tile-completed{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#10b9811a;border-radius:6px;color:var(--success-color);font-weight:500;margin-top:0}.opportunity-tile.is-completed{padding:.75rem 1rem}.opportunity-tile.is-completed .tile-header{margin-bottom:.25rem}.opportunity-tile.is-completed .tile-stage{margin-bottom:.25rem;font-size:.85rem}.create-opportunity-modal{max-width:500px}.modal-description{color:var(--gray-600);margin-bottom:1.5rem}.opportunity-types-grid{display:flex;flex-direction:column;gap:.75rem}.opportunity-type-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .2s ease}.opportunity-type-card:hover{border-color:var(--gray-300);background:var(--gray-50)}.opportunity-type-card.selected{border-color:var(--type-color);background:#3b82f60d}.type-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:600}.type-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.type-info .type-name{font-weight:600;color:var(--gray-800)}.type-info .type-subname{font-size:.75rem;color:var(--gray-500);font-weight:400}.type-description{font-size:.8rem;color:var(--gray-500)}.selected-indicator{width:28px;height:28px;background:var(--success-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}@media (max-width: 1400px){.profile-grid.profile-grid-3col{grid-template-columns:220px 1fr 280px;gap:1rem}.profile-content-wrapper{padding:0 1rem 1.5rem}}@media (max-width: 1200px){.profile-grid.profile-grid-3col{grid-template-columns:1fr 1fr;gap:1rem}.profile-grid.profile-grid-3col .profile-main{grid-column:1;order:1}.profile-grid.profile-grid-3col .profile-sidebar-right{grid-column:2;order:2}.profile-grid.profile-grid-3col .profile-sidebar{grid-column:1 / -1;order:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.profile-grid.profile-grid-3col .profile-sidebar .profile-section{margin-top:0}.opportunities-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 992px){.profile-grid.profile-grid-3col{grid-template-columns:1fr 1fr}.profile-header-center{position:static;transform:none;order:2;flex-basis:100%;justify-content:center;margin-top:.5rem}.profile-header{flex-wrap:wrap;justify-content:space-between;padding:.75rem 1rem}.profile-header-info{order:1;flex:0}.profile-close-btn{order:3}.profile-back-btn{padding:.4rem .75rem;font-size:.85rem}.profile-back-btn span{display:none}.profile-section .btn{font-size:.8rem;padding:.5rem .75rem}.profile-section .btn-outline-primary,.profile-section .btn-outline-danger{padding:.5rem}}@media (max-width: 768px){.profile-grid,.profile-grid.profile-grid-3col{grid-template-columns:1fr;gap:.75rem}.profile-grid.profile-grid-3col .profile-sidebar{grid-template-columns:1fr;order:1}.profile-sidebar{order:1}.profile-sidebar-right{order:3}.profile-main{order:2}.profile-content-wrapper{padding:0 .75rem 1rem}.profile-header{padding:.75rem;gap:.5rem}.profile-header-center{gap:.5rem;margin-top:.25rem}.profile-avatar{width:36px;height:36px;font-size:1rem}.profile-name{font-size:1rem}.profile-reference{font-size:.75rem}.profile-section .btn{font-size:.8rem;padding:.6rem}.profile-section div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr 1fr!important;gap:.4rem!important}.opportunities-grid{grid-template-columns:1fr;gap:.75rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header>div:last-child{width:100%;justify-content:space-between}.contact-grid{grid-template-columns:1fr}.case-details-grid{grid-template-columns:repeat(2,1fr)}.contact-list{font-size:.85rem}.contact-item{gap:.5rem}.profile-section div[style*="gap: 0.35rem"]{gap:.25rem!important}.profile-section div[style*="gap: 0.35rem"] button{padding:.25rem .4rem!important;font-size:.65rem!important}}@media (max-width: 480px){.profile-content-wrapper{padding:0 .5rem 1rem}.profile-grid.profile-grid-3col{gap:.5rem}.profile-section{padding:.75rem}.section-title{font-size:.9rem}.profile-section .btn{width:100%;justify-content:center}.opportunity-tile{padding:.75rem}.opportunity-tile .tile-header{flex-direction:column;align-items:flex-start;gap:.5rem}.profile-section div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr 1fr!important}.profile-section div[style*="grid-template-columns: 1fr 1fr"] .btn{padding:.5rem .25rem!important;font-size:.75rem!important}.profile-section .stats-row,.profile-section div[style*="display: flex"][style*="justify-content: space-around"]{flex-wrap:wrap;gap:.5rem}.profile-section button[style*="flex: 1"]{min-width:70px;padding:.5rem!important;font-size:.8rem!important}}@media (max-width: 767.98px){.crm-header{margin:-1rem -1rem 1rem;padding:0 1rem}.crm-tab{padding:.75rem 1rem;font-size:.85rem}.cases-sub-tabs{flex-wrap:wrap}.sub-tab{flex:1;text-align:center;padding:.5rem .75rem;font-size:.8rem}.team-member-bubbles{flex-direction:column;gap:.5rem;align-items:flex-end}.team-label{display:none}.impersonation-banner{margin-right:0;font-size:.75rem;padding:.4rem .75rem}.team-bubble,.overflow-trigger{width:32px;height:32px;font-size:.65rem}.profile-header{padding:1rem}.profile-name{font-size:1.25rem}.profile-avatar{width:44px;height:44px;font-size:1.25rem}.profile-section{padding:1rem}.case-details-grid{grid-template-columns:1fr}}.opportunity-type-config{padding:0}.config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.config-header h3{margin:0 0 .25rem;font-size:1.25rem;color:var(--gray-800)}.opportunity-types-list{display:flex;flex-direction:column;gap:.75rem}.opportunity-type-item{background:var(--gray-50);border-radius:10px;border:1px solid var(--gray-200);overflow:hidden}.type-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;transition:background .2s ease}.type-header:hover{background:var(--gray-100)}.type-info-row{display:flex;align-items:center;gap:.75rem}.expand-icon{color:var(--gray-400)}.type-color-indicator{width:12px;height:12px;border-radius:50%}.type-details{display:flex;flex-direction:column;gap:.125rem}.type-display-name{font-weight:600;color:var(--gray-800)}.type-name-slug{font-size:.75rem;color:var(--gray-500);font-family:monospace}.type-actions{display:flex;align-items:center;gap:.5rem}.type-stages{border-top:1px solid var(--gray-200);background:#fff;padding:1rem}.stages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stages-title{font-weight:600;color:var(--gray-700);font-size:.9rem}.stages-list{display:flex;flex-direction:column;gap:.5rem}.stage-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.stage-order{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600}.stage-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.stage-display-name{font-weight:500;color:var(--gray-800)}.stage-name-slug{font-size:.7rem;color:var(--gray-500);font-family:monospace}.stage-badges,.stage-actions{display:flex;gap:.375rem}.empty-stages{text-align:center;padding:1.5rem;color:var(--gray-500);font-size:.9rem}.factfind-section{background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.factfind-section .section-title{display:flex;align-items:center;color:var(--text-primary)}.spinner-tiny{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.spinner-tiny.dark{border:2px solid rgba(0,0,0,.1);border-top-color:#666}.factfind-progress{display:flex;align-items:center;gap:.75rem}.factfind-progress-bar{flex:1;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.factfind-progress-bar-fill{height:100%;background-color:#28a745;transition:width .3s ease}.factfind-progress-bar-fill.warning{background-color:#ffc107}.factfind-progress-bar-fill.danger{background-color:#dc3545}.factfind-progress-text{font-size:.85rem;font-weight:500;color:var(--text-secondary);min-width:80px;text-align:right}.opportunity-forms-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.opportunity-form-btn{padding:.4rem .7rem;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.opportunity-form-btn:hover{background-color:#e9ecef}.opportunity-form-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.opportunity-form-container{margin-top:.75rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}