*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-header .logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;font-size:24px;font-weight:700;color:#1e293b}.login-header .logo i{color:#667eea;font-size:28px}.login-header h2{font-size:28px;font-weight:600;color:#1e293b;margin-bottom:8px;letter-spacing:-.025em;line-height:1.2}.login-header p{color:#64748b;font-size:16px;line-height:1.5}.login-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px;line-height:1.4}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s ease;background-color:#f9fafb}.form-group input:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.login-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);line-height:1.4;color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.login-btn:active{transform:translateY(0)}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-top:16px;display:flex;align-items:center;gap:8px;font-size:14px}.login-footer{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb;color:#64748b;font-size:14px}.login-footer p{margin-bottom:4px}.login-footer strong{color:#374151}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:1000}.sidebar-header{padding:2rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700}.logo i{font-size:2rem;color:#fbbf24}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin:.25rem 0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#fffc;text-decoration:none;transition:all .3s ease;border-radius:.5rem;margin:0 .75rem}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link.active{background-color:#fff3;color:#fff;font-weight:500}.nav-link i{width:1.25rem;text-align:center}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.system-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.8}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:#10b981}.status-indicator.online{background-color:#10b981}.status-indicator.offline{background-color:#ef4444}.main-content{flex:1;margin-left:280px;display:flex;flex-direction:column}.top-bar{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.breadcrumb{font-size:1.25rem;font-weight:600;color:#1e293b}.user-menu{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f1f5f9;border-radius:.5rem;cursor:pointer}.user-menu i{font-size:1.5rem;color:#64748b}.content{flex:1;padding:2rem}.page{display:none}.page.active{display:block}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.page-header p{color:#64748b;font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.stat-content h3{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-content p{color:#64748b;font-size:.875rem;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:1.125rem;font-weight:600;color:#1e293b}.activity-list{max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f1f5f9}.activity-item:last-child{border-bottom:none}.activity-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.activity-icon.email{background-color:#3b82f6}.activity-icon.workflow{background-color:#10b981}.activity-icon.warning{background-color:#f59e0b}.activity-content{flex:1}.activity-title{font-weight:500;color:#1e293b;margin-bottom:.25rem}.activity-subtitle{font-size:.875rem;color:#64748b}.activity-time{font-size:.75rem;color:#94a3b8}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.health-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8fafc;border-radius:.5rem}.health-label{font-weight:500;color:#374151}.health-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.health-status.online{background-color:#dcfce7;color:#166534}.health-status.offline{background-color:#fee2e2;color:#991b1b}.filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#374151;font-size:.875rem;min-width:150px}.btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f1f5f9;color:#374151}.btn-secondary:hover{background-color:#e2e8f0}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.data-table{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.table th{background-color:#f8fafc;font-weight:600;color:#374151;font-size:.875rem}.table td{color:#1e293b}.table tbody tr:hover{background-color:#f8fafc}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.status-badge.running{background-color:#dbeafe;color:#1e40af}.status-badge.completed{background-color:#dcfce7;color:#166534}.status-badge.pending{background-color:#fef3c7;color:#92400e}.analytics-grid,.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:1rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.25rem;font-weight:600;color:#1e293b}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.modal-close:hover{background-color:#f1f5f9}.modal-body{padding:1.5rem}.loading{text-align:center;padding:2rem;color:#64748b}@media (max-width: 1024px){.sidebar{width:240px}.main-content{margin-left:240px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.active{transform:translate(0)}.main-content{margin-left:0}.stats-grid,.dashboard-grid,.analytics-grid,.config-grid{grid-template-columns:1fr}.filters{flex-direction:column;align-items:stretch}.filter-select{min-width:auto}}.page.active{animation:fadeIn .3s ease}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{padding:.75rem;background-color:#f8fafc;border-radius:.5rem}.detail-item.full-width{grid-column:1 / -1}.detail-item strong{color:#374151;font-weight:600}.message-content{background-color:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0;margin-top:.5rem;white-space:pre-wrap;max-height:200px;overflow-y:auto}.no-data{text-align:center;padding:2rem;color:#64748b;font-style:italic}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.draft-type{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.draft-type.weight_file_request{background-color:#e3f2fd;color:#1976d2}.draft-type.invoice_delivery{background-color:#f3e5f5;color:#7b1fa2}.draft-type.support_response{background-color:#e8f5e8;color:#388e3c}.draft-type.vendor_coordination{background-color:#fff3e0;color:#f57c00}.draft-type.customer_notification{background-color:#fce4ec;color:#c2185b}.priority{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.priority.low{background-color:#e8f5e8;color:#388e3c}.priority.normal{background-color:#e3f2fd;color:#1976d2}.priority.high{background-color:#fff3e0;color:#f57c00}.priority.urgent{background-color:#ffebee;color:#d32f2f}.draft-body{background-color:#f5f5f5;padding:12px;border-radius:4px;margin-top:8px;white-space:pre-wrap;font-family:monospace;font-size:14px;max-height:200px;overflow-y:auto}#create-draft-modal .modal-content{max-width:600px;max-height:80vh;overflow-y:auto}#create-draft-form .form-group{margin-bottom:16px}#create-draft-form label{display:block;margin-bottom:4px;font-weight:500}#create-draft-form input,#create-draft-form textarea,#create-draft-form select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}#create-draft-form textarea{resize:vertical;min-height:100px}#create-draft-form input[type=email]{padding:8px 12px}#create-draft-form input[type=email][multiple]{min-height:40px}.object-type{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.object-type.customer{background-color:#e8f5e8;color:#388e3c}.object-type.vendor{background-color:#fff3e0;color:#f57c00}.object-type.carrier{background-color:#f3e5f5;color:#7b1fa2}.intent{display:inline-block;padding:2px 6px;background-color:#e3f2fd;color:#1976d2;border-radius:4px;font-size:11px;margin-right:4px}.confidence{display:inline-block;padding:2px 6px;background-color:#f3e5f5;color:#7b1fa2;border-radius:4px;font-size:11px}.channel{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.channel.email{background-color:#e3f2fd;color:#1976d2}.channel.whatsapp{background-color:#e8f5e8;color:#388e3c}.channel.teams{background-color:#f3e5f5;color:#7b1fa2}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;color:#fff;font-weight:500;z-index:10000;animation:slideIn .3s ease}.notification.info{background-color:#2196f3}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.notification.warning{background-color:#ff9800}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.lanes-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.map-container{min-height:600px}.map-container .card-header{display:flex;justify-content:space-between;align-items:center}.map-controls{display:flex;gap:8px}.map-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;padding:10px;background-color:#00000005;border-radius:6px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.legend-icon{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-icon.live{background-color:#28a745}.legend-icon.opportunity{background-color:#007bff}.legend-icon.e2e{background-color:#6f42c1}.legend-icon.linehaul{background-color:#fd7e14}.legend-icon.customs{background-color:#dc3545}.legend-icon.lastmile{background-color:#20c997}.lanes-list{max-height:400px;overflow-y:auto}.lane-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #e9ecef;transition:background-color .2s}.lane-item:hover{background-color:#007bff0d}.lane-route{display:flex;flex-direction:column;gap:4px}.lane-route-path{font-weight:600;color:#495057}.lane-route-info{font-size:12px;color:#6c757d}.lane-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lane-count{font-weight:600;color:#007bff}.lane-services{display:flex;gap:4px}.service-badge{padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.service-badge.e2e{background-color:#6f42c11a;color:#6f42c1}.service-badge.linehaul{background-color:#fd7e141a;color:#fd7e14}.service-badge.customs{background-color:#dc35451a;color:#dc3545}.service-badge.lastmile{background-color:#20c9971a;color:#20c997}.filter-input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:150px}.filter-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.table-controls{display:flex;gap:8px}@media (max-width: 1200px){.lanes-grid{grid-template-columns:1fr}}@media (max-width: 768px){.filters{flex-direction:column;gap:10px}.filter-input,.filter-select{width:100%}.map-controls{flex-direction:column;gap:4px}.map-legend{justify-content:center}}.location-popup h4,.lane-popup h4{margin:0 0 10px;color:#495057}.lane-popup .lane-status{font-weight:600;margin-bottom:8px}.lane-popup .lane-status.live{color:#28a745}.lane-popup .lane-status.opportunity{color:#007bff}.opportunities-list{margin-top:20px}.opportunities-list h4{margin-bottom:15px;color:#495057;border-bottom:1px solid #e9ecef;padding-bottom:8px}.opportunity-item{border:1px solid #e9ecef;border-radius:6px;padding:12px;margin-bottom:10px;background-color:#f8f9fa}.opportunity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.opportunity-code{font-weight:600;color:#495057}.opportunity-details{display:flex;gap:15px;font-size:12px;color:#6c757d}.opportunity-details span{padding:2px 6px;background-color:#fff;border-radius:3px}.custom-location-icon{background:transparent!important;border:none!important}.leaflet-popup-content-wrapper{border-radius:8px}.leaflet-popup-content{margin:12px 16px;line-height:1.4}.enhanced-lane-item{display:flex;align-items:center;padding:16px;border:1px solid #e9ecef;border-radius:12px;margin-bottom:12px;background:linear-gradient(135deg,#fff,#f8f9fa);transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #0000000d}.enhanced-lane-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#007bff}.lane-rank{display:flex;flex-direction:column;align-items:center;margin-right:16px;min-width:50px}.rank-number{font-size:20px;margin-bottom:4px}.rank-position{font-size:11px;font-weight:600;color:#6c757d}.lane-route-visual{flex:1;display:flex;flex-direction:column;gap:12px}.origin-destination{display:flex;align-items:center;justify-content:space-between}.location-point{display:flex;align-items:center;gap:8px;flex:1}.location-point.origin{justify-content:flex-start}.location-point.destination{justify-content:flex-end}.country-flag{font-size:18px}.country-name{font-weight:600;font-size:13px;color:#495057}.route-connector{flex:0 0 60px;display:flex;justify-content:center;align-items:center;margin:0 12px}.route-line{width:40px;height:2px;position:relative;display:flex;align-items:center;justify-content:center}.route-line.live{background:linear-gradient(90deg,#28a745,#20c997)}.route-line.opportunity{background:linear-gradient(90deg,#007bff,#6610f2)}.route-icon{font-size:10px;color:#fff;background:#0000001a;border-radius:50%;padding:4px}.lane-metrics{display:flex;gap:16px;align-items:center}.metric-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#007bff1a;border-radius:6px;font-size:12px}.metric-item.live{background:#28a7451a;color:#28a745}.metric-icon{color:#007bff}.metric-item.live .metric-icon{color:#28a745}.metric-value{font-weight:700}.metric-label{color:#6c757d;font-size:11px}.lane-services-enhanced{display:flex;gap:8px;flex-wrap:wrap}.service-item{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s}.service-item:hover{transform:scale(1.05)}.service-item.e2e{background:linear-gradient(135deg,#6f42c1,#8e44ad)}.service-item.linehaul{background:linear-gradient(135deg,#fd7e14,#e67e22)}.service-item.customs{background:linear-gradient(135deg,#dc3545,#c0392b)}.service-item.lastmile{background:linear-gradient(135deg,#20c997,#17a2b8)}.service-count{background:#ffffff4d;border-radius:50%;padding:2px 6px;font-size:9px}.lane-actions{display:flex;gap:8px;margin-left:16px}.action-btn{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:12px}.action-btn.primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.action-btn.secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.action-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.enhanced-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.table-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.table-stats{display:flex;gap:30px}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px}.stat-item i{opacity:.8}.stat-item strong{font-size:18px;margin-left:4px}.lanes-grid-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;padding:20px}.lane-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.lane-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.lane-card.live-lane{border-left:4px solid #28a745}.lane-card.opportunity-lane{border-left:4px solid #007bff}.lane-card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px;border-bottom:1px solid #e9ecef}.lane-route-header{display:flex;justify-content:space-between;align-items:center}.route-points{display:flex;align-items:center;gap:12px;flex:1}.route-point{display:flex;align-items:center;gap:8px}.flag{font-size:20px}.location{font-weight:600;color:#495057;font-size:13px}.route-arrow{color:#6c757d;font-size:16px}.lane-status{margin-left:12px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.live{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.status-badge.opportunity{background:#007bff1a;color:#007bff;border:1px solid rgba(0,123,255,.3)}.lane-card-body{padding:16px}.lane-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metric-box{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.metric-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-size:12px}.metric-content{flex:1}.metric-number{font-size:18px;font-weight:700;color:#495057;line-height:1}.metric-label{font-size:10px;color:#6c757d;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.services-section,.vendors-section{margin-bottom:16px}.section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#495057;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.section-title i{color:#007bff}.services-list{display:flex;flex-wrap:wrap;gap:8px}.service-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:16px;font-size:11px;font-weight:600;color:#fff}.service-chip.e2e{background:linear-gradient(135deg,#6f42c1,#8e44ad)}.service-chip.linehaul{background:linear-gradient(135deg,#fd7e14,#e67e22)}.service-chip.customs{background:linear-gradient(135deg,#dc3545,#c0392b)}.service-chip.lastmile{background:linear-gradient(135deg,#20c997,#17a2b8)}.vendors-list{display:flex;flex-wrap:wrap;gap:6px}.vendor-tag{padding:4px 8px;background:#e9ecef;border-radius:12px;font-size:10px;color:#495057;font-weight:500}.vendor-tag.more{background:#007bff;color:#fff}.lane-card-footer{background:#f8f9fa;padding:12px 16px;border-top:1px solid #e9ecef}.action-buttons{display:flex;gap:10px}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.action-button.primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.action-button.secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-data-icon{font-size:48px;color:#dee2e6;margin-bottom:16px}.no-data-text{font-size:18px;font-weight:600;color:#6c757d;margin-bottom:8px}.no-data-subtext{font-size:14px;color:#adb5bd}.outlook-synced{display:inline-flex;align-items:center;gap:.25rem;color:#10b981;font-weight:500;font-size:.875rem}.outlook-synced i{color:#10b981}.draft-meta .outlook-synced{margin-left:.5rem}@media (max-width: 768px){.enhanced-lane-item{flex-direction:column;gap:12px}.lane-rank{margin-right:0;margin-bottom:8px}.origin-destination{flex-direction:column;gap:8px}.route-connector{transform:rotate(90deg);margin:8px 0}.lane-metrics{justify-content:center;flex-wrap:wrap}.lanes-grid-view{grid-template-columns:1fr}.lane-metrics-grid{grid-template-columns:repeat(2,1fr)}.table-stats{flex-direction:column;gap:12px}}.clean-lane-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.clean-lane-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.lane-route{display:flex;align-items:center;gap:12px;flex:1}.route-point{display:flex;align-items:center;gap:6px;min-width:120px}.route-point .location{font-weight:500;color:#374151}.service-flow{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#f8fafc;border-radius:16px;margin:0 8px}.service-flow.e2e{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6}.e2e-label{font-size:10px;font-weight:600;color:#1e40af;margin-right:4px}.vendor-count{font-size:10px;color:#6b7280;margin-left:4px;font-weight:500}.service-icon{font-size:14px;color:#6b7280;transition:all .2s ease}.service-icon.linehaul{color:#10b981}.service-icon.customs{color:#f59e0b}.service-icon.lastmile{color:#8b5cf6}.flow-arrow{font-size:10px;color:#9ca3af}.simple-route{color:#9ca3af;margin:0 8px}.lane-summary{display:flex;align-items:center;gap:8px;font-size:12px}.opportunity-count{color:#6b7280;font-weight:500}.live-badge{background:#dcfce7;color:#166534;padding:2px 6px;border-radius:10px;font-weight:600;font-size:10px}.opportunities-table-container{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #f1f5f9}.table-header{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.table-stats{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;font-weight:500}.stat-item i{color:#6b7280;font-size:16px}.stat-item strong{color:#1f2937;font-weight:600;font-size:16px}.opportunities-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}.opportunity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.opportunity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6)}.opportunity-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.opportunity-card.live-opportunity{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.opportunity-card.live-opportunity:before{background:linear-gradient(90deg,#10b981,#34d399)}.opportunity-card.pipeline-opportunity{border-color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#fff)}.opportunity-card.pipeline-opportunity:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.opportunity-header{margin-bottom:20px}.opportunity-code{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.opportunity-code .code{font-weight:700;color:#111827;font-size:15px;letter-spacing:-.025em}.status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 2px #0000000d}.status-badge.live{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #bbf7d0}.status-badge.pipeline{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #bfdbfe}.route-info{margin-bottom:16px}.route-points{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;min-height:36px;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.route-point{display:flex;align-items:center;gap:6px;font-size:13px;min-width:0;flex-shrink:0;padding:4px 8px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.route-point .flag{font-size:18px}.route-point .country{font-weight:600;color:#1f2937;letter-spacing:-.01em}.opportunity-body{border-top:1px solid #f1f5f9;padding-top:16px}.customer-info{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0}.customer-info i{color:#64748b;font-size:16px}.customer-name{font-weight:600;color:#1f2937;font-size:14px}.providers-info{margin-bottom:16px}.providers-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.providers-list{display:flex;flex-direction:column;gap:6px}.provider-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:6px;font-size:12px;border:1px solid #e2e8f0;transition:all .2s ease}.provider-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(2px)}.provider-item i{color:#64748b;font-size:14px}.service-type{font-weight:600;color:#64748b;min-width:50px;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.vendor-name{color:#1f2937;flex:1;font-weight:500;font-size:9px}.manager-info{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;font-size:13px;border:1px solid #f59e0b;margin-top:8px}.manager-info i{color:#d97706;font-size:16px}.manager-name{font-weight:600;color:#92400e;font-size:14px}.service-segments-container{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#fffc;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 8px}.service-segment{display:flex;align-items:center;gap:4px}.service-dot{position:relative;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.service-dot.linehaul{background:linear-gradient(135deg,#10b981,#059669)}.service-dot.customs{background:linear-gradient(135deg,#f59e0b,#d97706)}.service-dot.lastmile{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.service-dot:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.vendor-count{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.segment-connector{display:flex;align-items:center;gap:2px}.connector-line{width:20px;height:2px;background:linear-gradient(90deg,#e5e7eb,#9ca3af);border-radius:1px}.connector-arrow{color:#6b7280;font-size:10px}.modal.active{display:flex!important;z-index:2000}.lane-detail-view{max-width:100%;padding:0}.lane-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px 12px 0 0;margin:-24px -24px 24px}.lane-route-title{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:700;margin-bottom:16px}.country-flag.large{font-size:32px}.route-arrow{color:#fbbf24;font-size:20px}.lane-quick-stats{display:flex;gap:24px}.quick-stat{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-stat.live{background:#22c55e33}.quick-stat i{font-size:16px}.service-flow-diagram{margin-bottom:32px}.service-flow-diagram h4{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.flow-visualization{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:24px;overflow-x:auto}.detailed-flow{display:flex;align-items:center;gap:0;min-width:max-content}.flow-start,.flow-end{flex-shrink:0}.flow-node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:12px;min-width:120px;text-align:center}.flow-node.origin,.flow-node.destination{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.flow-node.service{background:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.flow-node.service.linehaul{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.flow-node.service.customs{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fed7aa)}.flow-node.service.lastmile{border-color:#8b5cf6;background:linear-gradient(135deg,#f3e8ff,#ddd6fe)}.service-icon-large{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.flow-node.service.linehaul .service-icon-large{background:linear-gradient(135deg,#10b981,#059669)}.flow-node.service.customs .service-icon-large{background:linear-gradient(135deg,#f59e0b,#d97706)}.flow-node.service.lastmile .service-icon-large{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.service-info{display:flex;flex-direction:column;gap:4px}.service-name{font-weight:600;color:#1f2937}.provider-count{font-size:12px;color:#6b7280}.flow-connector{display:flex;align-items:center;gap:8px;margin:0 12px}.flow-connector .connector-line{width:40px;background:linear-gradient(90deg,#cbd5e1,#94a3b8)}.flow-connector i{color:#64748b;font-size:16px}.no-services{text-align:center;padding:32px;color:#6b7280;font-style:italic}.service-providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.service-provider-section h5{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px}.provider-count{color:#6b7280;font-weight:400}.provider-tags{display:flex;flex-wrap:wrap;gap:8px}.provider-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.provider-tag.linehaul{background:#ecfdf5;color:#065f46;border-color:#10b981}.provider-tag.customs{background:#fffbeb;color:#92400e;border-color:#f59e0b}.provider-tag.lastmile{background:#f3e8ff;color:#6b21a8;border-color:#8b5cf6}.provider-tag.e2e{background:#eff6ff;color:#1e40af;border-color:#3b82f6}.opportunities-summary h4{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.opp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.opp-code{font-weight:600;color:#1f2937}.opp-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.opp-status.live{background:#dcfce7;color:#166534}.opp-status.opportunity{background:#dbeafe;color:#1e40af}.opp-customer{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#4b5563}.opp-services{display:flex;flex-wrap:wrap;gap:4px}.service-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.service-badge.linehaul{background:#dcfce7;color:#166534}.service-badge.customs{background:#fef3c7;color:#92400e}.service-badge.lastmile{background:#e9d5ff;color:#6b21a8}.more-opportunities{text-align:center;padding:16px;background:#f8fafc;border-radius:8px;color:#6b7280;font-style:italic}.more-opportunities i{margin-right:8px;color:#9ca3af}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}@media (max-width: 768px){.service-segments-container{gap:4px;padding:2px 8px}.service-dot{width:24px;height:24px;font-size:10px}.vendor-count{width:12px;height:12px;font-size:8px}.detailed-flow{flex-direction:column;gap:16px}.flow-connector{transform:rotate(90deg)}.flow-connector .connector-line{width:20px}.service-providers-grid{grid-template-columns:1fr}.lane-quick-stats{flex-wrap:wrap;gap:12px}.modal-content{max-width:95vw;margin:20px}}.customers-grid,.vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.customer-card,.vendor-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease;padding:16px}.customer-card:hover,.vendor-card:hover{box-shadow:0 2px 8px #00000026;border-color:#3b82f6}.customer-info,.vendor-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.customer-name,.vendor-name{font-size:16px;font-weight:600;color:#1f2937;margin:0}.customer-id,.vendor-code{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.customer-details,.vendor-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.detail-item i{width:16px;color:#6b7280;font-size:14px}.detail-item .label{font-weight:500;color:#374151;min-width:80px}.detail-item .value{color:#1e293b;flex:1}.service-type{font-weight:500;color:#6b7280;font-size:11px;text-transform:uppercase}.vendor-id{font-size:12px;color:#6b7280}.no-services{color:#9ca3af;font-style:italic;font-size:12px}.service-badge{display:inline-flex;align-items:center;gap:3px;background:#f3f4f6;color:#374151;padding:3px 6px;border-radius:8px;font-size:10px;font-weight:600;margin-right:4px;margin-bottom:2px}.service-badge i{font-size:12px}.customer-card .card-actions,.vendor-card .card-actions{padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px}.customer-card .card-actions .btn,.vendor-card .card-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:4px;transition:all .2s ease}.customer-card .card-actions .btn i,.vendor-card .card-actions .btn i{font-size:12px}@media (max-width: 768px){.customers-grid,.vendors-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.customer-card,.vendor-card{padding:12px}.customer-info,.vendor-info{flex-direction:column;align-items:flex-start;gap:8px}.detail-item{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 0}.detail-item .label{min-width:unset;font-size:12px}.customer-card .card-actions,.vendor-card .card-actions{padding:8px 12px;flex-direction:column;gap:6px}}.data-table{width:100%;border-collapse:collapse;margin-top:1rem}.data-table th{background-color:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.data-table td{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.data-table tbody tr:hover{background-color:#f1f5f9}.customer-info,.vendor-info{display:flex;align-items:center;gap:.75rem}.customer-avatar,.vendor-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.customer-details,.vendor-details{display:flex;flex-direction:column;gap:.25rem}.customer-name,.vendor-name{font-weight:600;color:#1e293b}.customer-id,.vendor-code{font-size:.875rem;color:#64748b}.owner-info{display:flex;align-items:center;gap:.5rem;color:#475569}.owner-info i{color:#64748b}.type-tag,.service-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff}.type-tag.ecommerce{background-color:#10b981}.type-tag.manufacturing{background-color:#f59e0b}.type-tag.retail{background-color:#3b82f6}.type-tag.wholesale{background-color:#8b5cf6}.type-tag.import-export{background-color:#ef4444}.type-tag.technology{background-color:#06b6d4}.type-tag.healthcare{background-color:#ec4899}.type-tag.fashion{background-color:#f97316}.type-tag.electronics{background-color:#6366f1}.type-tag.food-beverage{background-color:#84cc16}.type-tag.default{background-color:#64748b}.service-tag.e2e{background-color:#10b981}.service-tag.linehaul{background-color:#3b82f6}.service-tag.customs{background-color:#f59e0b}.service-tag.lastmile{background-color:#8b5cf6}.service-tag.default{background-color:#64748b}.region-info{display:flex;align-items:center;gap:.5rem;color:#475569}.region-info i{color:#64748b}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff}.status-badge.active{background-color:#10b981}.status-badge.inactive{background-color:#ef4444}.status-badge.pending{background-color:#f59e0b}.status-badge.completed{background-color:#3b82f6}.status-badge.failed{background-color:#ef4444}.status-badge.running{background-color:#8b5cf6}.opportunities-info{display:flex;flex-direction:column;gap:.25rem}.opportunity-stats{display:flex;gap:1rem}.opportunity-stats .total,.opportunity-stats .live{font-weight:600;font-size:1.125rem}.opportunity-stats .total{color:#475569}.opportunity-stats .live{color:#10b981}.opportunity-labels{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.performance-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.performance-score .score{font-weight:600;font-size:1.125rem;color:#10b981}.performance-label{font-size:.75rem;color:#64748b}.services-info{color:#475569}.services-count{font-weight:500;color:#3b82f6}.no-services{color:#64748b;font-style:italic}.date-info{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.875rem}.date-info i{color:#64748b}.action-buttons{display:flex;gap:.5rem}.action-buttons .btn{padding:.375rem .5rem;font-size:.875rem}.service-configs{margin-top:.5rem}.service-config{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#f8fafc;border-radius:.375rem;margin-bottom:.5rem}.service-config i{color:#64748b}.config-details{font-family:Monaco,Menlo,monospace;font-size:.75rem;color:#64748b;background-color:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem}@media (max-width: 768px){.data-table{font-size:.875rem}.data-table th,.data-table td{padding:.75rem .5rem}.customer-info,.vendor-info{flex-direction:column;align-items:flex-start;gap:.5rem}.customer-avatar,.vendor-avatar{width:32px;height:32px;font-size:.875rem}.opportunity-stats{flex-direction:column;gap:.5rem}.action-buttons{flex-direction:column;gap:.25rem}}.workflow-layout{display:grid;grid-template-columns:1fr 400px;gap:24px;height:calc(100vh - 180px)}.workflow-main{display:flex;flex-direction:column;gap:20px;overflow-y:auto}.workflow-sidebar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0;height:fit-content;max-height:calc(100vh - 180px);overflow-y:auto;position:sticky;top:20px}.sidebar-section{border-bottom:1px solid #e2e8f0}.sidebar-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.section-header:first-child{border-radius:12px 12px 0 0}.sidebar-filters{display:flex;gap:8px;align-items:center}.filter-select-sm{padding:4px 8px;font-size:12px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;color:#fff;min-width:80px}.btn.btn-xs{padding:4px 8px;font-size:11px;border-radius:4px}.sidebar-content{padding:16px 20px;max-height:300px;overflow-y:auto}.workflow-definitions{display:flex;flex-direction:column;gap:12px}.workflow-definition-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.workflow-definition-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.workflow-definition-item.selected{border-color:#3b82f6;background:#eff6ff}.workflow-info{display:flex;align-items:center;gap:12px}.workflow-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.workflow-details h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937}.workflow-details p{margin:0;font-size:12px;color:#6b7280}.workflow-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.workflow-count{font-size:16px;font-weight:700;color:#3b82f6}.workflow-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.entities-workflows{display:flex;flex-direction:column;gap:12px}.entity-workflow-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.entity-workflow-item:hover{border-color:#3b82f6;box-shadow:0 2px 6px #3b82f614}.entity-info{display:flex;align-items:center;gap:10px}.entity-avatar{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.entity-details h5{margin:0 0 2px;font-size:13px;font-weight:600;color:#1f2937}.entity-details span{font-size:11px;color:#6b7280}.entity-workflow-stats{display:flex;gap:12px;align-items:center}.stat-badge{display:flex;flex-direction:column;align-items:center;padding:6px 8px;border-radius:6px;min-width:40px}.stat-badge.active{background:#10b9811a;color:#059669}.stat-badge.completed{background:#3b82f61a;color:#1d4ed8}.stat-badge.failed{background:#ef44441a;color:#dc2626}.stat-number{font-size:14px;font-weight:700;line-height:1}.stat-text{font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.message-chain{display:flex;flex-direction:column;gap:12px}.placeholder-text{text-align:center;color:#6b7280;font-style:italic;font-size:12px;padding:20px 16px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;margin:0}.chain-step{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.signal-dialog,.abort-dialog{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.signal-dialog h3,.abort-dialog h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;color:#374151;font-weight:500;font-size:14px}.form-control{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .15s ease-in-out}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dialog-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.step-title{font-size:11px;font-weight:600;color:#1f2937;margin:0 0 2px}.step-description{font-size:10px;color:#6b7280;margin:0}.chain-connector{display:flex;justify-content:center;margin:-4px 0}.connector-line{width:2px;height:12px;background:#d1d5db}.quick-stats{display:flex;flex-direction:column;gap:10px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.stat-value{font-size:14px;font-weight:700;color:#1f2937}@media (max-width: 1024px){.workflow-layout{grid-template-columns:1fr 350px}}@media (max-width: 768px){.workflow-layout{grid-template-columns:1fr;gap:16px;height:auto}.workflow-sidebar{order:-1;position:static;max-height:400px}.workflow-main{overflow-y:visible}.sidebar-filters{flex-direction:column;gap:4px;align-items:stretch}.filter-select-sm{min-width:auto;width:100%}.entity-workflow-stats{gap:8px}.stat-badge{min-width:32px;padding:4px 6px}}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:underline;padding:0;font-size:inherit}.btn-link:hover{color:#1d4ed8;text-decoration:none}.message-id-link{font-family:Monaco,Menlo,monospace;font-size:12px}.message-chain-details{max-width:800px}.chain-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.chain-header h4{margin:0 0 8px;color:#1f2937}.chain-header code{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px}.chain-steps{display:flex;flex-direction:column;gap:0;margin-bottom:24px}.chain-step{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.chain-connector{display:flex;flex-direction:column;align-items:center;padding:8px 0;margin-left:28px}.chain-connector .connector-line{width:2px;height:16px;background:#d1d5db}.chain-connector i{color:#6b7280;margin-top:4px}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.step-icon.message{background:linear-gradient(135deg,#10b981,#059669)}.step-icon.classification{background:linear-gradient(135deg,#f59e0b,#d97706)}.step-icon.workflow{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.step-icon.draft{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.step-details{flex:1}.step-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.step-description{font-size:14px;color:#4b5563;line-height:1.5;margin-bottom:8px}.step-time{font-size:12px;color:#6b7280;font-style:italic}.chain-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.chain-summary h5{margin:0 0 12px;color:#1f2937;font-size:14px;font-weight:600}.summary-stats{display:flex;flex-direction:column;gap:8px}.summary-stats .stat-item{display:flex;justify-content:space-between;align-items:center}.summary-stats .stat-label{font-size:12px;color:#6b7280}.summary-stats .stat-value{font-size:12px;font-weight:600;color:#1f2937}.step-icon.processing{background:linear-gradient(135deg,#06b6d4,#0891b2)}.signal-chain-timeline{margin-top:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.signal-chain-timeline h5{margin:0 0 20px;color:#1e293b;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.timeline-container{position:relative;padding-left:32px}.timeline-container:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e2e8f0,#cbd5e1)}.timeline-item{position:relative;margin-bottom:24px;padding-bottom:16px}.timeline-item:last-child{margin-bottom:0;padding-bottom:0}.timeline-marker{position:absolute;left:-26px;top:2px;width:16px;height:16px;border-radius:50%;border:3px solid #ffffff;box-shadow:0 2px 4px #0000001a;z-index:2}.timeline-marker.created{background:#10b981}.timeline-marker.signal{background:#3b82f6}.timeline-marker.timer{background:#f59e0b}.timeline-marker.transition{background:#8b5cf6}.timeline-marker.completed{background:#059669}.timeline-marker.failed{background:#dc2626}.timeline-marker.aborted{background:#6b7280}.timeline-marker.default{background:#64748b}.timeline-content{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.signal-event{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:8px;line-height:1.4}.signal-details{font-size:13px;color:#64748b;line-height:1.4;margin-bottom:8px}.event-data{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:12px;font-size:12px;color:#475569;margin-top:12px;font-family:Monaco,Menlo,monospace}.next-expected{margin-top:20px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border:1px solid #f59e0b;display:flex;align-items:center;gap:12px}.next-expected i{color:#d97706;font-size:16px}.next-expected span{font-weight:500;color:#92400e;font-size:14px}.workflow-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;display:flex;gap:12px;flex-wrap:wrap}.workflow-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:1px solid transparent}.workflow-actions .btn-primary{background:#3b82f6;color:#fff}.workflow-actions .btn-primary:hover{background:#2563eb}.workflow-actions .btn-danger{background:#dc2626;color:#fff}.workflow-actions .btn-danger:hover{background:#b91c1c}.workflow-actions .btn-secondary{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.workflow-actions .btn-secondary:hover{background:#f1f5f9;color:#475569}.originating-message{margin-top:20px;padding:16px;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.originating-message h5{margin:0 0 12px;color:#0c4a6e;font-size:14px;font-weight:600}.message-info{display:flex;flex-direction:column;gap:8px}.workflow-instance-details .detail-row{display:flex;gap:12px;margin-bottom:12px;font-size:14px;align-items:flex-start}.workflow-instance-details .detail-row strong{min-width:140px;color:#374151;font-weight:500}.workflow-instance-details .instance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.workflow-instance-details .instance-header h4{margin:0;color:#1e293b;font-size:18px;font-weight:600}.workflow-signals-preview{margin-top:16px;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.workflow-signals-preview h6{margin:0 0 12px;color:#374151;font-size:13px;font-weight:600}.signals-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.signal-item{display:flex;align-items:center;gap:10px;font-size:12px;color:#4b5563}.signal-marker{width:8px;height:8px;border-radius:50%;flex-shrink:0}.signal-marker.created{background:#10b981}.signal-marker.signal{background:#3b82f6}.signal-marker.timer{background:#f59e0b}.signal-marker.transition{background:#8b5cf6}.signal-marker.completed{background:#059669}.signal-marker.failed{background:#dc2626}.signal-marker.aborted{background:#6b7280}.signal-marker.default{background:#64748b}.signal-text{line-height:1.3;flex:1}.signal-content{display:flex;flex-direction:column;gap:4px;flex:1}.signal-header{display:flex;flex-direction:column;gap:4px}.signal-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:#64748b}.signal-name{background:#dbeafe;color:#1e40af;padding:1px 6px;border-radius:8px;font-weight:500}.signal-result{font-size:11px;color:#059669;font-weight:500;padding:2px 6px;background:#ecfdf5;border-radius:4px;display:inline-block;width:fit-content}.signal-result-block{margin-top:6px;padding:8px;background:#f8fafc;border-radius:6px;border-left:3px solid #059669}.result-header{font-size:11px;font-weight:600;color:#059669;margin-bottom:6px;display:flex;align-items:center;gap:4px}.result-detail{font-size:10px;color:#475569;margin-bottom:4px;display:flex;align-items:center;gap:6px;padding:3px 0}.result-detail i{width:12px;text-align:center;color:#64748b}.draft-link .btn-link{font-size:10px;color:#3b82f6;text-decoration:none;font-weight:500}.draft-link .btn-link:hover{text-decoration:underline}.draft-info{font-size:9px;color:#64748b;margin-left:4px}.signal-item.more .signal-text{font-style:italic;color:#6b7280}.view-full-chain{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#3b82f6;text-decoration:none;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s}.view-full-chain:hover{background:#eff6ff;color:#1d4ed8}.view-full-chain i{font-size:10px}.attachment-count{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500}.no-attachments{color:#9ca3af;font-style:italic;font-size:12px}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;margin-left:4px}.badge-minio{background:#ddd6fe;color:#5b21b6;border:1px solid #c4b5fd}.badge-outlook{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.badge-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.badge-info{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.attachments-list{margin-top:8px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;padding:12px;max-height:300px;overflow-y:auto}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-bottom:8px;transition:all .2s}.attachment-item:last-child{margin-bottom:0}.attachment-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.attachment-info{flex:1}.attachment-info strong{color:#1f2937;font-size:14px;font-weight:600;display:block;margin-bottom:2px}.attachment-meta{color:#6b7280;font-size:12px;display:block}.attachment-actions{display:flex;align-items:center;gap:8px}.btn-xs{padding:4px 8px;font-size:11px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.minio-path{color:#6b7280;font-size:11px;padding:2px 6px;background:#f3f4f6;border-radius:3px;border:1px solid #e5e7eb;cursor:help}.outlook-integration{margin-top:8px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-outlook{background:#0078d4;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.btn-outlook:hover{background:#106ebe;color:#fff;text-decoration:none}.draft-type{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.draft-type.response{background:#dbeafe;color:#1e40af}.draft-type.notification{background:#fef3c7;color:#92400e}.draft-type.request{background:#ecfdf5;color:#065f46}.draft-type.escalation{background:#fecaca;color:#991b1b}.draft-type.update{background:#e0e7ff;color:#3730a3}.status.pending{background:#fef3c7;color:#92400e;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status.approved{background:#dcfce7;color:#166534;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status.sent{background:#dbeafe;color:#1e40af;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status.rejected,.priority.high{background:#fecaca;color:#991b1b;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.priority.medium{background:#fef3c7;color:#92400e;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.priority.low{background:#f3f4f6;color:#374151;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.draft-body{margin-top:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;color:#374151}.draft-edit-form{max-width:700px;margin:0 auto}.draft-edit-form .form-group{margin-bottom:16px}.draft-edit-form label{display:block;font-weight:600;color:#374151;margin-bottom:4px;font-size:14px}.draft-edit-form .form-control{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.draft-edit-form .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.draft-edit-form textarea.form-control{resize:vertical;min-height:300px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5}.draft-edit-form select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.draft-edit-form input[type=checkbox]{margin-right:8px;transform:scale(1.1)}.attachment-management{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.current-attachments{margin-bottom:16px;min-height:40px}.no-attachments-msg{color:#9ca3af;font-style:italic;text-align:center;padding:20px;border:2px dashed #d1d5db;border-radius:6px}.editable-attachment-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:8px;transition:all .2s}.editable-attachment-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.attachment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.attachment-filename{flex:1;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-weight:500;margin-right:12px}.attachment-filename:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.attachment-actions{display:flex;gap:4px}.attachment-meta{color:#6b7280;font-size:12px}.upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.upload-area:hover{border-color:#3b82f6;background:#f8fafc}.upload-area.drag-over{border-color:#3b82f6;background:#eff6ff}.upload-text{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-text i{font-size:24px;color:#9ca3af}.upload-text span{font-weight:500;color:#374151}.upload-text small{color:#6b7280;font-size:12px}.btn-info{background:#0ea5e9;color:#fff;border:1px solid #0284c7}.btn-info:hover{background:#0284c7;border-color:#0369a1}@media (max-width: 768px){.attachment-item{flex-direction:column;align-items:flex-start;gap:8px}.attachment-actions{align-self:stretch;justify-content:space-between}.outlook-integration{flex-direction:column;align-items:flex-start}.draft-edit-form{max-width:100%;padding:0 8px}}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 0;border-top:1px solid #e5e7eb}.pagination{display:flex;gap:.5rem;align-items:center}.pagination button{padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.875rem}.pagination button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination button:disabled{background:#3b82f6;color:#fff;border-color:#3b82f6;cursor:default}.pagination-ellipsis{padding:.5rem .25rem;color:#9ca3af;font-size:.875rem}.page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.page-size-selector select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;font-size:.875rem}.messages-header,.drafts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem}.messages-info,.drafts-info{display:flex;gap:1rem;align-items:center}.total-count{font-weight:600;color:#374151}.page-info{color:#6b7280;font-size:.875rem}.user-menu{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:.5rem;border:1px solid #e2e8f0}.user-menu i.fa-user-circle{font-size:1.25rem;color:#667eea}#user-email{color:#1e293b;font-size:.875rem;font-weight:500}.logout-btn{margin-left:.5rem;padding:.375rem .75rem;font-size:.75rem;background:transparent;border:1px solid #e2e8f0;color:#64748b;transition:all .2s ease}.logout-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.top-bar-actions{display:flex;align-items:center;gap:1rem}.message-row{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;transition:all .2s ease}.message-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.message-subject h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.message-id{font-size:.75rem;color:#9ca3af;font-family:monospace}.message-meta{display:flex;align-items:center;gap:.75rem}.message-date{font-size:.8rem;color:#6b7280}.message-sender,.message-recipients{font-size:.875rem;color:#4b5563;margin-bottom:.5rem}.message-sender strong,.message-recipients strong{color:#374151}.message-classification{display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.classification-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:500}.confidence{font-size:.75rem;color:#6b7280}.message-body-container{margin:1rem 0}.message-body{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;max-height:500px;overflow-y:auto}.message-body.collapsed{max-height:100px;overflow:hidden;position:relative}.message-body.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#f8fafc)}.message-body-text{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:.875rem;color:#374151;font-family:inherit}.expand-btn{padding:.5rem 1rem;color:#3b82f6;background:transparent;border:none;font-size:.875rem;cursor:pointer;transition:color .2s}.expand-btn:hover{color:#2563eb}.message-attachments,.draft-attachments{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.message-attachments h5,.draft-attachments h5{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.attachment-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease}.attachment-card:hover{border-color:#3b82f6;background:#fff}.attachment-card>i{font-size:1.5rem;color:#6b7280}.attachment-card i.fa-file-pdf{color:#ef4444}.attachment-card i.fa-file-image{color:#10b981}.attachment-card i.fa-file-excel{color:#22c55e}.attachment-card i.fa-file-word{color:#3b82f6}.attachment-card i.fa-file-archive{color:#f59e0b}.attachment-info{flex:1;min-width:0}.attachment-name{display:block;font-size:.8rem;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:.7rem;color:#9ca3af}.attachment-card .btn{flex-shrink:0}.message-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.draft-row{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;transition:all .2s ease}.draft-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.draft-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.draft-subject h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.draft-id{font-size:.75rem;color:#9ca3af;font-family:monospace}.draft-meta{display:flex;align-items:center;gap:.75rem}.draft-date{font-size:.8rem;color:#6b7280}.draft-recipients{margin:.75rem 0;padding:.75rem;background:#f8fafc;border-radius:.5rem}.draft-recipients p{margin:.25rem 0;font-size:.875rem;color:#4b5563}.draft-recipients strong{color:#374151}.draft-body-container{margin:1rem 0}.draft-body{background:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;padding:1rem;max-height:500px;overflow-y:auto}.draft-body.collapsed{max-height:100px;overflow:hidden;position:relative}.draft-body.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#fffbeb)}.draft-body-text{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:.875rem;color:#374151;font-family:inherit}.draft-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.workflow-details{max-height:80vh;overflow-y:auto}.workflow-status-section{display:flex;gap:.75rem;margin-bottom:1.5rem}.workflow-type-badge{display:inline-block;padding:.375rem .75rem;background:#e0e7ff;color:#4338ca;border-radius:1rem;font-size:.8rem;font-weight:500}.workflow-timeline{margin-bottom:1.5rem}.workflow-timeline h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#374151}.timeline{position:relative;padding-left:1.5rem}.timeline:before{content:"";position:absolute;left:.375rem;top:.5rem;bottom:.5rem;width:2px;background:#e5e7eb}.timeline-item{position:relative;padding-bottom:1rem;padding-left:1rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-1.5rem;top:.25rem;width:12px;height:12px;background:#e5e7eb;border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb}.timeline-item.completed .timeline-marker,.timeline-marker.success{background:#10b981;box-shadow:0 0 0 2px #10b981}.timeline-marker.error{background:#ef4444;box-shadow:0 0 0 2px #ef4444}.timeline-content{display:flex;flex-direction:column;gap:.25rem}.timeline-content strong{font-size:.875rem;color:#374151}.timeline-content span{font-size:.8rem;color:#6b7280}.failure-reason{margin-top:.5rem;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;font-size:.8rem;color:#dc2626}.workflow-entity-section,.workflow-email-section,.workflow-data-section,.workflow-notes-section,.workflow-ids-section{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem}.workflow-entity-section h4,.workflow-email-section h4,.workflow-data-section h4,.workflow-notes-section h4,.workflow-ids-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#374151}.entity-info p,.email-info p{margin:.25rem 0;font-size:.875rem;color:#4b5563}.entity-info strong,.email-info strong{color:#374151}.email-body-preview{margin-top:.75rem}.email-body-preview pre{margin:.5rem 0 0;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.8rem;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.json-display{margin:0;padding:.75rem;background:#1e293b;border-radius:.375rem;overflow-x:auto}.json-display code{font-size:.75rem;color:#e2e8f0;font-family:Monaco,Consolas,monospace}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.in_progress,.status-badge.processing{background:#dbeafe;color:#2563eb}.status-badge.completed,.status-badge.sent{background:#d1fae5;color:#059669}.status-badge.failed,.status-badge.error{background:#fee2e2;color:#dc2626}.status-badge.draft{background:#fef3c7;color:#d97706}.status-badge.received{background:#e0e7ff;color:#4338ca}.status-badge.unknown{background:#f3f4f6;color:#6b7280}.workflow-info{display:flex;align-items:center;gap:.5rem}.workflow-info i{color:#6b7280}.email-subject-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-list,.drafts-list{display:flex;flex-direction:column;gap:0}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;font-size:.875rem;color:#6b7280}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.no-data-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.whatsapp-status{display:flex;flex-direction:column;gap:1rem}.status-row{display:flex;align-items:center;gap:1rem}.status-label{font-weight:500;color:#374151;min-width:100px}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge.connected{background-color:#dcfce7;color:#166534}.status-badge.connected i{color:#22c55e}.status-badge.disconnected{background-color:#fee2e2;color:#991b1b}.status-badge.disconnected i{color:#ef4444}.status-badge.sent{background-color:#dcfce7;color:#166534}.status-badge.pending{background-color:#fef9c3;color:#854d0e}.status-badge.failed{background-color:#fee2e2;color:#991b1b}.qr-section{display:flex;flex-direction:column;align-items:center;padding:2rem}.qr-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-instructions{font-size:1.125rem;font-weight:500;color:#374151;margin-bottom:.5rem}.qr-steps{text-align:left;padding-left:1.5rem;color:#6b7280;font-size:.875rem;line-height:1.75}.qr-steps li{margin-bottom:.25rem}.qr-image-wrapper{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:1rem 0}.qr-image-wrapper img{max-width:256px;height:auto}.connected-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:#dcfce7;border-radius:8px;color:#166534;font-weight:500}.connected-message i{font-size:1.5rem;color:#22c55e}.not-configured{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:#fef3c7;border-radius:8px;color:#92400e;font-weight:500}.not-configured i{font-size:1.5rem;color:#f59e0b}#whatsapp-test-form{max-width:500px}#whatsapp-test-form .form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.75rem}.message-preview{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link .fa-whatsapp{color:#25d366}.nav-link.active .fa-whatsapp,.nav-link:hover .fa-whatsapp{color:inherit}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #e2e8f0}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:16px;border-radius:4px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}.skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.skeleton-table{background:#fff;border-radius:12px;overflow:hidden}.skeleton-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 120px;gap:1rem;padding:1rem 1.5rem;background:#f8fafc;border-bottom:2px solid #e2e8f0}.skeleton-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 120px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#64748b}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.loading-text{font-size:.9375rem;font-weight:500;color:#64748b;margin-top:.5rem}.loading-dots:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.no-data-icon{font-size:4rem;margin-bottom:1rem;opacity:.4;color:#94a3b8}.no-data-title{font-size:1.25rem;font-weight:600;color:#475569;margin-bottom:.5rem}.no-data-text{font-size:.9375rem;color:#64748b;margin-bottom:1rem;max-width:400px}.no-data-action{margin-top:1rem}.page{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-table{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:10000;display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:500px;animation:slideInRight .3s ease-out;font-size:.9375rem;font-weight:500}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background:#10b981;color:#fff}.notification-error{background:#ef4444;color:#fff}.notification-info{background:#3b82f6;color:#fff}.notification-icon{font-size:1.25rem;flex-shrink:0}.btn{transition:all .2s ease;font-weight:500;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-secondary{background:#64748b;color:#fff}.btn-secondary:hover:not(:disabled){background:#475569}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #0000001a}.card-content{padding:1.5rem}.data-table{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.data-table table{width:100%;border-collapse:collapse}.data-table thead{background:#f8fafc}.data-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:2px solid #e2e8f0}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;color:#1e293b}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.message-row,.draft-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.message-row:hover,.draft-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.message-header,.draft-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.message-subject h4,.draft-header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.message-meta,.draft-meta{display:flex;gap:1rem;font-size:.8125rem;color:#64748b;flex-wrap:wrap}.message-content,.draft-content{color:#475569;line-height:1.6;margin-bottom:1rem}.message-content p,.draft-content p{margin:0;color:#64748b}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.active,.status-badge.running{background:#d1fae5;color:#065f46}.status-badge.completed,.status-badge.approved{background:#dbeafe;color:#1e40af}.status-badge.failed,.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#fef3c7;color:#92400e}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;flex-wrap:wrap}.pagination button{min-width:40px;height:40px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-weight:500;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.pagination button:disabled{background:#667eea;color:#fff;border-color:#667eea;cursor:default}.pagination-ellipsis{padding:0 .5rem;color:#94a3b8}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-row{background:#fff;border-radius:12px;padding:1.5rem;transition:all .2s ease}.message-row:hover{box-shadow:0 4px 12px #00000014}.draft-item{background:#fff;border-radius:12px;padding:1.5rem;transition:all .2s ease;margin-bottom:1rem}.draft-item:hover{box-shadow:0 4px 12px #00000014}.page{transition:opacity .2s ease,transform .2s ease}.page.hidden{display:none}.page.active{display:block;animation:fadeIn .3s ease-in-out}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.loading-overlay.active{opacity:1;visibility:visible}.loading-overlay-content{background:#fff;border-radius:16px;padding:2.5rem 3rem;box-shadow:0 25px 50px -12px #00000040;text-align:center;max-width:400px;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.loading-overlay-spinner{width:56px;height:56px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.loading-overlay-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.loading-overlay-message{font-size:.9375rem;color:#64748b;line-height:1.5}.loading-overlay-progress{margin-top:1.5rem;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.loading-overlay-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;animation:progressIndeterminate 1.5s ease-in-out infinite}@keyframes progressIndeterminate{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.wa-container{--wa-green: #25D366;--wa-green-dark: #128C7E;--wa-green-light: #dcfce7;--wa-green-glow: rgba(37, 211, 102, .15);--wa-bg: #ffffff;--wa-surface: #f8fafc;--wa-surface-hover: #f1f5f9;--wa-border: #e2e8f0;--wa-text: #1e293b;--wa-text-muted: #64748b;--wa-radius: 16px;--wa-radius-sm: 10px;font-family:Inter,-apple-system,sans-serif;min-height:calc(100vh - 200px);background:var(--wa-bg);border-radius:var(--wa-radius);padding:32px;position:relative}.wa-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:48px}.wa-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:all .3s ease}.wa-step.active,.wa-step.completed{opacity:1}.wa-step.completed .wa-step-icon{background:var(--wa-green);border-color:var(--wa-green);color:#fff}.wa-step-icon{width:48px;height:48px;border-radius:50%;border:2px solid var(--wa-border);background:var(--wa-surface);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--wa-text-muted);transition:all .3s ease}.wa-step.active .wa-step-icon{border-color:var(--wa-green);color:var(--wa-green);box-shadow:0 0 0 4px var(--wa-green-glow)}.wa-step span{font-size:13px;font-weight:500;color:var(--wa-text-muted)}.wa-step.active span{color:var(--wa-text)}.wa-step-line{width:80px;height:2px;background:var(--wa-border);margin:0 8px 24px}.wa-step-content{display:none;animation:fadeSlideIn .4s ease}.wa-step-content.active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wa-hero{text-align:center;margin-bottom:40px}.wa-logo-glow{width:80px;height:80px;margin:0 auto 24px;border-radius:20px;background:linear-gradient(135deg,var(--wa-green),var(--wa-green-dark));display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;box-shadow:0 10px 30px var(--wa-green-glow)}.wa-hero h1{font-size:28px;font-weight:700;color:var(--wa-text);margin:0 0 8px;letter-spacing:-.5px}.wa-subtitle{font-size:15px;color:var(--wa-text-muted);margin:0}.wa-form{max-width:400px;margin:0 auto}.wa-input-group{margin-bottom:24px}.wa-input-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--wa-text);margin-bottom:10px}.wa-input-group label i{color:var(--wa-green)}.wa-input-wrapper{position:relative}.wa-input-wrapper input{width:100%;padding:14px 16px;font-size:16px;font-family:inherit;font-weight:500;color:var(--wa-text);background:var(--wa-surface);border:2px solid var(--wa-border);border-radius:var(--wa-radius-sm);outline:none;transition:all .2s ease}.wa-input-wrapper input::placeholder{color:var(--wa-text-muted)}.wa-input-wrapper input:focus{border-color:var(--wa-green);box-shadow:0 0 0 4px var(--wa-green-glow);background:#fff}.wa-input-hint{display:block;margin-top:8px;font-size:12px;color:var(--wa-text-muted)}.wa-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,var(--wa-green),var(--wa-green-dark));border:none;border-radius:var(--wa-radius-sm);cursor:pointer;transition:all .2s ease}.wa-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--wa-green-glow)}.wa-btn-primary:disabled{opacity:.5;cursor:not-allowed}.wa-btn-ghost{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;font-family:inherit;color:var(--wa-text-muted);background:transparent;border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);cursor:pointer;transition:all .2s ease}.wa-btn-ghost:hover{color:var(--wa-text);border-color:var(--wa-text-muted);background:var(--wa-surface)}.wa-btn-sm{padding:8px 16px;font-size:13px}.wa-connecting-phone{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--wa-green-light);border:1px solid var(--wa-green);border-radius:50px;margin-bottom:24px;font-size:14px;color:var(--wa-green-dark)}.wa-connecting-phone span{color:var(--wa-text-muted)}.wa-connecting-phone strong{color:var(--wa-text);font-weight:600}.wa-btn-link{background:none;border:none;color:var(--wa-green-dark);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;padding:4px 8px;margin-left:4px;border-radius:4px;transition:all .2s ease}.wa-btn-link:hover{background:#25d36633;text-decoration:underline}.wa-global-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--wa-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100}.wa-global-loading p{font-size:14px;color:var(--wa-text-muted);margin:0}.wa-container{position:relative}.wa-qr-section{text-align:center;max-width:500px;margin:0 auto}.wa-qr-loading{padding:60px}.wa-spinner{width:48px;height:48px;border:3px solid var(--wa-border);border-top-color:var(--wa-green);border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wa-qr-loading p{color:var(--wa-text-muted);font-size:15px}.wa-qr-display{display:flex;gap:40px;align-items:flex-start;text-align:left}.wa-qr-frame{padding:12px;background:#fff;border-radius:8px;flex-shrink:0}.wa-qr-frame img{display:block;width:280px;height:280px}.wa-qr-instructions h3{font-size:18px;font-weight:600;color:var(--wa-text);margin:0 0 16px}.wa-qr-instructions ol{margin:0;padding-left:20px;color:var(--wa-text-muted);line-height:2}.wa-qr-instructions ol strong{color:var(--wa-text)}.wa-qr-actions{display:flex;gap:12px;margin-top:32px;justify-content:center}.wa-qr-actions .wa-btn-primary{width:auto;padding:12px 24px}.wa-groups-header{text-align:center;margin-bottom:32px}.wa-success-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--wa-green-light);border:1px solid var(--wa-green);border-radius:50px;color:var(--wa-green-dark);font-size:14px;font-weight:600;margin-bottom:16px}.wa-groups-header h2{font-size:22px;font-weight:700;color:var(--wa-text);margin:0 0 8px}.wa-groups-header p{color:var(--wa-text-muted);font-size:14px;margin:0}.wa-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:4px}.wa-group-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--wa-surface);border:2px solid var(--wa-border);border-radius:var(--wa-radius-sm);cursor:pointer;transition:all .2s ease}.wa-group-card:hover{background:var(--wa-surface-hover);border-color:#cbd5e1}.wa-group-card.selected{border-color:var(--wa-green);background:var(--wa-green-light)}.wa-group-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.wa-group-card:nth-child(2n) .wa-group-avatar{background:linear-gradient(135deg,#f093fb,#f5576c)}.wa-group-card:nth-child(3n) .wa-group-avatar{background:linear-gradient(135deg,#4facfe,#00f2fe)}.wa-group-card:nth-child(5n) .wa-group-avatar{background:linear-gradient(135deg,#43e97b,#38f9d7)}.wa-group-card:nth-child(7n) .wa-group-avatar{background:linear-gradient(135deg,#fa709a,#fee140)}.wa-group-info{flex:1;min-width:0}.wa-group-name{font-size:14px;font-weight:600;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-group-members{font-size:12px;color:var(--wa-text-muted);margin-top:2px}.wa-group-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--wa-border);display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s ease;flex-shrink:0}.wa-group-card.selected .wa-group-check{background:var(--wa-green);border-color:var(--wa-green);color:#fff}.wa-groups-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid var(--wa-border)}#wa-selected-count{font-size:14px;color:var(--wa-text-muted)}.wa-groups-footer .wa-btn-primary{width:auto;padding:12px 24px}.wa-dashboard{position:relative}.wa-status-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--wa-green-light);border:1px solid var(--wa-green);border-radius:var(--wa-radius-sm);margin-bottom:28px}.wa-status-info{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--wa-green-dark)}.wa-status-dot{width:10px;height:10px;border-radius:50%;background:var(--wa-green);box-shadow:0 0 8px var(--wa-green)}.wa-phone-display{color:var(--wa-text-muted);padding-left:12px;border-left:1px solid var(--wa-green)}.wa-status-actions{display:flex;align-items:center;gap:8px}.wa-favorites-section h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--wa-text);margin:0 0 8px}.wa-favorites-section h2 i{color:#f59e0b}.wa-favorites-hint{font-size:13px;color:var(--wa-text-muted);margin:0 0 20px}.wa-favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.wa-favorite-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);cursor:pointer;transition:all .2s ease}.wa-favorite-card:hover{background:var(--wa-surface-hover);border-color:var(--wa-green);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.wa-favorite-card .wa-group-avatar{width:40px;height:40px;font-size:16px}.wa-favorite-card .wa-group-name{font-size:13px}.wa-favorite-send{margin-left:auto;color:var(--wa-green);font-size:16px;opacity:0;transition:opacity .2s ease}.wa-favorite-card:hover .wa-favorite-send{opacity:1}.wa-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;align-items:center;justify-content:center}.wa-modal.active{display:flex}.wa-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wa-modal-content{position:relative;width:90%;max-width:480px;background:#fff;border-radius:var(--wa-radius);box-shadow:0 20px 40px #00000026;overflow:hidden;animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.wa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--wa-border)}.wa-modal-group-info{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--wa-text)}.wa-modal-group-info i{width:36px;height:36px;background:linear-gradient(135deg,var(--wa-green),var(--wa-green-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.wa-modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--wa-text-muted);font-size:18px;cursor:pointer;border-radius:8px;transition:all .2s ease}.wa-modal-close:hover{background:var(--wa-surface);color:var(--wa-text)}.wa-modal-body{padding:24px}.wa-modal-body textarea{width:100%;padding:14px;font-size:14px;font-family:inherit;color:var(--wa-text);background:var(--wa-surface);border:1px solid var(--wa-border);border-radius:var(--wa-radius-sm);resize:none;outline:none;transition:border-color .2s ease}.wa-modal-body textarea:focus{border-color:var(--wa-green);background:#fff}.wa-modal-body textarea::placeholder{color:var(--wa-text-muted)}.wa-modal-footer{padding:16px 24px 24px}.wa-btn-send{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,var(--wa-green),var(--wa-green-dark));border:none;border-radius:var(--wa-radius-sm);cursor:pointer;transition:all .2s ease}.wa-btn-send:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--wa-green-glow)}.wa-btn-send:disabled{opacity:.6;cursor:not-allowed;transform:none}.wa-empty-state{text-align:center;padding:48px 24px;color:var(--wa-text-muted)}.wa-empty-state i{font-size:48px;margin-bottom:16px;opacity:.4}.wa-groups-grid::-webkit-scrollbar{width:6px}.wa-groups-grid::-webkit-scrollbar-track{background:transparent}.wa-groups-grid::-webkit-scrollbar-thumb{background:var(--wa-border);border-radius:3px}.wa-groups-grid::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media (max-width: 768px){.wa-container{padding:20px}.wa-steps{gap:0;margin-bottom:32px}.wa-step-line{width:40px}.wa-step-icon{width:40px;height:40px;font-size:16px}.wa-step span{font-size:11px}.wa-hero h1{font-size:22px}.wa-qr-display{flex-direction:column;align-items:center;text-align:center}.wa-qr-instructions{text-align:left}}