.sidebar{width:260px;background-color:var(--bg-element);border-inline-start:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.sidebar-header{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.sidebar-header .logo{width:60px;height:60px;vertical-align:middle}.sidebar-header:hover .logo-group{filter:drop-shadow(0 0 10px var(--accent-primary))}@keyframes antenna-pulse{0%,to{fill:var(--accent-primary);filter:none}50%{fill:#79b8ff;filter:url(#logo-glow)}}.nav-list{list-style:none;flex-grow:1}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;padding:10px 16px;padding-inline-start:13px;border-radius:var(--border-radius-medium);text-decoration:none;color:var(--text-secondary);font-weight:500;transition:background-color .2s ease,color .2s ease;border:none;border-inline-start:3px solid transparent}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-link.active{color:var(--text-primary);font-weight:600;background:linear-gradient(90deg,#58a6ff26,#58a6ff00);border-inline-start:3px solid var(--accent-primary)}.nav-link i{font-size:18px;width:24px;text-align:center;margin-inline-end:16px;transition:transform .3s ease}.nav-link:hover i{transform:scale(1.1)}.dashboard-link{margin-bottom:16px}.sidebar-divider{border:none;border-top:1px solid var(--border-color);margin:0 0 16px}.bot-toggle-container{padding:16px 8px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-hover);transition:.4s;border-radius:28px;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--status-green);border-color:var(--status-green)}input:checked+.slider:before{background-color:#fff;transform:translate(22px)}.small-switch{width:44px;height:24px}.small-switch .slider:before{height:16px;width:16px}.small-switch input:checked+.slider:before{transform:translate(20px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0b0d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease-out}.modal-content{background-color:var(--bg-element);border-radius:var(--border-radius-large);padding:24px;border:1px solid var(--border-color);width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px;max-height:90vh;animation:modalEnter .3s ease-out;box-shadow:var(--shadow-large)}.modal-header{font-size:20px;font-weight:600;color:var(--text-primary);padding-bottom:16px;border-bottom:1px solid var(--border-color)}.modal-body{display:flex;flex-direction:column;gap:20px;overflow-y:scroll;flex-grow:1;min-height:0;padding-inline-end:12px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color);align-items:center}.validation-error{color:var(--status-yellow);font-size:14px;margin-inline-end:auto}.action-error-message{color:var(--status-yellow);text-align:center;padding-bottom:12px;font-size:14px;font-weight:500;animation:fadeIn .3s}.form-group,.form-group-row{display:flex;flex-direction:column;gap:8px}.form-group-row{flex-direction:row;gap:16px;align-items:flex-end}.modal-content label{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center}.modal-content input,.modal-content select,.modal-content textarea{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:10px;color:var(--text-primary);font-family:Heebo,sans-serif;width:100%;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.modal-content input.input-error{border-color:var(--status-red)}.modal-content select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0% 200% 16% 16'%20fill='%238b949e'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-inline-start:36px;padding-inline-end:12px}.modal-content input:disabled{background-color:var(--bg-hover);cursor:not-allowed}.modal-content textarea{resize:vertical}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #58a6ff4d}.rule-section{background-color:var(--bg-main);padding:16px;border-radius:var(--border-radius-medium);display:flex;flex-direction:column;gap:16px;border:1px solid var(--border-color)}.rule-section-title{font-size:16px;margin-bottom:0;color:var(--text-secondary);font-weight:700;display:flex;align-items:center;gap:8px}.rule-editor-body{display:grid;grid-template-columns:1fr 320px;gap:20px;min-height:0}.rule-editor-main-panel,.rule-editor-advanced-panel{display:flex;flex-direction:column;gap:20px}.indented{padding-inline-start:24px;border-inline-start:2px solid var(--border-color)}.static-text{font-size:14px;color:var(--text-secondary)}.actions-list{display:flex;flex-direction:column;gap:12px}.action-block{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);display:flex;flex-direction:column;cursor:grab;transition:box-shadow .3s ease,transform .3s ease}.action-block.dragging{opacity:.5;background-color:var(--bg-hover);box-shadow:var(--shadow-medium);transform:scale(1.02)}.action-block.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transition:none}.modal-content.shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}.action-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-color)}.action-block-header h5{font-size:14px;font-weight:500;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.action-number{background-color:var(--bg-main);color:var(--text-secondary);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.action-block-content{padding:16px;display:flex;flex-direction:column;gap:16px}.action-block-content.compact{padding:12px 16px}.add-action-bar{position:relative;display:flex;justify-content:center;padding:12px 0}.add-action-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;width:100%}.add-action-menu-button{background-color:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);padding:10px;border-radius:var(--border-radius-small);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:13px;font-family:Heebo,sans-serif;transition:all .2s;text-align:center;opacity:0;transform:translateY(10px);animation:slideInUp .3s ease-out forwards}.add-action-menu-button:nth-child(1){animation-delay:.05s}.add-action-menu-button:nth-child(2){animation-delay:.07s}.add-action-menu-button:nth-child(3){animation-delay:.09s}.add-action-menu-button:nth-child(4){animation-delay:.11s}.add-action-menu-button:nth-child(5){animation-delay:.13s}.add-action-menu-button:nth-child(6){animation-delay:.15s}.add-action-menu-button:nth-child(7){animation-delay:.17s}.add-action-menu-button:nth-child(8){animation-delay:.19s}.add-action-menu-button:nth-child(9){animation-delay:.21s}.add-action-menu-button:nth-child(10){animation-delay:.23s}.add-action-menu-button:nth-child(11){animation-delay:.25s}.add-action-menu-button:nth-child(12){animation-delay:.27s}.add-action-menu-button:hover{background-color:var(--border-color);color:var(--text-primary);border-color:var(--accent-primary)}.action-type-toggle{display:flex;background-color:var(--bg-main);border-radius:var(--border-radius-small);padding:4px;border:1px solid var(--border-color)}.action-type-toggle button{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:6px 10px;border-radius:4px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.action-type-toggle button.active{background-color:var(--bg-hover);color:var(--text-primary)}.attachment-section .btn-secondary{width:fit-content}.attachment-list{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow-y:scroll}.attachment-options label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);font-weight:400}.attachment-item{display:flex;align-items:center;gap:8px;background:var(--bg-element);padding:6px 10px;border-radius:4px;font-size:14px}.attachment-item .attachment-name{flex-grow:1}.attachment-item .attachment-size{color:var(--text-secondary);font-size:12px}.attachment-item .btn-icon{width:24px;height:24px;font-size:14px}.placeholder-form{padding:24px;text-align:center;background-color:var(--bg-element);border:1px dashed var(--border-color);border-radius:var(--border-radius-small);margin-top:8px;color:var(--text-secondary)}.delay-input-container{display:flex;align-items:center;gap:8px;background:var(--bg-main);padding:8px;border-radius:var(--border-radius-small)}.delay-input-container label{font-size:13px;color:var(--text-secondary)}.delay-input-container input{width:80px;padding:6px 8px;font-size:13px}.rule-selector-container{display:flex;flex-direction:column;gap:8px}.rule-selector-search input{width:100%;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:10px;color:var(--text-primary)}.rule-selector-list{max-height:200px;overflow-y:scroll;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:4px}.rule-selector-item{padding:8px 12px;cursor:pointer;border-radius:4px;transition:background-color .2s;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center}.rule-selector-item:hover{background-color:var(--bg-hover)}.rule-selector-item.selected{background-color:var(--accent-primary);color:var(--bg-main);font-weight:600}.rule-selector-item .rule-tags{font-size:12px;color:var(--text-secondary);margin-inline-start:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-selector-item.selected .rule-tags{color:#0d1117b3}.clear-selection-btn{align-self:flex-start;margin-top:4px;padding:0}.legend-section-title{margin-top:24px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px}.legend-section{display:flex;flex-direction:column;gap:8px}.legend-entry{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.legend-entry-info{display:flex;flex-direction:column;gap:4px}.legend-entry-header{display:flex;align-items:baseline;gap:8px}.legend-entry-command{background-color:var(--bg-element);padding:2px 6px;border-radius:4px;font-family:monospace;border:1px solid var(--border-color);color:var(--text-primary)}.legend-entry-name{font-weight:500;color:var(--text-primary)}.legend-entry-description{font-size:14px;color:var(--text-secondary);margin:0}.btn-copy{background-color:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:var(--border-radius-small);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-copy:hover{background-color:var(--border-color)}.btn-copy.copied{background-color:var(--status-green);color:#fff;border-color:var(--status-green)}.import-modal-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.import-modal-tab{padding:10px 16px;cursor:pointer;border:none;background-color:transparent;color:var(--text-secondary);border-bottom:2px solid transparent;font-size:16px;font-weight:500;transition:color .2s,border-color .2s}.import-modal-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.import-modal-content p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.import-modal-content textarea{min-height:150px;resize:vertical;font-family:monospace}.custom-file-upload{border:2px dashed var(--border-color);border-radius:var(--border-radius-medium);padding:32px;text-align:center;cursor:pointer;transition:all .2s ease}.custom-file-upload:hover{border-color:var(--accent-primary);background-color:var(--bg-hover)}.custom-file-upload input[type=file]{display:none}.custom-file-upload i{font-size:32px;color:var(--accent-primary);margin-bottom:12px}.custom-file-upload .file-name{margin-top:12px;font-style:italic;color:var(--text-primary)}.import-preview{margin-top:24px}.preview-title{font-size:16px;font-weight:500;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.preview-summary{font-size:14px;font-weight:400;color:var(--text-secondary)}.preview-list{max-height:200px;overflow-y:scroll;background-color:var(--bg-main);border-radius:var(--border-radius-small);border:1px solid var(--border-color);padding:8px}.preview-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:4px}.preview-item:not(:last-child){border-bottom:1px solid var(--border-color)}.preview-item-status{flex-shrink:0;width:20px;text-align:center}.preview-item-content{flex-grow:1;font-family:monospace;font-size:14px;white-space:pre;overflow-x:auto}.preview-item-message{font-size:12px;color:var(--text-secondary);font-family:Heebo,sans-serif}.preview-item.status-valid .preview-item-status{color:var(--status-green)}.preview-item.status-warning .preview-item-status{color:var(--status-yellow)}.preview-item.status-error .preview-item-status{color:var(--status-red)}.preview-item.status-warning,.preview-item.status-error{background-color:#ffffff08}.preview-empty{text-align:center;padding:24px;color:var(--text-secondary)}.profile-manager-list{display:flex;flex-direction:column;gap:8px}.profile-manager-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-main);border-radius:var(--border-radius-small)}.profile-manager-item.active{background-color:var(--bg-hover);font-weight:700}.profile-manager-item-actions{display:flex;gap:4px}.profile-manager-add-form{padding-top:16px;margin-top:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}.profile-manager-add-form h4{font-size:16px;font-weight:500}.add-profile-actions{display:flex;flex-direction:column;gap:12px}.add-profile-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-profile-actions .btn{width:100%;justify-content:center}.add-profile-actions .btn-special-glow{padding-top:14px;padding-bottom:14px;font-size:16px}.profile-rename-input{flex-grow:1;background-color:var(--bg-main);border:1px solid var(--accent-primary);border-radius:var(--border-radius-small);padding:8px;color:var(--text-primary);font-size:16px;margin-inline-end:12px}.confirmation-modal-body{padding:16px;font-size:16px;line-height:1.5;color:var(--text-secondary)}.confirmation-modal-body strong{color:var(--text-primary)}.image-upload-container{display:flex;flex-direction:column;gap:12px}.image-preview-wrapper{position:relative;max-width:200px}.image-preview-wrapper img{width:100%;border-radius:var(--border-radius-small);border:1px solid var(--border-color)}.image-preview-remove-btn{position:absolute;top:-8px;left:-8px;background-color:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-preview-remove-btn:hover{background-color:var(--status-red)}.tag-editor-container{display:flex;flex-direction:column;gap:8px}.tag-editor-container .tags-container .tag-pill{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 10px 4px 8px;border-radius:16px;display:inline-flex;align-items:center;gap:8px;font-size:14px}.tag-editor-container .tags-container .tag-color-dot{width:10px;height:10px;border-radius:50%}.tag-editor-container .tags-container .tag-pill button{color:var(--text-secondary);opacity:1}.tag-editor-container .tags-container .tag-pill button:hover{color:var(--text-primary)}.tag-editor-input-group{display:flex;gap:8px}.tag-editor-input-group input[type=text]{flex-grow:1}.tag-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-small);cursor:pointer;padding:2px}.tag-color-picker::-webkit-color-swatch{border-radius:4px;border:none}.emoji-selector-btn{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:10px;font-size:24px;width:60px;height:60px;cursor:pointer;transition:all .2s ease}.emoji-selector-btn:hover{border-color:var(--accent-primary)}.contact-selector{display:flex;flex-direction:column;gap:8px;background-color:var(--bg-main);padding:8px;border-radius:var(--border-radius-medium);border:1px solid var(--border-color)}.contact-selector-header{display:flex;justify-content:space-between;align-items:center;padding:4px}.contact-selector-header input{width:auto;flex-grow:1}.contact-selector-list{max-height:200px;overflow-y:scroll;display:flex;flex-direction:column;gap:4px}.contact-selector-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--border-radius-small);cursor:pointer;transition:background-color .2s}.contact-selector-item:hover{background-color:var(--bg-hover)}.contact-selector-item span{color:var(--text-primary)}.contact-selector-item small{margin-right:auto;color:var(--text-secondary);font-family:monospace}.contact-selector-item input[type=checkbox]{width:16px;height:16px}.loop-action-form .form-group-row{background-color:var(--bg-main);padding:12px;border-radius:6px}.loop-action-form .form-group input{background-color:var(--bg-element)}.nested-actions-container{padding:16px;border-radius:var(--border-radius-medium);background-color:var(--bg-main);border:1px solid var(--border-color);margin-top:8px;display:flex;flex-direction:column;gap:12px}.nested-actions-title{font-size:14px;font-weight:500;color:var(--text-secondary);padding-bottom:8px;border-bottom:1px solid var(--border-color);margin:0}.nested-actions-container .action-block{cursor:default}.add-action-menu-button{position:relative}.action-info-icon{position:absolute;top:4px;left:4px;font-size:12px;color:var(--text-secondary);opacity:.7;transition:all .2s ease;pointer-events:none}.add-action-menu-button:hover .action-info-icon{opacity:1;color:var(--accent-primary)}.action-form-info-icon{color:var(--text-secondary);margin-inline-start:8px;cursor:help;transition:color .2s ease}.action-form-info-icon:hover{color:var(--accent-primary)}.admin-code-modal{padding:0;gap:0}.admin-code-header{padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.admin-code-icon-wrapper{width:60px;height:60px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-secondary)}.admin-code-header h2{font-size:20px;margin:0;border:none;padding:0}.admin-code-header p{font-size:15px;color:var(--text-secondary);margin:0}.admin-code-body{padding:24px}.code-input-container{display:flex;justify-content:center;gap:16px;direction:ltr}.code-input{width:60px;height:70px;border:2px solid var(--border-color);background-color:var(--bg-main);border-radius:8px;text-align:center;font-size:32px;font-weight:700;color:var(--text-primary)}.code-input::-webkit-outer-spin-button,.code-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.code-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #58a6ff4d}.admin-code-footer{background-color:var(--bg-main);padding:16px 24px;border-top:1px solid var(--border-color)}@media (max-width: 900px){.rule-editor-body{grid-template-columns:1fr}}.template-gallery-modal{max-width:1100px;height:90vh;padding:0;transition:max-width .4s ease}.template-gallery-header{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.template-gallery-header h2{font-size:20px;font-weight:600}.template-gallery-body{display:flex;flex-grow:1;min-height:0;overflow:hidden}.template-gallery-sidebar{width:240px;padding:20px;border-left:1px solid var(--border-color);flex-shrink:0;overflow-y:auto}.template-gallery-sidebar nav{display:flex;flex-direction:column;gap:4px}.category-btn{width:100%;text-align:right;padding:10px 12px;border:none;background:transparent;border-radius:6px;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.category-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.category-btn.active{background-color:var(--accent-primary);color:#fff}.category-btn.my-templates-category.active{background-color:var(--accent-secondary)}.category-btn.community-category.active{background-color:var(--status-green)}.category-btn.recommendations-category.active{background-color:var(--accent-orange)}.template-gallery-main{flex-grow:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.ai-recommender{background-color:var(--bg-main);padding:16px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.ai-recommender h4{margin:0;font-size:16px;display:flex;align-items:center;gap:8px}.ai-recommender textarea{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);resize:vertical}.ai-recommender-footer{display:flex;justify-content:space-between;align-items:center}.ai-recommender-footer .btn{display:flex;align-items:center;gap:8px}.ai-recommender-footer .spinner-small{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.template-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003;border-color:var(--accent-secondary)}.template-card-icon{font-size:28px;padding:20px;text-align:center;color:var(--accent-secondary);background-color:var(--bg-main)}.template-card-content{padding:16px;border-top:1px solid var(--border-color);flex-grow:1}.template-card-content h4{margin:0 0 8px;font-size:16px}.template-card-content p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.template-card-preview{background-color:var(--bg-main);padding:12px 16px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-secondary);opacity:0;max-height:0;transition:all .3s ease}.template-card:hover .template-card-preview{opacity:1;max-height:150px}.template-card-preview h5{margin:0 0 8px;font-size:12px;font-weight:700}.template-card-preview ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.template-card-preview li{display:flex;align-items:center;gap:6px}.template-card-preview li i{font-size:10px;color:var(--status-green)}.template-selection-view{padding:32px;width:100%;display:flex;flex-direction:column;gap:20px;animation:fadeIn .4s}.template-selection-view h3{font-size:20px;margin:0}.template-selection-view p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.template-selection-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.workspace-navigator{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:68px;background-color:var(--bg-element);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:10;gap:16px}.workspace-navigator-left,.workspace-navigator-right{display:flex;align-items:center;gap:16px}.workspace-buttons{display:flex;align-items:center;gap:8px;background-color:var(--bg-main);border-radius:var(--border-radius-medium);padding:4px;border:1px solid var(--border-color)}.workspace-button{display:flex;align-items:center;gap:10px;padding:0 16px;height:38px;font-size:15px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-radius:var(--border-radius-small);cursor:pointer;transition:all .2s ease-in-out}.workspace-button:hover:not(.active){color:var(--text-primary)}.workspace-button.active{color:var(--text-primary);background-color:var(--bg-hover);font-weight:600}.workspace-button.active i{color:var(--accent-primary)}.profile-switcher-wrapper{position:relative}.profile-selector{background-color:transparent;border:none;border-radius:var(--border-radius-medium);color:var(--text-primary);padding:8px 12px;transition:all .2s ease;display:flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500}.profile-selector:hover{background-color:var(--bg-hover)}@keyframes highlight-pulse-animation{0%{background-color:#58a6ff00;box-shadow:0 0 #58a6ff80}50%{background-color:#58a6ff33;box-shadow:0 0 0 5px #58a6ff00}to{background-color:#58a6ff00;box-shadow:0 0 #58a6ff00}}.profile-switcher-wrapper.highlight-pulse .profile-selector{animation:highlight-pulse-animation 2.5s ease-out}.profile-icon{color:var(--text-secondary)}.dropdown-arrow{font-size:12px;color:var(--text-secondary);transition:transform .2s ease}.profile-selector[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);list-style:none;padding:4px;z-index:1010;box-shadow:var(--shadow-medium);animation:fadeIn .2s ease-out}.profile-option{padding:10px 12px;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px}.profile-option:hover{background-color:var(--accent-primary);color:#fff}.profile-option.selected{background-color:var(--bg-main);color:var(--text-primary);font-weight:500}.profile-dropdown-divider{height:1px;background-color:var(--border-color);margin:4px 0}.manage-option{display:flex;align-items:center;gap:10px}.manage-option i{width:16px;text-align:center}.global-search-trigger{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-secondary);padding:0 12px 0 16px;transition:all .2s ease;display:flex;align-items:center;gap:10px;cursor:pointer;font-family:inherit;font-size:14px;height:44px;width:220px}.global-search-trigger:hover{border-color:var(--accent-primary);color:var(--text-primary)}.global-search-trigger span{flex-grow:1;text-align:right}.global-search-trigger kbd{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:12px;font-family:monospace}.user-menu-wrapper{position:relative}.user-avatar-button{width:44px;height:44px;border-radius:50%;background-color:var(--accent-secondary);color:#fff;font-size:16px;font-weight:700;border:2px solid var(--bg-element);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-avatar-button:hover{box-shadow:0 0 0 3px var(--accent-secondary)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);inset-inline-start:0;width:250px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);z-index:1010;padding:8px;box-shadow:var(--shadow-medium);animation:fadeIn .2s ease-out}.user-menu-header{padding:8px}.user-menu-name{font-weight:600;font-size:15px;display:block}.user-menu-email{font-size:13px;color:var(--text-secondary)}.user-menu-divider{height:1px;background-color:var(--border-color);margin:8px 0}.user-menu-links{list-style:none;padding:0;margin:0}.user-menu-links a{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:4px;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease}.user-menu-links a:hover{background-color:var(--accent-primary);color:#fff}.user-menu-links a i{width:18px;text-align:center}.user-menu-logout{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:4px;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease;width:100%;background:none;border:none;font-size:inherit;text-align:right;font-family:inherit}.user-menu-logout:hover{background-color:var(--bg-main);color:var(--status-red)}.user-menu-links a .notification-dot{width:8px;height:8px;background-color:var(--status-red);border-radius:50%;margin-right:auto}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a0b0d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding-top:15vh;animation:fadeIn .25s ease-out}.global-search-container{width:100%;max-width:650px;background-color:var(--bg-element);border-radius:var(--border-radius-large);border:1px solid var(--border-color);box-shadow:var(--shadow-large);animation:modalEnter .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.global-search-input-wrapper{position:relative;padding:12px;border-bottom:1px solid var(--border-color)}.global-search-input-wrapper .search-icon{position:absolute;top:50%;transform:translateY(-50%);right:24px;color:var(--text-secondary);font-size:20px}.global-search-input{width:100%;height:52px;background-color:transparent;border:none;color:var(--text-primary);font-size:20px;padding:0 48px 0 16px}.global-search-input:focus{outline:none}.global-search-results{max-height:50vh;overflow-y:auto;padding:8px}.search-category-title{font-size:13px;font-weight:600;color:var(--text-secondary);padding:8px 12px;text-transform:uppercase}.search-results-list{list-style:none}.search-result-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:var(--border-radius-medium);cursor:pointer;transition:background-color .15s ease}.search-result-item.highlighted{background-color:var(--accent-primary);color:#fff}.search-result-item.highlighted .result-context,.search-result-item.highlighted .result-icon,.search-result-item.highlighted .result-profile-tag{color:#fffc}.search-result-item.highlighted .result-title{color:#fff}.result-icon{font-size:18px;width:24px;text-align:center;color:var(--text-secondary)}.result-content{flex-grow:1;display:flex;flex-direction:column;gap:2px;min-width:0}.result-title{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-context{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-profile-tag{font-size:12px;background-color:var(--bg-main);color:var(--text-secondary);padding:3px 8px;border-radius:4px;white-space:nowrap}.search-result-item.highlighted .result-profile-tag{background-color:#ffffff1a}.search-empty-state{padding:48px 24px;text-align:center;color:var(--text-secondary)}.search-empty-state i{font-size:32px;margin-bottom:16px}.search-empty-state h4{color:var(--text-primary);font-size:16px;margin-bottom:8px}.search-empty-state p{font-size:14px}.login-page-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,#11151c,#1c2128,#11151c,#252b33);background-size:400% 400%;animation:gradientBG 20s ease infinite;padding:20px}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-card{width:100%;max-width:420px;background-color:#1c2128b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:40px;box-shadow:var(--shadow-large);animation:fadeIn .5s ease-out}.login-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.login-header .logo{width:80px;height:80px}.login-header h1{font-size:28px;font-weight:700;color:var(--text-primary)}.login-subtitle{text-align:center;color:var(--text-secondary);font-size:16px;margin-bottom:32px}.login-tabs{display:flex;background-color:var(--bg-main);border-radius:var(--border-radius-medium);padding:4px;margin-bottom:24px}.login-tabs button{flex:1;padding:10px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--border-radius-small);cursor:pointer;font-weight:500;transition:all .2s ease}.login-tabs button.active{background-color:var(--bg-hover);color:var(--text-primary)}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form label{font-size:14px;font-weight:500;color:var(--text-primary)}.login-form input{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:12px;color:var(--text-primary);font-size:16px;transition:all .2s ease}.login-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #58a6ff4d}.password-wrapper{position:relative}.password-wrapper input{padding-right:40px;width:100%}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.login-btn{padding:12px;font-size:16px;font-weight:600;margin-top:8px}.login-footer{text-align:center;margin-top:24px}.login-footer a{color:var(--text-secondary);font-size:14px;text-decoration:none}.login-footer a:hover{color:var(--accent-primary);text-decoration:underline}.logo-group{transform-origin:50% 70%;animation:rocket-idle 8s ease-in-out infinite;transition:filter .3s ease}.login-card:hover .logo-group{filter:drop-shadow(0 0 10px var(--accent-primary))}.logo-exhaust{transform-origin:50% 100%;animation:exhaust-pulse 2.5s ease-in-out infinite}.logo-exhaust-particle{opacity:0;animation:exhaust-trail 4s ease-out infinite}.logo-exhaust-particle.p2{animation-delay:1.2s}.logo-exhaust-particle.p3{animation-delay:2.5s}.logo-eyes{transform-origin:center;animation:eye-blink-subtle 7s ease-in-out infinite;animation-delay:1s}.logo-antenna{transform-origin:50px 10px;animation:antenna-sway 8s ease-in-out infinite}.logo-antenna-tip{transform-origin:center;animation:antenna-pulse 3s ease-in-out infinite}@keyframes rocket-idle{0%,to{transform:translateY(0) rotate(0)}25%{transform:rotate(1.5deg)}50%{transform:translateY(-3px) rotate(0)}75%{transform:rotate(-1.5deg)}}@keyframes exhaust-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scaleY(1.2) scaleX(1.1);opacity:1;filter:brightness(1.2)}}@keyframes exhaust-trail{0%{opacity:1;transform:translateY(0) scale(.8)}to{opacity:0;transform:translateY(15px) scale(.1)}}@keyframes eye-blink-subtle{0%,95%,to{opacity:1}97.5%{opacity:.1}}@keyframes antenna-sway{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes antenna-pulse{0%,to{fill:var(--accent-primary);filter:none}50%{fill:#79b8ff;filter:url(#logo-glow)}}.card{background-color:var(--bg-element);border-radius:var(--border-radius-large);padding:24px;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;opacity:0;animation:card-load .5s ease-out forwards;box-shadow:var(--shadow-small)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003;border-color:var(--accent-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:18px;font-weight:500}.card-icon{color:var(--text-secondary);font-size:20px}.card-content{color:var(--text-secondary)}.dashboard-container{display:flex;flex-direction:column;gap:24px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.kpi-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:20px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;transition:all .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 0 20px #0000004d;border-color:var(--accent-primary)}.kpi-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.kpi-content{display:flex;flex-direction:column;gap:4px}.kpi-title{font-size:14px;font-weight:500;color:var(--text-secondary)}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary)}.kpi-trend{position:absolute;top:12px;inset-inline-start:12px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.kpi-trend.positive{background-color:#3fb9501a;color:var(--status-green)}.kpi-trend.negative{background-color:#f851491a;color:var(--status-red)}.dashboard-main-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1200px){.dashboard-main-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.dashboard-main-grid{grid-template-columns:1fr}}.attention-list{list-style:none;display:flex;flex-direction:column;gap:16px}.attention-item{display:flex;align-items:center;gap:12px}.attention-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.attention-icon.warning{color:var(--status-yellow);background-color:#d299221a}.attention-icon.info{color:var(--accent-primary);background-color:#58a6ff1a}.attention-icon.success{color:var(--status-green);background-color:#3fb9501a}.attention-text{flex-grow:1;font-size:14px;line-height:1.5;color:var(--text-secondary)}.attention-link{font-size:14px;font-weight:500;color:var(--accent-primary);text-decoration:none;white-space:nowrap;background:none;border:none;cursor:pointer;font-family:inherit;text-align:right;padding:4px 8px;margin:-4px -8px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.attention-link:hover{color:#79b8ff;background-color:var(--bg-hover)}.attention-link i{font-size:12px;margin-inline-start:4px;color:var(--accent-primary);transition:color .2s ease}.attention-link:hover i{color:#79b8ff}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action-btn{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{transform:translateY(-2px);background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary);box-shadow:var(--glow-effect)}.quick-action-btn i{font-size:24px;color:var(--accent-primary);transition:color .2s ease}.quick-action-btn:hover i{color:#79b8ff}.activity-feed-list{list-style:none;display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--border-radius-medium)}.activity-icon{width:36px;height:36px;border-radius:50%;background-color:var(--bg-hover);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.activity-text p{font-size:14px;color:var(--text-primary);margin:0}.activity-text span{font-size:12px;color:var(--text-secondary)}.multi-input-container{display:flex;flex-direction:column;gap:8px}.tags-container{display:flex;flex-wrap:wrap;gap:8px;background-color:var(--bg-element);padding:8px;border-radius:6px;min-height:40px}.multi-input-group{display:flex;gap:8px}.multi-input-group input{flex-grow:1}.custom-select-wrapper{position:relative;width:100%;font-family:inherit}.custom-select-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;display:block}.custom-select-trigger{position:relative;width:100%;padding:10px 12px;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;text-align:right;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:8px}.custom-select-trigger:focus,.custom-select-trigger.open{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #007aff33}.custom-select-label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.select-arrow{position:static;transform:none;color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0}.custom-select-trigger.open .select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;list-style:none;padding:4px;margin:0;z-index:1010;max-height:200px;overflow-y:scroll;box-shadow:0 8px 16px #0000004d;transform-origin:top;animation:scale-in .2s ease-out;display:flex;flex-direction:column;gap:2px}.custom-select-option{padding:10px 12px;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .2s ease}.custom-select-option:hover{background-color:var(--accent-primary);color:#fff}.custom-select-option.selected{background-color:var(--accent-secondary);color:#fff;font-weight:500}.custom-select-wrapper.minimal .custom-select-trigger{background-color:transparent;border:none;box-shadow:none;padding:4px;width:auto;gap:6px;color:var(--text-secondary)}.custom-select-wrapper.minimal .custom-select-trigger:hover{color:var(--text-primary)}.custom-select-wrapper.minimal .custom-select-trigger .select-arrow{position:static;transform:none}.custom-select-wrapper.minimal .custom-select-trigger.open .select-arrow{transform:rotate(180deg)}.custom-select-wrapper.minimal .custom-select-options{min-width:180px}.emoji-picker-container{z-index:2000;width:350px;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 16px #0000004d;display:flex;flex-direction:column;animation:fadeIn .2s ease}.emoji-picker-header{padding:8px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.emoji-picker-tabs{display:flex;gap:4px;background-color:var(--bg-main);border-radius:6px;padding:4px}.emoji-picker-tabs button{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:6px 10px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.emoji-picker-tabs button:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-tabs button.active{background-color:var(--bg-hover);color:var(--text-primary)}.emoji-picker-search{width:100%;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:14px}.emoji-picker-search:focus{outline:none;border-color:var(--accent-primary)}.emoji-picker-body{height:250px;overflow-y:scroll;padding:8px}.emoji-category-title{color:var(--text-secondary);font-size:13px;font-weight:700;margin:8px 4px 4px;text-transform:uppercase}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px}.emoji-grid button{background:none;border:none;font-size:24px;padding:6px;border-radius:6px;cursor:pointer;transition:background-color .2s}.emoji-grid button:hover{background-color:var(--bg-hover)}.response-editor textarea{border-top-left-radius:0;border-top-right-radius:0;border-top:none}.response-toolbar{background-color:var(--bg-element);border:1px solid var(--border-color);border-bottom:1px solid var(--bg-hover);padding:4px 8px;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;align-items:center}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-group>i{color:var(--text-secondary);margin-inline-end:4px;font-size:14px}.toolbar-divider{width:1px;height:20px;background-color:var(--border-color);margin:0 8px}.sheet-picker-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.sheet-picker-controls .search-bar{flex-grow:1}.sheet-creator-group{display:flex;gap:8px;flex-shrink:0}.sheet-list{max-height:40vh;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;padding:8px}.sheet-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.sheet-item:hover{background-color:var(--bg-hover)}.sheet-item i{color:var(--status-green);font-size:18px}.sheet-item span{font-weight:500}.google-sheet-form{gap:20px}.sheet-selector-display{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-main);padding:12px;border-radius:6px;border:1px solid var(--border-color)}.sheet-info{display:flex;align-items:center;gap:12px}.sheet-info i{font-size:20px;color:var(--status-green)}.sheet-info span{color:var(--text-secondary)}.sheet-info a{color:var(--text-primary);font-weight:500;text-decoration:none}.sheet-info a:hover{text-decoration:underline}.sheet-mapping-container{display:flex;flex-direction:column;gap:8px;background-color:var(--bg-main);padding:12px;border-radius:6px;border:1px solid var(--border-color)}.mapping-header{display:grid;grid-template-columns:1fr 1fr 40px;gap:12px;font-size:13px;color:var(--text-secondary);font-weight:500;padding:0 8px}.mapping-row{display:grid;grid-template-columns:1fr 1fr 40px;gap:12px;align-items:center}.mapping-row .custom-select-trigger,.mapping-row input{background-color:var(--bg-element)}.rule-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;padding:0;display:flex;flex-direction:column;transition:all .2s ease-out;box-shadow:0 2px 4px #0000001a;position:relative}.rule-card.disabled{opacity:.5;background-color:var(--bg-main)}.rule-card.disabled .rule-card-header{filter:grayscale(80%)}.rule-card:hover:not(.disabled){border-color:var(--accent-secondary);box-shadow:0 6px 20px #0003}.rule-card.dragging{opacity:.5;transform:scale(1.02);box-shadow:var(--shadow-large)}.rule-card-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;gap:12px}.rule-card-left,.rule-card-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.rule-card-main-content{flex-grow:1;min-width:0}.rule-card-drag-handle{color:var(--text-secondary);cursor:grab;padding:4px}.rule-card-drag-handle.disabled{cursor:not-allowed;opacity:.3}.rule-card-drag-handle:active{cursor:grabbing}.rule-card-index{background-color:var(--bg-main);color:var(--text-secondary);font-weight:700;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.rule-card-flow{display:flex;align-items:center;gap:16px}.rule-card-flow-part{background-color:var(--bg-main);border-radius:6px;padding:8px 12px;flex-grow:1;flex-basis:0;min-width:0;border-inline-start:3px solid}.rule-card-trigger{border-inline-start-color:var(--accent-primary)}.rule-card-response{border-inline-start-color:var(--accent-secondary)}.flow-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-content .trigger-text,.flow-content .response-summary-text{font-weight:500;color:var(--text-primary);font-size:15px}.flow-content .trigger-match-type,.flow-content .response-summary-icons{font-size:13px;color:var(--text-secondary);margin-top:2px}.flow-arrow-main{color:var(--text-secondary);font-size:20px}.response-summary-icons{display:flex;gap:6px;align-items:center}.response-summary-icons .action-summary-icon{font-size:14px}.more-actions-indicator{font-size:12px;font-weight:700}.rule-card-tags{display:flex;gap:6px}.tag-color-dot{width:10px;height:10px;border-radius:50%}.more-tags-indicator{font-size:12px;color:var(--text-secondary)}.rule-card-header-actions{display:flex;align-items:center}.hover-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.rule-card-header:hover .hover-actions,.hover-actions.visible{opacity:1}.expand-chevron-container{width:24px;text-align:center}.expand-chevron{transition:transform .3s ease}.rule-card.expanded .expand-chevron{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.rule-card.expanded .collapsible-content{max-height:1000px;transition:max-height .5s ease-in}.collapsible-content-inner{padding:16px;border-top:1px solid var(--border-color)}.rule-card-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.rule-details-panel{background-color:var(--bg-main);padding:12px;border-radius:6px}.panel-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.trigger-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.match-type-indicator{font-size:13px;color:var(--text-secondary)}.action-details-list{list-style:none;display:flex;flex-direction:column;gap:8px}.action-details-list.horizontal{flex-direction:row;flex-wrap:wrap}.action-details-item{display:flex;align-items:flex-start;gap:10px}.action-details-item i{width:20px;text-align:center;color:var(--accent-secondary);margin-top:3px}.action-summary-code{font-size:13px}.action-summary-emoji{font-size:20px}.no-actions-text{font-size:14px;color:var(--text-secondary);font-style:italic}.other-actions-panel{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.rule-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.draft-badge{background-color:var(--status-yellow);color:var(--bg-main);font-size:12px;font-weight:700;padding:3px 8px;border-radius:12px}.rule-card-footer .tag-pill{padding:4px 10px 4px 8px;border-radius:16px;display:inline-flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--border-color)}.create-sheet-btn{margin-right:auto;gap:8px!important;background-color:#3fb9501a!important;border-color:var(--status-green)!important;color:var(--status-green)!important}.create-sheet-btn:hover{background-color:#3fb95033!important;color:var(--status-green)!important}.create-sheet-btn i{color:var(--status-green)}.hover-tooltip{position:fixed;z-index:9999;background-color:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-size:14px;line-height:1.5;pointer-events:none;animation:fadeIn .15s ease-out;box-shadow:0 4px 12px #0000004d;word-break:break-word;transform:translate(-50%,-100%);margin-top:-8px;max-width:400px}.rules-filter-bar{background-color:var(--bg-element);border-radius:var(--border-radius-medium);padding:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;border:1px solid var(--border-color)}.rules-filter-bar .filter-label{font-size:14px;font-weight:500;color:var(--text-secondary);padding-inline-end:8px}.tag-filter{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:16px;padding:4px 12px;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.tag-filter:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.tag-filter.active{background-color:#58a6ff26;color:var(--accent-primary);border-color:var(--accent-primary);font-weight:500}.tag-filter-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tag-filter.active .tag-filter-color-dot{border:1px solid rgba(88,166,255,.5)}.action-bar-center-group .rules-sort-select{flex-shrink:0;width:auto}.action-bar-center-group .rules-sort-select .custom-select-trigger{background-color:var(--bg-element);border:1px solid var(--border-color);width:auto}.expand-collapse-controls{display:flex;gap:0;background-color:var(--bg-element);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);overflow:hidden;flex-shrink:0}.expand-collapse-controls .btn-icon{border-radius:0;width:40px;height:40px}.expand-collapse-controls .btn-icon:first-child{border-inline-end:1px solid var(--border-color)}.generic-list{display:flex;flex-direction:column;gap:var(--spacing-large)}.generic-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);padding:var(--spacing-xlarge);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xlarge);transition:all .3s ease}.generic-card:hover{border-color:var(--accent-secondary);transform:translateY(-2px)}.generic-card-info{display:flex;align-items:center;gap:var(--spacing-large)}.card-main-icon{font-size:20px;color:var(--accent-secondary)}.generic-card-name{font-size:var(--font-size-large);font-weight:500}.generic-card-actions{display:flex;align-items:center;gap:var(--spacing-medium)}.variable-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);padding:var(--spacing-xlarge);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xlarge);transition:all .3s ease}.variable-card:hover{border-color:var(--accent-secondary);transform:translateY(-2px)}.variable-card-info{display:flex;align-items:center;gap:var(--spacing-large);min-width:0}.variable-card-actions{display:flex;align-items:center;gap:var(--spacing-medium);flex-shrink:0}.variable-tag.large{font-family:Roboto Mono,monospace;font-size:var(--font-size-large);font-weight:500;background-color:var(--bg-main);padding:4px 10px;border-radius:6px;color:var(--accent-secondary);border:1px solid var(--border-color);white-space:nowrap}.variable-default-value{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-message-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-inline-start:4px solid var(--accent-secondary);border-radius:8px;padding:16px 20px}.welcome-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.welcome-card-header i{color:var(--accent-secondary);font-size:20px}.welcome-card-header h4{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.welcome-card-body{display:flex;flex-direction:column;gap:12px}.welcome-card-body p{font-size:14px;color:var(--text-secondary);margin-bottom:0;max-width:80ch}.welcome-card-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.welcome-message-card select,.welcome-message-card .response-editor textarea{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);font-family:Heebo,sans-serif;width:100%;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.welcome-message-card select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23969ba5'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-inline-start:36px;padding-inline-end:12px}.welcome-message-card .response-editor textarea{resize:vertical}.welcome-message-card select:focus,.welcome-message-card .response-editor textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #007aff33}.rule-selector-container-welcome{display:flex;flex-direction:column;gap:8px;background-color:var(--bg-main);padding:8px;border-radius:6px;border:1px solid var(--border-color)}.rule-selector-search input{width:100%;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary)}.rule-selector-list-welcome{max-height:250px;overflow-y:scroll;padding-right:4px}.rule-selector-item-welcome{padding:10px 12px;cursor:pointer;border-radius:4px;transition:background-color .2s;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center}.rule-selector-item-welcome:hover{background-color:var(--bg-hover)}.rule-selector-item-welcome.selected{background-color:var(--accent-primary);color:#fff;font-weight:500}.rule-selector-item-welcome .rule-tags{font-size:12px;color:var(--text-secondary);margin-inline-start:8px}.rule-selector-item-welcome.selected .rule-tags{color:#ffffffb3}.rule-selector-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-selector-empty{padding:24px;text-align:center;color:var(--text-secondary)}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;overflow-y:auto;flex-grow:1;min-height:0;padding-bottom:8px}.prompt-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;flex-direction:column;transition:all .3s ease}.prompt-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.prompt-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.prompt-card-title{font-size:16px;font-weight:700;margin:0;color:var(--text-primary)}.prompt-card-content{font-size:14px;color:var(--text-secondary);line-height:1.5;flex-grow:1;margin:0;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.prompt-card-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.prompt-card-footer .prompt-card-actions{display:flex;gap:4px}.star-btn{color:var(--text-secondary)}.star-btn.favorited,.star-btn:hover{color:var(--status-yellow)}.ai-generator-screen{display:grid;grid-template-columns:450px 1fr;gap:32px;height:100%;overflow:hidden}@media (max-width: 1100px){.ai-generator-screen{grid-template-columns:1fr;overflow-y:auto}}.generator-config-panel,.generator-results-panel{display:flex;flex-direction:column;height:100%;min-height:0}.generator-config-panel{overflow-y:auto;padding-right:8px}.generator-config-panel .card{padding:16px}.generator-config-panel .card-content{display:flex;flex-direction:column;gap:16px}.generator-config-panel details{border:1px solid var(--border-color);border-radius:8px;padding:12px;background-color:var(--bg-main)}.generator-config-panel details[open]{border-color:var(--accent-secondary)}.generator-config-panel summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.generator-config-panel summary:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;transition:transform .3s ease}.generator-config-panel details[open]>summary:after{transform:rotate(180deg)}.details-content{margin-top:16px;display:flex;flex-direction:column;gap:16px}.generator-config-panel .form-group{display:flex;flex-direction:column;gap:8px}.generator-config-panel .form-group-row{display:flex;gap:16px}.generator-config-panel .form-group-row>.form-group{flex:1}.generator-config-panel label{font-size:14px;font-weight:500;color:var(--text-primary)}.generator-config-panel input,.generator-config-panel textarea{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);font-family:Heebo,sans-serif;width:100%;font-size:14px;transition:all .2s ease}.generator-config-panel textarea{resize:vertical}.generator-config-panel input:focus,.generator-config-panel textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #58a6ff33}.generate-btn-container{display:flex;flex-direction:column;gap:12px;margin-top:12px}.generate-btn{padding:12px 20px;font-size:16px}.generator-results-panel{background-color:var(--bg-element);border-radius:12px;padding:24px;border:1px solid var(--border-color);overflow-y:auto}.generation-mode-toggle{display:flex;background-color:var(--bg-element);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.generation-mode-toggle button{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:500;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.generation-mode-toggle button.active{background-color:var(--bg-hover);color:var(--text-primary)}.flow-options{display:flex;flex-direction:column;gap:16px;background-color:var(--bg-main);padding:16px;border-radius:8px;animation:fadeIn .3s}.loading-state,.generator-results-panel .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;border:none;margin:0}.spinner{width:50px;height:50px;border:5px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.loading-state h3{color:var(--text-primary);font-weight:500}.flow-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.flow-tabs button{padding:10px 16px;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);border-bottom:3px solid transparent;font-size:15px;font-weight:500}.flow-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.generated-flow-viewer{animation:fadeIn .5s}.flow-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;background:var(--bg-main);border-radius:8px;margin-bottom:24px}.flow-viewer-title h3{margin:0 0 4px;font-size:18px;color:var(--text-primary)}.flow-viewer-title p{margin:0;font-size:14px;color:var(--text-secondary)}.flow-viewer-canvas{display:flex;flex-direction:column;align-items:center;gap:16px}.flow-rule-card{width:100%;max-width:500px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-small);transition:all .2s ease}.flow-rule-card:hover{border-color:var(--accent-secondary);transform:translateY(-2px)}.flow-rule-header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:15px;color:var(--text-secondary)}.flow-rule-header strong{color:var(--text-primary)}.flow-rule-body{padding:12px;display:flex;flex-direction:column;gap:10px;font-size:14px}.flow-rule-section{display:flex;flex-direction:column;gap:4px}.flow-rule-section label{font-size:12px;color:var(--text-secondary)}.flow-rule-section code{background:var(--bg-element);padding:2px 6px;border-radius:4px;color:var(--accent-orange)}.flow-rule-section span{color:var(--text-primary)}.flow-rule-footer{padding:10px 12px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.flow-connector{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary)}.flow-connector i{font-size:20px;color:var(--accent-secondary)}.flow-connector .connector-label{font-size:12px;background:var(--bg-element);padding:2px 8px;border-radius:12px;border:1px solid var(--border-color)}.ai-generator-success-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:var(--status-green);color:#fff;padding:16px 24px;border-radius:var(--border-radius-medium);box-shadow:var(--shadow-large);z-index:1010;display:flex;align-items:center;gap:12px;font-weight:500;animation:slideInUp .3s ease-out,fadeOut .3s ease-in 3.7s forwards}@keyframes fadeOut{to{opacity:0;transform:translate(-50%,20px)}}.channels-screen-container{display:flex;flex-direction:column;gap:24px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.channel-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;cursor:pointer}.channel-card:hover{transform:translateY(-4px);border-color:var(--accent-secondary);box-shadow:0 6px 20px #0003}.channel-card-header{display:flex;align-items:center;gap:16px}.channel-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.channel-header-info h3{margin:0 0 4px;font-size:18px}.channel-header-info p{margin:0;font-size:14px;color:var(--text-secondary)}.channel-card-description{font-size:14px;color:var(--text-secondary);line-height:1.6;flex-grow:1}.channel-card-footer{display:flex;justify-content:flex-end;align-items:center;gap:4px}.channel-card-footer .btn-icon{opacity:0;transition:opacity .2s}.channel-card:hover .btn-icon{opacity:1}.channel-detail-view{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s}.channel-detail-header{display:flex;justify-content:space-between;align-items:center}.channel-detail-info{display:flex;align-items:center;gap:16px}.channel-detail-info h2{margin:0;font-size:24px}.channel-posts-feed{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:12px;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.posts-list{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.channel-post-item{background-color:var(--bg-main);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.channel-post-item p{margin:0 0 8px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.channel-post-item .post-meta{font-size:12px;color:var(--text-secondary)}.channel-post-composer{border-top:1px solid var(--border-color);padding:16px;background-color:var(--bg-hover);display:flex;flex-direction:column;gap:12px}.channel-post-composer textarea{width:100%;min-height:80px;resize:vertical;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary)}.composer-actions{display:flex;justify-content:space-between;align-items:center}.composer-actions-left{display:flex;gap:8px}.contact-manager-section{padding-top:16px;padding-bottom:16px;border-top:1px solid var(--border-color)}.contact-manager-section:last-of-type{padding-bottom:0}.contact-manager-section[open]>summary~*{animation:fadeIn .3s ease-out}.contact-manager-header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;list-style:none;padding:8px 0}.contact-manager-header::-webkit-details-marker{display:none}.contact-manager-header:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--text-secondary);transition:transform .3s ease;align-self:center;margin-inline-start:16px}.contact-manager-section[open] .contact-manager-header:after{transform:rotate(180deg)}.contact-manager-title h4{font-size:16px;font-weight:500;margin:0 0 4px;color:var(--text-primary)}.contact-manager-title .form-hint{margin:0}.contact-manager-content{padding-top:12px}.contact-manager-content.disabled{opacity:.5;pointer-events:none}.contact-manager-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:scroll;padding:8px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px}.no-contacts-message{text-align:center;color:var(--text-secondary);padding:24px;font-size:14px}.contact-manager-actions{display:flex;gap:8px;margin-top:12px}.contact-card{background-color:var(--bg-element);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:12px;border-inline-start:3px solid var(--accent-secondary)}.contact-card-main{display:flex;gap:12px;align-items:flex-start}.contact-card-inputs{flex-grow:1;display:flex;flex-direction:column;gap:10px}.contact-card-row{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.contact-card input,.contact-card select,.contact-card textarea{background-color:var(--bg-main);border-color:var(--border-color);font-size:13px}.contact-card-controls{display:flex;flex-direction:column;gap:8px;align-items:center}.phone-input-group{display:flex;gap:0}.phone-input-group input{flex-grow:1;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.phone-input-group select{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:8px;padding-right:8px;max-width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.import-contacts-list{max-height:40vh;overflow-y:scroll;border:1px solid var(--border-color);border-radius:6px;padding:8px;background-color:var(--bg-main)}.import-contact-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:4px;cursor:pointer}.import-contact-item:hover{background-color:var(--bg-hover)}.import-contact-item input[type=checkbox]{width:18px;height:18px}.import-contact-details{display:flex;flex-direction:column}.import-contact-name{font-weight:500}.import-contact-phone{font-size:13px;color:var(--text-secondary)}.modal-footer .selection-count{margin-right:auto;font-size:14px;color:var(--text-secondary)}.datetime-picker{position:relative;display:inline-flex;align-items:center;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;height:var(--input-height)}.datetime-picker:hover,.datetime-picker:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #58a6ff33}.datetime-picker-trigger{border:none;background:transparent;color:var(--text-primary);padding:0 12px;font-family:inherit;font-size:14px;cursor:pointer;display:flex;align-items:center;width:100%;text-align:right;height:100%}.datetime-picker .picker-icon{color:var(--text-secondary);margin-inline-end:10px}.date-picker-popup{position:fixed;z-index:1010;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);padding:16px;box-shadow:var(--shadow-large);animation:fadeIn .2s ease;width:320px}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.month-year-display{font-size:16px;font-weight:600}.nav-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-btn i{font-size:14px}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.day-header{font-size:12px;font-weight:500;color:var(--text-secondary);padding-bottom:8px}.day-cell{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:none;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:14px}.day-cell:not(.blank):hover{background-color:var(--bg-hover)}.day-cell.today{border:1px solid var(--border-color)}.day-cell.selected{background-color:var(--accent-primary);color:var(--bg-main);font-weight:700}.date-picker-footer{display:flex;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:1px solid var(--border-color)}.time-picker{width:120px}.time-picker-popup{position:fixed;z-index:1010;width:160px;height:210px;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-large);animation:fadeIn .2s ease;overflow:hidden}.time-picker-columns{display:flex;height:100%}.time-column{flex:1;overflow-y:scroll;padding:4px}.time-column:first-child{border-inline-end:1px solid var(--border-color)}.time-column::-webkit-scrollbar{width:6px}.time-column::-webkit-scrollbar-track{background:transparent}.time-column::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.time-column::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.time-item{width:100%;padding:8px 0;text-align:center;font-size:16px;background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.time-item:hover{background-color:var(--bg-hover)}.time-item.selected{background-color:var(--accent-primary);color:var(--bg-main);font-weight:700}.status-screen-container{display:grid;grid-template-columns:1fr 480px;gap:32px;height:calc(100% - 16px);overflow:hidden}@media (max-width: 1300px){.status-screen-container{grid-template-columns:1fr;height:auto;overflow-y:auto}.status-creator-panel{order:2;overflow-y:visible;padding-inline-end:0}.status-management-panel{min-height:600px;order:1}}.status-creator-panel{display:flex;flex-direction:column;gap:32px;overflow-y:auto;padding-bottom:16px;padding-inline-end:8px}@media (max-width: 1300px){.status-creator-panel{order:2;overflow-y:visible;padding-inline-end:0}}.status-creator-panel .card{animation:none;opacity:1}.status-creator-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large)}.creator-card-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.creator-card-header h3{font-size:18px;font-weight:600}.creator-card-body{padding:20px}.creator-card-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;gap:8px;flex-wrap:wrap}.creator-card-footer button{flex-grow:1}.creator-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:flex-start}.preview-column{position:sticky;top:20px}.form-column{min-width:0}@media (max-width: 900px){.creator-grid{grid-template-columns:1fr}.preview-column{position:static;top:auto}}.phone-mockup{background-color:var(--bg-main);border:8px solid var(--bg-main);border-radius:40px;box-shadow:0 0 0 1px var(--border-color),0 10px 30px #0000004d;position:relative;padding-top:20px;padding-bottom:20px}.phone-mockup:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:8px;background-color:var(--bg-main);border-radius:4px;z-index:2}.phone-screen{background-color:#000;border-radius:32px;overflow:hidden;aspect-ratio:9 / 19.5}.status-preview-wrapper{height:100%}.status-preview-container{height:100%;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;transition:all .3s ease;overflow:hidden;position:relative}.status-preview-container>div{font-size:clamp(1rem,7vw,1.8rem);word-break:break-word;line-height:1.4;font-weight:700}.file-preview-bg{background-color:var(--bg-main)}.file-preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.file-preview-content img{width:100%;height:100%;object-fit:cover}.file-preview-content i{font-size:60px;color:var(--border-color)}.caption-preview{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:24px 16px 16px;font-size:14px;text-align:right;max-height:50%;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;word-break:break-word}.status-form-wrapper{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:0;border-top:1px solid var(--border-color);padding-top:24px}.form-group{display:flex;flex-direction:column;gap:8px}.action-type-toggle{display:flex}.action-type-toggle button{flex:1}textarea{resize:vertical}input,textarea,select{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);font-family:Heebo,sans-serif;width:100%;font-size:14px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23969ba5'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}.datetime-picker-container{display:flex;gap:8px}.datetime-picker-container input{flex:1}.text-editor-wrapper{display:flex;flex-direction:column}.text-format-toolbar{background-color:var(--bg-element);border:1px solid var(--border-color);border-bottom:1px solid var(--bg-hover);padding:4px 8px;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;gap:4px}.toolbar-btn{background:none;border:none;color:var(--text-secondary);width:32px;height:32px;font-size:14px;border-radius:4px;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.text-editor-wrapper .textarea-with-emoji textarea{border-top-left-radius:0;border-top-right-radius:0;border-top:none}.textarea-with-emoji{position:relative}.textarea-with-emoji textarea{padding-left:44px}.emoji-btn{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;font-size:18px}.color-selectors-container,.gradient-controls{display:flex;flex-direction:column;gap:12px}.color-picker-container{display:flex;align-items:center;gap:12px}.color-picker-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;border-radius:6px}.color-picker-input::-webkit-color-swatch{border-radius:6px;border:2px solid var(--border-color)}.brand-colors{display:flex;gap:8px;flex-grow:1;flex-wrap:wrap}.brand-colors .add-brand-color-btn{background-color:var(--bg-main);border:1px dashed var(--border-color);border-radius:50%}.brand-colors .add-brand-color-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.brand-colors .add-brand-color-btn:disabled{cursor:not-allowed;background-color:var(--bg-element);opacity:.5}.brand-color-swatch-wrapper{position:relative}.brand-color-swatch-wrapper button{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.brand-color-swatch-wrapper button:hover{transform:scale(1.1)}.brand-color-swatch-wrapper button.selected{border-color:var(--text-primary)}.delete-color-btn{position:absolute;top:-5px;left:-5px;width:20px!important;height:20px!important;border-radius:50%!important;background-color:var(--status-red)!important;color:#fff;border:2px solid var(--bg-element)!important;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;opacity:0;transform:scale(.5);transition:all .2s ease}.brand-color-swatch-wrapper:hover .delete-color-btn{opacity:1;transform:scale(1)}.font-selector-group{display:flex;align-items:flex-end;gap:8px;width:100%}.font-selector-group select{flex-grow:1;padding-top:11px;padding-bottom:11px}.font-selector-group #fontWeight-select{flex-grow:0;min-width:120px}.style-toggle{display:flex;background-color:var(--bg-main);border-radius:6px;padding:4px;border:1px solid var(--border-color)}.style-toggle button{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:6px 10px;border-radius:4px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease}.style-toggle button.active{background-color:var(--bg-hover);color:var(--text-primary)}.gradient-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px}.gradient-swatch{width:100%;padding-bottom:100%;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease}.gradient-swatch:hover{transform:scale(1.1);border-color:var(--accent-primary)}.custom-gradient-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;background-color:var(--bg-main);padding:8px;border-radius:6px}.range-slider-group{flex-grow:1;display:flex;align-items:center;gap:8px}.range-slider-group label{font-family:monospace;font-size:12px;color:var(--text-secondary)}.range-slider-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--bg-main);border-radius:4px;border:1px solid var(--border-color);outline:none;transition:opacity .2s}.range-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--text-primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg-element);margin-top:-7px;transition:all .2s ease}.range-slider-group input[type=range]:hover::-webkit-slider-thumb{background:#fff;transform:scale(1.1)}.range-slider-group input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:var(--bg-main);border-radius:4px;border:1px solid var(--border-color)}.range-slider-group input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--text-primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg-element)}.range-slider-group input[type=range]:hover::-moz-range-thumb{background:#fff}.new-status-icon{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.icon-circle{width:28px;height:28px;border:2.5px solid var(--accent-secondary);border-radius:50%;background-color:transparent;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}.new-status-icon:hover .icon-circle{transform:rotate(180deg)}.icon-sparkle{position:absolute;top:-2px;right:-4px;font-size:12px;color:var(--status-yellow);animation:sparkle 2.5s ease-in-out infinite;text-shadow:0 0 5px rgba(255,204,0,.7)}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.4) rotate(15deg);opacity:1}75%{transform:scale(.9) rotate(-5deg);opacity:.9}}.status-management-panel{display:flex;flex-direction:column;min-height:0;background-color:var(--bg-element);border-radius:12px;padding:24px;border:1px solid var(--border-color);flex-grow:1}@media (max-width: 1300px){.status-management-panel{min-height:600px;order:1}}.status-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0;flex-wrap:wrap;gap:16px}.view-selector{display:flex;background-color:var(--bg-main);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.view-selector button{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:10px 18px;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.view-selector button.active{background-color:var(--bg-hover);color:var(--text-primary)}.status-management-header .search-bar input{width:280px}@media (max-width: 600px){.status-management-header{flex-direction:column;align-items:stretch}.status-management-header .search-bar input{width:100%}}.status-list-container{flex-grow:1;overflow-y:auto;border-radius:8px;border:1px solid var(--border-color)}.queue-table{width:100%;border-collapse:collapse;font-size:14px}.queue-table th,.queue-table td{padding:14px 18px;text-align:right;border-bottom:1px solid var(--border-color)}.queue-table th{background-color:var(--bg-main);font-weight:500;color:var(--text-secondary);position:sticky;top:0}.queue-table tbody tr:hover{background-color:var(--bg-hover)}.queue-table td.actions-cell{display:flex;gap:4px;align-items:center}.text-preview{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.file-preview{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);color:var(--text-secondary);font-size:20px;position:relative}.file-preview.audio-preview{color:var(--accent-secondary)}.file-preview img{width:100%;height:100%;object-fit:cover;border-radius:6px}.content-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-cell div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-cell .caption-text{font-size:12px;color:var(--text-secondary);margin-top:4px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.status-card{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.status-card:hover{transform:translateY(-3px);border-color:var(--accent-primary)}.status-card-preview{height:160px;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;position:relative}.status-card-preview .text-preview{width:100%;height:100%;border-radius:0;padding:8px}.status-card-preview .text-preview p{font-size:1rem}.status-card-preview .file-preview{width:100%;height:100%;border-radius:0}.status-card-preview .file-preview div{display:flex;flex-direction:column;gap:8px}.caption-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:24px 12px 12px;font-size:14px;text-align:right;max-height:60%;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;word-break:break-word}.status-card-info{padding:16px;flex-grow:1}.status-card-content{color:var(--text-primary);font-weight:500;margin-bottom:8px;word-break:break-all}.status-card-date{font-size:12px;color:var(--text-secondary)}.status-card-actions{display:flex;justify-content:flex-end;gap:4px;padding:8px;border-top:1px solid var(--border-color)}.caption-input-wrapper{position:relative}.contact-suggestions{position:absolute;bottom:100%;left:0;right:0;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;list-style:none;margin:0 0 4px;padding:4px;z-index:10;max-height:150px;overflow-y:auto;box-shadow:0 4px 12px #0003}.contact-suggestions li{padding:8px 12px;cursor:pointer;border-radius:4px}.contact-suggestions li:hover{background-color:var(--accent-primary);color:#fff}.label-with-button{display:flex;justify-content:space-between;align-items:center}.line-counter{font-size:12px;color:var(--text-secondary);font-family:monospace}.line-counter.limit-exceeded{color:var(--status-red);font-weight:700}.audio-ready-state{display:flex;flex-direction:column;align-items:center;gap:8px}.audio-ready-state p{margin:0;display:flex;align-items:center;gap:8px;color:var(--status-green)}.sp-preview-audio{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.scheduling-content{margin-top:16px;overflow-y:auto}.dispatch-section{padding-top:16px;margin-top:16px;border-top:1px solid var(--border-color)}.dispatch-section:first-child{margin-top:0;padding-top:0;border-top:none}.dispatch-section h4{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;margin-bottom:12px}.dispatch-section .btn{align-self:flex-start}.dispatch-section .form-group-row button{margin-bottom:0;align-self:flex-end}.dispatch-section .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.dispatch-section .form-group-row{display:flex;gap:16px;align-items:flex-end}.dispatch-section .form-group-row .form-group{flex-grow:1;margin-bottom:0}.dispatch-action-btn{min-width:180px;white-space:nowrap;justify-content:center}.dispatch-section input,.dispatch-section textarea{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);font-family:Heebo,sans-serif;width:100%;font-size:14px}.dispatch-section textarea{resize:vertical}.dispatch-button-container{display:flex;justify-content:center;margin-top:16px}.btn-dispatch{padding:12px 32px;font-size:16px;font-weight:700;gap:12px;border-radius:8px;background:linear-gradient(45deg,var(--accent-primary),#3b82f6);box-shadow:0 4px 15px #58a6ff33;border:1px solid var(--accent-primary);color:#fff;transition:all .3s ease}.btn-dispatch:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px #58a6ff4d;opacity:1}.btn-dispatch i{font-size:18px;transition:transform .3s ease}.btn-dispatch:hover:not(:disabled) i{transform:rotate(15deg) scale(1.1)}.operating-hours-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.weekly-schedule{display:flex;flex-direction:column;gap:12px;margin-top:12px}.day-row{display:flex;align-items:center;gap:16px;padding:8px;border-radius:6px;transition:background-color .2s}.day-row:hover{background-color:var(--bg-hover)}.day-row.disabled{color:var(--text-secondary)}.day-name{font-weight:500;width:50px}.time-inputs{display:flex;align-items:center;gap:8px}.day-row.disabled .datetime-picker{background-color:var(--bg-hover);cursor:not-allowed;opacity:.6}.date-exceptions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:220px;overflow-y:auto;padding-right:8px}.exception-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:8px;align-items:center}.exception-row .datetime-picker{width:170px}.exception-row .exception-desc{min-width:0}.exception-row .btn-icon{width:40px;height:40px}.api-config-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color);margin-bottom:16px}.api-config-item:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.api-config-text h5{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.api-config-text p{font-size:14px;color:var(--text-secondary);margin:0}.code-tag{font-family:monospace;background-color:var(--bg-hover);padding:2px 6px;border-radius:4px;color:var(--accent-orange);border:1px solid var(--border-color)}.file-dispatch-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel-explanation{grid-column:1 / -1;font-size:15px;color:var(--text-secondary);background-color:var(--bg-element);padding:16px;border-radius:8px;border:1px solid var(--border-color);line-height:1.6}.dispatch-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);overflow:hidden;display:flex;flex-direction:column}.dispatch-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-hover)}.dispatch-card-header i{font-size:20px;color:var(--accent-primary)}.dispatch-card.google-sheets-connector .dispatch-card-header i{color:#34a853}.dispatch-card-header h3{font-size:18px;font-weight:600;margin:0}.dispatch-card-content{padding:20px;display:flex;flex-direction:column;gap:20px;flex-grow:1}.dispatch-card-content .form-hint{margin:0;line-height:1.6}.dispatch-card-content .form-hint code{font-size:13px;padding:2px 5px}.dispatch-card-content input[type=url]{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary)}.file-dropzone{border:2px dashed var(--border-color);border-radius:var(--border-radius-medium);padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:var(--bg-main);color:var(--text-secondary)}.file-dropzone.dragging,.file-dropzone:hover{border-color:var(--accent-primary);background-color:var(--bg-hover);color:var(--text-primary);transform:scale(1.02)}.file-dropzone input[type=file]{display:none}.dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.dropzone-content i{font-size:32px;color:var(--accent-primary)}.dropzone-content span{font-weight:500;font-size:16px}.dropzone-content small{font-size:12px}.file-preview-section{margin-top:12px;padding:16px;border-top:1px solid var(--border-color);background-color:var(--bg-main);border-radius:var(--border-radius-medium)}.file-preview-section h5{font-size:16px;margin-bottom:8px}.preview-summary{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.preview-table-container{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table th,.preview-table td{padding:8px 12px;text-align:right;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.preview-table th{background-color:var(--bg-element);font-weight:500;position:sticky;top:0}.preview-table tbody tr:last-child td{border-bottom:none}.preview-table tbody tr:hover{background-color:var(--bg-hover)}.file-preview-section .btn{align-self:flex-start}.exception-row .datetime-picker{width:100%}.time-inputs .datetime-picker{width:120px}.blocklist-panel{display:flex;flex-direction:column;gap:24px}.blocklist-form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:16px;align-items:flex-end;margin-top:16px}.blocklist-form .phone-input-group{display:flex}.blocklist-form .phone-input-group input{border-radius:0 6px 6px 0}.blocklist-form .phone-input-group select{border-radius:6px 0 0 6px;border-right:none;background-color:var(--bg-element);color:var(--text-secondary);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 16px;border:1px solid var(--border-color);font-size:14px}.blocklist-form input{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);font-size:14px}.blocklist-table-container{max-height:500px;overflow-y:auto}.blocklist-table{width:100%;border-collapse:collapse;font-size:14px}.blocklist-table th,.blocklist-table td{padding:12px 16px;text-align:right;border-bottom:1px solid var(--border-color)}.blocklist-table th{background-color:var(--bg-main);font-weight:500;color:var(--text-secondary);position:sticky;top:0}.blocklist-table tbody tr:hover{background-color:var(--bg-hover)}.blocklist-table td:last-child{text-align:left}.blocklist-table .reason-cell{max-width:300px;white-space:normal;word-break:break-word}.blocklist-table .phone-cell{font-family:monospace;direction:ltr;text-align:right}.quick-dispatch-composer{display:flex;flex-direction:column;gap:16px;background-color:var(--bg-main);padding:16px;border-radius:var(--border-radius-medium)}.quick-dispatch-composer .phone-input-group select{background-color:var(--bg-element);color:var(--text-secondary);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 16px;border:1px solid var(--border-color);font-size:14px;border-radius:6px 0 0 6px;border-right:none}.quick-dispatch-composer .phone-input-group input{border-radius:0 6px 6px 0}.quick-dispatch-composer .dynamic-list-item input{background-color:var(--bg-element)}.quick-dispatch-composer .attachment-section{padding:12px;border:1px solid var(--border-color);border-radius:6px}.dispatch-action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.dispatch-action-btn{background-color:var(--bg-element);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--border-radius-medium);padding:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.dispatch-action-btn:hover:not(.active){border-color:var(--text-secondary);color:var(--text-primary)}.dispatch-action-btn.active{border-color:var(--accent-primary);background-color:#3b82f626;color:var(--accent-primary);font-weight:600}.scheduling-options{margin-top:16px;padding:12px;background-color:var(--bg-main);border-radius:8px;display:flex;justify-content:center;align-items:center;gap:16px;animation:fadeIn .3s}.day-count-display{background-color:var(--bg-main);padding:4px 8px;border-radius:4px;font-size:13px;color:var(--text-secondary);text-align:center;min-width:60px;border:1px solid var(--border-color);height:var(--input-height);display:flex;align-items:center;justify-content:center}.day-count-display i{color:var(--border-color)}.day-count-display i.fa-triangle-exclamation{color:var(--status-yellow)}.attachment-item-wrapper{display:flex;flex-direction:column;gap:4px}.attachment-options{padding-inline-start:24px}.attachment-options label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);font-weight:400;cursor:pointer}.attachment-options input{width:auto}.dynamic-list-item{display:flex;align-items:center;gap:8px}.dynamic-list-item input{flex-grow:1}.list-action-section{padding:12px;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:12px}.list-action-header{display:flex;gap:8px;align-items:flex-end}.list-action-header .form-group{flex-grow:1;margin-bottom:0}.list-action-row{padding-left:16px}.emoji-selector-btn{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;padding:10px;font-size:24px;width:60px;height:60px;cursor:pointer}.checkbox-group label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-group input{width:auto}@media (max-width: 1024px){.operating-hours-container{grid-template-columns:1fr}}@media (max-width: 768px){.dispatch-action-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dispatch-section .form-group-row,.blocklist-form{flex-direction:column;gap:16px;align-items:stretch}.dispatch-section .form-group-row button{align-self:stretch;height:var(--button-height)}.file-dispatch-container{grid-template-columns:1fr}.weekly-schedule{gap:16px}.day-row{flex-direction:column;align-items:flex-start;gap:10px;padding:12px;background-color:var(--bg-main)}.day-name{width:auto}.exception-row{grid-template-columns:1fr;gap:12px;padding:12px;background-color:var(--bg-main);border-radius:8px}.blocklist-table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.blocklist-table tr{border-bottom:2px solid var(--bg-main-start);display:block;margin-bottom:.625em}.blocklist-table td{border-bottom:1px solid var(--border-color);display:block;font-size:.8em;text-align:left}.blocklist-table td:before{content:attr(data-label);float:right;font-weight:700;text-transform:uppercase}.blocklist-table td:last-child{border-bottom:0}}.contacts-screen-layout{display:grid;grid-template-columns:280px 1fr;height:100%;overflow:hidden;gap:32px}.contacts-sidebar{background-color:var(--bg-element);padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:scroll}.contacts-main-content{display:flex;flex-direction:column;min-height:0;padding-inline-end:8px}.sidebar-actions{display:flex;flex-direction:column;gap:12px}.sidebar-actions .btn{width:100%;justify-content:flex-start;padding-left:16px;padding-right:16px}.sidebar-actions .btn i{width:20px;text-align:center;margin-inline-end:10px}.contact-nav-list{display:flex;flex-direction:column;gap:4px}.contact-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--border-radius-medium);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease}.contact-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.contact-nav-item.active{background-color:#58a6ff1a;color:var(--accent-primary);font-weight:600}.contact-nav-item i{width:20px;text-align:center;font-size:16px}.contact-nav-item .count-badge{margin-right:auto;font-size:12px;padding:2px 8px;background-color:var(--bg-hover);color:var(--text-secondary);border-radius:12px}.contact-nav-item.active .count-badge{background-color:var(--accent-primary);color:var(--bg-main)}.contact-list-section{display:flex;flex-direction:column;gap:8px;margin-top:16px;border-top:1px solid var(--border-color);padding-top:24px}.contact-list-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.contact-list-header h4{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.contact-nav-list.lists{max-height:300px;overflow-y:scroll}.contact-nav-list.lists .list-name-text{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-actions{display:none}.contact-nav-item:hover .list-actions{display:flex}.contacts-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;flex-shrink:0}.view-title{font-size:24px;font-weight:600;margin:0}.toolbar-actions .search-bar{width:300px}.contacts-list-container{flex-grow:1;overflow-y:scroll;border:1px solid var(--border-color);border-radius:var(--border-radius-large);background-color:var(--bg-element)}.contact-list-header{display:grid;grid-template-columns:50px minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr) 80px;gap:16px;padding:12px 24px;background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);font-size:13px;font-weight:500;color:var(--text-secondary);position:sticky;top:0;z-index:5}.contact-cell{display:flex;align-items:center;overflow:hidden}.contact-cell.selection-cell input{width:18px;height:18px}.contacts-list-body{display:flex;flex-direction:column}.contact-row{display:grid;grid-template-columns:50px minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr) 80px;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;align-items:center}.contact-row:last-child{border-bottom:none}.contact-row:hover{background-color:var(--bg-hover)}.contact-row.selected{background-color:#58a6ff1a}.contact-row .main-cell{gap:16px;cursor:pointer}.contact-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0}.contact-info{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-phone{font-family:monospace;font-size:13px;color:var(--text-secondary)}.contact-row .notes-cell,.contact-row .lists-cell{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-row .lists-cell{display:flex;flex-wrap:wrap;gap:6px}.contact-row .lists-cell .tag-pill{padding:3px 8px;font-size:12px}.contact-row .actions-cell{justify-content:flex-end}.contact-row .actions-cell .btn-icon{opacity:0;transition:opacity .2s}.contact-row:hover .actions-cell .btn-icon{opacity:1}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-hover);padding:8px 16px;border-radius:8px;margin-bottom:16px;flex-shrink:0;animation:slideInUp .3s ease-out}.bulk-actions-bar>span{font-weight:600}.bulk-actions{display:flex;align-items:center;gap:8px}.bulk-actions .custom-select-wrapper.minimal .custom-select-trigger{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-weight:500}@media (max-width: 1100px){.contacts-screen-layout{grid-template-columns:1fr;overflow-y:scroll}.contacts-sidebar{overflow-y:visible}}@media (max-width: 900px){.contact-row,.contact-list-header{grid-template-columns:50px 1.5fr 1fr 80px}.notes-cell{display:none}}.integrations-page-container{display:flex;flex-direction:column;gap:48px}.integrations-header{text-align:center}.integrations-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.integrations-header p{font-size:16px;color:var(--text-secondary);max-width:70ch;margin:0 auto;line-height:1.6}.integrations-category{display:flex;flex-direction:column;gap:24px}.integration-category-title{font-size:22px;font-weight:600;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border-color)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.integration-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.integration-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003;border-color:var(--accent-primary)}.integration-card-header{display:flex;align-items:center;gap:16px}.integration-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.integration-title{display:flex;align-items:center;gap:8px}.integration-title h4{margin:0;font-size:18px;font-weight:600}.status-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px}.status-badge.connected{background-color:#3fb9501a;color:var(--status-green)}.integration-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;flex-grow:1}.integration-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.connected-state{display:flex;justify-content:space-between;align-items:center;width:100%}.connected-user{font-size:13px;color:var(--text-secondary)}.developer-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.api-key-container{display:flex;flex-direction:column;gap:16px}.api-key-input-wrapper{position:relative}.api-key-input-wrapper i.fa-key{position:absolute;top:50%;transform:translateY(-50%);right:16px;color:var(--text-secondary)}.api-key-input-wrapper input{width:100%;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);padding:12px 48px 12px 16px;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:16px}.api-key-input-wrapper .btn-icon{position:absolute;top:50%;transform:translateY(-50%);left:8px}.api-key-actions{display:flex;gap:12px;justify-content:flex-end}.code-examples-container{display:flex;flex-direction:column}.code-example-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-top:16px}.code-example-tabs button{padding:10px 16px;cursor:pointer;border:none;background-color:transparent;color:var(--text-secondary);border-bottom:2px solid transparent;font-size:15px;font-weight:500}.code-example-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.whatsapp-connection-screen{display:flex;flex-direction:column;gap:24px}.whatsapp-connection-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}@media (max-width: 1200px){.whatsapp-connection-grid{grid-template-columns:1fr}}.connection-status-card{text-align:center}.connection-status-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px}.status-icon{font-size:48px;margin-bottom:8px}.disconnected .status-icon{color:var(--text-secondary)}.pending .status-icon{color:var(--accent-primary)}.connected .status-icon{color:var(--status-green)}.connection-status-content h3{font-size:24px;font-weight:700;margin:0}.disconnected h3{color:var(--text-primary)}.pending h3{color:var(--accent-primary)}.connected h3{color:var(--status-green)}.connection-status-content p{font-size:16px;color:var(--text-secondary);max-width:50ch;margin:0 0 16px}.btn-large{padding:14px 28px;font-size:16px;font-weight:600}.btn-large i{font-size:20px;margin-inline-end:12px}.next-steps-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.next-steps-content p{color:var(--text-secondary);max-width:60ch;line-height:1.6}.faq-container{display:flex;flex-direction:column;gap:12px;text-align:right}.faq-item{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--bg-main)}.faq-item[open] summary{border-bottom:1px solid var(--border-color);background-color:var(--bg-hover)}.faq-item summary{padding:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.faq-item summary:hover{background-color:var(--bg-hover)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;transition:transform .3s ease;flex-shrink:0}.faq-answer{padding:16px;line-height:1.7;color:var(--text-secondary)}.faq-answer p{margin:0 0 12px;font-size:15px}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{color:var(--text-primary)}.post-connection-container{animation:fadeIn .5s ease-out}.roadmap-title{text-align:center;font-size:24px;font-weight:700;margin:32px 0;color:var(--text-primary)}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.roadmap-step-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:24px;display:flex;flex-direction:column;text-align:right;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:slideInUp .5s ease-out forwards}.roadmap-step-card:nth-child(2){animation-delay:.1s}.roadmap-step-card:nth-child(3){animation-delay:.2s}.roadmap-step-card:nth-child(4){animation-delay:.3s}.roadmap-step-card:hover{transform:translateY(-5px);border-color:var(--accent-secondary);box-shadow:0 8px 30px #0003}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-number{width:32px;height:32px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary);flex-shrink:0}.step-icon{font-size:20px;color:var(--accent-secondary)}.step-header h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.roadmap-step-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;flex-grow:1;margin-bottom:16px}.roadmap-step-card .btn{align-self:flex-start}.advanced-actions{display:flex;gap:16px}.disconnect-footer{margin-top:48px;text-align:center}.settings-screen-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;height:100%;overflow:hidden}.settings-sidebar{background-color:var(--bg-element);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-color)}.settings-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border-radius:8px;font-size:15px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:right;transition:all .2s ease}.settings-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #58a6ff33}.settings-nav-item i{width:20px;font-size:16px;text-align:center}.settings-content{overflow-y:scroll;padding-inline-end:12px}.settings-page-container{display:flex;flex-direction:column;gap:24px}.settings-page-container .card{opacity:1;animation:slideInUp .4s ease-out forwards}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0}.setting-item:not(:last-child){border-bottom:1px solid var(--border-color)}.setting-item-text h4{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.setting-item-text p{font-size:14px;color:var(--text-secondary);max-width:60ch;line-height:1.6}.setting-item-control{flex-shrink:0;margin-inline-start:24px;margin-top:4px}.setting-item-content{flex-shrink:0;margin-inline-start:24px}.my-profile-grid{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:flex-start}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-placeholder{width:100px;height:100px;background-color:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-secondary);border:2px dashed var(--border-color)}.profile-details-form,.password-change-form{display:flex;flex-direction:column;gap:16px}.profile-details-form .btn,.password-change-form .btn{align-self:flex-start;margin-top:8px}.two-factor-setup{display:flex;align-items:center;gap:24px}.qr-code-placeholder{width:140px;height:140px;background-color:var(--bg-hover);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:60px;color:var(--text-secondary)}.two-factor-instructions{display:flex;flex-direction:column;gap:16px}.danger-zone-item{display:flex;justify-content:space-between;align-items:center;background-color:#f851490d;border:1px solid var(--status-red);padding:16px;border-radius:8px}.danger-zone-text h4{color:var(--status-red);margin-bottom:4px}.danger-zone-text p{font-size:14px;color:var(--text-secondary);max-width:60ch}.system-health-list{display:flex;flex-direction:column;gap:16px}.status-item{display:flex;justify-content:space-between;align-items:center;font-size:16px}.status-item-name{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.status-item-name i{color:var(--text-secondary);font-size:18px}.status-value{display:flex;align-items:center;gap:8px;font-weight:600}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.green{background-color:var(--status-green)}.backup-actions{display:flex;flex-direction:column;gap:24px}.backup-list{display:flex;flex-direction:column;gap:8px;max-height:222px;overflow-y:scroll;padding-inline-end:8px}.backup-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-main);border-radius:6px;flex-shrink:0}.backup-info{display:flex;align-items:center;gap:12px}.backup-info i{color:var(--text-secondary);font-size:18px}.backup-details .timestamp{color:var(--text-primary)}.backup-details .created-by{color:var(--text-secondary);font-size:13px}.data-management-actions{display:flex;flex-direction:column;gap:16px}.data-action{display:flex;justify-content:space-between;align-items:center}.data-action-text h4,.data-action-text h5{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--text-primary);margin:0}.data-action-text h4{margin-bottom:4px;font-size:16px}.data-action-text h5{font-size:14px}.data-action-text h4 i,.data-action-text h5 i{color:var(--text-secondary);width:20px;text-align:center;flex-shrink:0}.data-action-text p{margin:0;color:var(--text-secondary);font-size:14px;padding-inline-start:32px}.data-action-control select{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-primary);min-width:180px}.logs-controls{display:flex;justify-content:space-between;margin-bottom:16px;gap:16px}.logs-controls .search-bar{width:300px}.logs-container{max-height:400px;overflow-y:scroll}.log-item{display:flex;gap:12px;padding:8px 4px;font-size:14px;border-bottom:1px solid var(--border-color)}.log-item:last-child{border-bottom:none}.log-icon{flex-shrink:0;width:20px;text-align:center}.log-icon.info{color:var(--accent-primary)}.log-icon.success{color:var(--status-green)}.log-icon.warning{color:var(--status-yellow)}.log-icon.error{color:var(--status-red)}.log-message{flex-grow:1;font-family:Roboto Mono,monospace;font-size:13px;word-break:break-all;color:var(--text-secondary)}.log-timestamp{flex-shrink:0;color:var(--text-secondary);font-size:13px;font-family:monospace}.notification-settings-list{display:flex;flex-direction:column;gap:8px;margin-top:24px}.notification-setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border-color)}.update-status-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px}.current-version-info{font-size:16px;display:flex;align-items:center;gap:8px}.version-tag{font-family:monospace;background-color:var(--bg-main);padding:4px 10px;border-radius:6px;font-size:16px;border:1px solid var(--border-color)}.update-status-display{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}.update-status-display i{font-size:24px}.last-check-info{font-size:14px;color:var(--text-secondary)}.release-notes-container{padding:16px;border-top:1px solid var(--border-color);margin-top:16px}.install-btn{margin-top:16px;align-self:flex-start}.update-progress-bar-container{width:100%;height:30px;background-color:var(--bg-main);border-radius:6px;position:relative;overflow:hidden;border:1px solid var(--border-color)}.update-progress-bar{height:100%;background-color:var(--accent-primary);transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.updates-timeline{display:flex;flex-direction:column;gap:24px}.update-item{position:relative;padding-inline-start:32px;border-inline-start:3px solid var(--border-color)}.update-item:before{content:"";position:absolute;right:-7px;top:0;width:12px;height:12px;border-radius:50%;background-color:var(--accent-primary);border:2px solid var(--bg-element)}.update-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.update-version{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px}.update-date{font-size:14px;color:var(--text-secondary)}.update-title{font-size:18px;font-weight:600;margin:0 0 12px}.update-changes-list{list-style:none;display:flex;flex-direction:column;gap:8px}.update-changes-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary)}.change-icon{width:16px;text-align:center;margin-top:3px}.change-icon.fa-star{color:var(--status-yellow)}.change-icon.fa-arrow-up{color:var(--status-green)}.change-icon.fa-bug{color:var(--status-red)}.academy-screen{gap:40px}.academy-header{text-align:center;padding:24px;background-color:var(--bg-element);border-radius:12px;border:1px solid var(--border-color)}.academy-header h1{font-size:32px;margin-bottom:8px;color:var(--text-primary)}.academy-header p{font-size:16px;color:var(--text-secondary);max-width:60ch;margin:0 auto}.tutorial-category h2{font-size:24px;font-weight:600;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.tutorial-card{background-color:var(--bg-element);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003;border-color:var(--accent-primary)}.tutorial-video-placeholder{height:180px;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-secondary);transition:color .3s ease}.tutorial-card:hover .tutorial-video-placeholder{color:var(--accent-primary)}.tutorial-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.difficulty-badge{align-self:flex-start;font-size:12px;font-weight:700;padding:4px 10px;border-radius:16px;margin-bottom:12px;color:var(--bg-main)}.difficulty-badge.easy{background-color:var(--status-green)}.difficulty-badge.medium{background-color:var(--status-yellow)}.difficulty-badge.hard{background-color:var(--status-red)}.tutorial-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.tutorial-content p{font-size:14px;color:var(--text-secondary);line-height:1.6;flex-grow:1;margin-bottom:16px}.support-screen-layout{display:grid;grid-template-columns:1fr 350px;gap:32px}@media (max-width: 900px){.support-screen-layout{grid-template-columns:1fr}.support-sidebar{order:-1}}.support-main-content,.support-sidebar{display:flex;flex-direction:column;gap:24px}.faq-item{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.faq-item p{padding:16px;line-height:1.7;background-color:var(--bg-main)}.faq-item p code{font-size:13px}.support-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px;flex:1}.support-form input,.support-form textarea{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary)}.support-form button{align-self:flex-start}.contact-info-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.contact-info-list li{display:flex;align-items:center;gap:12px;font-size:15px}.contact-info-list li a.whatsapp-link{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;transition:color .2s ease}.contact-info-list li a.whatsapp-link:hover{color:var(--accent-primary)}.contact-info-list i{color:var(--text-secondary);width:20px;text-align:center}.contact-info-list span{font-weight:500}.support-hours{font-size:13px;text-align:center;padding-top:12px;margin-top:12px;border-top:1px solid var(--border-color)}.useful-links{list-style:none;display:flex;flex-direction:column;gap:8px}.useful-links button,.useful-links a,.useful-links li{color:var(--text-secondary);text-decoration:none;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:10px;transition:all .2s ease;background:none;border:none;font-family:inherit;font-size:inherit;width:100%;text-align:right;cursor:pointer}.useful-links button:hover,.useful-links a:hover{background-color:var(--bg-hover);color:var(--text-primary)}.professional-services-list{list-style:none;display:flex;flex-direction:column;gap:16px}.professional-services-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.professional-services-list li:last-child{border-bottom:none;padding-bottom:0}.service-info h5{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.service-info p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.professional-services-list .btn{flex-shrink:0}.visual-assistance-card{border-color:var(--accent-secondary);background:linear-gradient(145deg,var(--bg-element) 80%,rgba(163,113,247,.1))}.guided-tours-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.tour-launch-button{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);padding:16px;display:flex;align-items:center;gap:16px;text-align:right;cursor:pointer;transition:all .2s ease;width:100%}.tour-launch-button>i{font-size:24px;color:var(--accent-secondary);width:32px;text-align:center}.tour-button-text span{display:block;font-weight:600;font-size:15px;color:var(--text-primary)}.tour-button-text small{font-size:13px;color:var(--text-secondary)}.launch-arrow{color:var(--text-secondary);transition:transform .3s ease,color .3s ease}.admin-panel-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background-color:var(--bg-main);display:flex;flex-direction:column;animation:fadeIn .3s ease;padding:24px;gap:24px;height:100vh;overflow:hidden}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.admin-panel-header h1{font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.admin-panel-main{display:flex;flex-direction:column;flex-grow:1;min-height:0}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-shrink:0;overflow-x:auto}.admin-tab-button{padding:12px 20px;cursor:pointer;border:none;background-color:transparent;color:var(--text-secondary);border-bottom:3px solid transparent;font-size:16px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.admin-tab-button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.admin-tab-content{overflow-y:scroll;padding-right:12px;flex-grow:1}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-table-container{border:1px solid var(--border-color);border-radius:var(--border-radius-medium);overflow-y:hidden;overflow-x:auto;flex-grow:1;display:flex;flex-direction:column}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px 16px;text-align:right;border-bottom:1px solid var(--border-color)}.admin-table thead{position:sticky;top:0;z-index:1}.admin-table th{background-color:var(--bg-hover);font-weight:500;color:var(--text-secondary)}.admin-table tbody tr:hover{background-color:var(--bg-hover)}.admin-table td.actions-cell{text-align:left}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.active{color:var(--status-green);background-color:#3fb9501a}.status-badge.trial{color:var(--accent-primary);background-color:#58a6ff1a}.status-badge.frozen{color:var(--text-secondary);background-color:var(--bg-hover)}.status-badge.canceled{color:var(--status-red);background-color:#f851491a}.actions-menu-container{position:relative}.actions-dropdown{position:absolute;top:calc(100% + 4px);left:0;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;z-index:10;padding:4px;display:flex;flex-direction:column;min-width:180px;box-shadow:var(--shadow-medium)}.actions-dropdown button{text-align:right;background:none;border:none;color:var(--text-secondary);padding:8px 12px;cursor:pointer;border-radius:4px;font-family:inherit;font-size:14px}.actions-dropdown button:hover{background-color:var(--accent-primary);color:#fff}.actions-dropdown button.danger:hover{background-color:var(--status-red)}.subscriptions-management-tab{display:flex;flex-direction:column;gap:24px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-stat-item{background-color:var(--bg-element);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.admin-stat-item span{font-size:28px;font-weight:700;display:block;color:var(--text-primary)}.admin-stat-item p{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.user-cell{display:flex;flex-direction:column}.user-name{font-weight:500;color:var(--text-primary)}.user-email{font-size:13px;color:var(--text-secondary)}.feature-table td,.feature-table th{text-align:center}.feature-table td:first-child,.feature-table th:first-child{text-align:right}.feature-table .switch{display:inline-block}.reports-screen{display:flex;flex-direction:column;gap:24px;height:100%}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:flex-end}.filters-grid .form-group{display:flex;flex-direction:column;gap:8px}.filters-grid label{font-size:14px;font-weight:500}.filters-grid input,.filters-grid .custom-select-trigger{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);font-size:14px;height:42px}.reports-table-container{flex-grow:1;display:flex;flex-direction:column;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);overflow:hidden}.reports-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.selection-info{font-size:14px;color:var(--text-secondary)}.toolbar-actions{display:flex;gap:12px}.reports-table-wrapper{overflow-y:auto;overflow-x:auto;flex-grow:1}.reports-table{width:100%;border-collapse:collapse}.reports-table th,.reports-table td{padding:14px 18px;text-align:right;border-bottom:1px solid var(--border-color);white-space:nowrap}.reports-table th{background-color:var(--bg-hover);font-size:14px;font-weight:500;color:var(--text-secondary);position:sticky;top:0;z-index:2}.reports-table tbody tr{cursor:pointer;transition:background-color .2s ease}.reports-table tbody tr:hover{background-color:var(--bg-hover)}.reports-table tbody tr:last-child td{border-bottom:none}.reports-table tbody tr.bot-response-row{background-color:#58a6ff0d}.reports-table tbody tr.bot-response-row:hover{background-color:#58a6ff1a}.reports-table td{max-width:350px;overflow:hidden;text-overflow:ellipsis}.reports-table td:first-child{width:50px}.reports-table input[type=checkbox]{width:18px;height:18px}.documentation-screen{display:grid;grid-template-columns:280px 1fr;gap:32px;height:calc(100% - 16px);overflow:hidden}@media (max-width: 1000px){.documentation-screen{grid-template-columns:1fr;overflow-y:scroll}}.doc-sidebar{background-color:var(--bg-element);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:scroll;border:1px solid var(--border-color)}.doc-search-wrapper{position:relative}.doc-search-wrapper input{width:100%;padding:10px 40px 10px 16px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary)}.doc-search-wrapper i{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:var(--text-secondary)}.doc-nav-category{margin-bottom:24px}.doc-nav-category h4{font-size:14px;font-weight:700;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.doc-nav-category h4 i{color:var(--accent-secondary);font-size:16px;width:20px;text-align:center}.doc-nav-category ul{list-style:none;display:flex;flex-direction:column;gap:4px}.doc-nav-category a{display:block;padding:8px 12px;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:15px}.doc-nav-category a:hover{background-color:var(--bg-hover);color:var(--text-primary)}.doc-nav-category a.active{background-color:var(--accent-primary);color:#fff;font-weight:500}.doc-content{overflow-y:scroll;padding-right:16px}.doc-article{max-width:800px}.doc-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:16px}.doc-breadcrumbs i{font-size:12px}.doc-article h1{font-size:36px;font-weight:700;margin-bottom:24px}.article-body{font-size:16px;line-height:1.8;color:var(--text-secondary)}.article-body h3{font-size:24px;font-weight:600;color:var(--text-primary);margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.article-body h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:24px 0 12px}.article-body p{margin-bottom:16px}.article-body ul,.article-body ol{margin-bottom:16px;padding-right:24px}.article-body li{margin-bottom:8px}.article-body code{font-size:15px;color:var(--accent-orange)}.article-body blockquote{border-right:3px solid var(--accent-primary);padding-right:16px;margin:24px 0;font-style:italic;color:var(--text-primary)}.article-body ol li{padding-right:8px}.community-screen{gap:24px}.community-header{text-align:center;padding:24px;background-color:var(--bg-element);border-radius:12px;border:1px solid var(--border-color)}.community-header h1{font-size:32px;margin-bottom:8px;color:var(--text-primary)}.community-header p{font-size:16px;color:var(--text-secondary);max-width:60ch;margin:0 auto}.community-main-content{background-color:var(--bg-element);border-radius:12px;border:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;gap:24px}.community-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.community-tabs{display:flex;background-color:var(--bg-main);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.community-tabs button{background:transparent;border:none;color:var(--text-secondary);padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:500;font-size:15px;transition:all .2s ease}.community-tabs button.active{background-color:var(--bg-hover);color:var(--text-primary)}.community-actions{display:flex;align-items:center;gap:16px}.community-actions .search-bar input{width:250px}.posts-list{display:flex;flex-direction:column;gap:12px}.post-card{display:flex;align-items:center;gap:16px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease;cursor:pointer}.post-card:hover{background-color:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.post-avatar{width:44px;height:44px;border-radius:50%;background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.post-content{flex-grow:1;min-width:0}.post-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{font-size:13px;color:var(--text-secondary);display:flex;gap:8px;align-items:center}.post-meta strong{color:var(--text-primary);font-weight:500}.post-stats{display:flex;gap:24px;text-align:center;flex-shrink:0}.stat-item span{font-size:18px;font-weight:700;display:block}.stat-item small{font-size:12px;color:var(--text-secondary)}.new-post-modal-body .form-group{display:flex;flex-direction:column;gap:8px}.new-post-modal-body label{font-size:14px;font-weight:500}.new-post-modal-body input,.new-post-modal-body select,.new-post-modal-body textarea{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary)}.new-post-modal-body textarea{resize:vertical;min-height:120px}.post-view-container{animation:fadeIn .4s ease}.back-button{margin-bottom:16px}.post-view-card{background-color:var(--bg-element);border-radius:12px;padding:24px;border:1px solid var(--border-color);margin-bottom:24px}.post-view-category{font-size:14px;font-weight:600;color:var(--accent-secondary);margin-bottom:8px}.post-view-card h1{font-size:28px;margin:0 0 16px}.post-view-body{margin-top:24px;font-size:16px;line-height:1.7;color:var(--text-secondary)}.post-view-body p{white-space:pre-wrap}.comments-section h3{font-size:20px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.comment-card{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-color)}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-header small{font-size:12px;color:var(--text-secondary)}.comment-content p{font-size:15px;line-height:1.6;color:var(--text-secondary)}.reply-form-container{margin-top:24px;background-color:var(--bg-element);border-radius:12px;padding:20px}.reply-form-container h4{margin:0 0 12px}.reply-form-container textarea{width:100%;min-height:100px;margin-bottom:12px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);resize:vertical}.reply-form-container .btn{float:left}.system-status-screen{gap:32px}.status-banner{padding:24px;border-radius:12px;display:flex;align-items:center;gap:16px;border:1px solid}.status-banner.operational{background-color:#3fb9501a;border-color:var(--status-green);color:var(--status-green)}.status-banner.degraded{background-color:#d299221a;border-color:var(--status-yellow);color:var(--status-yellow)}.status-banner.outage{background-color:#f851491a;border-color:var(--status-red);color:var(--status-red)}.status-banner i{font-size:32px}.status-banner h3{font-size:20px;font-weight:600;margin:0}.services-list{display:flex;flex-direction:column;gap:16px}.service-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-element);padding:16px 20px;border-radius:8px;border:1px solid var(--border-color)}.service-name-desc h4{font-size:16px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.service-name-desc p{font-size:14px;color:var(--text-secondary);margin:0}.service-status{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.service-status i{font-size:18px}.incidents-section h2{font-size:24px;font-weight:600;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.incident-timeline{display:flex;flex-direction:column;gap:24px}.incident-day h4{font-size:14px;color:var(--text-secondary);font-weight:700;margin-bottom:12px}.incident-card{background-color:var(--bg-element);border-radius:8px;border:1px solid var(--border-color);padding:20px}.incident-card h5{font-size:18px;font-weight:600;margin:0 0 16px}.incident-updates{display:flex;flex-direction:column;gap:16px}.update-item{display:grid;grid-template-columns:80px 120px 1fr;align-items:start;gap:16px}.update-time{font-family:monospace;color:var(--text-secondary)}.update-status{font-weight:700;font-size:13px;padding:2px 8px;border-radius:4px;text-align:center}.update-status.resolved{color:var(--status-green);background-color:#3fb9501a}.update-status.monitoring{color:var(--accent-primary);background-color:#58a6ff1a}.update-status.identified{color:var(--status-yellow);background-color:#d299221a}.update-status.investigating{color:var(--accent-orange);background-color:#f778281a}.update-text{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.toast-container{position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast-notification{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--border-radius-medium);color:var(--text-primary);background-color:var(--bg-element);border:1px solid var(--border-color);box-shadow:var(--shadow-large);width:350px;max-width:90vw;animation:toast-enter .4s cubic-bezier(.21,1.02,.73,1) forwards;border-left:4px solid}.toast-notification p{flex-grow:1;margin:0;font-size:15px;font-weight:500}.toast-notification i{font-size:20px;flex-shrink:0}.toast-notification.toast-success{border-left-color:var(--status-green)}.toast-notification.toast-success i{color:var(--status-green)}.toast-notification.toast-error{border-left-color:var(--status-red)}.toast-notification.toast-error i{color:var(--status-red)}.toast-notification.toast-info{border-left-color:var(--accent-primary)}.toast-notification.toast-info i{color:var(--accent-primary)}.toast-notification.toast-warning{border-left-color:var(--status-yellow)}.toast-notification.toast-warning i{color:var(--status-yellow)}.toast-undo-btn{background:none;border:none;color:var(--accent-primary);font-weight:600;cursor:pointer;font-size:14px;padding:4px 8px;margin:0 4px;border-radius:4px;transition:background-color .2s;white-space:nowrap;flex-shrink:0}.toast-undo-btn:hover{background-color:var(--bg-hover);text-decoration:underline}.toast-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toast-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}@keyframes toast-enter{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.ai-assistant-fab{width:60px;height:60px;border-radius:50%;background:var(--accent-gradient);color:#fff;border:none;box-shadow:var(--shadow-large);cursor:grab;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fab-pulse 2s infinite}.ai-assistant-fab:active{cursor:grabbing}.ai-assistant-fab:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 10px 25px #0006;animation-play-state:paused}.ai-assistant-fab.hidden{transform:scale(0);opacity:0}@keyframes fab-pulse{0%{box-shadow:0 0 #a371f7b3}70%{box-shadow:0 0 0 15px #a371f700}to{box-shadow:0 0 #a371f700}}.ai-assistant-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .3s ease}.ai-assistant-container{position:fixed;bottom:24px;left:24px;width:400px;max-width:calc(100vw - 48px);height:600px;max-height:calc(100vh - 48px);background-color:var(--bg-element);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);z-index:1001;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%) scale(.8);opacity:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);transform-origin:bottom left}.ai-assistant-container.open{transform:translateY(0) scale(1);opacity:1}.ai-assistant-container.expanded{width:800px;height:80vh}.ai-assistant-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0;cursor:grab}.ai-assistant-header:active{cursor:grabbing}.ai-assistant-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--accent-secondary)}.ai-assistant-header-actions{display:flex;align-items:center;gap:4px}.ai-assistant-body{flex-grow:1;display:flex;min-height:0}.ai-assistant-history-panel{width:220px;border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding:12px;transition:all .3s ease;flex-shrink:0}.ai-assistant-history-panel:not(.visible){width:0;padding:12px 0;opacity:0;overflow:hidden}.new-chat-btn{width:100%}.history-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.history-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.history-item:hover{background-color:var(--bg-hover)}.history-item.active{background-color:var(--accent-primary);color:#fff}.history-item-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-history-btn{opacity:0;visibility:hidden;transition:all .2s ease}.history-item:hover .delete-history-btn{opacity:1;visibility:visible}.history-item.active .delete-history-btn{color:#fff}.history-item.active .delete-history-btn:hover{background-color:#fff3}.ai-assistant-chat-panel{flex-grow:1;display:flex;flex-direction:column;min-width:0}.ai-assistant-messages{flex-grow:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.message{display:flex;max-width:85%}.message.user{align-self:flex-start}.message.model{align-self:flex-end}.message-bubble-container{display:flex;flex-direction:column;gap:8px}.message-bubble{padding:10px 14px;border-radius:18px;line-height:1.6;font-size:15px;word-break:break-word}.message.user .message-bubble{background-color:var(--bg-hover);border-top-left-radius:4px}.message.model .message-bubble{background-color:var(--bg-main);border:1px solid var(--border-color);border-top-right-radius:4px}.message-bubble code{background-color:var(--bg-hover);padding:2px 5px;border-radius:4px;font-family:Roboto Mono,monospace;font-size:14px}.message-bubble pre{background-color:var(--bg-main);border:1px solid var(--border-color);padding:12px;border-radius:8px;margin:8px 0;white-space:pre-wrap;font-size:14px}.message-bubble pre code{background:none;padding:0}.code-block-wrapper{position:relative}.copy-code-btn{position:absolute;top:8px;left:8px;background-color:var(--bg-element);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;opacity:0;transition:all .3s ease;display:flex;align-items:center;gap:6px}.code-block-wrapper:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{color:var(--text-primary)}.copy-code-btn .fa-check{color:var(--status-green)}.action-buttons-container{display:flex;gap:8px;padding:0 8px;flex-wrap:wrap}.action-buttons-container .btn{font-size:14px}.ai-assistant-input-area{padding:12px;border-top:1px solid var(--border-color);display:flex;gap:8px;align-items:flex-end}.ai-assistant-input-area textarea{flex-grow:1;resize:none;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:15px;line-height:1.5;max-height:150px;scrollbar-gutter:stable}.ai-assistant-input-area textarea:focus{outline:none;border-color:var(--accent-primary)}.ai-assistant-input-area .btn{height:44px;width:44px;padding:0;flex-shrink:0}.loading-bubble{display:flex;align-items:center;gap:5px}.loading-bubble .dot{width:8px;height:8px;background-color:var(--text-secondary);border-radius:50%;animation:loading-dots 1.4s infinite ease-in-out both}.loading-bubble .dot:nth-child(1){animation-delay:-.32s}.loading-bubble .dot:nth-child(2){animation-delay:-.16s}@keyframes loading-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.billing-screen-container{display:flex;flex-direction:column;gap:40px;width:100%;max-width:1200px;margin:0 auto}.billing-header{text-align:center}.billing-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.billing-header p{font-size:16px;color:var(--text-secondary);max-width:60ch;margin:0 auto}.pricing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:center}.pricing-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:32px;display:flex;flex-direction:column;gap:24px;transition:all .3s ease;position:relative}.pricing-card.popular{transform:scale(1.05);border:2px solid var(--accent-secondary);box-shadow:0 10px 30px #a371f71a}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--accent-gradient);color:#fff;padding:6px 16px;border-radius:16px;font-size:13px;font-weight:700}.pricing-card-header{text-align:center}.pricing-card-header h3{font-size:24px;font-weight:600;margin-bottom:4px}.pricing-card-header p{font-size:14px;color:var(--text-secondary)}.pricing-card-price{text-align:center;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:24px 0}.pricing-card-price .price{font-size:48px;font-weight:700}.pricing-card-price .period{font-size:16px;color:var(--text-secondary);margin-right:4px}.features-list{list-style:none;display:flex;flex-direction:column;gap:12px;flex-grow:1}.features-list li{display:flex;align-items:center;gap:12px;font-size:15px}.features-list i{color:var(--status-green)}.pricing-card .btn{width:100%;padding:12px;font-size:16px}.pricing-card.popular .btn-primary{background:var(--accent-secondary);border-color:var(--accent-secondary)}.pricing-card.popular .btn-primary:hover{background:#b98ff8;border-color:#b98ff8}.faq-section{margin-top:32px;max-width:800px;width:100%;align-self:center}.faq-section h2{text-align:center;font-size:24px;margin-bottom:24px}.faq-container{display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--bg-element)}.faq-item[open] summary{border-bottom:1px solid var(--border-color)}.faq-item summary{padding:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;transition:transform .3s ease}.faq-item[open] summary:after{transform:rotate(180deg)}.faq-item p{padding:16px;line-height:1.7;background-color:var(--bg-main);color:var(--text-secondary)}.trial-banner{background:linear-gradient(45deg,var(--accent-secondary),var(--accent-orange));color:#fff;padding:12px 24px;margin:-24px -32px 24px;flex-shrink:0;animation:fadeIn .5s ease-out}.trial-banner-content{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}.trial-banner .banner-icon{font-size:20px;animation:hourglass-spin 4s linear infinite}.trial-banner p{margin:0;font-weight:500;font-size:15px}.trial-banner .upgrade-btn{background-color:#fff;color:var(--accent-secondary);border:none;padding:8px 16px;font-weight:700;white-space:nowrap;transition:all .2s ease}.trial-banner .upgrade-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}@keyframes hourglass-spin{0%{transform:rotate(0)}40%{transform:rotate(180deg)}60%{transform:rotate(180deg)}90%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.visual-assistance-screen{display:flex;flex-direction:column;gap:40px}.assistance-header{text-align:center;padding:24px;background-color:var(--bg-element);border-radius:12px;border:1px solid var(--border-color);animation:fadeIn .4s}.assistance-header h1{font-size:32px;margin-bottom:8px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:12px}.assistance-header h1 i{color:var(--accent-secondary)}.assistance-header p{font-size:16px;color:var(--text-secondary);max-width:60ch;margin:0 auto}.guided-tours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;animation:fadeIn .4s .1s both}.tour-launch-button{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:24px;display:flex;align-items:center;gap:16px;text-align:right;cursor:pointer;transition:all .2s ease;width:100%}.tour-launch-button:hover{background-color:var(--bg-hover);border-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.tour-launch-button>i:first-child{font-size:28px;color:var(--accent-secondary);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#a371f71a;border-radius:8px;flex-shrink:0}.tour-button-text{flex-grow:1}.tour-button-text span{display:block;font-weight:600;font-size:16px;color:var(--text-primary)}.tour-button-text small{font-size:14px;color:var(--text-secondary)}.launch-arrow{color:var(--text-secondary);transition:transform .3s ease,color .3s ease;font-size:16px}.tour-launch-button:hover .launch-arrow{transform:translate(-4px);color:var(--accent-secondary)}.product-editor-body{display:grid;grid-template-columns:1fr 220px;gap:24px}.product-form-fields{display:flex;flex-direction:column;gap:16px}.product-form-image{display:flex;flex-direction:column;gap:8px}.image-uploader-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.product-image-preview{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--border-radius-medium);border:1px solid var(--border-color)}.image-placeholder{width:100%;aspect-ratio:1 / 1;background-color:var(--bg-main);border:2px dashed var(--border-color);border-radius:var(--border-radius-medium);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--text-secondary)}.collection-editor-body .search-bar{margin-bottom:8px}.product-selection-list{max-height:40vh;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:8px;background-color:var(--bg-main);display:flex;flex-direction:column;gap:4px}.product-selection-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.product-selection-item:hover{background-color:var(--bg-hover)}.product-selection-item input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.product-selection-item img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.product-selection-info{display:flex;flex-direction:column;gap:2px}.product-selection-info span{font-weight:500}.product-selection-info small{font-size:12px;color:var(--text-secondary);font-family:monospace}.catalog-screen{display:flex;flex-direction:column;gap:24px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003;border-color:var(--accent-primary)}.product-image-container{height:180px;background-color:var(--bg-hover)}.product-image-container img{width:100%;height:100%;object-fit:cover}.product-card-content{padding:16px;flex-grow:1;display:flex;flex-direction:column}.product-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.product-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px;flex-grow:1}.product-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:12px}.product-price{font-size:18px;font-weight:700;color:var(--status-green)}.product-sku{font-size:12px;color:var(--text-secondary);font-family:Roboto Mono,monospace}.product-card-actions{position:absolute;top:8px;left:8px;display:flex;gap:4px;background-color:#11151cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px;border-radius:6px;opacity:0;transition:opacity .2s ease}.product-card:hover .product-card-actions{opacity:1}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.collection-card{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:20px;display:flex;flex-direction:column;gap:12px;cursor:default;transition:all .2s ease}.collection-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003;border-color:var(--accent-secondary)}.collection-card-header{display:flex;justify-content:space-between;align-items:center}.collection-card-header h4{margin:0;font-size:16px;font-weight:600}.collection-card-actions{display:flex}.collection-card p{margin:0;color:var(--text-secondary);font-size:14px;flex-grow:1}.collection-product-previews{display:flex;gap:8px;align-items:center}.collection-product-previews img{width:48px;height:48px;object-fit:cover;border-radius:6px;border:2px solid var(--bg-main)}.more-products-indicator{width:48px;height:48px;border-radius:6px;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-secondary)}.whatsapp-profile-screen{display:grid;grid-template-columns:400px 1fr;gap:32px;height:100%;overflow:hidden}@media (max-width: 1200px){.whatsapp-profile-screen{grid-template-columns:1fr;overflow-y:auto}.profile-preview-panel{order:-1;position:static;top:auto}}.profile-preview-panel{position:sticky;top:0;display:flex;flex-direction:column;gap:16px}.profile-preview-panel h4{font-size:18px;font-weight:600}.profile-edit-panel{display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding-inline-end:8px}.profile-edit-panel .card{opacity:1;animation:slideInUp .4s ease-out forwards}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-form .form-group{display:flex;flex-direction:column;gap:8px}.profile-form .form-group-row{display:flex;gap:16px}.profile-form .form-group-row>.form-group{flex:1}.profile-form label{font-weight:500}.profile-form input,.profile-form textarea,.profile-form select{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);width:100%}.profile-form textarea{resize:vertical}.profile-form-actions{display:flex;justify-content:flex-end;margin-top:8px}.image-upload-forms{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wa-profile-preview{background-color:#0b141a;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;font-family:Heebo,sans-serif}.wa-preview-header{position:relative;padding-bottom:50px}.wa-cover-photo{width:100%;height:150px;object-fit:cover;background-color:var(--bg-element)}.wa-profile-picture-container{position:absolute;bottom:0;right:50%;transform:translate(50%);width:100px;height:100px;border-radius:50%;background-color:#0b141a;padding:4px}.wa-profile-picture{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:var(--bg-element)}.wa-preview-body{padding:24px;text-align:center;color:var(--text-primary)}.wa-preview-body h3{font-size:20px;font-weight:700;margin:0 0 4px}.wa-category{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.wa-description{font-size:15px;line-height:1.6;margin-bottom:24px}.wa-contact-info{display:flex;flex-direction:column;gap:12px;text-align:right;font-size:14px;border-top:1px solid var(--border-color);padding-top:16px}.wa-contact-info div{display:flex;align-items:center;gap:12px}.wa-contact-info i{color:var(--text-secondary);width:20px;text-align:center}.instructions-modal-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.instructions-modal-header h2{font-size:20px;font-weight:600;margin:0;flex-grow:1;text-align:right}.back-arrow-btn{background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:8px}.instructions-explainer-box{border:1px solid var(--border-color);border-radius:8px;padding:16px;font-size:15px;color:var(--text-secondary);line-height:1.6;background-color:var(--bg-main)}.orders-view{padding:24px 32px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;position:relative}.orders-view-header h2{font-size:24px;font-weight:600}.orders-view-content{display:flex;flex-direction:column;gap:32px}.orders-section h3{font-size:18px;font-weight:500;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.orders-empty-state{background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:12px;padding:40px 20px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:12px}.orders-empty-state i{font-size:28px;color:var(--border-color)}.orders-empty-state span{font-weight:500}.settings-list{list-style:none;display:flex;flex-direction:column;gap:8px}.settings-list li button{width:100%;text-align:right;padding:16px;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;font-size:16px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.settings-list li button:hover{border-color:var(--accent-primary);background-color:var(--bg-hover)}.settings-list li button:disabled{color:var(--text-secondary);cursor:not-allowed}.settings-list li button:disabled:hover{border-color:var(--border-color);background-color:var(--bg-element)}.settings-list li button i{color:var(--accent-primary);font-size:20px;width:32px;height:32px;background-color:var(--bg-main);border-radius:50%;display:flex;align-items:center;justify-content:center}.orders-fab{position:absolute;bottom:24px;right:32px;background-color:var(--bg-element);color:var(--text-primary);border:1px solid var(--border-color);border-radius:28px;padding:12px 24px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:var(--shadow-medium);transition:all .2s ease}.orders-fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-large);border-color:var(--accent-primary)}.orders-fab i{width:32px;height:32px;background-color:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.whatsapp-manager-screen{display:flex;height:100%;overflow:hidden;margin:-24px -32px;background-color:var(--bg-main);color:var(--text-primary)}.wm-master-sidebar{width:72px;background-color:var(--bg-element);border-left:1px solid var(--border-color);padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.wm-master-sidebar button{background:none;border:none;color:var(--text-secondary);width:48px;height:48px;border-radius:8px;font-size:20px;cursor:pointer;transition:all .2s ease}.wm-master-sidebar button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.wm-master-sidebar button.active{background-color:var(--accent-primary);color:#fff}.wm-content-area{flex-grow:1;display:flex;min-width:0}.wm-module-view{display:flex;width:100%;height:100%}.placeholder-view{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.placeholder-view i{font-size:48px}.placeholder-view h2{color:var(--text-primary)}.wm-list-panel,.wm-conversation-list{display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid var(--border-color);background-color:var(--bg-element);height:100%}.wm-list-header{padding:12px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--bg-element);z-index:2;display:flex;flex-direction:column;gap:8px}.wm-list-header-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.wm-list-header h4{margin:0;font-size:18px;padding:0 4px}.wm-filters{display:flex;gap:4px;background-color:var(--bg-main);padding:4px;border-radius:8px}.wm-filters button{flex:1;border:none;background:transparent;color:var(--text-secondary);padding:6px;border-radius:6px;cursor:pointer}.wm-filters button.active{background-color:var(--bg-hover);color:var(--text-primary);font-weight:500}.wm-list-body{flex-grow:1;overflow-y:auto}.wm-conversation-item{display:flex;align-items:center;gap:12px;padding:12px 8px 12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color);position:relative}.wm-conversation-item:hover{background-color:var(--bg-hover)}.wm-conversation-item.active{background-color:var(--accent-primary)}.wm-conversation-item.pinned{background-color:#a371f71a}.wm-conversation-item.pinned:hover{background-color:#a371f733}.wm-conversation-item.active .wm-contact-name,.wm-conversation-item.active .wm-conversation-preview p,.wm-conversation-item.active .wm-last-message-time{color:#fff}.wm-avatar-wrapper{position:relative}.wm-conversation-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.wm-assigned-avatar{position:absolute;bottom:-2px;left:-2px;width:22px;height:22px;border-radius:50%;background-color:var(--bg-hover);color:var(--text-primary);border:2px solid var(--bg-element);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.wm-conversation-details{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}.wm-conversation-header,.wm-conversation-preview{display:flex;justify-content:space-between;align-items:center}.wm-contact-name{font-weight:600}.wm-last-message-time{font-size:12px;color:var(--text-secondary)}.wm-conversation-preview p{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.wm-unread-badge{background-color:#25d366;color:#fff;font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wm-label-pill-row{display:flex;gap:4px;margin-top:2px}.wm-label-pill{padding:2px 8px;font-size:11px;font-weight:500;border-radius:10px}.wm-main-panel{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);flex-grow:1}.wm-main-panel.empty{align-items:center;justify-content:center;text-align:center}.wm-main-panel.empty i{font-size:48px;color:var(--accent-primary)}.wm-main-panel.empty h2{color:var(--text-primary);margin:16px 0 8px}.wm-main-panel.empty p{max-width:40ch;color:var(--text-secondary)}.wm-chat-header{padding:10px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-element);display:flex;justify-content:space-between;align-items:center;height:60px;flex-shrink:0}.wm-chat-header-contact{display:flex;align-items:center;gap:12px}.wm-conversation-avatar.small{width:40px;height:40px;font-size:16px}.wm-contact-info h3{font-size:16px;margin:0}.wm-contact-info span{font-size:12px;color:var(--text-secondary)}.wm-chat-header-actions{display:flex;align-items:center;gap:8px}.wm-dropdown-wrapper{position:relative}.wm-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:10;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;padding:4px;min-width:200px;box-shadow:var(--shadow-medium);animation:fadeIn .2s}.wm-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:4px;cursor:pointer}.wm-dropdown-item:hover{background-color:var(--accent-primary);color:#fff}.wm-dropdown-item.selected{font-weight:700}.wm-dropdown-item.danger:hover{background-color:var(--status-red)}.label-item-content{display:flex;align-items:center;gap:8px}.label-color-dot{width:12px;height:12px;border-radius:50%}.wm-chat-messages{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:4px;background-color:#0b141a;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-size:auto;background-repeat:repeat;background-position:center}.wm-chat-bubble-wrapper{display:flex;max-width:70%;animation:slideInUp .3s ease-out;position:relative;padding:0 24px}.wm-chat-bubble-wrapper.user{align-self:flex-end;flex-direction:row-reverse}.wm-chat-bubble-wrapper.bot,.wm-chat-bubble-wrapper.agent{align-self:flex-start;flex-direction:row}.wm-chat-bubble-content{display:flex;flex-direction:column}.wm-chat-bubble{padding:8px 12px;border-radius:8px;line-height:1.5;position:relative}.wm-chat-bubble-wrapper.user .wm-chat-bubble{background-color:#005c4b;color:#fff;border-top-right-radius:0}.wm-chat-bubble-wrapper.bot .wm-chat-bubble,.wm-chat-bubble-wrapper.agent .wm-chat-bubble{background-color:var(--bg-element);border-top-left-radius:0}.wm-message-meta{font-size:11px;color:var(--text-secondary);padding:2px 8px;display:flex;align-items:center;gap:4px}.wm-chat-bubble-wrapper.user .wm-message-meta{align-self:flex-end}.wm-chat-bubble-wrapper.bot .wm-message-meta,.wm-chat-bubble-wrapper.agent .wm-message-meta{align-self:flex-start}.wm-message-meta i{font-size:14px}.wm-message-meta i.read{color:#53bdeb}.bubble-actions{position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:4px;opacity:0;transition:opacity .2s ease;z-index:5;background-color:var(--bg-element);padding:4px;border-radius:16px;border:1px solid var(--border-color)}.wm-chat-bubble-wrapper:hover .bubble-actions{opacity:1}.wm-chat-bubble-wrapper.user .bubble-actions{left:-16px}.wm-chat-bubble-wrapper.bot .bubble-actions,.wm-chat-bubble-wrapper.agent .bubble-actions{right:-16px}.bubble-actions .reaction-button{position:static;transform:none;display:flex;background:none;border:none;box-shadow:none}.wm-share-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;padding:4px;box-shadow:var(--shadow-medium);width:200px;z-index:10;display:flex;flex-direction:column;gap:2px}.wm-share-menu button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;color:var(--text-primary);width:100%;text-align:right;border-radius:4px;cursor:pointer}.wm-share-menu button:hover{background-color:var(--accent-primary);color:#fff}.message-reaction{position:absolute;bottom:-10px;background-color:var(--bg-element);border-radius:12px;padding:2px 6px;font-size:14px;box-shadow:var(--shadow-small);border:1px solid var(--border-color)}.wm-chat-bubble-wrapper.user .message-reaction{right:8px}.wm-chat-bubble-wrapper.bot .message-reaction,.wm-chat-bubble-wrapper.agent .message-reaction{left:8px}.wm-composer{padding:8px 16px;background-color:var(--bg-element);display:flex;align-items:flex-end;gap:8px;flex-shrink:0;position:relative}.wm-composer-actions{display:flex;align-items:center}.wm-composer textarea{flex-grow:1;background:var(--bg-main);border:1px solid var(--border-color);resize:none;color:var(--text-primary);font-size:15px;padding:10px 14px;border-radius:8px;line-height:1.5;max-height:120px}.wm-composer textarea:focus{outline:none;border-color:var(--accent-primary)}.wm-composer .send-btn{background-color:var(--accent-primary);color:#fff;width:44px;height:44px;border-radius:50%;padding:0;align-self:flex-end}.wm-composer .send-btn:disabled{background-color:var(--bg-hover);cursor:not-allowed}.wm-composer .mic-btn{width:44px;height:44px;border-radius:50%;padding:0;align-self:flex-end}.attachment-grid-menu{position:absolute;bottom:calc(100% + 8px);right:16px;background-color:var(--bg-hover);border-radius:16px;padding:16px;box-shadow:var(--shadow-large);display:grid;grid-template-columns:repeat(4,1fr);gap:16px;animation:slideInUp .2s ease-out;z-index:15}.attachment-grid-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;width:80px}.attachment-grid-button:hover .attachment-icon-wrapper{transform:scale(1.1)}.attachment-grid-button:hover span{color:var(--text-primary)}.attachment-icon-wrapper{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;transition:transform .2s ease}.attachment-icon-wrapper[data-type=gallery]{background-color:#a371f7}.attachment-icon-wrapper[data-type=camera]{background-color:#db2777}.attachment-icon-wrapper[data-type=document]{background-color:#6d28d9}.attachment-icon-wrapper[data-type=contact]{background-color:#0ea5e9}.attachment-icon-wrapper[data-type=location]{background-color:#22c55e}.attachment-icon-wrapper[data-type=poll]{background-color:#f97316}.attachment-icon-wrapper[data-type=catalog]{background-color:#0d9488}.attachment-icon-wrapper[data-type=quick-reply]{background-color:#f59e0b}.attachment-icon-wrapper[data-type=schedule]{background-color:#4b5563}.wm-composer-menu-wrapper{position:absolute;bottom:100%;left:0;right:0;padding:0 16px 8px;z-index:10}.wm-composer-menu{max-height:250px;overflow-y:auto;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-medium);padding:4px}.wm-composer-menu-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:6px;cursor:pointer}.wm-composer-menu-item:hover{background-color:var(--accent-primary);color:#fff}.wm-composer-menu-item:hover span{color:#fff}.wm-composer-menu-item strong{font-weight:600;font-size:14px}.wm-composer-menu-item span{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-composer-menu-item.empty{color:var(--text-secondary);cursor:default}.wm-composer-menu-item.empty:hover{background:none}.status-publisher-view{justify-content:center;align-items:center;padding:24px;background-color:var(--bg-main);overflow-y:auto}.status-publisher-main{width:100%;max-width:450px;display:flex;flex-direction:column;gap:24px}.status-publisher-header{text-align:center}.status-publisher-header h2{font-size:24px;margin-bottom:8px}.status-publisher-header p{color:var(--text-secondary)}.status-publisher-preview{align-self:center}.status-publisher-preview .phone-mockup{width:280px}.sp-preview-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:24px;font-weight:700;line-height:1.4;word-break:break-word}.sp-preview-file{width:100%;height:100%;background-color:var(--bg-element);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:40px;position:relative}.sp-preview-file img{width:100%;height:100%;object-fit:cover}.sp-caption-preview{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:20px 10px 10px;color:#fff;font-size:14px}.status-publisher-controls{display:flex;flex-direction:column;gap:16px}.status-publisher-controls textarea,.status-publisher-controls input,.status-publisher-controls .btn{width:100%}.status-publisher-controls textarea{min-height:80px;resize:vertical}.publish-btn{padding-top:12px;padding-bottom:12px;font-size:16px}.sp-preview-audio{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.sp-preview-audio i{font-size:48px}.sp-preview-audio span{font-size:18px}.sp-preview-audio small{font-size:14px;font-family:monospace}.sp-audio-controls{text-align:center}.channel-manager-view{display:grid;grid-template-columns:320px 1fr}.channel-list-panel .wm-list-body{padding:8px}.channel-list-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;background:transparent;border:none;font-size:15px;color:var(--text-primary);text-align:right;cursor:pointer}.channel-list-item:hover{background-color:var(--bg-hover)}.channel-list-item.active{background-color:var(--accent-secondary);color:#fff}.channel-list-item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.channel-main-panel{background-color:#0b141a}.channel-detail-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.channel-feed{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column-reverse;gap:12px}.channel-post-bubble{background-color:#202c33;padding:10px 14px;border-radius:8px;max-width:80%;align-self:flex-start;position:relative}.channel-post-bubble p{margin:0 0 4px;white-space:pre-wrap}.channel-post-meta{display:flex;justify-content:space-between;align-items:center}.channel-post-meta small{font-size:11px;color:var(--text-secondary)}.channel-post-bubble .share-post-btn{opacity:0;transition:opacity .2s ease;color:var(--text-secondary)}.channel-post-bubble:hover .share-post-btn{opacity:1}.channel-composer{display:flex;gap:8px;padding:12px;background-color:var(--bg-element)}.channel-composer textarea{flex-grow:1;border-radius:20px}.channel-composer .btn{width:44px;height:44px;border-radius:50%;padding:0}.channel-composer{padding:0;border-top:1px solid var(--border-color)}.settings-view{display:grid;grid-template-columns:240px 1fr}.settings-list-panel .wm-list-body{padding:16px;display:flex;flex-direction:column;gap:8px}.settings-list-panel button{width:100%;text-align:right;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:12px}.settings-list-panel button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-list-panel button.active{background-color:var(--accent-primary);color:#fff;font-weight:500}.settings-main-panel{overflow-y:auto;background-color:var(--bg-main);padding:0}.settings-main-panel>div{height:100%;overflow-y:auto}.settings-main-panel .action-bar{padding:16px 24px}.settings-content-pane{padding:24px 32px;display:flex;flex-direction:column;gap:16px}.settings-content-pane.standalone{height:100%;overflow-y:auto}.settings-content-pane h3{font-size:20px;margin-bottom:0}.settings-content-pane .setting-item{display:flex;justify-content:space-between;align-items:center}.settings-content-pane .setting-item-text h4{font-weight:500;font-size:15px;margin:0 0 4px}.settings-content-pane .setting-item-text p{font-size:13px;color:var(--text-secondary);margin:0}.labels-editor{display:flex;flex-direction:column;gap:16px}.labels-list{display:flex;flex-wrap:wrap;gap:12px}.label-item{display:flex;align-items:center;background-color:var(--bg-main);padding:4px;border-radius:20px;border:1px solid var(--border-color)}.label-pill{padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500}.label-item .btn-icon{width:28px;height:28px;font-size:14px}.label-add-form{display:flex;align-items:center;gap:8px}.label-add-form input[type=color]{width:40px;height:40px;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--border-color);cursor:pointer}.label-add-form input[type=color]::-webkit-color-swatch{border-radius:4px;border:none}.label-add-form input[type=text]{flex-grow:1}.quick-replies-list{display:flex;flex-direction:column;gap:12px}.quick-reply-item{display:flex;gap:8px;align-items:center}.quick-reply-item .qr-shortcut{flex-basis:150px;font-family:monospace}.quick-reply-item .qr-message{flex-grow:1;resize:none;overflow:hidden;height:42px}.team-management-list{display:flex;flex-direction:column;background-color:var(--bg-element);border-radius:8px;border:1px solid var(--border-color)}.team-list-header,.team-member-item{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px;padding:12px 16px}.team-list-header{font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.team-member-item{border-bottom:1px solid var(--border-color)}.team-member-item:last-child{border-bottom:none}.theme-mode-selector{display:flex;background-color:var(--bg-main);border-radius:6px;padding:4px;border:1px solid var(--border-color)}.theme-mode-selector button{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:6px 10px;border-radius:4px;cursor:pointer;font-weight:500}.theme-mode-selector button.active{background-color:var(--bg-hover);color:var(--text-primary)}.wallpaper-controls{display:flex;flex-direction:column;gap:12px;max-width:300px}.wallpaper-presets{display:flex;gap:8px;flex-wrap:wrap}.preset-thumb{width:40px;height:40px;border-radius:6px;border:2px solid var(--border-color);background-color:var(--bg-main);cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.preset-thumb.active{border-color:var(--accent-primary)}.preset-thumb img{width:100%;height:100%;object-fit:cover}.preset-thumb.upload-thumb{border-style:dashed}.whatsapp-manager-screen.theme-light{color:#111b21;background-color:#f0f2f5}.whatsapp-manager-screen.theme-light .wm-list-panel,.whatsapp-manager-screen.theme-light .wm-chat-header,.whatsapp-manager-screen.theme-light .wm-composer{background-color:#fff;border-color:#e9edef}.whatsapp-manager-screen.theme-light .wm-chat-messages{background-color:#e5ddd5;background-image:url(https://i.imgur.com/g21rw4y.jpeg)}.whatsapp-manager-screen.theme-light .wm-chat-bubble-wrapper.user .wm-chat-bubble{background-color:#d9fdd3;color:#111b21}.whatsapp-manager-screen.theme-light .wm-chat-bubble-wrapper.bot .wm-chat-bubble,.whatsapp-manager-screen.theme-light .wm-chat-bubble-wrapper.agent .wm-chat-bubble{background-color:#fff;color:#111b21}.whatsapp-manager-screen.theme-light .wm-contact-name,.whatsapp-manager-screen.theme-light .wm-list-header h4{color:#111b21}.whatsapp-manager-screen.theme-light .wm-last-message-time,.whatsapp-manager-screen.theme-light .wm-conversation-preview p,.whatsapp-manager-screen.theme-light .wm-message-meta{color:#667781}.whatsapp-manager-screen.theme-light .search-bar input{background-color:#f0f2f5;color:#111b21}.whatsapp-manager-screen.theme-light .wm-filters{background-color:#f0f2f5}.whatsapp-manager-screen.theme-light .wm-filters button.active{background-color:#e9edef;color:#111b21}.wm-date-filters{display:flex;align-items:center;gap:8px}.date-filter-popover{position:absolute;top:calc(100% + 4px);right:0;z-index:10;background-color:var(--bg-element);padding:16px;border-radius:8px;box-shadow:var(--shadow-medium);border:1px solid var(--border-color);animation:fadeIn .2s}.date-filter-popover-content{display:flex;flex-direction:column;gap:12px}.date-filter-popover-content .form-group{gap:4px}.wm-quick-filters{display:flex;overflow-x:auto;padding-bottom:4px;gap:8px}.filter-pill{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:16px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{background-color:var(--bg-hover)}.filter-pill.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.sp-caption-wrapper{position:relative}.sp-caption-wrapper .contact-suggestions{position:absolute;bottom:100%;left:0;right:0;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;list-style:none;margin:0 0 4px;padding:4px;z-index:10;max-height:150px;overflow-y:auto;box-shadow:0 4px 12px #0003}.sp-caption-wrapper .contact-suggestions li{padding:8px 12px;cursor:pointer;border-radius:4px}.sp-caption-wrapper .contact-suggestions li:hover{background-color:var(--accent-primary);color:#fff}.ai-analytics-view{padding:24px 32px;display:flex;flex-direction:column;gap:24px}.ai-analytics-header{text-align:center}.ai-analytics-header h2{font-size:24px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.ai-analytics-header p{color:var(--text-secondary);max-width:60ch;margin:0 auto}.ai-analytics-content{flex-grow:1;display:flex;flex-direction:column;gap:16px}.ai-analytics-result{flex-grow:1;background:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;padding:20px;overflow-y:auto}.ai-analytics-result pre{white-space:pre-wrap;word-wrap:break-word;font-family:Heebo,sans-serif;font-size:15px;line-height:1.7}.ai-analytics-input{display:flex;gap:12px}.ai-analytics-input textarea{flex-grow:1;min-height:50px;resize:vertical}.ai-analytics-input .btn{width:50px;height:50px;flex-shrink:0;padding:0}.ai-analytics-presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px}.ai-analytics-input .btn .spinner-small{width:18px;height:18px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.analysis-loading{text-align:center;padding:40px}.analysis-loading .spinner{margin:0 auto 16px}.analysis-modal-body{display:flex;flex-direction:column;gap:16px}.analysis-results{display:flex;flex-direction:column;gap:20px}.analysis-section h4{font-size:14px;font-weight:700;color:var(--text-secondary);margin:0 0 8px;display:flex;align-items:center;gap:8px}.analysis-section p{font-size:15px;line-height:1.6;margin:0}.link-generator-view{padding:24px 32px;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;text-align:center}.link-generator-form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:16px}.link-generator-result{margin-top:24px;padding:20px;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:500px}.link-generator-result h4{margin:0 0 12px}.generated-link-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--bg-main);padding:12px;border-radius:6px}.generated-link-text{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;direction:ltr;font-family:monospace}.phone-prefix{background-color:var(--bg-main);border:1px solid var(--border-color);border-right:none;padding:0 12px;border-radius:0 6px 6px 0;display:flex;align-items:center;font-family:monospace}.link-generator-form .phone-input-group{display:flex}.link-generator-form .phone-input-group input{border-radius:6px 0 0 6px}.voice-recording-ui{flex-grow:1;display:flex;align-items:center;gap:8px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:0 14px}.recording-stop-btn{color:var(--status-red)!important}.recording-indicator{width:10px;height:10px;background-color:var(--status-red);border-radius:50%;animation:blink 1.5s infinite}.voice-recording-ui span{font-family:monospace;color:var(--text-secondary)}@keyframes blink{50%{opacity:.5}}.wm-composer-scheduler{padding:12px 16px;background-color:var(--bg-element);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px;animation:fadeIn .3s}.wm-composer-scheduler p{margin:0;flex-grow:1;font-size:14px}.wm-composer-scheduler .datetime-picker{width:150px}.wm-module-view.inbox-view{display:flex;width:100%;height:100%}.wm-list-panel{flex:0 0 360px}.wm-main-panel{flex:1 1 auto;min-width:0}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);animation:slideInUp .3s forwards;flex-shrink:0}.bulk-actions-info{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.bulk-actions-info input{width:18px;height:18px}.bulk-actions-buttons{display:flex;align-items:center;gap:8px}.wm-conversation-item .select-checkbox{margin-left:8px;width:18px;height:18px;accent-color:var(--accent-primary)}.wm-conversation-item .wm-pin-icon{color:var(--text-secondary);font-size:14px;opacity:0;transition:opacity .2s;position:absolute;top:12px;left:12px}.wm-conversation-item:hover .wm-pin-icon,.wm-conversation-item.pinned .wm-pin-icon{opacity:1}.wm-conversation-item.pinned .wm-pin-icon{color:var(--accent-secondary)}.wm-module-view.status-module{display:grid;grid-template-columns:1fr 380px;gap:24px;padding:24px;overflow:hidden;height:100%}.status-creator-wrapper{overflow-y:auto;padding-right:8px}.status-viewer-panel{display:flex;flex-direction:column;gap:16px;background-color:var(--bg-element);padding:24px;border-radius:12px;border:1px solid var(--border-color)}.status-viewer-panel h3{margin:0 0 8px}.my-statuses-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:8px}.sent-status-card{display:flex;align-items:center;gap:12px;background-color:var(--bg-main);padding:12px;border-radius:8px}.sent-status-preview{width:48px;height:48px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--bg-element);overflow:hidden}.sent-status-preview img{width:100%;height:100%;object-fit:cover}.sent-status-info{flex-grow:1;min-width:0}.sent-status-info p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.sent-status-info small{color:var(--text-secondary);font-size:12px}.sent-status-views{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.share-modal-body{display:flex;flex-direction:column;gap:16px}.share-preview{background-color:var(--bg-main);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.share-preview-from{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.share-preview-content{max-height:150px;overflow-y:auto}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.share-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border-radius:8px;background-color:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.share-action-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.share-action-btn i{font-size:24px;color:var(--accent-primary)}.share-action-btn span{font-weight:500}@media (max-width: 1100px){.wm-module-view.status-module{grid-template-columns:1fr}}@media (max-width: 768px){.whatsapp-manager-screen{flex-direction:column;margin:0}.wm-master-sidebar{flex-direction:row;width:100%;height:60px;padding:8px;border-bottom:1px solid var(--border-color);border-left:none;overflow-x:auto;justify-content:flex-start}.wm-module-view{flex-direction:column}.wm-list-panel{width:100%;flex:1 1 auto;border-left:none}.wm-main-panel,.wm-module-view.inbox-view.chat-active .wm-list-panel{display:none}.wm-module-view.inbox-view.chat-active .wm-main-panel{display:flex}.settings-view{grid-template-columns:1fr}.settings-list-panel{flex-direction:row;overflow-x:auto;border-bottom:1px solid var(--border-color);padding:8px}}.guided-tour-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;pointer-events:none}.tour-spotlight,.tour-tooltip{opacity:0;transform:scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}.guided-tour-host:not(.transitioning) .tour-spotlight,.guided-tour-host:not(.transitioning) .tour-tooltip{opacity:1;transform:scale(1)}.tour-spotlight{position:absolute;border-radius:8px;pointer-events:none;box-shadow:0 0 15px 3px var(--accent-primary),0 0 0 9999px #0a0b0dbf;border:2px solid var(--accent-primary)}.tour-tooltip{position:absolute;z-index:9992;background-color:#1c2128b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(58,64,73,.5);border-radius:var(--border-radius-large);padding:20px;box-shadow:var(--shadow-large);width:350px;max-width:90vw;display:flex;flex-direction:column;gap:12px;pointer-events:all;cursor:default}.tour-tooltip:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:8px;border-color:transparent}.tour-tooltip.placement-bottom:before{top:-16px;left:50%;transform:translate(-50%);border-bottom-color:#3a404980}.tour-tooltip.placement-top:before{bottom:-16px;left:50%;transform:translate(-50%);border-top-color:#3a404980}.tour-tooltip.placement-left:before{left:100%;top:50%;transform:translateY(-50%);border-left-color:#3a404980}.tour-tooltip.placement-right:before{right:100%;top:50%;transform:translateY(-50%);border-right-color:#3a404980}.tour-tooltip-header{display:flex;justify-content:space-between;align-items:center}.tour-tooltip-header h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.tour-step-counter{background-color:var(--bg-main);padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border-color)}.tour-tooltip-content{font-size:15px;line-height:1.7;color:var(--text-secondary)}.tour-tooltip-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.stop-tour-btn{color:var(--status-red)}.stop-tour-btn:hover{background-color:#f851491a}.tour-nav-buttons{display:flex;gap:8px}:root{--bg-main-start: #1a1f27;--bg-main-end: #11151c;--bg-main: #11151c;--bg-element: #1c2128;--bg-hover: #252b33;--border-color: #3a4049;--text-primary: #e6edf3;--text-secondary: #909da7;--accent-primary: #3b82f6;--accent-secondary: #a371f7;--status-green: #3fb950;--status-red: #f85149;--status-yellow: #d29922;--accent-orange: #f77828;--shadow-small: 0 1px 2px rgba(0,0,0,.2);--shadow-medium: 0 4px 12px rgba(0,0,0,.3);--shadow-large: 0 10px 30px rgba(0,0,0,.4);--border-radius-small: 6px;--border-radius-medium: 8px;--border-radius-large: 12px;--accent-gradient: linear-gradient(45deg, var(--accent-secondary), var(--accent-primary));--glow-effect: 0 0 15px rgba(59, 130, 246, .2);--spacing-small: 4px;--spacing-medium: 8px;--spacing-large: 12px;--spacing-xlarge: 16px;--spacing-xxlarge: 24px;--input-height: 42px;--button-height: 44px;--font-size-small: 12px;--font-size-medium: 14px;--font-size-large: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Heebo,sans-serif;background-color:var(--bg-main-end);background-image:radial-gradient(circle at 50% 0%,var(--bg-main-start) 0%,var(--bg-main-end) 100%);color:var(--text-primary);overflow-x:hidden}#root{display:flex;height:100vh;width:100vw}.global-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a0b0d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:var(--text-primary)}.global-spinner{width:50px;height:50px;border:5px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-xxlarge)}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;scrollbar-gutter:stable}.btn{padding:var(--spacing-large) var(--spacing-xxlarge);border:1px solid transparent;border-radius:var(--border-radius-medium);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.3,0,.5,1);font-family:Heebo,sans-serif;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background-color:var(--accent-primary);color:#fff;font-weight:600;border:1px solid var(--accent-primary)}.btn-primary:hover:not(:disabled){background-color:#60a5fa;border-color:#60a5fa}.btn-secondary{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--text-secondary)}.btn-danger{background-color:var(--status-red);color:#fff;border-color:var(--status-red)}.btn-danger:hover:not(:disabled){background-color:#ff6e66;border-color:#ff6e66}.btn-icon{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:var(--spacing-medium);border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-small{padding:var(--spacing-medium) var(--spacing-xlarge);font-size:14px}.btn-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-medium);font-family:Heebo,sans-serif;padding:var(--spacing-small);border-radius:var(--border-radius-small)}.btn-link:hover{text-decoration:none;background-color:var(--bg-hover)}.btn-special-glow{background:var(--accent-gradient);color:#fff;font-weight:600;border:1px solid transparent;box-shadow:0 0 15px #3b82f633,0 0 15px #a371f733;position:relative;overflow:hidden;z-index:1}.btn-special-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.23,1,.32,1);z-index:-1}.btn-special-glow:hover:not(:disabled){box-shadow:0 0 25px #3b82f666,0 0 25px #a371f766;transform:translateY(-2px)}.btn-special-glow:hover:not(:disabled):before{left:100%}.form-group{display:flex;flex-direction:column;gap:var(--spacing-medium)}.form-group-row{display:flex;gap:var(--spacing-xlarge)}.form-group-row>.form-group{flex:1}.form-hint{font-size:13px;color:var(--text-secondary);margin-top:-4px}.error-message{color:var(--status-red);font-size:var(--font-size-medium);margin-top:var(--spacing-medium)}.content-container{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xxlarge)}.action-bar{display:flex;justify-content:flex-end;gap:var(--spacing-large);padding-bottom:var(--spacing-xxlarge);border-bottom:1px solid var(--border-color)}.action-bar.full-width{justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:var(--spacing-xlarge)}.action-bar-left-group,.action-bar-center-group,.action-bar-right-group{display:flex;align-items:center;gap:var(--spacing-xlarge)}.action-bar-center-group{flex-grow:1;justify-content:center;flex-shrink:1;min-width:0}.action-bar-center-group .search-bar{flex-grow:1;flex-shrink:1;flex-basis:250px;max-width:450px}.search-bar{position:relative;width:100%}.search-bar input[type=search]{width:100%;height:var(--input-height);padding-inline-start:16px;padding-inline-end:40px;background-color:var(--bg-element);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-primary);font-size:14px;transition:all .2s ease}.search-bar input[type=search]::placeholder{color:var(--text-secondary)}.search-bar input[type=search]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f64d,var(--glow-effect)}.search-bar i.fa-magnifying-glass{position:absolute;top:50%;inset-inline-end:15px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.empty-state{text-align:center;padding:60px 20px;border:2px dashed var(--border-color);border-radius:var(--border-radius-large);color:var(--text-secondary);margin-top:24px;opacity:0;animation:fadeIn .5s ease-out forwards}.empty-state i{font-size:48px;margin-bottom:16px;color:var(--border-color)}.empty-state h2{color:var(--text-primary);margin-bottom:8px}.empty-state p{margin-bottom:24px;max-width:50ch;margin-inline:auto}.tag-pill{padding:4px 10px;border-radius:16px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.tag-pill.trigger-tag{background-color:#58a6ff26;color:var(--accent-primary)}.tag-pill.rule-tag{background-color:#a371f726;color:var(--accent-secondary)}.tag-pill.campaign-tag{background-color:#f7782826;color:var(--accent-orange)}.tag-pill button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;opacity:.7}.tag-pill button:hover{opacity:1}.icon-variable:before{content:"{}";font-family:Roboto Mono,monospace;font-weight:700;letter-spacing:-1px}.empty-state .icon-variable{font-size:48px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalEnter{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-load{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.view-toggle{display:inline-flex;gap:8px;align-items:center}.view-toggle button{background-color:var(--bg-element);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--border-radius-medium);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative}.view-toggle button:hover:not(.active){border-color:var(--text-secondary);color:var(--text-primary)}.view-toggle button.active{border-color:var(--accent-primary);background-color:#3b82f626;color:var(--accent-primary);font-weight:600}.view-toggle button .count-badge{background-color:var(--bg-main);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;margin-inline-start:4px}.view-toggle button.active .count-badge{background-color:var(--accent-primary);color:#fff}.view-toggle button[data-view=trash]:hover:not(.active){border-color:var(--status-red);background-color:#f8514926;color:var(--status-red)}.view-toggle button[data-view=trash].active{border-color:var(--status-red);background-color:#f8514926;color:var(--status-red)}.view-toggle button[data-view=trash].active .count-badge{background-color:var(--status-red);color:#fff}.view-toggle button[data-view=draft]:hover:not(.active){border-color:var(--accent-orange);background-color:#f7782826;color:var(--accent-orange)}.view-toggle button[data-view=draft].active{border-color:var(--accent-orange);background-color:#f7782826;color:var(--accent-orange)}.view-toggle button[data-view=draft].active .count-badge{background-color:var(--accent-orange);color:#fff}.view-toggle button[data-view=history]:hover:not(.active),.view-toggle button[data-view=sent]:hover:not(.active){border-color:var(--status-green);background-color:#3fb95026;color:var(--status-green)}.view-toggle button[data-view=history].active,.view-toggle button[data-view=sent].active{border-color:var(--status-green);background-color:#3fb95026;color:var(--status-green)}.view-toggle button[data-view=history].active .count-badge,.view-toggle button[data-view=sent].active .count-badge{background-color:var(--status-green);color:#fff}.parenthetical-text{display:inline-block;color:var(--text-secondary);font-size:.9em;font-weight:400;margin-inline-start:6px;vertical-align:baseline}.parenthetical-text:before{content:"(";margin-inline-end:2px;opacity:.6}.parenthetical-text:after{content:")";margin-inline-start:2px;opacity:.6}.category-count{display:inline-block;background-color:var(--bg-main);color:var(--text-secondary);font-size:.8em;font-weight:600;padding:2px 8px;border-radius:12px;margin-inline-start:8px;vertical-align:middle;border:1px solid var(--border-color)}.btn .count-indicator{display:inline-block;background-color:#ffffff26;color:inherit;font-size:.9em;padding:2px 8px;border-radius:12px;margin-inline-start:8px;font-weight:600}.btn-secondary .count-indicator{background-color:#0000001a}.app-container{display:flex;width:100%;height:100vh;background-color:var(--bg-main)}.content-wrapper{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden}.main-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.page-transition-wrapper{flex-grow:1;display:flex;flex-direction:column;padding:24px 32px;animation:page-enter .3s ease-out}.ai-assistant-fab-wrapper{position:fixed;bottom:24px;left:24px;z-index:1001}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
