@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f1f3f5;--bg-accent:#e9ecef;--text-primary:#212529;--text-secondary:#495057;--text-muted:#868e96;--accent-color:#7c4dff;--accent-hover:#673ab7;--accent-soft:#7c4dff1a;--success:#00c853;--warning:#ffb300;--error:#ff5252;--info:#00b0ff;--bg-footer:#00000008;--divider-color:#00000014;--glass-bg:#ffffffb3;--glass-border:#00000014;--glass-shadow:0 8px 32px 0 #1f26871a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#0a0a0c;--bg-secondary:#141418;--bg-tertiary:#1c1c22;--bg-accent:#2c2c36;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--text-muted:#6c757d;--accent-color:#7c4dff;--accent-hover:#9e79ff;--accent-soft:#7c4dff1a;--success:#00e676;--warning:#ffb74d;--error:#ff5252;--info:#40c4ff;--bg-footer:#0003;--divider-color:#ffffff14;--glass-bg:#141418b3;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #000c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}button{cursor:pointer;transition:var(--transition-fast);border:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.btn-primary{background:var(--accent-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 15px #7c4dff66}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;width:100%;height:100%;padding:var(--spacing-md);background:#000000bf;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:550px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) modalScaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:var(--bg-accent);border-radius:10px}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--glass-border);background:linear-gradient(#ffffff08 0%,#0000 100%);background:var(--bg-secondary);z-index:20;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.btn-close{color:var(--text-secondary);cursor:pointer;border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-close:hover{background:var(--error);color:#fff;border-color:var(--error);transform:rotate(90deg)}.modal-body{padding:2rem}.modal-form{flex-direction:column;gap:1.5rem;display:flex}.modal-footer{background:var(--bg-footer);border-top:1px solid var(--glass-border);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);justify-content:center;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.modal-footer button{white-space:nowrap;border:none;flex:1;justify-content:center;max-width:180px;height:42px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);align-items:center;gap:var(--spacing-sm);border:1px solid var(--glass-border);font-weight:600;display:flex}.btn-secondary:hover{background:var(--bg-accent);border-color:var(--accent-color)}.btn-sm{padding:4px 12px;font-size:.8rem}.input-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.input-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-group input{background:var(--bg-tertiary);border:1px solid var(--bg-accent);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:var(--transition-fast);outline:none}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-soft)}.fade-in{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:10px}.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:92vh}.modal-content.large-modal{max-width:100%}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-header h2{font-size:1.15rem}.modal-body{padding:1.25rem}.modal-footer{flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.modal-footer button{width:100%;max-width:100%}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-md);justify-content:center;width:100%;font-size:.9rem}.input-group input,.input-group select,.input-group textarea{padding:12px;font-size:16px}.page-header{gap:var(--spacing-md);flex-direction:column;align-items:flex-start!important}.page-header h1{font-size:1.4rem!important}.page-header .btn-primary{width:100%}}@media (width<=480px){.modal-body{padding:1rem}.modal-form{gap:1rem}}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-info{color:var(--info)!important}.text-muted{color:var(--text-muted)!important}.font-bold{font-weight:700!important}.mx-1{margin-left:4px;margin-right:4px}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.auth-container{min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-background{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.blob{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.blob-1{background:var(--accent-color);width:400px;height:400px;animation:20s infinite alternate move-1;top:-100px;right:-100px}.blob-2{background:var(--info);width:300px;height:300px;animation:15s infinite alternate move-2;bottom:-50px;left:-50px}@keyframes move-1{0%{transform:translate(0)}to{transform:translate(-100px,100px)}}@keyframes move-2{0%{transform:translate(0)}to{transform:translate(100px,-100px)}}.auth-card{width:100%;max-width:450px;padding:var(--spacing-xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.logo-wrapper{margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.login-logo{object-fit:contain;width:auto;height:80px}.auth-header h1{margin-bottom:var(--spacing-xs);font-size:1.8rem;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.input-field{align-items:center;display:flex;position:relative}.input-icon{left:var(--spacing-md);color:var(--text-muted);position:absolute}.input-field input{width:100%;padding-left:45px!important}.auth-options{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.forgot-password-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500}.forgot-password-btn:hover{text-decoration:underline}.auth-divider{text-align:center;margin:var(--spacing-xl) 0;align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--bg-accent);flex:1}.auth-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:0 10px;font-size:.8rem}.social-auth{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.btn-social{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-accent);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;display:flex}.btn-social:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.w-full{justify-content:center;width:100%}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:25px;display:block;position:relative}.checkbox-container input{opacity:0;cursor:pointer;position:absolute}.checkmark{background-color:var(--bg-tertiary);border:1px solid var(--bg-accent);border-radius:4px;width:18px;height:18px;position:absolute;top:0;left:0}.checkbox-container:hover input~.checkmark{background-color:var(--bg-accent)}.checkbox-container input:checked~.checkmark{background-color:var(--accent-color);border-color:var(--accent-color)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:2px;left:6px;transform:rotate(45deg)}.auth-error{border:1px solid var(--error);color:#ff8a8a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);text-align:center;background:#ff52521a;font-size:.85rem}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.auth-container{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg);max-width:100%}.auth-header h1{font-size:1.4rem}.login-logo{height:60px}.blob-1{width:200px;height:200px}.blob-2{width:150px;height:150px}.social-auth{grid-template-columns:1fr}.auth-form{gap:var(--spacing-md)}}.dashboard-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.welcome-section h1{margin-bottom:var(--spacing-xs);background:linear-gradient(135deg, var(--text-primary), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.welcome-section p{color:var(--text-secondary)}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-lg);cursor:pointer;display:flex;position:relative}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-info h3{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-trend{align-items:center;gap:4px;margin-top:4px;font-size:.75rem;display:flex}.stat-trend.success{color:var(--success)}.stat-arrow{top:var(--spacing-md);right:var(--spacing-md);color:var(--text-muted);opacity:0;transition:var(--transition-fast);position:absolute}.stat-card:hover .stat-arrow{opacity:1;transform:translate(2px,-2px)}.dashboard-content-grid{gap:var(--spacing-lg);grid-template-columns:2fr 1fr;display:grid}@media (width<=1024px){.dashboard-content-grid{grid-template-columns:1fr}}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.header-title{align-items:center;gap:12px;display:flex}.chart-container{flex-direction:column;height:350px;padding:30px;display:flex}.empty-chart{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-style:italic;display:flex}.chart-bars{border-bottom:1px solid var(--glass-border);flex:1;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:30px;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;gap:12px;height:100%;display:flex}.chart-bar-wrapper{background:#ffffff08;border-radius:8px 8px 0 0;flex:1;align-items:flex-end;width:100%;max-width:40px;display:flex;position:relative;overflow:hidden}.chart-bar-fill{background:linear-gradient(to top, var(--accent-color), #b388ff);cursor:pointer;border-radius:4px 4px 0 0;width:100%;transition:all .3s;box-shadow:0 4px 15px #7c4dff4d}.chart-bar-fill:hover{filter:brightness(1.2);box-shadow:0 0 20px var(--accent-color)}.chart-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.activity-list{padding:var(--spacing-lg);flex-direction:column;gap:16px;display:flex}.activity-item{gap:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #0000;padding:12px;transition:all .2s;display:flex}.activity-item:hover{border-color:var(--glass-border);background:#ffffff08}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.activity-dot.completed{background-color:var(--success);box-shadow:0 0 10px var(--success)}.activity-dot.pending{background-color:var(--warning);box-shadow:0 0 10px var(--warning)}.activity-dot.processing{background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.activity-dot.failed{background-color:var(--error);box-shadow:0 0 10px var(--error)}.activity-msg{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:500}.activity-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.activity-meta .dot{font-size:10px}@media (width<=768px){.welcome-section h1{font-size:1.4rem}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:1.2rem}.stat-icon{width:40px;height:40px}.dashboard-content-grid{grid-template-columns:1fr}.chart-container{height:250px;padding:16px}.chart-bars{gap:10px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.channels-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.page-header h1{font-size:1.8rem;font-weight:700}.page-header p{color:var(--text-secondary)}.channels-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.channel-card{padding:var(--spacing-lg);gap:var(--spacing-md);transition:var(--transition-normal);flex-direction:column;display:flex;position:relative}.channel-card:hover{border-color:var(--accent-color);transform:translateY(-5px)}.channel-status{align-items:center;gap:var(--spacing-sm);font-size:.8rem;font-weight:500;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.connected{background:var(--success);box-shadow:0 0 10px var(--success)}.status-indicator.disconnected{background:var(--error)}.channel-icon{background:var(--bg-accent);border-radius:var(--radius-md);justify-content:center;align-items:center;width:50px;height:50px;display:flex}.channel-info h3{margin-bottom:2px;font-size:1.1rem}.channel-info p{color:var(--text-muted);word-break:break-all;font-size:.85rem}.channel-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);display:flex}.btn-icon{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-ghost{color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-lg);background:0 0}.btn-ghost:hover{background:var(--bg-accent)}.empty-state{padding:var(--spacing-xl);text-align:center;align-items:center;gap:var(--spacing-md);color:var(--text-muted);flex-direction:column;grid-column:1/-1;display:flex}.loading-state{justify-content:center;align-items:center;gap:var(--spacing-md);height:200px;color:var(--text-secondary);flex-direction:column;display:flex}.webhook-instruction{padding:var(--spacing-lg);gap:var(--spacing-md);border-left:4px solid var(--accent-color);background:#7c4dff08;flex-direction:column;display:flex}.instruction-header{align-items:center;gap:12px;display:flex}.instruction-header h3{font-size:1rem;font-weight:600}.webhook-field{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--glass-border);align-items:center;gap:12px;padding:8px 16px;display:flex}.webhook-field code{color:var(--success);flex:1;font-family:monospace;font-size:.9rem}.btn-copy{color:var(--text-muted);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.btn-copy:hover{color:var(--accent-color)}.instruction-steps{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.85rem;list-style:none;display:flex}.instruction-steps li:before{content:"•";color:var(--accent-color);margin-right:8px;font-weight:700}@media (width<=768px){.channels-grid{grid-template-columns:1fr}.webhook-instruction{padding:var(--spacing-md)}.webhook-field{flex-direction:column;gap:8px}.webhook-field code{word-break:break-all;font-size:.75rem}.channel-card{padding:var(--spacing-md)}.channel-actions{flex-wrap:wrap}}.primary-badge{background:var(--accent-soft);color:var(--accent-color);border:1px solid var(--accent-color);border-radius:12px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:700}.input-group-checkbox{border-radius:var(--radius-sm);border:1px dashed var(--accent-color);background:#7c4dff0d;margin-top:12px;padding:12px}.checkbox-wrapper{cursor:pointer;align-items:center;gap:12px;display:flex}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}.checkbox-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.qr-modal .modal-body{flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:flex}.qr-image{border-radius:var(--radius-md);background:#fff;width:240px;height:240px;padding:10px;box-shadow:0 4px 20px #0000001a}.qr-instructions{text-align:left;color:var(--text-secondary);flex-direction:column;gap:8px;font-size:.9rem;display:flex}.qr-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:200px;display:flex}.qr-success{flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.success-circle{background:var(--success);width:80px;height:80px;box-shadow:0 0 20px var(--success-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.qr-error{color:var(--error);flex-direction:column;align-items:center;gap:12px;display:flex}.crm-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.header-buttons{gap:var(--spacing-md);display:flex}.crm-content{padding:0;overflow:hidden}.table-controls{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.search-group{gap:var(--spacing-md);flex:1;max-width:600px;display:flex}.search-box{flex:2;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input,.tag-filter-select{background:var(--bg-tertiary);border:1px solid var(--bg-accent);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-fast);outline:none;padding:10px 10px 10px 40px}.tag-select-input{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-fast);outline:none;margin-top:8px;padding:12px}.tag-select-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-short)}.tag-filter-select{cursor:pointer;flex:1;padding:10px}.search-box input:focus,.tag-filter-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-soft)}.contacts-count{color:var(--text-secondary);font-size:.9rem}.contacts-table-wrapper{max-height:60vh;overflow-y:auto}.contacts-table{border-collapse:collapse;text-align:left;width:100%}.contacts-table th{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-muted);border-bottom:1px solid var(--glass-border);background:var(--bg-secondary);z-index:10;font-size:.85rem;font-weight:500;position:sticky;top:0}.contacts-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border);font-size:.9rem}.table-row:hover{background:#ffffff05}.contact-name-cell{align-items:center;gap:var(--spacing-md);display:flex}.contact-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.contact-tags-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-badge{border-radius:12px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.tag-selector-wrapper{position:relative}.add-tag-btn{background:var(--bg-accent);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.add-tag-btn:hover{background:var(--accent-color);color:#fff}.tag-selector-dropdown{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);z-index:100;min-width:150px;padding:6px;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 25px #00000080}.tag-selector-wrapper:hover .tag-selector-dropdown{display:block}.tag-option{cursor:pointer;transition:var(--transition-fast);border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.tag-option:hover{background:var(--bg-accent)}.tag-option.active{background:var(--accent-soft);color:var(--accent-color)}.tag-dot{border-radius:50%;width:8px;height:8px}.tag-form{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.tag-form input[type=text]{background:var(--bg-tertiary);border:1px solid var(--bg-accent);color:var(--text-primary);border-radius:var(--radius-sm);flex:1;padding:8px 12px}.tags-list-admin{gap:var(--spacing-sm);flex-direction:column;max-height:250px;display:flex;overflow-y:auto}.tag-item-admin{background:var(--bg-tertiary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px;display:flex}.tag-info{align-items:center;gap:10px;display:flex}.text-right{text-align:right}.text-center{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.w-full{width:100%}.import-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.9rem}.csv-tip{color:var(--info);align-items:center;gap:8px;margin-top:8px;font-size:.8rem;display:flex}.file-dropzone{border:2px dashed var(--bg-accent);border-radius:var(--radius-md);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-md);cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary);flex-direction:column;display:flex}.file-dropzone:hover{border-color:var(--accent-color);background:var(--accent-soft)}.import-alert{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);align-items:center;gap:10px;font-size:.85rem;display:flex}.import-alert.success{color:var(--success);background:#00e6761a}.import-alert.error{color:var(--error);background:#ff52521a}.contact-actions{justify-content:flex-end;gap:8px;display:flex}.action-btn{cursor:pointer;border:1px solid var(--glass-border);background:var(--bg-secondary);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn.chat{color:var(--success);background:#00e6760d;border-color:#00e6761a}.action-btn.chat:hover{background:var(--success);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00e67633}.action-btn.edit:hover{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px var(--accent-short);transform:translateY(-2px)}.action-btn.delete{color:var(--error);background:#ff52520d;border-color:#ff52521a}.action-btn.delete:hover{background:var(--error);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff525233}@media (width<=768px){.header-buttons{gap:var(--spacing-sm);flex-wrap:wrap;width:100%}.header-buttons .btn-primary{white-space:nowrap;flex:1;min-width:0;padding:8px 12px;font-size:.8rem}.table-controls{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column}.search-group{flex-direction:column;max-width:100%}.contacts-table-wrapper{max-height:55vh;overflow-x:auto}.contacts-table{min-width:600px}.contacts-table th,.contacts-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem}.contact-avatar{width:28px;height:28px;font-size:.7rem}.tag-form{flex-direction:column}}@media (width<=480px){.header-buttons .btn-primary span{display:none}}.campaigns-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.campaigns-grid{gap:var(--spacing-xl);grid-template-columns:1.5fr 1fr;align-items:start;display:grid}.campaign-form-section{padding:0;overflow:hidden}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;display:flex}.card-header h2{font-size:1.2rem;font-weight:600}.icon-accent{color:var(--accent-color)}.campaign-form{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.media-row{grid-template-columns:2fr 1fr}.input-group label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:500;display:flex}.input-group select,.input-group textarea{background:var(--bg-tertiary);border:1px solid var(--bg-accent);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-fast);outline:none;padding:12px;font-family:inherit}.input-group textarea{resize:vertical}.input-group select:focus,.input-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-soft)}.input-hint{color:var(--text-muted);margin-top:4px;font-size:.75rem}.bulk-send-btn{justify-content:center;align-items:center;gap:12px;width:100%;height:50px;margin-top:10px;font-size:1rem;font-weight:600;display:flex}.campaign-info-section{gap:var(--spacing-xl);flex-direction:column;display:flex}.result-card{padding:var(--spacing-xl);border-color:var(--success);background:#00e6760d}.result-header{margin-bottom:var(--spacing-xl);align-items:center;gap:12px;display:flex}.result-header h3{color:var(--success);font-size:1.2rem}.result-stats{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);text-align:center;flex-direction:column;gap:4px;display:flex}.stat-item span{color:var(--text-muted);font-size:.75rem}.stat-item strong{font-size:1.4rem}.stat-item.success strong{color:var(--success)}.stat-item.error strong{color:var(--error)}.campaign-tips{padding:var(--spacing-xl)}.campaign-tips h3{margin-bottom:var(--spacing-lg);font-size:1.1rem}.tip-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.tip-item{color:var(--text-secondary);align-items:flex-start;gap:12px;line-height:1.4;display:flex}.tip-item svg{flex-shrink:0;margin-top:2px}.tip-item p{font-size:.9rem}.campaign-history-section{margin-top:var(--spacing-xl);padding:0;overflow:hidden}.history-table-wrapper{overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table th,.history-table td{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid var(--glass-border);font-size:.9rem}.history-table th{background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.status-badge{border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-processing{background:var(--accent-soft);color:var(--accent-color)}.progress-stack{align-items:center;gap:8px;display:flex}.success-feedback{padding:var(--spacing-xl);align-items:center;gap:var(--spacing-md);text-align:center;border-color:var(--success);background:#00e6760d;flex-direction:column;display:flex}.datetime-input{background:var(--bg-tertiary);border:1px solid var(--bg-accent);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);outline:none;padding:12px}.datetime-input:focus{border-color:var(--accent-color)}.history-actions{justify-content:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:1px solid var(--glass-border);background:var(--bg-secondary);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn.edit{color:#7c4dff;background:#7c4dff1a;border-color:#7c4dff33}.action-btn.edit:hover{color:#fff;background:#7c4dff}.action-btn.cancel,.action-btn.delete{color:#ff5252;background:#ff52521a;border-color:#ff525233}.action-btn.cancel:hover,.action-btn.delete:hover{color:#fff;background:#ff5252}.action-btn.pause{color:#ffb300;background:#ffb3001a;border-color:#ffb30033}.action-btn.pause:hover{color:#fff;background:#ffb300}.action-btn.resume{color:#00c853;background:#00c8531a;border-color:#00c85333}.action-btn.resume:hover{color:#fff;background:#00c853}.action-btn.view{color:#00b0ff;background:#00b0ff1a;border-color:#00b0ff33}.action-btn.view:hover{color:#fff;background:#00b0ff}.btn-outline{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.btn-outline:hover{background:var(--bg-accent);color:var(--text-primary);border-color:var(--text-muted)}.current-time-display{color:var(--accent-color);background:#7c4dff14;border:1px solid #7c4dff33;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}@media (width<=768px){.campaigns-grid,.form-row,.form-row.media-row{grid-template-columns:1fr}.campaign-form{padding:var(--spacing-md)}.history-table-wrapper{overflow-x:auto}.history-table{min-width:600px}.history-table th,.history-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem}.bulk-send-btn{height:46px;font-size:.9rem}.campaign-tips{padding:var(--spacing-md)}}.media-input-wrapper{align-items:center;gap:8px;display:flex}.media-input-wrapper input{flex:1}.btn-upload-media{background:var(--bg-tertiary);border:1px solid var(--bg-accent);width:44px;min-width:44px;height:44px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-upload-media:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-color);border-color:var(--accent-color)}.media-preview-box{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-top:8px;padding:12px}.preview-header{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:.8rem;display:flex}.preview-header button{cursor:pointer;background:0 0;border:none;font-weight:600}.media-preview{border-radius:var(--radius-sm);max-width:100%;max-height:200px;display:block}.document-preview{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:12px;padding:12px;display:flex}.document-preview span{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.reports-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.stats-overview-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stat-card{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);display:flex}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.stat-icon-wrapper.success{color:var(--success);background:#00e6761a}.stat-icon-wrapper.error{color:var(--error);background:#ff52521a}.stat-icon-wrapper.info{background:var(--accent-soft);color:var(--accent-color)}.stat-data{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.stat-value{font-size:1.8rem;font-weight:700}.reports-content{padding:0;overflow:hidden}.table-controls{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.reports-table-wrapper{overflow-x:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table th,.reports-table td{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid var(--glass-border);font-size:.85rem}.reports-table th{background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:500}.message-cell{max-width:250px;color:var(--text-secondary)}.tag-info-cell{color:var(--accent-color);align-items:center;gap:8px;font-weight:600;display:flex}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.status-completed{color:var(--success);background:#00e6761a}.status-pending{color:var(--warning);background:#ffab401a}.status-processing{color:var(--accent-color);background:#7c4dff1a}.status-failed{color:var(--error);background:#ff52521a}.progress-mini-stack{flex-direction:column;gap:6px;width:120px;display:flex}.progress-text{gap:4px;font-size:.75rem;font-weight:600;display:flex}.progress-text .success{color:var(--success)}.progress-text .total{color:var(--text-muted)}.progress-bar-bg{background:var(--bg-accent);border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{background:var(--accent-color);height:100%;transition:width .5s}.log-modal{width:100%;max-width:900px!important}.log-table-wrapper{border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.log-table{border-collapse:collapse;width:100%}.log-table th,.log-table td{text-align:left;border-bottom:1px solid var(--glass-border);padding:12px 16px;font-size:.8rem}.log-table th{color:var(--text-secondary);background:#ffffff0d;font-weight:600}.log-status-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.log-status-badge.success{color:#00e676;background:#00e67626}.log-status-badge.failed{color:#ff5252;background:#ff525226}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.btn-icon:hover{background:var(--accent-soft);color:var(--accent-color)}.spinner-xs{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}.report-tabs{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;padding:4px;display:flex}.tab-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tab-item.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #7c4dff4d}.protocol-cell{color:var(--accent-light);align-items:center;gap:6px;font-family:Courier New,Courier,monospace;font-weight:700;display:flex}@media (width<=768px){.stats-overview-grid{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:1.4rem}.stat-icon-wrapper{width:44px;height:44px}.reports-table-wrapper{overflow-x:auto}.reports-table{min-width:650px}.reports-table th,.reports-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:.78rem}.log-modal{max-width:100%!important}.log-table th,.log-table td{padding:8px 10px;font-size:.75rem}.progress-mini-stack{width:90px}}.report-sub-navigation{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;gap:12px;width:fit-content;margin-top:10px;padding:6px;display:flex}.sub-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.sub-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.sub-nav-item.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #7c4dff33}.sub-nav-item svg{opacity:.7}.sub-nav-item.active svg{opacity:1}.chat-container{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border);height:calc(100vh - 140px);box-shadow:var(--glass-shadow);display:flex;overflow:hidden}.chat-sidebar{background:var(--bg-secondary);border-right:1px solid var(--glass-border);flex-direction:column;width:320px;display:flex}.sidebar-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:600}.sidebar-search{border-bottom:1px solid var(--glass-border);padding:12px 20px}.sidebar-search input{background:var(--bg-tertiary);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.sidebar-search input:focus{border-color:var(--accent-color)}.attendance-list{flex:1;overflow-y:auto}.attendance-item{border-bottom:1px solid var(--divider-color);cursor:pointer;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.attendance-item:hover{background:var(--bg-tertiary)}.attendance-item.active{background:var(--accent-soft);border-left:4px solid var(--accent-color)}.avatar{background:var(--bg-accent);width:48px;height:48px;color:var(--accent-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.attendance-info{flex:1;min-width:0}.attendance-top{justify-content:space-between;margin-bottom:4px;display:flex}.attendance-top h4{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.attendance-time{color:var(--text-muted);font-size:.75rem}.attendance-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.chat-main{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--glass-border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-user-info h3{margin-bottom:2px;font-size:1rem}.header-user-info span{color:var(--success);align-items:center;gap:4px;font-size:.8rem;display:flex}.attendance-title-row{align-items:baseline;gap:8px;max-width:100%;display:flex;overflow:hidden}.attendance-protocol{color:var(--accent-color);background:var(--accent-soft);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500}.header-name-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.protocol-badge{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff0d;border-radius:20px;padding:4px 10px;font-size:.75rem}.status-indicator{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.status-dot{background:#666;border-radius:50%;width:8px;height:8px}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.messages-area{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.message-bubble{word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:12px;flex-direction:column;min-width:60px;max-width:70%;padding:10px 14px;font-size:.95rem;line-height:1.4;display:flex;position:relative}.message-bubble.received{background:var(--bg-secondary);border:1px solid var(--glass-border);border-bottom-left-radius:2px;align-self:flex-start}.message-bubble.sent{background:var(--accent-color);color:#fff;border-bottom-right-radius:2px;align-self:flex-end;box-shadow:0 4px 12px #7c4dff33}.message-time{opacity:.6;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:.65rem;display:flex}.message-media{margin-bottom:8px}.message-media p{margin-top:6px;font-size:.9rem}.chat-img{cursor:pointer;border-radius:8px;max-width:100%;max-height:300px;transition:transform .2s;display:block}.chat-img:hover{transform:scale(1.02)}.chat-sticker{border-radius:4px;max-width:150px;max-height:150px;display:block}.message-bubble.sent .message-media.sticker,.message-bubble.received .message-media.sticker{margin:0}:is(.message-bubble.sent:has(.sticker),.message-bubble.received:has(.sticker)){box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}:is(.message-bubble.sent:has(.sticker) .message-time,.message-bubble.received:has(.sticker) .message-time){color:#fff;background:#0006;border-radius:10px;width:fit-content;margin-top:4px;padding:2px 6px}.chat-video{border-radius:8px;max-width:100%;max-height:300px;display:block}.chat-audio{width:100%;min-width:200px;height:36px;margin:4px 0;display:block}.document-link{color:inherit;background:#00000026;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:.9rem;text-decoration:none;transition:background .2s;display:flex}.document-link:hover{background:#00000040}.chat-input-area{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:20px}.input-container{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--glass-border);align-items:center;gap:12px;padding:8px 16px;transition:all .2s;display:flex}.input-container:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-soft)}.input-container input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:.95rem}.send-btn{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.1)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.attach-btn{width:40px;min-width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.attach-btn:hover:not(:disabled){color:var(--accent-color);background:#ffffff1a}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.mic-btn{color:var(--text-secondary);background:0 0}.mic-btn:hover{color:var(--accent-color)!important;background:#ffffff1a!important}.stop-btn{background:var(--error)!important}.stop-btn:hover{transform:scale(1.1);background:#f44!important}.recording-active{border-color:var(--error)!important;box-shadow:0 0 0 2px #f443!important}.recording-indicator{color:var(--error);flex:1;align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.recording-dot{background:var(--error);border-radius:50%;width:10px;height:10px;animation:1s infinite pulse-recording}.recording-timer{font-variant-numeric:tabular-nums;font-family:monospace;font-size:1rem}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.3}}.chat-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.chat-empty-state h3{color:var(--text-secondary)}.btn-icon{color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a}.text-error{color:var(--error)}@media (width<=992px){.chat-sidebar{width:80px}.attendance-info,.sidebar-header h2{display:none}}@media (width<=768px){.chat-container{border:none;border-radius:0;margin:-20px -20px -20px -16px;position:relative;overflow:hidden;height:calc(100vh - 86px)!important}.chat-sidebar{background:var(--bg-primary);z-index:10;border-right:none;height:100%;transition:transform .3s;position:absolute;top:0;left:0;width:100%!important}.chat-sidebar.mobile-hidden{transform:translate(-100%)}.chat-main{z-index:5;background:var(--bg-primary);width:100%;height:100%;position:absolute;top:0;left:0}.chat-container.chat-active .chat-main{z-index:15}.btn-back-mobile{color:var(--text-primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;padding:4px;display:flex!important}.btn-back-mobile:active{background:#ffffff1a}.attendance-list{flex-direction:column;display:flex;overflow:hidden auto}.attendance-item{border-bottom:1px solid #ffffff0d;padding:16px}.attendance-info{max-width:calc(100% - 60px);display:block!important}.attendance-top{gap:8px}.attendance-preview,.attendance-time{display:block!important}.chat-header{height:60px;padding:12px 16px}.header-name-row h3{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.95rem;overflow:hidden}.protocol-badge{display:none}.messages-area{padding:12px}.message-bubble{max-width:90%;font-size:.9rem}.chat-input-area{padding:10px}.input-container{gap:8px;padding:6px 12px}.send-btn,.attach-btn{width:36px;min-width:36px;height:36px}}.btn-back-mobile{display:none}.header-actions{align-items:center;gap:12px;display:flex}.btn-new-chat{background:var(--accent-soft);color:var(--accent-color);border:1px solid var(--accent-short);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-new-chat:hover{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px var(--accent-short);transform:translateY(-2px)}.contact-selection-list{flex-direction:column;gap:8px;max-height:300px;margin-top:1.5rem;display:flex;overflow-y:auto}.contact-selection-list::-webkit-scrollbar{width:4px}.contact-selection-list::-webkit-scrollbar-thumb{background:var(--bg-accent);border-radius:10px}.contact-option{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.contact-option:hover{border-color:var(--accent-short);background:#7c4dff14;transform:translate(4px)}.contact-option .avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.contact-option .contact-info{flex-direction:column;display:flex}.contact-option .contact-info strong{color:var(--text-primary);font-size:.95rem}.contact-option .contact-info span{color:var(--text-muted);font-size:.8rem}.attendance-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.tag-dot-small{cursor:help;border-radius:50%;width:8px;height:8px}.header-bottom-row{align-items:center;gap:16px;display:flex}.header-tags-list{flex-wrap:wrap;gap:6px;display:flex}.chat-tag-badge{background:0 0;border:1px solid;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:500}.tags-management{margin-top:20px}.tags-management label{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;display:block}.tags-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:200px;padding-right:8px;display:grid;overflow-y:auto}.tag-toggle-item{border:1px solid var(--glass-border);cursor:pointer;border-left:4px solid var(--tag-color);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.tag-toggle-item:hover{background:#ffffff14}.tag-toggle-item.active{background:var(--accent-soft);border-color:var(--accent-color);border-left-width:4px}.team-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.team-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.member-card{padding:var(--spacing-lg);gap:var(--spacing-md);border:1px solid var(--glass-border);flex-direction:column;transition:all .3s;display:flex}.member-card.inactive{opacity:.6;filter:grayscale(.5)}.member-card:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 20px #0003}.member-header{justify-content:space-between;align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg, var(--accent-color), #b388ff);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 10px #7c4dff4d}.member-badges{flex:1;margin-left:12px}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.role-badge.admin{color:var(--accent-color);background:#7c4dff1a;border:1px solid #7c4dff33}.role-badge.user{color:#00e5ff;background:#00e5ff1a;border:1px solid #00e5ff33}.member-actions-menu{gap:4px;display:flex}.member-body h3{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:600}.member-email{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.member-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.member-date{color:var(--text-muted);font-size:.75rem}.status-toggle{cursor:pointer;border:1px solid #0000;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.status-toggle.active{color:var(--success);background:#00c8531a;border-color:#00c85333}.status-toggle:not(.active){color:var(--text-muted);border-color:var(--glass-border);background:#ffffff0d}.role-selector{gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-top:8px;display:grid}.role-option{border-radius:var(--radius-md);border:2px solid var(--glass-border);cursor:pointer;text-align:left;background:#ffffff05;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.role-option:hover{background:#ffffff0d}.role-option.selected{border-color:var(--accent-color);color:var(--accent-color);background:#7c4dff0d}.option-text{flex-direction:column;display:flex}.option-text strong{font-size:.9rem}.option-text span{color:var(--text-muted);font-size:.75rem}.form-error{border-left:4px solid var(--error);color:#ff8a8a;margin-bottom:var(--spacing-lg);background:#ff52521a;border-radius:4px;padding:12px;font-size:.85rem}.large-modal{max-width:700px}.form-two-cols{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.permissions-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.permissions-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-top:10px;display:grid}.perm-item{border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.perm-item:hover{border-color:var(--accent-color);background:#ffffff0f}.perm-preview{color:var(--accent-color);background:var(--accent-soft);border-radius:4px;margin-top:8px;padding:2px 8px;font-size:.75rem;display:inline-block}.text-accent{color:var(--accent-color)}@media (width<=768px){.team-grid{grid-template-columns:1fr}.member-card:hover{transform:none}.form-two-cols,.role-selector,.permissions-grid{grid-template-columns:1fr}.large-modal{max-width:100%}.member-card{padding:var(--spacing-md)}.section-header{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}}.admin-settings-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.admin-tabs{gap:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;width:fit-content;padding:6px;display:flex}.tab-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #7c4dff4d}.status-banner{border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);align-items:center;gap:12px;padding:16px;display:flex}.status-banner.success{color:#00c853;background:#00c8531a;border-left:4px solid #00c853}.status-banner.error{color:#ff5252;background:#ff52521a;border-left:4px solid #ff5252}.tab-content{padding:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:.85rem}.admin-table td{border-bottom:1px solid var(--glass-border);padding:16px;font-size:.9rem}.status-tag{border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.status-tag.active{color:#00e676;background:#00c8531a}.status-tag.inactive{color:#ff5252;background:#ff52521a}.company-tag{color:var(--accent-color);white-space:nowrap;background:#7c4dff1a;border-radius:12px;padding:2px 8px;font-size:.8rem}.actions-cell{gap:8px;display:flex}.btn-action{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:8px;transition:all .2s}.btn-action:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-action.pulse:hover{animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{box-shadow:0 0 10px var(--accent-color);transform:scale(1.1)}to{transform:scale(1)}}.form-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.full-width{grid-column:span 2}.divider{border-bottom:2px solid var(--glass-border);color:var(--accent-color);text-transform:uppercase;margin:24px 0 16px;padding-bottom:8px;font-size:.9rem;font-weight:700}.test-actions{border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:16px;margin-top:24px;padding:20px;display:flex}.test-field{gap:12px;display:flex}.test-field input{flex:1}.search-box{border:1px solid var(--glass-border);background:#ffffff08;border-radius:20px;align-items:center;gap:12px;width:100%;max-width:400px;padding:10px 16px;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%}.form-select{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff0d;outline:none;width:100%;padding:10px 12px}.form-select option{color:#fff;background:#1a1a2e}@media (width<=768px){.admin-tabs{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.tab-btn{white-space:nowrap;padding:8px 14px;font-size:.85rem}.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.tab-content{padding:var(--spacing-md)}.admin-table{min-width:550px}.admin-table th,.admin-table td{padding:10px;font-size:.8rem}.section-header{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}.test-field{flex-direction:column}.search-box{max-width:100%}.actions-cell{flex-direction:column;gap:4px}}.modules-grid-admin{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.module-item-admin{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px;transition:all .2s;display:flex}.module-item-admin:hover{background:#ffffff0d}.module-item-admin input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer}.module-item-admin span{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.85rem}.departments-container{max-width:1200px;margin:0 auto}.departments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px;display:grid}.dept-card{border:1px solid var(--glass-border);flex-direction:column;gap:16px;padding:24px;transition:all .2s;display:flex}.dept-card:hover{border-color:var(--accent-color);box-shadow:0 8px 32px var(--accent-short);transform:translateY(-4px)}.dept-card-header{justify-content:space-between;align-items:flex-start;display:flex}.dept-card-header h3{color:var(--text-primary);margin-bottom:2px;font-size:1.1rem}.dept-card-header span{color:var(--text-muted);font-size:.8rem}.dept-actions{gap:8px;display:flex}.dept-users-list{border-top:1px solid var(--glass-border);flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:16px;display:flex}.dept-user-item{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.dept-user-item .user-avatar{background:var(--accent-soft);width:20px;height:20px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.dept-user-item .remove-user{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.dept-user-item .remove-user:hover{color:var(--error)}.no-users{color:var(--text-muted);text-align:center;width:100%;padding:12px 0;font-size:.85rem;font-style:italic}.user-selection-list{flex-direction:column;gap:8px;max-height:300px;margin-top:16px;display:flex;overflow-y:auto}.user-option{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.user-option:hover{background:var(--accent-soft);border-color:var(--accent-color)}.user-option .user-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.user-option .user-info{flex:1}.user-option .add-icon{color:var(--accent-color);opacity:.5;transition:opacity .2s}.user-option:hover .add-icon{opacity:1}.btn-icon.delete:hover{color:var(--error);background:#ff44441a}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:64px 32px;display:flex}.empty-state h3{color:var(--text-primary);margin-bottom:4px}.loading-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.flows-container{flex-direction:column;height:calc(100vh - 80px);padding:24px;display:flex}.flows-layout{flex:1;grid-template-columns:280px 1fr;gap:20px;min-height:0;margin-top:20px;display:grid}.flows-sidebar{flex-direction:column;display:flex;overflow:hidden}.flow-item{cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.flow-item:hover{background:#ffffff12}.flow-item.selected{background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-color)}.flow-actions-mini{gap:4px;display:flex}.flow-canvas-container{border:1px solid #ffffff1a;position:relative;overflow:hidden}.empty-canvas{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.custom-bot-node{text-align:left;border:2px solid #ffffff1a;min-width:200px;padding:12px}.custom-bot-node .node-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.node-title{flex:1;font-size:.85rem;font-weight:600}.node-actions{gap:4px;display:flex}.node-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.node-actions button:hover{color:#fff}.node-body p{color:#cbd5e1;margin:0;font-size:.75rem;line-height:1.4}.node-options-preview{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.opt-chip{color:#60a5fa;background:#3b82f633;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:.65rem;display:flex}.node-editor-modal{max-width:600px}.options-manager{background:#0003;border-radius:12px;margin-top:24px;padding:16px}.options-manager h4{color:var(--accent-color);margin-bottom:12px;font-size:.95rem}.options-list-editor{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.opt-item-edit{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.opt-summary{align-items:center;gap:12px;font-size:.85rem;display:flex}.opt-key{color:#60a5fa;font-weight:700}.opt-dest{color:#94a3b8}.add-opt-form{gap:8px;display:flex}.add-opt-form input{width:80px}.add-opt-form select{flex:1}.btn-icon-add{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.btn-icon-add:hover{filter:brightness(1.2)}.react-flow__edge-path{stroke-width:2px}.react-flow__edge-text{fill:#fff;font-size:10px}.react-flow__controls button{color:#fff;background:#0f172acc;border-bottom:1px solid #ffffff1a}.react-flow__controls button:hover{background:var(--accent-color)}.custom-logic-node{text-align:left;border:2px solid #f59e0b;min-width:200px;padding:12px;background:#f59e0b0d!important}.custom-logic-node .node-header{border-bottom:1px solid #f59e0b33}.handle-plus{transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important}.handle-plus:hover{filter:brightness(1.2)contrast(1.1);box-shadow:0 0 15px #3b82f699;transform:scale(1.3)!important}.handle-plus svg{transition:transform .2s}.handle-plus:hover svg{transform:rotate(90deg)}.custom-logic-node .handle-plus:hover{box-shadow:0 0 15px #f59e0b99}.audit-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.audit-filters{padding:var(--spacing-md)}.search-box{align-items:center;gap:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:8px 16px;display:flex}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;font-size:.9rem}.audit-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);background:#ffffff08;padding:16px;font-weight:600}.audit-table td{border-bottom:1px solid var(--glass-border);color:var(--text-primary);padding:14px 16px}.audit-table tr:hover{background:#ffffff05}.date-cell{white-space:nowrap;color:var(--text-secondary)}.details-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.badge-outline{border:1px solid var(--glass-border);color:var(--text-secondary)}.status-success{color:#00e676;background:#00e67626}.status-error{color:#ff5252;background:#ff525226}.status-warning{color:#ffc400;background:#ffc40026}.status-info{color:#2979ff;background:#2979ff26}.flex-center{align-items:center;display:flex}.gap-2{gap:8px}.text-xs{font-size:.75rem}@media (width<=768px){.audit-table{min-width:600px;font-size:.8rem}.audit-table th,.audit-table td{padding:10px 12px}.details-cell{max-width:200px}}.sidebar{flex-direction:column;flex-shrink:0;width:280px;height:calc(100vh - 40px);margin:20px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar.collapsed{width:76px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 12px}.sidebar.collapsed .sidebar-nav{padding:0 8px}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item:hover{padding-left:12px}.sidebar.collapsed .sidebar-footer{padding:12px 8px}.sidebar.collapsed .user-info{justify-content:center;padding:8px}.sidebar.collapsed .btn-logout{justify-content:center;padding:10px}.sidebar.collapsed .btn-logout span,.sidebar.collapsed .logo span{display:none}.collapse-btn{background:var(--bg-accent);width:30px;height:30px;color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapse-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.sidebar.collapsed .collapse-btn{position:absolute;top:60px;right:-1px}.impersonation-banner{color:#000;text-transform:uppercase;letter-spacing:.5px;background:#ffc107;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;font-weight:700;display:flex}.impersonation-banner button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:4px;padding:2px 8px;font-size:.7rem;transition:opacity .2s}.impersonation-banner button:hover{opacity:.8}.sidebar-header{justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.logo span{color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;font-size:1.25rem;font-weight:800;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:5px;padding:0 15px;display:flex;overflow-y:auto}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:12px;padding:12px 15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);padding-left:20px}.nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #7c4dff4d}.sidebar-footer{border-top:1px solid var(--glass-border);flex-direction:column;gap:15px;padding:20px;display:flex}.user-info{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:10px;transition:background .2s;display:flex;overflow:hidden}.user-info:hover{background:var(--bg-tertiary)}.user-avatar{background:var(--accent-gradient);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.user-details{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);text-transform:capitalize;font-size:.75rem}.btn-logout{border-radius:var(--radius-md);color:#ff5252;cursor:pointer;white-space:nowrap;background:#ff52521a;border:1px solid #ff525233;align-items:center;gap:10px;width:100%;padding:12px;font-weight:600;transition:all .2s;display:flex;overflow:hidden}.btn-logout svg{flex-shrink:0}.btn-logout:hover{color:#fff;background:#ff5252}.mobile-menu-btn{z-index:1001;background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:fixed;top:16px;left:16px;box-shadow:0 4px 12px #0000004d}.mobile-close-btn{background:var(--bg-accent);color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:none}.sidebar-overlay{display:none}@media (width<=768px){.mobile-menu-btn,.mobile-close-btn{display:flex}.collapse-btn{display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1098;background:#0009;animation:.2s sidebarFadeIn;display:block;position:fixed;inset:0}.sidebar{z-index:1099;border-radius:0 var(--radius-lg) var(--radius-lg) 0;height:100vh;margin:0;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-300px;width:280px!important}.sidebar.collapsed{width:280px!important}.sidebar.collapsed .logo span,.sidebar.collapsed .nav-item span,.sidebar.collapsed .user-details,.sidebar.collapsed .btn-logout span{display:block!important}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:12px 15px}.sidebar.collapsed .user-info{justify-content:flex-start;padding:10px}.sidebar.collapsed .btn-logout{justify-content:flex-start;padding:12px}.sidebar.open{left:0}}@keyframes sidebarFadeIn{0%{opacity:0}to{opacity:1}}.nav-group{flex-direction:column;display:flex}.dropdown-toggle{cursor:pointer}.nav-sub-menu{border-left:1px solid var(--glass-border);flex-direction:column;gap:4px;margin-top:5px;margin-left:25px;padding-left:20px;display:flex}.nav-sub-item{color:var(--text-muted);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.nav-sub-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-sub-item.active{color:var(--accent-light);background:var(--accent-soft);font-weight:600}.nav-sub-item svg{flex-shrink:0}.theme-toggle-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.theme-btn{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:500;transition:all .2s;display:flex}.theme-btn:hover{background:var(--bg-accent);color:var(--text-primary)}.theme-btn.active{background:var(--accent-soft);color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 12px #7c4dff33}.theme-btn svg{flex-shrink:0}.dashboard-layout{background-color:var(--bg-primary);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;padding:20px 20px 20px 0;display:flex}.content-header{height:60px;margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.page-content{flex:1;overflow-y:auto}@media (width<=768px){.main-content{padding:70px 16px 16px}.content-header{height:0;margin-bottom:var(--spacing-sm)}}