@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.content-editor{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.editor-toolbar{display:flex;align-items:center;padding:8px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;flex-wrap:wrap;gap:4px}.toolbar-btn{background:none;border:1px solid transparent;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:14px;transition:all .2s;min-width:32px;display:flex;align-items:center;justify-content:center;color:#333}.toolbar-btn:hover{background-color:#e9ecef;border-color:#dee2e6}.toolbar-btn:active{background-color:#dee2e6}.toolbar-select{padding:6px 10px;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;color:#333}.toolbar-divider{width:1px;height:20px;background-color:#dee2e6;margin:0 4px}.editor-content{min-height:200px;overflow-y:auto;font-size:15px;line-height:1.6;outline:none;color:#333}.editor-content:empty:before{content:attr(data-placeholder);color:#6c757d;font-style:italic;pointer-events:none}.editor-content *{color:inherit}.editor-content p{margin:.5em 0;color:inherit}.editor-content h1{font-size:2em;margin:.5em 0;font-weight:700;color:inherit}.editor-content h2{font-size:1.5em;margin:.5em 0;font-weight:700;color:inherit}.editor-content h3{font-size:1.17em;margin:.5em 0;font-weight:700;color:inherit}.editor-content blockquote{margin:1em 0;padding-left:20px;border-left:4px solid #e9ecef;color:#6c757d;font-style:italic}.editor-content ul,.editor-content ol{margin:1em 0;padding-left:30px;color:inherit}.editor-content li{margin:.5em 0;color:inherit}.editor-content table{border-collapse:collapse;width:100%;margin:1em 0;color:inherit}.editor-content table th,.editor-content table td{border:1px solid #dee2e6;padding:12px;text-align:left;color:inherit;background-color:transparent}.editor-content table th{background-color:#f8f9fa;font-weight:700;color:inherit}.editor-content img{max-width:100%;height:auto;margin:10px 0}.editor-content a{color:#007bff;text-decoration:underline}.editor-content a:hover{color:#0056b3}.editor-content table td:focus,.editor-content table th:focus{outline:2px solid #007bff;outline-offset:-2px;background-color:#007bff1a}.content-block-element{margin:15px 0;line-height:1.6;color:#333}.content-block-element *{color:inherit}.content-block-element h1,.content-block-element h2,.content-block-element h3,.content-block-element h4,.content-block-element h5,.content-block-element h6{margin-top:1.5em;margin-bottom:.5em;font-weight:700;line-height:1.3;color:inherit}.content-block-element h1{font-size:2em}.content-block-element h2{font-size:1.5em}.content-block-element h3{font-size:1.17em}.content-block-element p{margin:1em 0;color:inherit}.content-block-element ul,.content-block-element ol{margin:1em 0;padding-left:30px;color:inherit}.content-block-element li{margin:.5em 0;color:inherit}.content-block-element blockquote{margin:1em 0;padding:15px 20px;border-left:4px solid #e9ecef;background-color:#f8f9fa;color:#6c757d;font-style:italic}.content-block-element table{border-collapse:collapse;width:100%;margin:1em 0;color:inherit}.content-block-element table th,.content-block-element table td{border:1px solid #dee2e6;padding:12px;text-align:left;color:inherit}.content-block-element table th{background-color:#f8f9fa;font-weight:700;color:inherit}.content-block-element img{max-width:100%;height:auto;margin:15px 0;border-radius:4px}.content-block-element a{color:#007bff;text-decoration:underline}.content-block-element a:hover{color:#0056b3}.form-field .content-block-element{color:#333}.form-field .content-block-element *{color:inherit}.dashboard-wrapper{background:var(--bg-secondary)!important;padding:0!important;overflow:visible!important;height:auto!important;min-height:100vh}.main-content .dashboard{padding:24px;width:100%;min-height:auto;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;overflow:visible}.dashboard-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.dashboard-settings-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.dashboard-settings-btn:hover{background:var(--bg-secondary);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px)}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.dashboard-header p{font-size:1.1rem;color:var(--text-muted);margin:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:4px solid #333333;border-top:4px solid #0088FE;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dashboard-error{text-align:center;padding:40px;color:#ff6b6b;font-size:1.1rem}.dashboard-filters{background:var(--bg-tertiary);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 4px 6px #0000004d;display:flex;gap:24px;align-items:center;flex-wrap:wrap;width:100%;box-sizing:border-box}.filter-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-group label{font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid var(--border-subtle);border-radius:6px;font-size:14px;min-width:120px;background-color:var(--bg-secondary);color:#fff}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#0088fe;box-shadow:0 0 0 3px #0088fe33}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px;width:100%}.metric-card{background:var(--bg-tertiary);border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000004d;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-subtle)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0006;border-color:#0088fe}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0088fe,#00c49f);color:#fff;flex-shrink:0}.metric-content h3{font-size:2rem;font-weight:700;color:#fff;margin:0 0 4px;line-height:1}.metric-content p{font-size:.9rem;color:var(--text-muted);margin:0;font-weight:500}.dashboard-chart{background:var(--bg-tertiary);border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 4px 6px #0000004d;border:1px solid var(--border-subtle);width:100%;overflow:visible;height:auto}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.chart-header h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1a1a1a;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s}.export-btn:hover{background:#333;border-color:#0088fe;color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;width:100%}.dashboard-card{background:var(--bg-tertiary);border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000004d;border:1px solid var(--border-subtle);overflow:visible;height:auto}.dashboard-card h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 20px}.dashboard-card .recharts-responsive-container{min-height:280px!important;margin-top:10px}@media (max-width: 1400px){.dashboard{padding:20px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width: 1200px){.dashboard{padding:16px}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{height:auto}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.dashboard{padding:12px}.dashboard-header h1{font-size:2rem}.dashboard-filters{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.dashboard-metrics{grid-template-columns:1fr;gap:16px}.metric-card{padding:20px}.dashboard-chart,.dashboard-card{padding:16px}.chart-header{flex-direction:column;gap:12px;align-items:stretch}.dashboard-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.dashboard{padding:8px}.filter-group{flex-direction:column;align-items:stretch;gap:8px}.filter-group input,.filter-group select{min-width:unset;width:100%}.metric-card{flex-direction:column;text-align:center;gap:12px;padding:16px}.metric-content h3{font-size:1.75rem}.dashboard-grid,.dashboard-metrics{grid-template-columns:1fr;gap:12px}}.recharts-default-tooltip{background:#2d2d2d!important;border:1px solid #404040!important;border-radius:8px!important;box-shadow:0 4px 12px #0006!important;color:#fff!important}.recharts-tooltip-label{color:#fff!important;font-weight:600!important}.recharts-tooltip-item{color:#b3b3b3!important}.recharts-legend-wrapper{padding-top:20px!important}.recharts-legend-item-text{color:#b3b3b3!important}.recharts-cartesian-axis-tick-value{font-size:12px!important;fill:#b3b3b3!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#404040!important}.recharts-pie-label-text{font-size:12px!important;fill:#fff!important;font-weight:500!important}.recharts-responsive-container{width:100%!important;height:100%!important}.dashboard *{box-sizing:border-box}.dashboard,.dashboard-filters,.dashboard-metrics,.dashboard-chart,.dashboard-grid{max-width:100%}.dashboard::-webkit-scrollbar{width:8px;height:8px}.dashboard::-webkit-scrollbar-track{background:#1a1a1a}.dashboard::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.dashboard::-webkit-scrollbar-thumb:hover{background:#0088fe}.dashboard-embed-container{width:100%;background:#2a2a2a;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.dashboard-embed-container iframe{width:100%;min-height:800px;border:none;display:block}.dashboard-settings-modal{width:90%;max-width:600px}.dashboard-settings-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.dashboard-settings-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dashboard-settings-modal .modal-body{padding:1.5rem}.dashboard-settings-modal .form-group{margin-bottom:1.5rem}.dashboard-settings-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.dashboard-settings-modal .form-input{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:all .2s}.dashboard-settings-modal .form-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0088fe1a}.dashboard-settings-modal .form-help{display:block;margin-top:.5rem;font-size:.875rem;color:var(--text-muted)}.dashboard-settings-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid var(--border-subtle);gap:1rem}.dashboard-settings-modal .btn-secondary,.dashboard-settings-modal .btn-primary{padding:.625rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.dashboard-settings-modal .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.dashboard-settings-modal .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-blue)}.dashboard-settings-modal .btn-primary{background:var(--accent-blue);color:#fff;border:none}.dashboard-settings-modal .btn-primary:hover:not(:disabled){background:#06c;transform:translateY(-1px)}.dashboard-settings-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.dashboard-empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted);font-size:1.1rem;text-align:center;padding:2rem}.leads-view{display:flex;flex-direction:column;height:100%;padding:2rem;background:var(--bg-primary)}.leads-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-left h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.lead-stats{display:flex;gap:2rem}.lead-stats .stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.header-actions{display:flex;gap:1rem;align-items:center}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary:hover{background:#3b82f6;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-tertiary)}.filter-badge{background:var(--accent-orange);color:#fff;padding:.125rem .375rem;border-radius:12px;font-size:.75rem;font-weight:600}.view-dropdown{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.95rem;cursor:pointer;min-width:150px}.leads-table-container{flex:1;overflow-x:auto;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-subtle)}.leads-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-subtle)}.leads-table th{padding:1rem;text-align:left;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.leads-table th.sortable:hover{color:var(--text-primary)}.sort-indicator{margin-left:.5rem;opacity:.5}.leads-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:all .2s}.leads-table tbody tr:hover{background:var(--bg-tertiary)}.leads-table tbody tr.selected{background:#4285f41a}.leads-table td{padding:1rem;color:var(--text-primary);font-size:.95rem}.checkbox-column{width:40px;text-align:center}.checkbox-column input[type=checkbox]{cursor:pointer;width:18px;height:18px}.status-select{padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-left-width:4px;border-radius:6px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px}.status-select:hover{background:var(--bg-tertiary)}.contact-info{display:flex;flex-direction:column;gap:.375rem;max-width:250px}.contact-name{font-weight:600;font-size:.95rem;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-name.unknown{color:var(--text-muted);font-style:italic;font-weight:400;opacity:.7}.contact-info.empty{opacity:.6}.contact-details{display:flex;flex-direction:column;gap:.375rem;margin-top:.25rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);line-height:1.4}.contact-item svg{opacity:.5;flex-shrink:0}.priority-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-tertiary);border-radius:6px;font-size:.85rem;font-weight:500;text-transform:capitalize}.score-indicator{display:flex;align-items:center;gap:.75rem}.score-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;min-width:60px}.score-fill{height:100%;border-radius:4px;transition:width .3s ease}.score-value{font-weight:600;font-size:.9rem;min-width:30px;text-align:right}.territory-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-muted)}.source-badge{padding:.375rem .75rem;background:var(--bg-tertiary);border-radius:6px;font-size:.85rem;font-weight:500;text-transform:capitalize}.script-progress{display:flex;align-items:center;gap:.5rem}.progress-info{display:flex;align-items:center}.progress-page{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--text-muted)}.resume-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#06b6d41a;color:#06b6d4;border:1px solid rgba(6,182,212,.3);border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.resume-btn:hover{background:#06b6d4;color:#fff;border-color:#06b6d4}.no-progress{color:var(--text-muted);font-size:.9rem}.date-value{color:var(--text-primary)}.response-time{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-muted)}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.5rem;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-secondary)}.action-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;z-index:10}.action-dropdown button{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.action-dropdown button:hover{background:var(--bg-tertiary)}.loading-cell{padding:4rem;text-align:center;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-cell{padding:4rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted)}.empty-state svg{opacity:.3}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state p{font-size:.95rem;margin:0}body.light-theme .leads-view{background:#f9f9fb}body.light-theme .leads-table-container{background:#fff}body.light-theme .leads-table thead{background:#f5f5f7}body.light-theme .status-select,body.light-theme .view-dropdown,body.light-theme .btn-secondary{background:#fff}body.light-theme .action-dropdown{background:#fff;box-shadow:0 4px 12px #00000026}.integration-column{padding:.75rem;white-space:nowrap}.integration-status{display:flex;align-items:center;justify-content:center}.status-icons{display:flex;gap:.5rem;align-items:center}.status-icon{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .25rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.status-icon svg{width:14px;height:14px}.status-icon.success{background:#10b9811a;color:#10b981}.status-icon.failed{background:#ef44441a;color:#ef4444}.icon-label{font-size:.65rem;text-transform:uppercase;font-weight:600}.no-integration{color:var(--text-muted);font-size:.875rem}.kb-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary)}.kb-action-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);gap:1rem;flex-wrap:wrap}.kb-action-left{display:flex;align-items:center;gap:1rem;flex:1}.kb-action-right{display:flex;gap:.75rem}.kb-search-wrapper{position:relative;flex:1;max-width:400px}.kb-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.kb-search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;transition:all .2s}.kb-search-input::placeholder{color:var(--text-muted)}.kb-search-input:focus{outline:none;border-color:var(--accent-blue);background:var(--surface-glass)}.kb-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.kb-filter-btn:hover{background:var(--surface-glass-hover);border-color:var(--accent-blue)}.kb-chevron{transition:transform .2s}.kb-chevron.rotate{transform:rotate(180deg)}.kb-filters-row{display:flex;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.kb-filter-group{display:flex;flex-direction:column;gap:.375rem}.kb-filter-group label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:500;letter-spacing:.05em}.kb-filter-select{padding:.5rem 2rem .5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.kb-filter-select:hover{background-color:var(--surface-glass-hover);border-color:var(--accent-blue)}.kb-filter-select:focus{outline:none;border-color:var(--accent-blue)}.kb-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.kb-btn-primary:hover{background:#4c8ef8;transform:translateY(-1px);box-shadow:var(--shadow-md)}.kb-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.kb-btn-secondary:hover{background:var(--surface-glass-hover);border-color:var(--accent-blue);color:var(--accent-blue)}.kb-content{flex:1;padding:1.5rem;overflow-y:auto;width:100%}.kb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-muted)}.kb-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border-subtle);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.kb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.kb-empty-icon{color:var(--text-muted);margin-bottom:1rem;opacity:.5}.kb-empty-state h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.kb-empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;width:100%}.kb-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;transition:all .2s;display:flex;flex-direction:column;gap:.75rem;position:relative}.kb-card:hover{background:var(--surface-glass);border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.kb-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.kb-card-type{display:flex;align-items:center;gap:.375rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.kb-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.kb-card-summary{font-size:.875rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-card-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.kb-meta-item{display:flex;align-items:center;gap:.25rem}.kb-card-tags{display:flex;gap:.375rem;flex-wrap:wrap}.kb-tag{padding:.25rem .5rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.6875rem;color:var(--text-muted)}.kb-card-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.kb-action-btn{padding:.375rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.kb-action-btn:hover{background:var(--surface-glass-hover);border-color:var(--accent-blue);color:var(--accent-blue)}.kb-action-delete:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.kb-badge{padding:.25rem .5rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-draft{background:#9ca3af26;color:#9ca3af}.status-published{background:#34d39926;color:var(--accent-green)}.status-archived{background:#fb923c26;color:var(--accent-orange)}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-secondary);border:1px solid var(--border-moderate);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all .2s}.modal-close:hover{background:var(--surface-glass-hover);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:.75rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue);background:var(--surface-glass)}.form-group textarea{resize:vertical;min-height:80px}.content-editor-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;min-height:300px;background:var(--bg-tertiary)}@media (max-width: 768px){.kb-action-bar{flex-direction:column;align-items:stretch}.kb-action-left{flex-direction:column;width:100%}.kb-search-wrapper{max-width:none}.kb-action-right{justify-content:stretch}.kb-action-right button{flex:1}.kb-grid,.form-grid{grid-template-columns:1fr}.modal{margin:1rem;max-width:calc(100vw - 2rem)}}body.light-theme .kb-container{background:var(--bg-primary)}body.light-theme .kb-action-bar,body.light-theme .kb-filters-row{background:var(--bg-secondary)}body.light-theme .kb-card{background:var(--bg-primary);border-color:var(--border-subtle)}body.light-theme .kb-card:hover{box-shadow:0 4px 12px #00000014}body.light-theme .modal{background:var(--bg-primary)}body.light-theme .kb-search-input,body.light-theme .kb-filter-select,body.light-theme .form-group input,body.light-theme .form-group select,body.light-theme .form-group textarea,body.light-theme .kb-btn-secondary,body.light-theme .kb-action-btn,body.light-theme .kb-tag,body.light-theme .content-editor-wrapper{background:var(--bg-secondary)}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.embed-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.embed-dialog{background:#1e1e2e;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;border:1px solid rgba(255,255,255,.1)}.embed-dialog-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.embed-dialog-header h2{margin:0;font-size:1.5rem;color:#e0e0e0}.close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:#a0a0a0;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#e0e0e0}.embed-dialog-content{flex:1;overflow-y:auto;padding:1.5rem}.embed-info{background:#ffffff0d;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.embed-info p{margin:.5rem 0;font-size:.95rem;color:#b0b0b0}.embed-info strong{color:#e0e0e0;margin-right:.5rem}.embed-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.tab{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;color:#a0a0a0;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:#e0e0e0}.tab.active{color:#4285f4;border-bottom-color:#4285f4}.embed-section{margin-bottom:2rem}.embed-section h3{margin:0 0 .5rem;color:#e0e0e0;font-size:1.1rem}.embed-section p{color:#b0b0b0;margin-bottom:1rem}.code-block{position:relative;background:#0a0a0f;border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.code-block pre{margin:0;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;white-space:pre-wrap;word-break:break-all}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:#4285f4;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .2s}.copy-btn:hover{background:#3367d6}.param-list{background:#ffffff0d;padding:1rem;border-radius:8px;margin-top:1rem;border:1px solid rgba(255,255,255,.1)}.param-list h4{margin:0 0 .75rem;color:#e0e0e0;font-size:1rem}.param-list ul{margin:0;padding-left:1.5rem}.param-list li{margin:.5rem 0;color:#b0b0b0;font-size:.9rem}.param-list code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;color:#ff79c6;font-size:.85rem}.embed-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:1rem}.help-text{color:#a0a0a0;font-size:.9rem;text-align:center;margin:0}.help-text a{color:#4285f4;text-decoration:none}.help-text a:hover{text-decoration:underline}.issue-map-settings{padding:20px;max-width:1200px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e0e0e0)}.settings-header h2{margin:0;font-size:24px;color:var(--text-color, #333)}.settings-header p{margin:5px 0 0;color:var(--text-secondary, #666);font-size:14px}.header-actions{display:flex;gap:10px}.issue-map-list{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden;margin-bottom:20px}.list-header{display:grid;grid-template-columns:60px 80px 200px 180px 1fr 80px 140px;gap:10px;padding:15px;background:var(--bg-tertiary, #f5f5f5);font-weight:600;font-size:13px;text-transform:uppercase;color:var(--text-secondary, #666);border-bottom:1px solid var(--border-color, #e0e0e0)}.issue-item{display:grid;grid-template-columns:60px 80px 200px 180px 1fr 80px 140px;gap:10px;padding:15px;align-items:center;border-bottom:1px solid var(--border-color, #e0e0e0);transition:background-color .2s}.issue-item:hover{background:var(--bg-hover, #f9f9f9)}.issue-item.inactive{opacity:.6}.col-order{display:flex;align-items:center;gap:5px;color:var(--text-secondary, #666);font-size:14px}.drag-handle{cursor:move;color:var(--text-tertiary, #999)}.col-icon{display:flex;align-items:center;justify-content:center}.icon-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.issue-icon-img{max-width:48px;max-height:48px;width:auto;height:auto;object-fit:contain;border-radius:4px}.btn-remove-icon{position:absolute;top:-4px;right:-4px;width:20px;height:20px;padding:0;border:none;background:#f44;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-remove-icon:hover{background:#c00}.icon-upload{display:flex;align-items:center;justify-content:center}.btn-upload-icon{width:48px;height:48px;border:2px dashed var(--border-color, #e0e0e0);background:transparent;color:var(--text-secondary, #666);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-upload-icon:hover{border-color:var(--primary, #1976d2);background:var(--primary-light, #e3f2fd);color:var(--primary, #1976d2)}.label-input,.description-input{width:100%;padding:8px;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:14px;background:var(--bg-primary, #fff)}.service-select{width:100%;padding:8px;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-size:14px;background:var(--bg-primary, #fff);cursor:pointer}.service-badge{display:inline-block;padding:4px 8px;background:var(--primary-light, #e3f2fd);color:var(--primary, #1976d2);border-radius:4px;font-size:12px;font-weight:500;margin-right:4px;margin-bottom:2px}.service-badge.empty{background:var(--bg-tertiary, #f5f5f5);color:var(--text-secondary, #999);font-style:italic}.service-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.service-types-selector{width:100%}.service-types-checkboxes{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;background:var(--bg-primary, #fff)}.service-type-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;font-size:13px}.service-type-checkbox:hover{background:var(--bg-hover, #f9f9f9)}.service-type-checkbox input[type=checkbox]{cursor:pointer}.service-type-checkbox span{flex:1;color:var(--text-primary, #333)}.service-types-hint{margin-top:4px;font-size:12px;color:var(--error, #d32f2f);font-style:italic}.description-text{color:var(--text-secondary, #666);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-actions{display:flex;gap:5px;justify-content:flex-end}.btn-icon{padding:6px;border:none;background:transparent;color:var(--text-secondary, #666);cursor:pointer;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary, #f0f0f0);color:var(--text-primary, #333)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.delete:hover{background:#ffebee;color:#d32f2f}.btn-add{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px dashed var(--border-color, #e0e0e0);background:transparent;color:var(--primary, #1976d2);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:30px}.btn-add:hover{border-color:var(--primary, #1976d2);background:var(--primary-light, #e3f2fd)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:var(--primary, #1976d2);color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #1565c0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--success, #4caf50)}input:checked+.slider:before{transform:translate(20px)}.settings-info{background:var(--bg-info, #f0f7ff);border:1px solid var(--border-info, #bbdefb);border-radius:8px;padding:20px;margin-top:30px}.settings-info h3{margin:0 0 15px;color:var(--text-primary, #333);font-size:16px}.settings-info ul{margin:0;padding:0;list-style:none}.settings-info li{padding:5px 0;color:var(--text-secondary, #666);font-size:14px;line-height:1.6}[data-theme=dark] .issue-map-settings{--bg-primary: #1e1e1e;--bg-secondary: #2a2a2a;--bg-tertiary: #333333;--bg-hover: #3a3a3a;--bg-info: #1a237e;--border-color: #444;--border-info: #3949ab;--text-primary: #e0e0e0;--text-secondary: #aaa;--text-tertiary: #777;--primary: #64b5f6;--primary-dark: #42a5f5;--primary-light: #1e3a5f;--success: #66bb6a}@media (max-width: 1024px){.list-header,.issue-item{grid-template-columns:50px 60px 150px 150px 1fr 70px 120px;gap:8px;font-size:13px}}@media (max-width: 768px){.settings-header{flex-direction:column;align-items:flex-start;gap:15px}.list-header{display:none}.issue-item{display:flex;flex-direction:column;gap:10px;padding:15px;align-items:stretch}.col-order,.col-icon,.col-label,.col-service,.col-description,.col-status,.col-actions{width:100%}.col-actions{justify-content:center}}body:not(.light-theme) .settings-info{background:#374151}.pricing-configuration{padding:2rem;width:100%}.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.pricing-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary)}.save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.save-button:hover:not(:disabled){background:#3367d6;transform:translateY(-1px)}.save-button:disabled{opacity:.6;cursor:not-allowed}.pricing-tabs{display:flex;gap:1rem;border-bottom:2px solid var(--border-subtle);margin-bottom:2rem}.pricing-tabs .tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-muted);font-weight:500;cursor:pointer;position:relative;transition:all .2s}.pricing-tabs .tab:hover{color:var(--text-primary)}.pricing-tabs .tab.active{color:var(--accent-blue)}.pricing-tabs .tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-blue)}.pricing-content{background:var(--bg-tertiary);border-radius:12px;padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.add-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-green);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.add-button:hover{background:#2cb67d;transform:translateY(-1px)}.header-buttons{display:flex;gap:.75rem;align-items:center}.csv-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.csv-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-normal);transform:translateY(-1px)}.csv-button:disabled{opacity:.5;cursor:not-allowed}.csv-button.export-button{border-color:#4285f4;color:#4285f4}.csv-button.export-button:hover:not(:disabled){background:#4285f41a;border-color:#3367d6}.csv-button.import-button{border-color:#34a853;color:#34a853}.csv-button.import-button:hover:not(:disabled){background:#34a8531a;border-color:#2e7d32}.services-list{display:flex;flex-direction:column;gap:1rem}.service-item{display:grid;grid-template-columns:200px 1fr 150px 120px 50px;gap:1rem;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-subtle)}.service-name,.service-description,.service-fid{padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.9rem;transition:all .2s}.service-name:focus,.service-description:focus,.service-fid:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4285f41a}.service-name::placeholder,.service-description::placeholder,.service-fid::placeholder{color:var(--text-muted);opacity:.6}.service-item:hover{background:var(--bg-tertiary);box-shadow:0 2px 8px #0000000d}.active-toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.active-toggle input[type=checkbox]{cursor:pointer}.brackets-section{display:flex;flex-direction:column;gap:2rem}.bracket-group{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;border:1px solid var(--border-subtle)}.brackets-list{display:flex;flex-direction:column;gap:.75rem}.bracket-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-subtle)}.bracket-label{flex:0 0 150px}.bracket-min,.bracket-max{flex:0 0 100px}.bracket-label,.bracket-min,.bracket-max{padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:.9rem}.rules-table{width:100%;border-collapse:collapse}.rules-table thead{background:var(--bg-secondary)}.rules-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;border-bottom:2px solid var(--border-subtle)}.rules-table td{padding:1rem;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--border-subtle)}.rules-table tbody tr:hover{background:var(--bg-secondary)}.status{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500}.status.active{background:#34d3991a;color:var(--accent-green)}.status.inactive{background:#ef44441a;color:#ef4444}.edit-button,.delete-button{padding:.5rem;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-button{color:var(--accent-blue)}.edit-button:hover{background:#4285f41a;border-color:var(--accent-blue)}.delete-button{color:#ef4444}.delete-button:hover{background:#ef44441a;border-color:#ef4444}.rule-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.rule-form{background:var(--bg-primary);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.form-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.form-header button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.form-header button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.form-content{padding:1.5rem}.form-row{margin-bottom:1.5rem}.form-row label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.9rem}.form-row input,.form-row select{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.9rem}.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4285f41a}.form-row-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.discount-input{display:flex;gap:.5rem}.discount-input input{flex:1}.discount-input select{flex:0 0 80px}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.form-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-subtle)}.cancel-button{padding:.75rem 1.5rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background:var(--bg-secondary);border-color:var(--border-moderate)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}body.light-theme .pricing-configuration{background:var(--bg-primary)}body.light-theme .pricing-content{background:#fff;box-shadow:0 1px 3px #0000001a}body.light-theme .service-item,body.light-theme .bracket-group,body.light-theme .rules-table tbody tr:hover{background:#f9f9fb}body.light-theme .service-name,body.light-theme .service-description,body.light-theme .service-fid,body.light-theme .bracket-label,body.light-theme .bracket-min,body.light-theme .bracket-max,body.light-theme .form-row input,body.light-theme .form-row select{background:#fff;border-color:#e0e0e3}body.light-theme .rule-form{background:#fff;box-shadow:0 20px 60px #00000026}.service-name{color:#333}.public-form-container .service-name,.public-form-container .service-description,.public-form-container .service-fid{background:transparent!important;color:#000!important}.public-form-container.light-theme .service-name,.public-form-container.light-theme .service-description,.public-form-container.light-theme .service-fid{color:#000!important}.public-form-container .service-item .service-name,.public-form-container .service-item .service-description,.public-form-container .service-item .service-fid,.public-form-container .service-card .service-name,.public-form-container .customer-summary-page .service-name{color:#000!important;background:transparent!important}body.light-theme .bracket-item{background:#f5f5f7}.line-items-section{padding:1rem}.line-items-list{margin-top:1.5rem}.calculated-price{display:flex;flex-direction:column;gap:.25rem}.calculated-price input{background-color:var(--bg-secondary)!important;cursor:not-allowed}.price-note{font-size:.75rem;color:var(--text-muted);font-style:italic}.line-items-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;margin-top:1rem}.line-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.line-items-header h4{margin:0;font-size:.9rem;color:var(--text-primary)}.add-line-item-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--accent-blue);color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.add-line-item-btn:hover{background:#1565c0}.line-item-form{margin-bottom:.75rem}.line-item-row{display:flex;gap:.5rem;align-items:center}.line-item-input{flex:2;padding:.4rem .6rem;border:1px solid var(--border-primary);border-radius:4px;font-size:.85rem;background:var(--bg-primary);color:var(--text-primary)}.line-item-select{flex:1.2;padding:.4rem .6rem;border:1px solid var(--border-primary);border-radius:4px;font-size:.85rem;background:var(--bg-primary);color:var(--text-primary)}.line-item-input-small{flex:.8;padding:.4rem .6rem;border:1px solid var(--border-primary);border-radius:4px;font-size:.85rem;background:var(--bg-primary);color:var(--text-primary)}.remove-line-item-btn{padding:.4rem;background:transparent;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-line-item-btn:hover{background:#ef44441a}.no-line-items{text-align:center;padding:1rem;color:var(--text-muted);font-size:.85rem;font-style:italic}.line-items-badge{display:inline-block;margin-left:.5rem;padding:.125rem .375rem;background:var(--accent-blue);color:#fff;border-radius:10px;font-size:.7rem;font-weight:600}.line-items-help{font-size:.8rem;color:var(--text-muted);font-weight:400}.line-items-selection{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:var(--bg-primary);border-radius:4px}.line-item-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:all .2s ease}.line-item-checkbox:hover{background:var(--bg-primary);border-color:var(--accent-blue)}.line-item-checkbox input[type=checkbox]{margin-top:.25rem;cursor:pointer}.line-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.line-item-description{font-size:.9rem;font-weight:500;color:var(--text-primary)}.line-item-details{font-size:.8rem;color:var(--text-muted)}.link-button{background:none;border:none;color:var(--accent-blue);text-decoration:underline;cursor:pointer;font-size:.85rem;padding:0;margin-left:.25rem}.link-button:hover{color:#1565c0}.integration-settings{background:var(--bg-primary, white);border-radius:8px;padding:24px;max-width:800px;margin:0 auto;border:1px solid var(--border-subtle, #e5e7eb)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border-subtle, #e5e7eb);margin-bottom:24px}.header-info{display:flex;align-items:flex-start;gap:12px}.header-icon{color:#4285f4;margin-top:2px}.header-info h3{margin:0 0 4px;font-size:20px;font-weight:600;color:var(--text-primary, #1f2937)}.header-info p{margin:0;font-size:14px;color:var(--text-secondary, #6b7280)}.settings-form{margin:24px 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary, #374151);font-size:14px}.form-group .required{color:#ef4444;margin-left:4px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border-default, #d1d5db);border-radius:6px;font-size:14px;transition:border-color .15s;background-color:var(--bg-secondary, white);color:var(--text-primary, #1f2937)}.form-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.form-help{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary, #6b7280)}.test-result{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:6px;margin:16px 0;font-size:14px}.test-result.success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.test-result.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.settings-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-subtle, #e5e7eb)}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s;border:none}.btn-primary{background-color:#4285f4;color:#fff}.btn-primary:hover:not(:disabled){background-color:#3b78e7}.btn-secondary{background-color:var(--bg-secondary, white);color:var(--text-primary, #374151);border:1px solid var(--border-default, #d1d5db)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover, #f9fafb);border-color:var(--border-hover, #9ca3af)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.settings-info{margin-top:32px;padding:24px;border-radius:6px;background-color:var(--bg-info, #f9fafb);border:1px solid var(--border-subtle, #e5e7eb)}.settings-info h4{margin:20px 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #374151)}.settings-info h4:first-child{margin-top:0}.settings-info ol,.settings-info ul{margin:0;padding-left:24px;font-size:13px;color:var(--text-secondary, #6b7280);line-height:1.6}.settings-info li{margin-bottom:6px}.settings-loading{padding:40px;text-align:center;color:var(--text-secondary, #6b7280)}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:48px;height:24px;background-color:#cbd5e0;border-radius:12px;transition:background-color .2s;margin-right:8px}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#4285f4}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:14px;font-weight:500;color:var(--text-primary, #374151);-webkit-user-select:none;user-select:none}body:not(.light-theme) .integration-settings .form-input{background-color:#ffffff14;border-color:#ffffff26;color:#fff}body:not(.light-theme) .integration-settings .form-input:focus{background-color:#ffffff1a;border-color:#4285f4}body:not(.light-theme) .integration-settings .form-input::placeholder{color:#ffffff80}body:not(.light-theme) .integration-settings .settings-info{background-color:#ffffff08;border-color:#ffffff1a}body:not(.light-theme) .integration-settings .btn-secondary{background-color:#ffffff14;border-color:#ffffff26;color:#fff}body:not(.light-theme) .integration-settings .btn-secondary:hover:not(:disabled){background-color:#ffffff1f;border-color:#fff3}.webhook-settings{padding:30px;max-width:1200px;margin:0 auto}.webhook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{margin:0;color:var(--text-primary);font-size:1.75rem;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.webhook-description{background:var(--bg-secondary);border-radius:10px;padding:18px 20px;margin-bottom:30px;color:var(--text-secondary);font-size:.95rem;line-height:1.5;border:1px solid var(--border-color)}.webhook-list{display:flex;flex-direction:column;gap:15px}.webhook-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:24px;transition:all .2s}.webhook-item.inactive{opacity:.6}.webhook-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.webhook-display{display:flex;justify-content:space-between;align-items:flex-start}.webhook-info{display:flex;justify-content:space-between;width:100%;gap:20px}.webhook-main{flex:1}.webhook-main h3{margin:0 0 12px;color:var(--text-primary);font-size:1.25rem;font-weight:600}.webhook-details{display:flex;align-items:center;gap:12px;margin-bottom:12px}.method{padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.method-get{background:#28a745;color:#fff}.method-post{background:#007bff;color:#fff}.method-put{background:#ffc107;color:#333}.method-delete{background:#dc3545;color:#fff}.url{font-family:SF Mono,Monaco,Courier New,monospace;color:var(--text-secondary);font-size:.9rem;background:var(--bg-primary);padding:4px 8px;border-radius:4px;border:1px solid var(--border-color)}.description{color:var(--text-secondary);margin:10px 0;font-size:.95rem;line-height:1.5}.mapping-count{color:var(--text-muted);font-size:.85rem;margin-top:8px;font-style:italic}.webhook-actions{display:flex;align-items:center;gap:8px}.btn-toggle{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500}.btn-toggle.active{background:#28a745;color:#fff;border-color:#28a745}.webhook-edit{display:flex;flex-direction:column;gap:15px}.edit-row{display:flex;gap:10px}.form-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.form-input.full-width{width:100%}.form-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;min-width:100px}.mapping-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:15px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h4{margin:0;color:var(--text-primary);font-size:.95em}.mappings-list,.headers-list{display:flex;flex-direction:column;gap:8px}.mapping-item,.header-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-secondary);border-radius:4px;font-size:.9em}.mapping-from,.header-name{font-weight:600;color:var(--text-primary)}.mapping-arrow{color:var(--text-muted)}.mapping-to,.header-value{color:var(--text-secondary);font-family:Courier New,monospace;flex:1}.mapping-default{color:var(--text-muted);font-style:italic;font-size:.85em;margin-left:8px}.btn-remove{padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s}.btn-remove:hover{color:#dc3545}.edit-actions{display:flex;gap:10px;margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s;min-height:40px}.btn-add{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px dashed var(--border-color);background:transparent;color:var(--primary-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add:hover{background:#4285f40d;border-color:var(--primary-color);transform:translateY(-1px)}.btn-save{background:#28a745;color:#fff;border-color:#28a745;gap:6px}.btn-save:hover{background:#218838}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-icon{padding:8px;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-icon.btn-danger:hover{background:#dc3545;color:#fff;border-color:#dc3545}.btn-small{padding:4px 8px;font-size:12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-small:hover{background:var(--primary-hover)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state svg{color:var(--text-muted);margin-bottom:20px}.empty-state p{margin-bottom:20px}body:not(.light-theme) .webhook-settings{--bg-primary: #1e1e1e;--bg-secondary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--border-color: #3a3a3a;--primary-color: #4a9eff;--primary-hover: #3788ff}body.light-theme .webhook-settings{--bg-primary: #ffffff;--bg-secondary: #f7f8fa;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #e9ecef;--primary-color: #0066cc;--primary-hover: #0052a3}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.google-address-autocomplete{width:100%}.address-input-wrapper{position:relative;width:100%}.address-input{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none;z-index:1}.address-input-field{width:100%;padding:12px 40px;font-size:16px;line-height:1.5;color:#1f2937;background-color:#f8f9fa;border:2px solid transparent;border-radius:8px;outline:none;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.address-input-field:focus{background-color:#fff;border-color:#4285f4;box-shadow:0 2px 8px #4285f426}.address-input-field:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.7}.address-input-field::placeholder{color:#9ca3af}.loading-icon{position:absolute;right:40px;color:#9ca3af}.loading-icon.spinning{animation:spin 1s linear infinite}.clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:4px;line-height:1;display:flex;align-items:center;justify-content:center}.clear-btn:hover{color:#374151}.pac-container{margin-top:4px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;z-index:9999}.pac-item{padding:10px 12px;font-size:14px;line-height:1.5;cursor:pointer;border:none}.pac-item:hover{background-color:#f3f4f6}.pac-item-selected,.pac-item:hover{background-color:#eff6ff}.pac-item-query{font-weight:600;color:#1f2937}.pac-icon{display:none}.pac-item-query .pac-matched{font-weight:700;color:#3b82f6}.issue-selection-field{width:100%;margin-bottom:1.5rem}.field-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.required-asterisk{color:#ef4444;margin-left:.25rem}.field-help-text{margin-bottom:.75rem;font-size:.75rem;color:#6b7280}.issue-field-grid{display:grid;gap:.75rem;width:100%}.issue-field-grid.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.issue-field-grid.grid.columns-2{grid-template-columns:repeat(2,1fr)}.issue-field-grid.grid.columns-3{grid-template-columns:repeat(3,1fr)}.issue-field-grid.grid.columns-4{grid-template-columns:repeat(4,1fr)}.issue-field-grid.grid.columns-5{grid-template-columns:repeat(5,1fr)}.issue-field-grid.grid.columns-6{grid-template-columns:repeat(6,1fr)}.issue-field-grid.list{grid-template-columns:1fr;max-width:500px}.issue-field-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:90px;position:relative;overflow:hidden}.issue-field-option:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;border-color:#9ca3af}.issue-field-option.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.issue-field-option.selected:before{content:"✓";position:absolute;top:6px;right:6px;background:#3b82f6;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.issue-field-option:disabled{opacity:.5;cursor:not-allowed}.issue-field-icon{margin-bottom:.375rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.issue-field-icon-image{width:100%;height:100%;object-fit:contain;border-radius:4px}.issue-field-icon-placeholder{width:100%;height:100%;background:#f0f0f0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#666;border:1px solid #e0e0e0}.issue-field-label{font-size:.75rem;font-weight:500;text-align:center;color:#374151;margin-top:.125rem}.issue-field-option.selected .issue-field-label{color:#1f2937;font-weight:600}.issue-field-description{font-size:.625rem;color:#6b7280;text-align:center;margin-top:.125rem;display:none}.issue-field-grid.list .issue-field-option{flex-direction:row;justify-content:flex-start;min-height:60px;padding:.75rem 1rem}.issue-field-grid.list .issue-field-icon{margin-bottom:0;margin-right:.75rem;width:32px;height:32px}.issue-field-grid.list .issue-field-label{text-align:left;font-size:.875rem;flex:1}.issue-field-grid.list .issue-field-description{display:block;text-align:left}.field-error{margin-top:.5rem;font-size:.75rem;color:#ef4444}.field-info{margin-top:.75rem;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;text-align:center;color:#6b7280;font-size:.75rem}@media (max-width: 768px){.issue-field-grid.grid.columns-6,.issue-field-grid.grid.columns-5{grid-template-columns:repeat(3,1fr)}.issue-field-grid.grid.columns-4{grid-template-columns:repeat(2,1fr)}.issue-field-option{min-height:70px;padding:.5rem}.issue-field-icon{width:30px;height:30px}.issue-field-label{font-size:.625rem}}@media (max-width: 480px){.issue-field-grid.grid.columns-6,.issue-field-grid.grid.columns-5,.issue-field-grid.grid.columns-4,.issue-field-grid.grid.columns-3{grid-template-columns:repeat(2,1fr)}}.pricing-details-page{padding:20px;max-width:600px;margin:0 auto}.pricing-summary{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.service-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.service-name{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#333}.property-info{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.pricing-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.pricing-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.pricing-card:hover{box-shadow:0 2px 8px #00000014}.pricing-info{flex:1}.pricing-label{font-size:14px;color:#666;margin-bottom:4px;display:flex;align-items:center;gap:8px}.pricing-value{font-size:24px;font-weight:600;color:#333}.pricing-note{font-size:12px;color:#999;margin-top:4px}.discount-card{background:#fffbf0;border-color:#f59e0b}.discount-value{color:#f59e0b}.edit-discount-btn{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;margin-left:8px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center}.edit-discount-btn:hover{background:#f0f0f0;color:#4285f4}.discount-editor{display:flex;align-items:center;gap:8px}.currency-prefix{font-size:20px;font-weight:600;color:#666}.discount-editor input{width:100px;padding:8px;font-size:20px;font-weight:600;text-align:center;background:#fff;border:2px solid #4285f4;border-radius:6px;color:#333;outline:none}.discount-actions{display:flex;gap:4px}.discount-actions button{width:28px;height:28px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669}.cancel-btn{background:#ef4444;color:#fff}.cancel-btn:hover{background:#dc2626}.total-card{background:#f0f7ff;border:2px solid #4285f4}.total-card .pricing-value{color:#4285f4;font-weight:700}.total-value{color:#4285f4;font-size:28px;font-weight:700}.addon-card .pricing-value-wrapper{display:flex;align-items:center;gap:12px}.addon-card .pricing-value{margin:0}.contract-card{background:#fafafa;border:1px solid #d0d0d0}.contract-value{color:#666;font-size:20px;font-weight:600}.addon-card{background:#f0f9ff;border:1px solid #3b82f6}.addon-card .pricing-label{display:flex;align-items:center;gap:8px}.remove-addon-btn{margin-left:auto;padding:4px;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-addon-btn:hover{background:#fee2e2;transform:scale(1.1)}.pricing-divider{height:1px;background:#e0e0e0;margin:20px 0}.pricing-acceptance-section{margin-top:24px}.acceptance-buttons{display:flex;gap:12px;justify-content:stretch}.acceptance-button{flex:1;padding:16px 20px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;position:relative}.acceptance-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.acceptance-button.yes-button{color:#059669}.acceptance-button.yes-button:hover{border-color:#10b981;background:#f0fdf4}.acceptance-button.yes-button.selected{background:#10b981;border-color:#059669;color:#fff;box-shadow:0 4px 12px #10b9814d}.acceptance-button.no-button{color:#dc2626}.acceptance-button.no-button:hover{border-color:#ef4444;background:#fef2f2}.acceptance-button.no-button.selected{background:#ef4444;border-color:#dc2626;color:#fff;box-shadow:0 4px 12px #ef44444d}.button-icon{font-size:20px}.button-text{font-size:16px}.additional-fields{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.pricing-form-field{margin-bottom:20px}.field-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.required-asterisk{color:#ef4444;margin-left:4px}.field-input,.field-textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#333;font-size:14px;transition:all .2s}.field-input:focus,.field-textarea:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.checkbox-wrapper{display:flex;align-items:center;gap:8px}.field-checkbox{width:18px;height:18px;cursor:pointer}.checkbox-label{color:#333;font-size:14px}.pricing-error{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.pricing-error svg{color:#999}.pricing-error h3{font-size:20px;font-weight:600;color:#333;margin:0}.pricing-error p{color:#666;max-width:400px;line-height:1.5;margin:0}.dark-theme .pricing-summary{background:#1a1a1a}.dark-theme .service-info{border-bottom-color:#333}.dark-theme .service-name{color:#e0e0e0}.dark-theme .property-info{color:#999}.dark-theme .pricing-card{background:#2a2a2a;border-color:#3a3a3a}.dark-theme .pricing-label{color:#999}.dark-theme .pricing-value{color:#fff}.dark-theme .pricing-note{color:#666}.dark-theme .discount-card{background:#2a2521}.dark-theme .total-card{background:#1a2332;border-color:#4285f4}.dark-theme .contract-card{background:#1f1f1f;border-color:#3a3a3a}.dark-theme .contract-value{color:#b0b0b0}.dark-theme .acceptance-button{background:#2a2a2a;border-color:#3a3a3a}.dark-theme .acceptance-button.yes-button:hover{background:#1a2a1a}.dark-theme .acceptance-button.no-button:hover{background:#2a1a1a}.dark-theme .field-input,.dark-theme .field-textarea{background:#1a1a1a;border-color:#3a3a3a;color:#e0e0e0}@media (max-width: 640px){.service-info{flex-direction:column;align-items:flex-start;gap:8px}.pricing-value{font-size:20px}.total-value{font-size:24px}.contract-value{font-size:18px}.acceptance-buttons{flex-direction:column}.acceptance-button{width:100%}}.service-comparison-container{padding:1rem;max-width:100%;margin:0 auto;width:100%;box-sizing:border-box}.comparison-table *{box-sizing:border-box}.public-form-container .service-comparison-container,.public-form-container.light-theme .service-comparison-container{background:transparent!important;border:none!important}.comparison-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:.75rem;color:#1a1a1a}.public-form-container.light-theme .comparison-title{color:#1a1a1a!important}.comparison-subtitle{text-align:center;color:#666;margin-bottom:1.5rem;font-size:.95rem}.public-form-container.light-theme .comparison-subtitle{color:#666!important}.comparison-table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.public-form-container.light-theme .comparison-table{background:#fff!important;box-shadow:0 10px 40px #0000001a!important}.table-header{display:flex;background:transparent;font-weight:700;color:#1a1a1a;padding:0;width:100%}.public-form-container.light-theme .table-header{background:#6b7280!important}.feature-column{flex:0 0 25%;padding:1.25rem 1rem;font-weight:600;text-align:left;color:#fff;background:#2c5282;display:flex;align-items:center;font-size:.95rem;border-right:1px solid rgba(255,255,255,.1)}.public-form-container.light-theme .feature-column{color:#fff!important;background:#2c5282!important}.service-column{flex:0 0 25%;padding:1.25rem .75rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.service-column:hover{filter:brightness(1.05)}.service-column.basic{background:#90cdf4}.public-form-container.light-theme .service-column.basic{background:#90cdf4!important}.service-column.elite{background:#3b82f6;position:relative}.public-form-container.light-theme .service-column.elite{background:#3b82f6!important}.service-column.elite-plus{background:#2c5282}.public-form-container.light-theme .service-column.elite-plus{background:#2c5282!important}.service-column.selected{box-shadow:0 0 0 3px #2196f3 inset}.service-name,.service-description{color:var(--text-primary);font-size:.9rem}.service-name{align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.service-column.basic .service-name{color:#1e293b}.public-form-container.light-theme .service-column.basic .service-name{color:#1e293b!important}.service-column.elite .service-name,.service-column.elite-plus .service-name{color:#fff}.service-comparison-table .public-form-container.light-theme .service-column.elite .service-name,.service-comparison-table .public-form-container.light-theme .service-column.elite-plus .service-name{color:#fff!important}.service-description{color:var(--text-primary);font-size:.9rem}.popular-badge{background:#ff9800;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.7rem;font-weight:600;display:block;margin:.35rem auto 0;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #ff980040;width:fit-content}.public-form-container.light-theme .popular-badge{background:#ff9800!important;color:#fff!important}.selected-badge{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.7rem;font-weight:600;display:block;margin:.35rem auto 0;border:none;width:fit-content}.public-form-container.light-theme .selected-badge{background:#10b981!important;color:#fff!important;border:none!important}.table-body{background:#fafafa;width:100%}.public-form-container.light-theme .table-body{background:#fafafa!important}.feature-row{display:flex;border-bottom:1px solid #e0e0e0;transition:background-color .2s ease;width:100%}.feature-row:hover{background:#f5f5f5}.public-form-container.light-theme .feature-row:hover{background:#f5f5f5!important}.feature-row:last-child{border-bottom:none}.feature-name{flex:0 0 25%;padding:.75rem 1rem;font-size:.85rem;font-weight:500;background:#fff;border-right:1px solid #e0e0e0;color:#333;display:flex;align-items:center}.public-form-container.light-theme .feature-name{background:#fff!important;color:#333!important}.service-cell{flex:0 0 25%;padding:.75rem;text-align:center;border-right:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background:#fff}.public-form-container.light-theme .service-cell{background:#fff!important}.service-cell:last-child{border-right:none}.check-icon,.x-icon{display:inline-block;vertical-align:middle}.check-icon{color:#4caf50;width:20px;height:20px}.public-form-container.light-theme .check-icon{color:#4caf50!important}.x-icon{color:#e0e0e0;width:18px;height:18px}.public-form-container.light-theme .x-icon{color:#e0e0e0!important}.table-footer{display:flex;background:#fff;border-top:1px solid #e0e0e0;width:100%}.public-form-container.light-theme .table-footer{background:#fff!important}.footer-cell{flex:0 0 25%;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:center}.select-plan-btn{display:inline-block;width:calc(100% - 1rem);margin:.5rem;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:25px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.select-plan-btn.basic{background:#90cdf4;color:#1e293b;border-color:#60a5fa}.public-form-container.light-theme .select-plan-btn.basic{background:#90cdf4!important;color:#1e293b!important;border-color:#60a5fa!important}.select-plan-btn.basic:hover{background:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa4d}.select-plan-btn.elite{background:#3b82f6;color:#fff;border:none;box-shadow:0 4px 15px #3b82f64d}.public-form-container.light-theme .select-plan-btn.elite{background:#3b82f6!important;color:#fff!important}.select-plan-btn.elite:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.select-plan-btn.elite-plus{background:#2c5282;color:#fff;border:none;box-shadow:0 4px 15px #2c52824d}.public-form-container.light-theme .select-plan-btn.elite-plus{background:#2c5282!important;color:#fff!important}.select-plan-btn.elite-plus:hover{background:#1e3a5f;transform:translateY(-2px);box-shadow:0 6px 20px #2c528266}.select-plan-btn.selected{background:#333;color:#fff;border-color:#333;cursor:default}.public-form-container.light-theme .select-plan-btn.selected{background:#333!important;color:#fff!important;border-color:#333!important}.select-plan-btn.selected:hover{transform:none;box-shadow:none}.contact-information-field{width:100%}.contact-field-group{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:20px;margin-bottom:20px}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.contact-field{display:flex;flex-direction:column}.contact-label{font-size:14px;font-weight:500;color:var(--text-secondary, #666);margin-bottom:6px;display:flex;align-items:center;gap:4px}.contact-input{padding:10px 12px;border:1px solid var(--input-border, #d0d0d0);border-radius:6px;font-size:14px;color:var(--text-primary, #333);background:var(--input-bg, #fff);transition:all .2s ease}.contact-input:focus{outline:none;border-color:var(--primary-color, #4285f4);box-shadow:0 0 0 3px #4285f41a}.contact-input:disabled{background:var(--input-disabled, #f5f5f5);cursor:not-allowed;opacity:.7}.contact-preferences{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light, #f0f0f0)}.contact-checkboxes{display:flex;gap:24px;margin-top:10px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary, #333)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color, #4285f4)}.checkbox-label:hover{color:var(--primary-color, #4285f4)}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.required-asterisk{color:#e74c3c;margin-left:2px}.field-error{color:#e74c3c;font-size:13px;margin-top:8px;padding:8px 12px;background-color:#fee;border-radius:4px;border-left:3px solid #e74c3c}@media (max-width: 768px){.contact-row{grid-template-columns:1fr}.contact-checkboxes{flex-direction:column;gap:12px}}.dark-theme .contact-field-group{background:#2a2a2a;border-color:#3a3a3a}.dark-theme .contact-input{background:#1a1a1a;border-color:#3a3a3a;color:#e0e0e0}.dark-theme .contact-input:focus{border-color:#5a9fd4;box-shadow:0 0 0 3px #5a9fd433}.dark-theme .contact-label{color:#b0b0b0}.dark-theme .checkbox-label{color:#e0e0e0}.force-light-mode .contact-field-group{background:#fff!important;border-color:#e0e0e0!important}.force-light-mode .contact-input{background:#fff!important;border-color:#d0d0d0!important;color:#333!important}.force-light-mode .contact-label{color:#666!important}.force-light-mode .checkbox-label{color:#333!important}.billing-information-field{background:transparent;border:none;padding:0;margin:0}.billing-field-group{display:flex;flex-direction:column;gap:1rem}.billing-row{display:grid;gap:1rem;grid-template-columns:1fr}.billing-row.two-columns{grid-template-columns:1fr 1fr}.billing-row.three-columns{grid-template-columns:2fr 1fr 1fr}.billing-field{display:flex;flex-direction:column;gap:.5rem}.billing-label{font-weight:500;color:#374151;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.billing-label .required-asterisk{color:#dc2626;font-weight:600}.billing-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff}.billing-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.billing-input::placeholder{color:#9ca3af}.billing-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.billing-field-error{color:#dc2626;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}@media (max-width: 768px){.billing-row.two-columns,.billing-row.three-columns{grid-template-columns:1fr}}.schedule-details-field{width:100%;margin:20px 0}.schedule-header h3{font-size:18px;font-weight:600;color:#333;margin:0 0 12px}.schedule-description{background:#f5f5f5;padding:14px;border-radius:6px;margin-bottom:20px}.schedule-description p{margin:0;font-size:13px;color:#666}.quick-slots{display:flex;gap:12px;margin-bottom:20px}.quick-slot-group{flex:1;background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden}.slot-date{padding:10px;background:#f8f9fa;font-size:13px;font-weight:500;color:#333;text-align:center;border-bottom:1px solid #ddd}.slot-periods{display:flex}.time-slot{flex:1;padding:14px;background:#fff;border:none;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.time-slot:first-child{border-right:1px solid #ddd}.time-slot:hover:not(:disabled){background:#f0f7ff;color:#1976d2}.time-slot.selected{background:#1976d2;color:#fff}.time-slot:disabled{opacity:.5;cursor:not-allowed}.schedule-main-content{display:flex;gap:20px;align-items:flex-start}.calendar-container{flex:0 0 auto;background:#fff;border:1px solid #ddd;border-radius:6px;padding:12px;width:280px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.nav-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#666}.nav-btn:hover:not(:disabled){background:#f8f9fa;border-color:#999}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.month-year{font-size:14px;font-weight:500;color:#333}.calendar-grid{width:100%}.weekday-headers{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.weekday-header{text-align:center;font-size:11px;font-weight:600;color:#999;padding:6px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid transparent;border-radius:50%;font-size:12px;color:#333;cursor:pointer;transition:all .2s ease;min-height:32px}.calendar-day:hover:not(:disabled):not(.other-month){background:#f0f7ff;border-color:#1976d2}.calendar-day.other-month{color:#ccc;cursor:default}.calendar-day.disabled-date{background:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.calendar-day.disabled-date:hover{background:#f5f5f5;border-color:transparent}.calendar-day.today{background:#fff3e0;border-color:#ff9800;font-weight:600}.calendar-day.today.disabled-date{background:#f5f5f5;color:#999}.calendar-day.selected{background:#d32f2f;color:#fff;font-weight:600}.calendar-day:disabled{cursor:not-allowed;opacity:.5}.time-selection-container{flex:1;background:#fff;border:1px solid #ddd;border-radius:6px;padding:20px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.selected-date-label{font-size:16px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.time-frame-selection{display:flex;flex-direction:column;gap:16px;width:100%}.time-frame-label{font-size:14px;font-weight:600;color:#333;text-align:center;margin-bottom:8px}.time-inputs{display:flex;gap:16px;justify-content:center}.time-input-group{display:flex;flex-direction:column;gap:6px}.time-input-group label{font-size:12px;font-weight:500;color:#666}.time-selects{display:flex;gap:6px;align-items:center}.time-select{padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;cursor:pointer;transition:all .2s ease}.time-select:hover:not(:disabled){border-color:#1976d2;background:#f8f9fa}.time-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.time-select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.hour-select,.minute-select,.period-select{min-width:55px}.time-select-simple{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;cursor:pointer;transition:all .2s ease}.time-select-simple:hover:not(:disabled){border-color:#1976d2;background:#f8f9fa}.time-select-simple:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.time-select-simple:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.time-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;min-width:120px;transition:all .2s ease}.time-input:hover:not(:disabled){border-color:#1976d2}.time-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.time-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.anytime-option{display:flex;justify-content:center;padding-top:12px;border-top:1px solid #e0e0e0}.anytime-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;border:1px solid #ddd;border-radius:6px;transition:all .2s ease}.anytime-checkbox:hover{background:#f8f9fa;border-color:#1976d2}.anytime-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.anytime-label{font-size:14px;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.anytime-checkbox:has(input:checked){background:#e3f2fd;border-color:#1976d2}.anytime-checkbox:has(input:checked) .anytime-label{color:#1976d2}.no-date-selected{font-size:14px;color:#999;text-align:center}@media (max-width: 640px){.quick-slots,.schedule-main-content{flex-direction:column}.calendar-container,.time-selection-container{width:100%}}.service-recommendation-field{width:100%;margin:20px 0}.no-recommendations{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;background:#f9f9f9;border-radius:8px;color:#666}.recommendation-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.recommendation-header h3{margin:0;font-size:18px;color:#333}.match-score{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#e8f5e9;border-radius:20px;color:#2e7d32;font-size:14px;font-weight:500}.service-card{border:2px solid #e0e0e0;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.service-card:hover{border-color:#4285f4;box-shadow:0 2px 8px #4285f41a}.service-card.selected{border-color:#4285f4;background:#f0f7ff}.service-card.recommended{background:linear-gradient(135deg,#fff,#f0f7ff)}.service-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.service-header h4{margin:0;flex:1;font-size:16px;color:#333}.service-header h5{margin:0;flex:1;font-size:14px;color:#333}.selected-icon{color:#4285f4}.service-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px}.service-description.small{font-size:13px;margin-bottom:8px}.service-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-top:12px;border-top:1px solid #f0f0f0}.matched-issues,.treatment-frequency{display:flex;justify-content:space-between;font-size:13px}.detail-label{color:#999;font-weight:500}.benefits-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.benefits-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#666}.benefits-list li svg{color:#4caf50;flex-shrink:0;margin-top:2px}.alternative-services{margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.alternatives-label{font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.service-card.alternative{background:#fafafa;border:1px solid #e0e0e0;padding:12px}.service-card.alternative:hover{background:#fff}.service-card.alternative.selected{background:#f0f7ff;border-color:#4285f4}.match-badge{padding:2px 8px;background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:500}.service-pricing-block{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;margin:16px 0}.pricing-text{font-size:24px;font-weight:600;color:#2e7d32;text-align:center;margin:0 0 16px}.promo-section{background:#fff8e1;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;width:100%;max-width:500px}.promo-text{font-size:14px;font-weight:500;color:#333;text-align:center;margin:0 0 8px}.promo-timer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#d84315;font-weight:500;margin:0}.promo-timer svg{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.service-selection-field{margin-bottom:1.5rem}.service-selection-label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.service-selection-label .required-asterisk{color:#ef4444;margin-left:4px}.service-selection-help{margin:.25rem 0 .5rem;font-size:.875rem;color:#6b7280}.service-selection-error{margin-top:.25rem;font-size:.875rem;color:#ef4444}.service-selection-loading,.service-selection-empty{padding:1rem;text-align:center;color:#6b7280;font-style:italic}.service-selection-dropdown{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background-color:#fff;transition:border-color .15s}.service-selection-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.service-selection-dropdown:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.service-selection-grid{display:grid;gap:1rem;margin-top:.5rem}.service-selection-grid.columns-1{grid-template-columns:1fr}.service-selection-grid.columns-2{grid-template-columns:repeat(2,1fr)}.service-selection-grid.columns-3{grid-template-columns:repeat(3,1fr)}.service-selection-grid.columns-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.service-selection-grid.columns-3,.service-selection-grid.columns-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.service-selection-grid.columns-2,.service-selection-grid.columns-3,.service-selection-grid.columns-4{grid-template-columns:1fr}}.service-selection-item{padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.service-selection-item:hover{border-color:#93c5fd;background-color:#f0f9ff}.service-selection-item.selected{border-color:#3b82f6;background-color:#eff6ff}.service-selection-item:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.service-selection-item-header{display:flex;align-items:center;gap:.5rem}.service-selection-radio{flex-shrink:0}.service-selection-item-name{font-weight:500;color:#1f2937}.service-selection-item-description{margin:.5rem 0 0 1.5rem;font-size:.875rem;color:#6b7280;line-height:1.4}.service-alternative-field{padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;margin-bottom:1rem}.service-alternative-field.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.loading-spinner{width:20px;height:20px;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.field-header{display:flex;align-items:flex-start;margin-bottom:1.5rem}.field-icon{margin-right:.75rem;color:#3b82f6;flex-shrink:0;margin-top:.125rem}.field-info{flex:1}.field-label{display:block;font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:.25rem}.field-label .required{color:#ef4444;margin-left:.25rem}.field-help{color:#6b7280;font-size:.875rem;line-height:1.4}.service-selection-section{margin-bottom:1.5rem}.selection-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.service-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;font-size:1rem;color:#111827;transition:border-color .2s,box-shadow .2s}.service-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.service-select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.field-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.service-details{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;background:#f8fafc}.service-header{display:flex;align-items:center;margin-bottom:1rem}.service-header .service-icon{margin-right:.5rem;color:#10b981}.service-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.service-description{color:#6b7280;margin-bottom:1.25rem;line-height:1.5}.pricing-section{margin-bottom:1.25rem}.pricing-header{display:flex;align-items:center;margin-bottom:.75rem;color:#374151;font-weight:500}.pricing-header svg{margin-right:.5rem;color:#3b82f6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:.75rem}.pricing-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem}.pricing-label{font-weight:500;color:#374151}.pricing-value{font-weight:600;color:#111827;font-size:1.125rem}.frequency-info{display:flex;align-items:center;color:#6b7280;font-size:.875rem}.frequency-info svg{margin-right:.5rem;color:#3b82f6}.benefits-section{margin-top:1.25rem}.benefits-section h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:flex-start;margin-bottom:.5rem;color:#374151}.benefits-list li svg{margin-right:.5rem;margin-top:.125rem;color:#10b981;flex-shrink:0}@media (max-width: 640px){.service-alternative-field{padding:1rem}.field-header{flex-direction:column}.field-icon{margin-right:0;margin-bottom:.5rem}.pricing-grid{grid-template-columns:1fr}}.cc-payment-info-field{width:100%;margin:20px 0}.payment-header{margin-bottom:20px}.payment-header h3{font-size:18px;font-weight:600;color:#333;margin:0}.payment-fields{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.field-group{margin-bottom:16px}.field-group label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#555;margin-bottom:8px}.field-group label svg{color:#999}.field-group input,.field-group select{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.field-group input:focus,.field-group select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.field-group input.error{border-color:#f44336}.field-group input:disabled,.field-group select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.card-number-group{position:relative}.card-type-indicator{position:absolute;right:12px;top:50%;transform:translateY(-2px);padding:4px 8px;background:#e3f2fd;border-radius:4px;font-size:12px;font-weight:500;color:#1976d2}.field-row{display:block;gap:16px}.expiration-group,.cvv-group{min-width:0}.card-type-group select.auto-detected{background:#f0f7ff;color:#1976d2;font-weight:500}.error-message{display:block;color:#f44336;font-size:12px;margin-top:4px}.payment-security-note{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:#f0f7ff;border-radius:6px;font-size:13px;color:#555}.payment-security-note svg{color:#1976d2;flex-shrink:0}@media (max-width: 480px){.field-row{grid-template-columns:1fr}.payment-fields{padding:16px}}.dark-theme .cc-payment-info-field,.dark-theme .payment-header h3{color:#e0e0e0}.dark-theme .payment-fields{background:#2a2a2a;border-color:#444}.dark-theme .field-group label{color:#b0b0b0}.dark-theme .field-group input,.dark-theme .field-group select{background:#1a1a1a;border-color:#444;color:#e0e0e0}.dark-theme .field-group input:focus,.dark-theme .field-group select:focus{border-color:#4285f4}.dark-theme .payment-security-note{background:#1a1a1a;color:#b0b0b0}.pricing-details-field{width:100%;margin:20px 0}.pricing-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:#666;text-align:center}.pricing-error p{margin:0;font-size:14px}.pricing-summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pricing-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e8e8e8}.service-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333}.property-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#e3f2fd;border-radius:16px;font-size:12px;color:#1976d2;font-weight:500}.pricing-breakdown{padding:16px}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.pricing-label{color:#666;font-weight:400;font-size:14px}.pricing-amount{font-weight:500;color:#333;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.discount-row .pricing-amount{color:#4caf50}.pricing-divider{height:1px;background:#e8e8e8;margin:8px 0}.total-row{padding:10px 0}.total-row .pricing-label{font-size:14px;font-weight:600;color:#333}.total-row .pricing-amount{font-size:14px;font-weight:700;color:#1976d2}.monthly-row{background:#f0f7ff;margin:0 -16px;padding:10px 16px;border-radius:6px}.monthly-row .pricing-label{font-weight:500;color:#333}.monthly-row .pricing-amount{font-size:14px;font-weight:600;color:#2e7d32}body:not(.light-theme) .pricing-header{background:none}.line-items-section{margin-top:1rem}.line-items-section .section-title{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.line-item-row{font-size:.9rem}.line-item-row .quantity-label{font-size:.85rem;color:#888;font-weight:400}@media (max-width: 480px){.pricing-header{flex-direction:column;align-items:flex-start;gap:12px}}.service-comparison-field{width:100%;margin:20px 0;--text-primary: #7b7979}.comparison-toggle-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#e3e1e1;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;color:#333;text-align:center;transition:all .2s ease}.comparison-toggle-button:hover{background:#f0f2f5;border-color:#d0d0d0}.comparison-toggle-button:focus{outline:none;box-shadow:0 0 0 2px #4285f433;border-color:#4285f4}.toggle-label{flex:1;display:flex;align-items:center;gap:8px}.selected-service-preview{color:#4285f4;font-weight:400;font-style:italic}.toggle-icon{display:flex;align-items:center;color:#666;transition:transform .2s ease}.required-asterisk{color:#d32f2f;margin-left:4px}.comparison-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;overflow-x:auto}.comparison-table-container.expanded{margin-top:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.service-recommendation-page{padding:2rem;max-width:900px;margin:0 auto;min-height:400px}.service-description{font-size:.95rem;line-height:1.6;color:#4a5568;margin:.75rem 0;padding:.75rem;background:#00000005;border-radius:6px}.recommendation-header{margin-bottom:2rem;text-align:center}.recommendation-header h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.recommendation-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto 1.5rem;max-width:600px}.selected-issues-summary{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;margin-top:1rem}.issues-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:.5rem}.issue-chips{display:flex;flex-wrap:wrap;gap:.5rem}.issue-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:16px;font-size:.8125rem;color:var(--text-primary)}.issue-icon{font-size:1rem}.recommendations-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;align-items:center}.recommendation-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;width:100%;max-width:600px;box-shadow:0 1px 3px #00000014}.recommendation-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001f;border-color:#3b82f6}.recommendation-card.selected{border-color:#10b981;background:linear-gradient(to bottom,#fff,#f0fdf4);box-shadow:0 0 0 3px #10b98126}.recommendation-card.best-match{border-color:#10b981;border-width:3px}.best-match-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1.25rem;border-radius:20px;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.375rem;box-shadow:0 2px 8px #10b9814d;white-space:nowrap}.match-indicator{margin-bottom:1.5rem;position:relative;background:#f3f4f6;border-radius:8px;padding:.75rem}.match-score-bar{height:6px;border-radius:3px;transition:width .5s ease;margin-bottom:.5rem;background-color:#10b981}.match-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:block;text-align:center}.service-header{margin-bottom:1.5rem;text-align:center}.service-name{font-size:1rem;font-weight:700;color:#111827;margin:0 0 .5rem}.service-description{font-size:.9375rem;color:#6b7280;line-height:1.5;margin:0}.service-details{display:flex;flex-direction:column;gap:1rem}.coverage-info{background:#f0fdf4;border-radius:12px;padding:1.25rem;border:1px solid #bbf7d0}.coverage-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;color:#059669;font-size:.9375rem;font-weight:600}.coverage-header svg{color:#10b981;flex-shrink:0}.covered-issues{display:flex;flex-direction:column;gap:.375rem;align-items:center}.covered-issue{font-size:.875rem;color:#047857;padding:.25rem 0;font-weight:500}.benefits-list{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.benefits-list h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.benefits-list ul{list-style:none;padding:0;margin:0}.benefits-list li{font-size:.8125rem;color:var(--text-secondary);padding-left:1.25rem;position:relative;margin-bottom:.25rem}.benefits-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.select-button{width:100%;padding:1rem;margin-top:1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 4px #3b82f633}.select-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.select-button.selected{background:#10b981;box-shadow:0 2px 4px #10b98133}.select-button.selected:hover{background:#059669;box-shadow:0 4px 8px #10b9814d}.no-issues-message,.no-recommendations-message{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.no-issues-message svg,.no-recommendations-message svg{color:var(--text-muted)}.no-issues-message h3,.no-recommendations-message h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.no-issues-message p,.no-recommendations-message p{color:var(--text-secondary);max-width:400px;line-height:1.5;margin:0}.service-recommendation-page.call-script-mode{padding:2rem;max-width:1000px;margin:0 auto}.recommendation-title{text-align:center;font-size:1.75rem;font-weight:600;color:#111827;margin:0 0 2rem}.choice-cards-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.choice-card{background:#fff;border:3px solid #e5e7eb;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;min-height:250px}.choice-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a}.choice-card.yes-card:hover{border-color:#10b981}.choice-card.no-card:hover{border-color:#f59e0b}.choice-card.selected{background:#f0fdf4;box-shadow:0 8px 20px #00000014}.choice-card.yes-card.selected{border-color:#10b981;background:linear-gradient(to bottom,#fff,#f0fdf4)}.choice-card.no-card.selected{border-color:#f59e0b;background:linear-gradient(to bottom,#fff,#fef3c7)}.choice-card-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.choice-card-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.match-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.choice-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem}.coverage-summary{display:flex;align-items:center;gap:.5rem;color:#059669;font-size:.9375rem;font-weight:500}.coverage-icon{flex-shrink:0;color:#10b981}.other-options-text{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.choice-button{width:100%;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:auto}.yes-card .choice-button{background:#10b981;color:#fff}.yes-card .choice-button:hover{background:#059669;transform:translateY(-1px)}.yes-card .choice-button.selected{background:#047857}.no-card .choice-button{background:#f59e0b;color:#fff}.no-card .choice-button:hover{background:#d97706;transform:translateY(-1px)}.no-card .choice-button.selected{background:#b45309}@media (max-width: 768px){.choice-cards-container{grid-template-columns:1fr;gap:1.5rem}.choice-card{min-height:200px}}body:not(.light-theme) .service-name{color:#fff}@media (max-width: 768px){.service-recommendation-page{padding:1.5rem}.recommendation-header h2{font-size:1.5rem}.recommendation-card{padding:1.5rem}.service-name{font-size:1.25rem}}@media (max-width: 1200px){.public-form-container{padding-right:0!important}}@media (max-width: 768px){.public-form-container{padding-right:0!important}.data-sidebar-toggle{padding:10px 6px!important}}@media (max-width: 480px){.public-form-container{padding-right:0!important}.data-sidebar{z-index:1100!important}.data-sidebar-toggle{z-index:1101!important;padding:8px 4px!important}}.public-form-content{transition:margin-right .3s ease}@media (max-width: 768px){.data-sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;transition:opacity .3s ease}}.data-sidebar-toggle:hover{transform:translateY(-50%) scale(1.1);box-shadow:-4px 0 12px #00000026}.public-form-card{position:relative;z-index:1}.data-sidebar,.data-sidebar-toggle{transition:all .3s cubic-bezier(.4,0,.2,1)}@media print{.data-sidebar,.data-sidebar-toggle,.data-sidebar-overlay{display:none!important}.public-form-container{padding-right:0!important}}.issue-options-selector{margin-top:1rem;padding:1rem;background:var(--bg-tertiary, #f9fafb);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.selector-header h5{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.btn-select-all{padding:.25rem .75rem;font-size:.75rem;background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-select-all:hover{background:var(--primary-dark, #2563eb)}.issues-checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:var(--bg-secondary, white);border-radius:6px}.issue-checkbox-item{display:flex;align-items:center;padding:.5rem;border-radius:4px;cursor:pointer;transition:background .2s}.issue-checkbox-item:hover{background:var(--bg-hover, #f3f4f6)}.issue-checkbox-item input[type=checkbox]{margin-right:.5rem;cursor:pointer}.issue-checkbox-content{display:flex;align-items:center;gap:.5rem;flex:1}.issue-checkbox-icon{width:24px;height:24px;object-fit:contain;border-radius:2px}.issue-checkbox-label{flex:1;font-size:.875rem;color:var(--text-primary)}.issue-checkbox-service{font-size:.625rem;padding:.125rem .375rem;background:var(--primary-light, #eff6ff);color:var(--primary, #3b82f6);border-radius:3px;white-space:nowrap}.no-issues-message{padding:1.5rem;text-align:center;color:var(--text-secondary, #6b7280);font-size:.875rem}.warning-message{margin-top:.75rem;padding:.5rem .75rem;background:#fef3c7;color:#92400e;border-radius:4px;font-size:.75rem;border:1px solid #fcd34d}body.dark-theme .issue-options-selector{background:var(--bg-secondary);border-color:var(--border-subtle)}body.dark-theme .issues-checklist{background:var(--bg-primary)}body.dark-theme .issue-checkbox-item:hover{background:var(--bg-tertiary)}body.dark-theme .warning-message{background:#fef3c71a;border-color:#fcd34d4d}.issues-checklist::-webkit-scrollbar{width:6px}.issues-checklist::-webkit-scrollbar-track{background:var(--bg-tertiary, #f0f0f0);border-radius:3px}.issues-checklist::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:3px}.issues-checklist::-webkit-scrollbar-thumb:hover{background:var(--border-hover, #9ca3af)}.script-analytics-dashboard{padding:2rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-state .spinner{animation:spin 1s linear infinite;color:var(--accent-blue)}.loading-state p{color:var(--text-muted);font-size:1rem}.index-building-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:8px;color:#fb923c;margin-bottom:1.5rem;font-size:.95rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-info h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.script-name{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.time-range-selector{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.25rem;border-radius:8px}.time-range-selector button{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.time-range-selector button:hover{background:var(--bg-secondary)}.time-range-selector button.active{background:var(--accent-blue);color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border-subtle);transition:all .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.calls{background:#4285f41a;color:var(--accent-blue)}.metric-icon.conversion{background:#34d3991a;color:var(--accent-green)}.metric-icon.duration{background:#fb923c1a;color:#fb923c}.metric-icon.agents{background:#a855f71a;color:#a855f7}.metric-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.metric-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.metric-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.metric-change{display:flex;align-items:center;gap:.25rem;font-size:.85rem;margin-top:.5rem}.metric-change.positive{color:var(--accent-green)}.metric-change.negative{color:#ef4444}.metric-change.neutral{color:var(--text-muted)}.metric-subtext{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.analytics-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-subtle)}.analytics-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.analytics-section.half{margin-bottom:0}.outcomes-chart{display:flex;flex-direction:column;gap:1.5rem}.outcome-bar{display:flex;align-items:center;gap:1rem}.outcome-label{display:flex;align-items:center;gap:.5rem;min-width:120px;font-size:.9rem;color:var(--text-secondary)}.outcome-label .success{color:var(--accent-green)}.outcome-label .danger{color:#ef4444}.outcome-progress{flex:1;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden}.progress-bar{height:100%;border-radius:12px;transition:width .3s ease}.progress-bar.success{background:var(--accent-green)}.progress-bar.danger{background:#ef4444}.outcome-value{min-width:50px;text-align:right;font-weight:600;color:var(--text-primary)}.agents-list{display:flex;flex-direction:column;gap:1rem}.agent-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;transition:all .2s}.agent-row:hover{background:var(--bg-primary)}.agent-rank{font-weight:700;color:var(--text-muted);min-width:30px}.agent-info{flex:1}.agent-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.agent-stats{display:flex;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.separator{opacity:.5}.agent-performance{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.agent-performance.success{background:#34d3991a;color:var(--accent-green)}.agent-performance.warning{background:#fb923c1a;color:#fb923c}.agent-performance.danger{background:#ef44441a;color:#ef4444}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-muted);gap:.5rem}.no-data-message svg{opacity:.3}.no-data-message p{font-weight:600;color:var(--text-secondary);margin:.5rem 0 .25rem}.no-data-message span{font-size:.85rem;color:var(--text-muted)}.pages-list{display:flex;flex-direction:column;gap:1rem}.page-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;transition:all .2s}.page-row:hover{background:var(--bg-primary)}.page-info{flex:1}.page-title{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.page-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted)}.page-stats .stat{display:flex;align-items:center;gap:.25rem}.page-stats .stat.warning{color:#fb923c}.page-completion{font-size:1.125rem;font-weight:700;color:var(--accent-green)}.analytics-section.insights{margin-top:2rem;background:var(--bg-tertiary)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border-left:3px solid}.insight-card.success{border-color:var(--accent-green);color:var(--accent-green)}.insight-card.warning{border-color:#fb923c;color:#fb923c}.insight-card.info{border-color:var(--accent-blue);color:var(--accent-blue)}.insight-content{display:flex;flex-direction:column;gap:.25rem}.insight-title{font-weight:600;color:var(--text-primary)}.insight-text{font-size:.9rem;color:var(--text-secondary)}body.light-theme .metric-card,body.light-theme .analytics-section{background:#fff;box-shadow:0 1px 3px #0000001a}body.light-theme .metric-card:hover{box-shadow:0 4px 12px #00000026}body.light-theme .time-range-selector{background:#f5f5f7}body.light-theme .agent-row,body.light-theme .page-row{background:#f9f9fb}body.light-theme .agent-row:hover,body.light-theme .page-row:hover,body.light-theme .outcome-progress{background:#f5f5f7}body.light-theme .insight-card{background:#fff}@media (max-width: 768px){.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.analytics-row,.metrics-grid{grid-template-columns:1fr}}.style-editor-container{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.style-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.style-editor-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.style-editor-actions{display:flex;gap:.5rem}.style-themes-section{margin-bottom:1.5rem}.section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.theme-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.theme-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-blue)}.theme-preview{width:100%;height:40px;border-radius:4px;border:1px solid var(--border-subtle)}.theme-name{font-size:.75rem;color:var(--text-primary);font-weight:500;text-align:center}.style-editor-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.style-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}.style-tab:hover{color:var(--text-primary);background:var(--surface-glass)}.style-tab.active{color:var(--accent-blue)}.style-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-blue)}.style-editor-content{min-height:400px}.style-section{display:grid;gap:1rem}.style-group{display:flex;flex-direction:column;gap:.5rem}.style-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.style-group input[type=text],.style-group select,.style-group textarea{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:all .2s}.style-group input[type=text]:focus,.style-group select:focus,.style-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa1a}.color-input-group{display:flex;gap:.5rem;align-items:center}.color-input-group input[type=color]{width:40px;height:40px;padding:2px;border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;background:var(--bg-tertiary)}.color-input-group input[type=text]{flex:1}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#4f8ef7;transform:translateY(-1px);box-shadow:0 2px 8px #60a5fa4d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--surface-glass-hover);border-color:var(--border-moderate)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}body.light-theme .style-editor-container{background:#f9fafb}body.light-theme .theme-card,body.light-theme .style-group input[type=text],body.light-theme .style-group select,body.light-theme .style-group textarea,body.light-theme .btn-secondary{background:#fff}@media (max-width: 768px){.style-editor-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.ecommerce-form-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.editor-tabs{display:flex;gap:.5rem}.editor-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.editor-tab:hover{background:var(--surface-glass);color:var(--text-primary)}.editor-tab.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.editor-actions{display:flex;gap:.75rem}.editor-content{flex:1;overflow:auto}.styles-editor-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:100%}.style-preview-section{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;overflow:auto}.style-preview-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.preview-controls{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:6px}.preview-mode-btn{flex:1;padding:.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s}.preview-mode-btn:hover{background:var(--surface-glass);color:var(--text-primary)}.preview-mode-btn.active{background:var(--accent-blue);color:#fff}.style-preview-frame{background:#fff;border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;margin:0 auto;transition:width .3s ease}.preview-wrapper{height:100%;display:flex;flex-direction:column}.preview-frame{flex:1;background:#fff;border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;transition:width .3s ease}body.light-theme .ecommerce-form-editor{background:#f9fafb}body.light-theme .editor-header,body.light-theme .style-preview-section{background:#fff}body.light-theme .preview-controls{background:#f9fafb}@media (max-width: 1024px){.styles-editor-wrapper{grid-template-columns:1fr}.style-preview-section{max-height:400px}}@media (max-width: 768px){.editor-header{flex-direction:column;gap:1rem;align-items:stretch}.editor-tabs{width:100%;justify-content:stretch}.editor-tab{flex:1;justify-content:center}.editor-actions{width:100%;justify-content:flex-end}}.embed-script-container{width:100%;height:100vh;position:relative;overflow:auto}.embed-loading,.embed-error,.embed-success{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.embed-loading .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.embed-loading p{color:#666;font-size:1.1rem}.embed-error h2{color:#e74c3c;margin-bottom:1rem}.embed-error p{color:#666;font-size:1.1rem}.embed-success{background:#fff}.embed-success .success-icon{width:80px;height:80px;background:#27ae60;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin-bottom:1.5rem}.embed-success h2{color:#27ae60;margin-bottom:.5rem;font-size:2rem}.embed-success p{color:#666;font-size:1.1rem}.embed-script-container .auth-header,.embed-script-container .login-button,.embed-script-container .user-menu{display:none!important}.embed-script-container .live-script-container{max-width:100%!important;margin:0!important}@media (max-width: 768px){.embed-script-container{height:100vh}.embed-success .success-icon{width:60px;height:60px;font-size:2rem}.embed-success h2{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--surface-glass: rgba(255, 255, 255, .05);--surface-glass-hover: rgba(255, 255, 255, .08);--accent-blue: #60a5fa;--accent-green: #34d399;--accent-orange: #fb923c;--accent-pink: #f472b6;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-disabled: #64748b;--border-subtle: rgba(255, 255, 255, .1);--border-moderate: rgba(255, 255, 255, .2);--border-default: rgba(255, 255, 255, .15);--border-normal: rgba(255, 255, 255, .18);--border-hover: rgba(255, 255, 255, .25);--bg-hover: rgba(255, 255, 255, .08);--bg-info: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 50px;--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px)}body.light-theme{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #e8e8ed;--surface-glass: rgba(0, 0, 0, .03);--surface-glass-hover: rgba(0, 0, 0, .06);--accent-blue: #0066cc;--accent-green: #059669;--accent-orange: #ea580c;--accent-pink: #db2777;--text-primary: #1d1d1f;--text-secondary: #424245;--text-muted: #86868b;--text-disabled: #b0b0b5;--border-subtle: rgba(0, 0, 0, .12);--border-moderate: rgba(0, 0, 0, .24);--border-default: #d1d5db;--border-normal: #cbd5e0;--border-hover: #9ca3af;--bg-hover: #f9fafb;--bg-info: #f9fafb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}body.light-theme .sidebar{background:#f5f5f7;border-right:1px solid #e0e0e3}body.light-theme .sidebar .nav-link{color:#424245}body.light-theme .sidebar .nav-link:hover{background:#0066cc14;color:#06c}body.light-theme .sidebar .nav-link.active{background:#06c;color:#fff}body.light-theme .sidebar .nav-link.active:hover{background:#0052a3}body.light-theme .metric-card,body.light-theme .dashboard-chart,body.light-theme .dashboard-card{background:#fff;border:1px solid #e0e0e3;box-shadow:0 1px 3px #00000014}body.light-theme .dashboard-filters{background:#fff;border:1px solid #e0e0e3}body.light-theme .control-section{background:#fff;border:1px solid #e0e0e3;border-radius:8px;padding:1rem;margin-bottom:1rem}body.light-theme .territory-group{background:#fff;border:1px solid #e0e0e3}body.light-theme .territory-header{background:#f9f9fb;border-bottom:1px solid #e0e0e3}body.light-theme .area-item{background:#f5f5f7;border:1px solid #e8e8ed}body.light-theme .script-card{background:#fff;border:1px solid #e0e0e3;box-shadow:0 1px 3px #00000014}body.light-theme .script-card:hover{box-shadow:0 4px 8px #0000001f;border-color:#06c}body.light-theme .action-bar{background:#fff;border:1px solid #0066cc;box-shadow:0 2px 4px #0066cc26}body.light-theme .btn-primary,body.light-theme .primary-button,body.light-theme .save-button{background:#06c;color:#fff;border:1px solid #0066cc}body.light-theme .btn-primary:hover,body.light-theme .primary-button:hover,body.light-theme .save-button:hover{background:#0052a3;border-color:#0052a3}body.light-theme .secondary-button,body.light-theme .btn-secondary{background:#fff;color:#424245;border:1px solid #d0d0d5}body.light-theme .secondary-button:hover,body.light-theme .btn-secondary:hover{background:#f5f5f7;border-color:#b0b0b5}body.light-theme .modal-header{background:#f5f5f7;border-bottom:1px solid #e0e0e3}body.light-theme .modal-footer{background:#f5f5f7;border-top:1px solid #e0e0e3}body.light-theme .modal-body{background:#fff}body.light-theme .modal-content{background:#fff;border:1px solid #d0d0d5}body.light-theme .script-editor .sidebar{background:#f5f5f7;border-right:1px solid #e0e0e3}body.light-theme .script-editor .main-content{background:#fff}body.light-theme .script-editor .editor-header{background:#f9f9fb;border-bottom:1px solid #e0e0e3;color:#1d1d1f}body.light-theme .page-item{background:#fff;border:1px solid #e0e0e3;color:#424245}body.light-theme .page-item.selected{background:#e8f4ff;border-color:#06c}body.light-theme .page-item:hover{background:#f5f5f7}body.light-theme .workflow-view{background:#fff}body.light-theme .workflow-header{background:#f9f9fb;border-bottom:1px solid #e0e0e3;color:#1d1d1f}body.light-theme .icon-button{background:#fff;border:1px solid #d0d0d5;color:#424245}body.light-theme .icon-button:hover{background:#f5f5f7;border-color:#b0b0b5}body.light-theme .delete-button,body.light-theme .delete-territory-button,body.light-theme .delete-polygon-button{background:#dc3545;color:#fff}body.light-theme .delete-button:hover,body.light-theme .delete-territory-button:hover,body.light-theme .delete-polygon-button:hover{background:#c82333}body.light-theme .edit-button,body.light-theme .edit-name-button,body.light-theme .edit-polygon-button{background:#6c757d;color:#fff}body.light-theme .edit-button:hover,body.light-theme .edit-name-button:hover,body.light-theme .edit-polygon-button:hover{background:#5a6268}body.light-theme .add-territory-button{background:#06c;color:#fff}body.light-theme .add-territory-button:hover{background:#0052a3}body.light-theme input[type=text],body.light-theme input[type=email],body.light-theme input[type=password],body.light-theme input[type=number],body.light-theme textarea,body.light-theme select{background:#fff;border:1px solid #d0d0d5;color:#1d1d1f}body.light-theme input[type=text]:focus,body.light-theme input[type=email]:focus,body.light-theme input[type=password]:focus,body.light-theme input[type=number]:focus,body.light-theme textarea:focus,body.light-theme select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}body.light-theme .empty-state{background:#f9f9fb;border:1px solid #e0e0e3;color:#86868b}body.light-theme .script-editor button{color:#424245}body.light-theme .script-editor button:disabled{opacity:.5;color:#b0b0b5}body.light-theme .script-editor button[style*=backgroundColor]{background-color:#06c!important;color:#fff!important}body.light-theme .script-editor button[style*=backgroundColor]:not([style*=accent-blue]){background-color:#fff!important;color:#424245!important;border:1px solid #d0d0d5!important}body.light-theme .script-editor button[style*=backgroundColor][style*=accent-blue]{background-color:#06c!important;color:#fff!important}body.light-theme .script-editor button[style*="border: 1px solid"]{background:#fff!important;color:#424245!important;border:1px solid #d0d0d5!important}body.light-theme .script-editor button[style*="border: 1px solid"]:hover{background:#f5f5f7!important;border-color:#b0b0b5!important;color:#1d1d1f!important}body.light-theme .sidebar-header{background:#fafafa;border-bottom:1px solid #e0e0e3}body.light-theme .header{background:#1a202ccc!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important}body.light-theme .header:before{background:linear-gradient(135deg,#60a5fa1a,#a78bfa1a)!important}body.light-theme .header-title h1{color:#fff!important}body.light-theme .header-title span{color:#94a3b8!important}body.light-theme .header-user,body.light-theme .header-right,body.light-theme .header-content,body.light-theme .header *,body.light-theme .header button,body.light-theme .header a{color:#fff!important}body.light-theme .leads-sidebar{background:#f5f5f7;color:#424245}body.light-theme .leads-sidebar h3,body.light-theme .leads-sidebar label{color:#1d1d1f}body.light-theme .leads-sidebar input,body.light-theme .leads-sidebar select{background:#fff;border:1px solid #d0d0d5;color:#1d1d1f}body.light-theme .leads-sidebar .filter-group label{color:#424245}body.light-theme .leads-sidebar .filter-section{border-bottom:1px solid #e0e0e3}body.light-theme .leads-sidebar .filter-section h4{color:#1d1d1f}body.light-theme .field-id-code{background:#fff;color:#1d1d1f;border:1px solid #d0d0d5}body.light-theme .filter-label{color:#000}body.light-theme .react-flow__pane{background:#f0f0f2}.dialog-overlay{position:fixed!important;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.dialog-content{position:relative;background:var(--bg-primary);border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.dialog-header{padding:1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.dialog-body{padding:1.5rem}.dialog-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.dialog-close:hover{background:var(--surface-glass);color:var(--text-primary)}body.light-theme .dialog-content{background:#fff;box-shadow:0 20px 60px #00000026}body.light-theme .dialog-header{background:#f9f9fb;border-bottom:1px solid #e0e0e3}body.light-theme .dialog-close{color:#6b7280}body.light-theme .dialog-close:hover{background:#f5f5f7;color:#1d1d1f}.territories-main{display:flex;flex-direction:column;height:100%;overflow:hidden}.territories-main .map-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.territories-main .map-header h2{display:flex;align-items:center;gap:.75rem;margin:0;color:var(--text-primary);font-size:1.5rem}.territories-main .map-container{flex:1;position:relative;min-height:0;overflow:hidden;height:100%}.territories-main .map-container #map{width:100%!important;height:100%!important}.territories-main .leaflet-container{height:100%;width:100%}.territory-layout{display:flex;height:100%;overflow:hidden}.territory-sidebar{width:350px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);overflow-y:auto;flex-shrink:0}.territory-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.save-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.save-status.success{background:var(--accent-green);color:#fff;border:1px solid transparent}.save-status.error{background:#ef4444;color:#fff;border:1px solid transparent}.territory-map-manager{display:flex;height:100%;width:100%;background:var(--bg-primary)}.territory-map-manager.full-width{flex-direction:column}.expand-toggle{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s ease;margin-right:8px}.expand-toggle:hover{color:var(--text-primary)}.expand-toggle:focus{outline:none}.territory-info{display:flex;align-items:center;gap:8px}.territory-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);cursor:default}.territory-group{margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.area-list{padding:8px 12px;background:var(--bg-primary)}.area-item{display:flex;justify-content:space-between;padding:8px 12px;margin:4px 0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-size:.875rem}.area-name{font-weight:500;color:var(--text-primary)}.area-points{color:var(--text-secondary);font-size:.75rem}.map-controls{width:350px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);overflow-y:auto}.map-container{flex:1;height:100%;position:relative;background:var(--bg-secondary)}.error-container{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-secondary);color:var(--text-muted)}#map{width:100%;height:100%}.selected-area{stroke-width:3!important;stroke:gold!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,#1a1a2e 100%);color:var(--text-primary);min-height:100vh}.app{height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.header{background:#1a202ccc;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-bottom:1px solid var(--border-subtle);padding:1.5rem 2rem;position:relative}.header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#60a5fa1a,#a78bfa1a);pointer-events:none}.header-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.header-left{display:flex;align-items:center;gap:1.5rem}.logo{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}.header-title h1{font-size:1.5rem;font-weight:700;color:#fff}.header-title span{color:var(--text-muted);font-size:.9rem;font-weight:500}.header-right{display:flex;gap:1rem}.btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:var(--radius-pill);border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.btn:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.btn:hover:before{opacity:1}.btn-primary{background:var(--accent-blue);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:hover{background:#f9fafb;border-color:#374151}.sidebar{width:280px;min-height:898px;background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.mobile-nav{position:fixed;top:60px;left:-260px;bottom:0;width:250px;background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);transition:left .3s ease;z-index:999;overflow-y:auto;display:none}@media (max-width: 768px){.mobile-nav{display:flex;flex-direction:column}.mobile-nav.open{left:0}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998;display:none}@media (max-width: 768px){.sidebar-overlay{display:block}.sidebar-overlay.active{opacity:1;visibility:visible}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.sidebar-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.sidebar-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-close:hover{background:#ffffff1a;color:var(--text-primary)}.sidebar-content{flex:1;padding:1rem 0;overflow-y:auto}.sidebar .nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border-radius:8px;margin:.25rem .5rem;cursor:pointer;background:transparent;border:none;width:calc(100% - 1rem);text-align:left;font-size:.9rem}.sidebar .nav-link svg{width:20px;height:20px}.sidebar-nav.collapsed .sidebar-nav-item[title]:before{content:attr(title);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;white-space:nowrap;font-size:.875rem;font-weight:500;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s;box-shadow:0 4px 12px #0000001a;z-index:1002}.sidebar-nav.collapsed .sidebar-nav-item:hover:before{opacity:1;visibility:visible;transition-delay:.5s}.sidebar .nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar .nav-link.active{background:var(--accent-blue);color:#fff;font-weight:600}.sidebar .nav-link.active:hover{background:var(--accent-blue);opacity:.9}.sidebar-nav.expanded .sidebar-nav-item:hover{transform:none}.nav{display:flex;gap:.5rem;padding:0 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);overflow-x:visible}.nav-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all .3s ease;position:relative;font-weight:500}.nav-tab:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--accent-blue);transition:all .3s ease;transform:translate(-50%);border-radius:2px}.nav-tab:hover{color:var(--text-secondary);background:var(--surface-glass)}.nav-tab.active{color:var(--accent-blue);background:var(--surface-glass)}.nav-tab.active:before{width:80%}.layout{flex:1;display:flex;overflow:scroll;height:100%}.sidebar{width:350px;background:#1a202ccc;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);padding:1.5rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin:-1.5rem -1.5rem 1.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.sidebar-title{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.add-page-btn{width:40px;height:40px;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow-sm)}.add-page-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pages-list{flex:1;padding:1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.pages-list::-webkit-scrollbar{width:6px}.pages-list::-webkit-scrollbar-track{background:transparent}.pages-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.page-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;margin-bottom:.75rem;background:var(--surface-glass);border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--border-subtle);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);position:relative}.page-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#60a5fa0d,#a78bfa0d);opacity:inherit;transition:opacity .3s ease}.page-item:hover:before,.page-item.selected:before{opacity:1}.page-item.dragging{background:var(--bg-tertiary);box-shadow:var(--shadow-xl);transform:rotate(2deg);z-index:10}.page-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-moderate)}.page-item.selected{border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa33}.drag-handle{cursor:grab;color:var(--text-muted);display:flex;align-items:center;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease}.drag-handle:hover{color:var(--text-secondary);background:var(--surface-glass)}.drag-handle:active{cursor:grabbing}.page-number{width:32px;height:32px;background:var(--accent-blue);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;flex-shrink:0;box-shadow:var(--shadow-sm)}.page-info{flex:1;position:relative;z-index:1}.page-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem}.page-type{font-size:.8rem;color:var(--text-muted);text-transform:capitalize;font-weight:500}.delete-btn{background:none;border:none;color:var(--accent-pink);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease;opacity:.7}.delete-btn:hover{background:#f472b61a;opacity:1}.main-content{flex:1;background:var(--bg-secondary);overflow-y:auto;overflow-x:hidden;position:static;height:calc(100vh - 60px)}@media (max-width: 768px){.main-content{margin-left:0}}.main-content.territories-main{height:calc(100vh - 60px);overflow:hidden!important;display:flex;flex-direction:column}.main-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(96,165,250,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(167,139,250,.1) 0%,transparent 50%);pointer-events:none}.page-editor{height:100%;display:flex;flex-direction:column;position:revert;z-index:1}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:#1a202c99;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-bottom:1px solid var(--border-subtle)}.editor-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.preview-btn{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:var(--shadow-md)}.preview-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.editor-form{flex:1;padding:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.editor-form::-webkit-scrollbar{width:6px}.editor-form::-webkit-scrollbar-track{background:transparent}.editor-form::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.form-row{margin-bottom:1rem}.form-row label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.form-row input,.form-row select,.form-row textarea{width:100%;padding:1rem 1.25rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.form-row input::placeholder,.form-row textarea::placeholder{color:var(--text-muted)}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa33;background:#ffffff14}.form-row textarea{resize:vertical;min-height:120px;line-height:1.6}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.option-row span{color:var(--text-muted);font-weight:600;min-width:24px;text-align:center}.option-row input{flex:1;margin:0;background:transparent;border:none;padding:.5rem}.option-row input:focus{box-shadow:none}.option-row button{background:none;border:none;color:var(--accent-pink);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease}.option-row button:hover{background:#f472b61a}.add-option-btn{background:var(--accent-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:1rem;box-shadow:var(--shadow-sm)}.add-option-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted);position:relative;z-index:1}.empty-state h3{margin:1.5rem 0 .75rem;color:var(--text-primary);font-size:1.5rem;font-weight:700}.empty-state p{font-size:1rem;line-height:1.6}.data-view{padding:2rem;height:100%;overflow-y:auto;position:relative;z-index:1}.data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.results-count{color:var(--text-muted);font-size:.9rem}.filter-group{margin-bottom:1.5rem}.filter-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem}.filter-input,.filter-select{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #8b5cf61a}.filter-input::placeholder{color:var(--text-muted)}.data-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;background:var(--accent-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.data-table{background:var(--surface-glass);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--shadow-lg)}.table-header{display:grid;grid-template-columns:repeat(6,1fr);background:#2d3748cc;font-weight:700;color:var(--text-primary)}.table-header>div{padding:1.5rem 1rem;border-right:1px solid var(--border-subtle);font-size:.9rem}.table-header>div:last-child{border-right:none}.table-row{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--border-subtle);transition:all .2s ease}.table-row:hover{background:var(--surface-glass-hover)}.table-row>div{padding:1.25rem 1rem;border-right:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.9rem}.table-row>div:last-child{border-right:none}.outcome{padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;text-align:center;display:inline-block}.outcome.appointment{background:linear-gradient(135deg,var(--accent-green) 0%,#10b981 100%);color:#fff;box-shadow:var(--shadow-sm)}.outcome.follow-up{background:linear-gradient(135deg,var(--accent-orange) 0%,#f59e0b 100%);color:#fff;box-shadow:var(--shadow-sm)}.outcome.not-interested{background:linear-gradient(135deg,var(--accent-pink) 0%,#ef4444 100%);color:#fff;box-shadow:var(--shadow-sm)}.stats-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem}.stat-card{background:var(--surface-glass);padding:1.5rem;border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--surface-glass-hover)}.stat-number{font-size:2rem;font-weight:800;color:var(--accent-blue);margin-bottom:.5rem;background:var(--accent-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.coming-soon{color:var(--text-muted);font-size:.95rem;padding:2rem;text-align:center;font-style:italic}.workflow-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:#1a202c99;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-bottom:1px solid var(--border-subtle)}.workflow-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.workflow-controls{display:flex;gap:1rem}.workflow-canvas{flex:1;height:calc(100vh - 200px);position:relative}.workflow-details{padding:1.5rem;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.workflow-details::-webkit-scrollbar{width:6px}.workflow-details::-webkit-scrollbar-track{background:transparent}.workflow-details::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.selected-page-info{margin-bottom:2rem}.page-badge{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface-glass);border-radius:var(--radius-lg);border:2px solid var(--accent-blue);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);box-shadow:var(--shadow-md)}.logic-section{margin-bottom:2rem}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.logic-rules{display:flex;flex-direction:column;gap:1rem}.logic-rule{background:var(--surface-glass);border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:all .3s ease}.logic-rule:hover{background:var(--surface-glass-hover);border-color:var(--border-moderate)}.rule-condition{margin-bottom:1rem}.condition-label,.action-label{font-size:.9rem;color:var(--text-muted);display:block;margin-bottom:.5rem;font-weight:500}.condition-value{font-size:.95rem;color:var(--accent-blue);font-weight:600}.field-logic-group{margin-bottom:1.5rem;padding:1rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.field-logic-title{font-size:1rem;color:var(--text-primary);font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.field-logic-group .logic-rule{margin-bottom:1rem;background:var(--surface-glass)}.field-logic-group .logic-rule:last-child{margin-bottom:0}.page-select{width:100%;padding:.75rem 1rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:inherit;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:all .3s ease}.page-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa33}.workflow-actions{padding:1.5rem 0}.workflow-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem;color:#93c5fd;font-size:.9rem;line-height:1.4;margin:0}.workflow-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;color:var(--text-muted);text-align:center}.workflow-empty p{margin-top:1rem;font-size:.95rem}.react-flow{background:transparent!important}.react-flow__node{font-size:12px;z-index:10}.react-flow__handle{width:10px;height:10px;background:var(--accent-blue);border:2px solid var(--bg-secondary);transition:all .2s ease}.react-flow__handle:hover{background:var(--accent-blue);transform:scale(1.2)}.react-flow__handle[data-handlepos=right]{background:var(--accent-green);border:2px solid var(--bg-primary)}.react-flow__handle[data-handlepos=left]{background:var(--accent-orange);border:2px solid var(--bg-primary)}.react-flow__handle[data-handlepos=top],.react-flow__handle[data-handlepos=bottom]{background:var(--accent-blue);border:2px solid var(--bg-secondary)}.react-flow__handle.connecting{background:var(--accent-blue);transform:scale(1.3);box-shadow:0 0 0 4px #8b5cf64d}.react-flow__background{background-color:transparent!important}.react-flow__edge{z-index:0}.react-flow__edge-step{stroke-linecap:round;stroke-linejoin:round}.react-flow__edge.react-flow__edge-step{z-index:0}.react-flow__controls{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--shadow-lg)}.react-flow__controls button{background:transparent;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);transition:all .2s ease;width:40px;height:40px}.react-flow__controls button:hover{background:var(--surface-glass-hover);color:var(--text-primary)}.react-flow__controls button:last-child{border-bottom:none}.react-flow__minimap{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--shadow-lg)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);width:100%;max-width:48rem;margin:0 2rem;max-height:90vh;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-subtle);background:#2d374899}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-body{padding:2rem;min-height:400px;flex-direction:column;justify-content:center;background:var(--surface-glass)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid var(--border-subtle);background:#1a202ccc}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-primary);background:#ffffff1a}.modal-nav-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.9rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;transition:all .3s ease}.modal-nav-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-moderate);background:var(--surface-glass)}.modal-nav-btn:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5}.modal-page-info{font-size:.9rem;color:var(--text-muted);font-weight:500}.form-node{background:var(--surface-glass)!important;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.25rem;min-width:280px;max-width:320px;cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.form-node:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#60a5fa0d,#a78bfa0d);opacity:0;transition:opacity .3s ease}.form-node:hover:before{opacity:1}.form-node:active{cursor:grabbing}.form-node.selected{border-color:var(--accent-blue)!important;box-shadow:0 0 0 4px #60a5fa33,var(--shadow-xl)}.form-node:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-moderate)}.form-node.dead-end{background:#dc2626!important;border:2px solid #991b1b!important}.form-node.dead-end:before{background:linear-gradient(180deg,rgba(220,38,38,.2) 0%,transparent 100%)!important}.form-node.trigger,.form-node.logic-router{background:#7c3aed!important;border:2px solid #5b21b6!important}.form-node.trigger:before,.form-node.logic-router:before{background:linear-gradient(180deg,rgba(124,58,237,.2) 0%,transparent 100%)!important}.form-node.webhook{background:#10b981!important;border:2px solid #059669!important}.form-node.webhook:before{background:linear-gradient(180deg,rgba(16,185,129,.2) 0%,transparent 100%)!important}.form-node-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;position:relative;z-index:1}.form-node-info{display:flex;align-items:center;gap:.75rem}.form-page-number{width:28px;height:28px;background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:var(--shadow-sm)}.form-node-title{font-weight:700;color:var(--text-primary)!important;margin-bottom:.5rem;line-height:1.3;font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.form-node-question{font-size:.85rem;color:var(--text-muted)!important;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.form-node-footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.form-node-rules{font-size:.75rem;color:var(--text-muted)!important;font-weight:500}.form-node-next{font-size:.75rem;color:var(--accent-blue)!important;font-weight:600}.form-node-fields{margin-bottom:.75rem}.form-node-field-count{font-size:.75rem;color:var(--accent-green)!important;font-weight:600;margin-top:.25rem}.fields-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.fields-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.fields-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.fields-list{display:flex;flex-direction:column;gap:1.5rem}.field-editor{background:var(--surface-glass);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:1.5rem;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:all .3s ease}.field-editor:hover{border-color:var(--border-moderate);background:var(--surface-glass-hover)}.field-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.field-drag-handle{cursor:grab;color:var(--text-muted);display:flex;align-items:center;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease}.field-drag-handle:hover{color:var(--text-secondary);background:var(--surface-glass)}.field-drag-handle:active{cursor:grabbing}.field-number{width:24px;height:24px;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.field-label-input{flex:1;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-weight:600;font-size:1rem;transition:all .3s ease}.field-label-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa33}.delete-field-btn{background:none;border:none;color:var(--accent-pink);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease;opacity:.7}.delete-field-btn:hover{background:#f472b61a;opacity:1}.field-config{display:flex;flex-direction:column;gap:1rem}.field-meta-section{padding:1rem;background:#ffffff05;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);margin-bottom:1rem}.field-id-display{display:flex;flex-direction:column;gap:.5rem}.field-id-display label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.field-id-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#0000004d;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--accent-green);border:1px solid rgba(52,211,153,.2);-webkit-user-select:all;user-select:all}.field-config-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field-config-item{display:flex;flex-direction:column;gap:.5rem}.field-config-item label{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.field-config-item input[type=checkbox]{width:auto;margin:0}.field-config-item select,.field-config-item input[type=text],.field-config-item input[type=number]{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.field-config-item select:focus,.field-config-item input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa33}.field-config-item input:invalid{border-color:var(--accent-pink);box-shadow:0 0 0 3px #f472b633}.field-config-item input[type=text]:invalid+.validation-hint{display:block;color:var(--accent-pink);font-size:.75rem;margin-top:.25rem}.validation-hint{display:none}.rating-config{display:flex;align-items:center;gap:.75rem}.rating-config input{width:60px;text-align:center}.rating-config span{color:var(--text-muted);font-weight:500}.field-choices{grid-column:1 / -1}.field-choices label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:block}.choices-list{display:flex;flex-direction:column;gap:.5rem}.choice-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff05;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.choice-row span{color:var(--text-muted);font-weight:600;min-width:20px;text-align:center;font-size:.8rem}.choice-row input{flex:1;background:transparent;border:none;padding:.5rem;color:var(--text-primary)}.choice-row input:focus{outline:none;box-shadow:none}.choice-row button{background:none;border:none;color:var(--accent-pink);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease;opacity:.7}.choice-row button:hover{background:#f472b61a;opacity:1}.add-choice-btn{display:flex;align-items:center;gap:.5rem;background:var(--surface-glass);border:1px dashed var(--border-moderate);color:var(--text-muted);padding:.75rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;margin-top:.5rem}.add-choice-btn:hover{background:var(--surface-glass-hover);border-color:var(--accent-blue);color:var(--accent-blue)}.react-flow__edge-text{font-size:10px;fill:var(--text-primary);font-weight:600}.react-flow__edge-textbg{fill:var(--bg-secondary);fill-opacity:.9}@media (max-width: 1200px){.sidebar{width:300px}.form-node{min-width:240px;max-width:280px}}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;height:300px}.header-content{flex-direction:column;gap:1rem}.nav{padding:0 1rem;overflow-x:auto}.workflow-header{flex-direction:column;gap:1rem;align-items:stretch}.workflow-controls{justify-content:center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-pulse{animation:pulse 2s infinite}.animate-slide-up{animation:slideInUp .5s ease}.animate-slide-left{animation:slideInLeft .5s ease}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::selection{background:#60a5fa4d}::-moz-selection{background:#60a5fa4d}.connections-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.connection-item{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.connection-item:hover{background:var(--surface-glass-hover);border-color:var(--border-moderate);transform:translateY(-1px);box-shadow:var(--shadow-md)}.connection-item.selected{background:#4285f41a;border-color:var(--accent-blue);box-shadow:0 0 0 1px #4285f433}.connection-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.connection-name{font-weight:600;color:var(--text-primary);font-size:1rem}.connection-url{font-size:.85rem;color:var(--text-muted);font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all;overflow-wrap:break-word;line-height:1.4}.connection-status{margin-top:.25rem}.status-indicator{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.status-indicator.active{background:#34d39933;color:var(--accent-green);border:1px solid rgba(52,211,153,.3)}.status-indicator.inactive{background:#9ca3af33;color:var(--text-muted);border:1px solid rgba(156,163,175,.3)}.create-connection-form{background:var(--bg-secondary);border:1px solid var(--border-moderate);border-radius:var(--radius-lg);padding:1.5rem;margin:0 0 1rem;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.create-connection-form h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.form-group input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4285f41a;outline:none}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.connection-editor{padding:2rem;height:100%;overflow-y:auto;scroll-behavior:smooth}.connection-editor::-webkit-scrollbar{width:8px}.connection-editor::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.connection-editor::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.connection-editor::-webkit-scrollbar-thumb:hover{background:#ffffff80}.main-content:has(.connection-editor){overflow-y:auto}.connect-view .main-content{overflow-y:auto}.main-content:has(.dashboard-wrapper){overflow-y:auto!important;overflow-x:hidden!important}.dashboard-view .main-content{overflow-y:auto!important;overflow-x:hidden!important}.main-content:has(.leads-view){overflow-y:auto!important;overflow-x:hidden!important}.main-content:has(.page-editor),.main-content:has(.react-flow){overflow-y:auto!important;overflow-x:hidden!important}.main-content:not(.territories-main){overflow-y:auto!important;overflow-x:hidden!important}.settings-content,.users-view,.roles-view{overflow-y:auto!important;overflow-x:hidden!important;position:relative}.connection-sections{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;min-height:0;flex:1}.connection-section{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.connection-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.connection-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-group{display:flex;flex-direction:column;gap:.5rem}.detail-group label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.detail-group input{padding:.75rem;background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.detail-group input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4285f41a;outline:none}.toggle-switch{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-switch input[type=checkbox]{position:relative;width:44px;height:24px;appearance:none;background:var(--bg-tertiary);border-radius:12px;transition:all .3s ease;cursor:pointer}.toggle-switch input[type=checkbox]:checked{background:var(--accent-blue)}.toggle-switch input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch input[type=checkbox]:checked:before{transform:translate(20px)}.toggle-label{font-weight:600;color:var(--text-primary)}.field-mappings{display:flex;flex-direction:column;gap:.75rem;max-height:none;overflow:visible}.mappings-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 80px;gap:1rem;padding:.75rem;background:#0003;border-radius:var(--radius-sm);font-weight:600;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.mapping-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 80px;gap:1rem;padding:.75rem;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;transition:all .3s ease}.mapping-row:hover{background:#ffffff0d;border-color:var(--border-moderate)}.field-name{font-weight:600;color:var(--text-primary)}.api-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--text-secondary);font-size:.85rem}.webhook-key input{width:100%;padding:.5rem;background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.webhook-key input:focus{border-color:var(--accent-blue);outline:none}.mapping-enabled{display:flex;justify-content:center}.mapping-enabled input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-blue)}.no-fields{text-align:center;padding:2rem;color:var(--text-muted)}.no-fields p{margin:0}.publish-dialog{max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.publish-dialog .modal-header{flex-shrink:0}.publish-dialog .publish-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;overflow-y:auto;flex:1}.publish-dialog .modal-footer{flex-shrink:0;border-top:1px solid var(--border-subtle);padding:1.5rem;background:var(--bg-tertiary)}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.color-input-group input[type=color]{width:40px;height:40px;border:none;border-radius:var(--radius-sm);cursor:pointer;background:none}.color-input-group input[type=text]{flex:1;padding:.5rem;background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);cursor:pointer;font-size:.95rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-blue);cursor:pointer}.published-scripts-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.published-script-item{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;transition:all .3s ease;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.published-script-item:hover{background:var(--surface-glass-hover);border-color:var(--border-moderate);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.script-info{margin-bottom:1rem}.script-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.script-description{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;line-height:1.4}.script-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.script-status{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.script-status.active{background:#34d39933;color:var(--accent-green);border:1px solid rgba(52,211,153,.3)}.script-status.inactive{background:#9ca3af33;color:var(--text-muted);border:1px solid rgba(156,163,175,.3)}.script-date{font-size:.8rem;color:var(--text-muted)}.script-url{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#0003;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.script-url code{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;color:var(--accent-blue);background:none;word-break:break-all}.copy-url-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease}.copy-url-btn:hover{color:var(--text-primary);background:#ffffff1a}.script-actions{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.toggle-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.toggle-btn.active{background:#34d39933;color:var(--accent-green);border:1px solid rgba(52,211,153,.3)}.toggle-btn.inactive{background:#9ca3af33;color:var(--text-muted);border:1px solid rgba(156,163,175,.3)}.toggle-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.republish-btn{background:#fb923c33;border:1px solid rgba(251,146,60,.3);color:var(--accent-orange);padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.republish-btn:hover{background:#fb923c4d;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.submission-modal{max-width:600px;max-height:80vh;overflow-y:auto}.submission-info{margin-bottom:2rem}.info-row{display:flex;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.info-label{font-weight:600;color:var(--text-secondary);min-width:120px;margin-right:1rem}.info-value{color:var(--text-primary);flex:1}.submission-data h4{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.data-fields{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.data-field{display:flex;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.data-field:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.field-key{font-weight:500;color:var(--accent-blue);min-width:150px;margin-right:1rem}.field-value{color:var(--text-primary);flex:1;word-wrap:break-word}.webhook-trigger-node{background:#10b9811a;border:2px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:1rem;min-width:200px;max-width:250px;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:all .3s ease;position:relative}.webhook-trigger-node.selected{border-color:var(--accent-green);box-shadow:0 0 0 2px #10b98133;background:#10b98126}.webhook-trigger-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.trigger-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff1a}.trigger-info{flex:1}.trigger-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;line-height:1.2}.public-preview-container{min-height:100vh;background:#f9fafb;display:flex;flex-direction:column}.public-preview-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 2rem;box-shadow:0 1px 3px #0000001a}.public-preview-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--primary-color)}.public-preview-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.public-preview-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 25px #0000001a;padding:2rem;max-width:600px;width:100%}.public-preview-progress{height:4px;background:#e5e7eb;border-radius:2px;margin-bottom:2rem;overflow:hidden}.public-preview-progress-bar{height:100%;background:var(--primary-color);transition:width .3s ease}.public-preview-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.5rem}.public-preview-description{font-size:1rem;color:#6b7280;margin-bottom:2rem;line-height:1.5}.public-preview-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.public-preview-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.public-preview-field .required{color:#dc2626;margin-left:.25rem}.public-preview-field input[type=text],.public-preview-field input[type=email],.public-preview-field input[type=tel],.public-preview-field textarea,.public-preview-field select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s}.public-preview-field input:focus,.public-preview-field textarea:focus,.public-preview-field select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4285f41a}.public-preview-field .checkbox-field{display:flex;align-items:center;gap:.5rem}.public-preview-field .checkbox-field input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.public-preview-field .checkbox-field label{margin-bottom:0;cursor:pointer}.public-preview-field .radio-group{display:flex;flex-direction:column;gap:.75rem}.public-preview-field .radio-option{display:flex;align-items:center;gap:.5rem}.public-preview-field .radio-option input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer}.public-preview-field .radio-option label{margin-bottom:0;cursor:pointer}.public-preview-actions{display:flex;justify-content:space-between;gap:1rem}.public-preview-actions button{flex:1}.public-preview-actions button:only-child{flex:0 1 auto;margin-left:auto}.public-preview-loading,.public-preview-error{background:#fff;border-radius:.75rem;padding:3rem;text-align:center;box-shadow:0 10px 25px #0000001a}.public-preview-error{color:#dc2626}.public-preview-error h2{margin-top:1rem;margin-bottom:.5rem;font-size:1.5rem}.public-preview-error p{color:#6b7280}.public-form-container{min-height:100vh;background:var(--gradient-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.public-form-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 2px 20px #0000001a;text-align:center}.public-form-logo{height:48px;width:auto}.public-form-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.public-form-card{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #00000026;padding:2.5rem;max-width:900px;width:100%;position:relative}.public-form-progress{margin-bottom:2rem}.progress-text{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;text-align:center}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.public-form-header-text{text-align:center;margin-bottom:2rem}.public-form-header-text h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.2}.page-description{font-size:1.125rem;color:#6b7280!important;line-height:1.5;margin:0}.public-form-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.public-form-field{display:flex;flex-direction:column}.field-label{font-size:.875rem;font-weight:600;color:#374151!important;margin-bottom:.5rem;display:block}.required-asterisk{color:#dc2626;margin-left:.25rem}.field-help{font-size:.75rem;color:#6b7280;margin:0 0 .5rem;line-height:1.4}.field-input,.field-textarea,.field-select{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fff;color:#1f2937}.field-input::placeholder,.field-textarea::placeholder{color:#9ca3af}.field-input:focus,.field-textarea:focus,.field-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.field-textarea{resize:vertical;min-height:100px}.checkbox-wrapper{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0}.field-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#667eea;margin-top:.125rem}.checkbox-label{font-size:.875rem;color:#374151;cursor:pointer;line-height:1.5}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-wrapper{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background .2s ease}.radio-wrapper:hover{background:#f9fafb}.field-radio{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent-blue, #667eea);margin-top:.125rem}.radio-label{font-size:.875rem;color:#374151;cursor:pointer;line-height:1.5;margin:0}.public-form-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem}.btn-spacer{flex:1}.public-form-container .consent-section,.public-form-container .disclaimer-section,.public-form-container .privacy-section,.public-form-container [class*=consent],.public-form-container [class*=disclaimer],.public-form-container [class*=privacy]{background:#f3f4f6!important;color:#4b5563!important;padding:1rem!important;border-radius:.5rem!important}.public-form-container .consent-section p,.public-form-container .disclaimer-section p,.public-form-container .privacy-section p,.public-form-container [class*=consent] p,.public-form-container [class*=disclaimer] p,.public-form-container [class*=privacy] p{color:#4b5563!important}.public-form-container .consent-section a,.public-form-container .disclaimer-section a,.public-form-container .privacy-section a,.public-form-container [class*=consent] a,.public-form-container [class*=disclaimer] a,.public-form-container [class*=privacy] a{color:#3b82f6!important;text-decoration:underline!important}.automations-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.automations-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.automations-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.automation-tabs{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.25rem;border-radius:.5rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.integration-status-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.status-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.status-item.connected .status-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98180}.status-item.disconnected .status-indicator{width:8px;height:8px;border-radius:50%;background:#6b7280}.status-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.status-name{font-weight:600;font-size:.875rem;color:#e0e0e0}.status-detail{font-size:.75rem;color:#a0a0a0}.sidebar-actions{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-block{width:100%;justify-content:center}.workflows-content{flex:1;padding:2rem;overflow-y:auto}.workflows-list{max-width:1200px;margin:0 auto}.workflows-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.workflows-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.workflow-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.workflow-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem;transition:all .2s ease}.workflow-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.workflow-card.inactive{opacity:.7}.workflow-card-header{display:flex;gap:1rem;margin-bottom:1rem}.workflow-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.workflow-info{flex:1;display:flex;justify-content:space-between;align-items:center}.workflow-info h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.workflow-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.workflow-status.active{background:#10b98133;color:#10b981}.workflow-status.inactive{background:#6b728033;color:#6b7280}.workflow-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.workflow-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted)}.workflow-actions{display:flex;gap:.5rem}.workflow-actions button{flex:1;padding:.5rem;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.workflow-actions button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content.large{max-width:700px;width:90%}.workflow-actions-list{display:flex;flex-direction:column;gap:.75rem}.workflow-action-item{display:flex;gap:.5rem;align-items:center}.workflow-action-item select{flex:1;padding:.5rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.btn-remove{padding:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background:#ef444433;border-color:#ef4444}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.tab-btn.active{background:var(--accent-blue);color:#fff}.integrations-content{flex:1;padding:2rem;overflow-y:auto}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}.integration-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.integration-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.integration-card.disabled{opacity:.6}.integration-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.integration-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.integration-icon.fieldroutes{background:linear-gradient(135deg,#667eea,#764ba2)}.integration-icon.payrix{background:linear-gradient(135deg,#f093fb,#f5576c)}.integration-icon.googlemaps{background:linear-gradient(135deg,#4facfe,#00f2fe)}.integration-icon.zillow{background:linear-gradient(135deg,#43e97b,#38f9d7)}.integration-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.integration-status{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.integration-status.connected{background:#10b9811a;color:#10b981}.integration-status.disconnected{background:#ef44441a;color:#ef4444}.integration-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.integration-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.integration-actions{display:flex;gap:.5rem}.btn-integration-settings,.btn-integration-test{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-integration-settings:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-integration-test:hover{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.content-block-element{background:#f9fafb!important;color:#374151!important;line-height:1.6;font-size:1rem;padding:1rem!important;border-radius:.5rem!important;margin:.75rem 0!important}.content-block-element h1,.content-block-element h2,.content-block-element h3,.content-block-element h4,.content-block-element h5,.content-block-element h6{color:#1f2937!important;font-weight:600;margin:1rem 0 .5rem}.content-block-element h1{font-size:2rem}.content-block-element h2{font-size:1.75rem}.content-block-element h3{font-size:1.5rem}.content-block-element h4{font-size:1.25rem}.content-block-element h5{font-size:1.125rem}.content-block-element h6{font-size:1rem}.content-block-element p{color:#4b5563!important;margin:.75rem 0}.content-block-element ul,.content-block-element ol{color:#4b5563!important;margin:.75rem 0;padding-left:1.5rem}.content-block-element li{color:#4b5563!important;margin:.25rem 0}.content-block-element strong,.content-block-element b{color:#1f2937!important;font-weight:600}.content-block-element em,.content-block-element i{color:#374151!important;font-style:italic}.content-block-element a{color:#3b82f6;text-decoration:underline}.content-block-element a:hover{color:#2563eb}.content-block-element blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin:1rem 0;color:#6b7280;font-style:italic}.content-block-element code{background:#f3f4f6;color:#1f2937;padding:.125rem .25rem;border-radius:.25rem;font-family:monospace;font-size:.875rem}.content-block-element pre{background:#f3f4f6;color:#1f2937;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.content-block-element pre code{background:transparent;padding:0}.content-block-element hr{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0}.btn-primary,.btn-secondary,.btn-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.btn-primary{background:var(--gradient-primary, var(--accent-blue));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-shadow, rgba(102, 126, 234, .4))}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:#1f2937;border:2px solid #6b7280}.btn-secondary:hover{background:#f9fafb;border-color:#374151;transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.public-form-loading,.public-form-error,.public-form-success{background:#fff;border-radius:1rem;padding:3rem;text-align:center;box-shadow:0 20px 40px #00000026;max-width:500px;margin:0 auto}.public-form-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.public-form-error{color:#dc2626}.public-form-error h2{margin-top:1rem;margin-bottom:.5rem;font-size:1.5rem;color:#dc2626}.public-form-error p{color:#6b7280}.public-form-success{color:#059669}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff;font-weight:700}.public-form-success h2{margin:0 0 1rem;font-size:1.75rem;color:#059669}.public-form-success p{color:#6b7280;line-height:1.5;margin:0}.hidden-indicator{color:#dc2626;font-size:.75rem;font-weight:500;opacity:.8}.checkbox-label input[type=checkbox]{margin:0}.checkbox-label span{font-weight:500}.field-help{color:#6b7280;font-size:.75rem;margin-top:.25rem;line-height:1.4}.trigger-type{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.trigger-settings{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.trigger-settings:hover{background:#ffffff1a}.webhook-trigger-body{border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem}.connection-name{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.connection-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.enhanced-address-field{width:100%}.address-input-wrapper{position:relative}.address-input{position:relative;display:flex;align-items:center}.address-input .search-icon{position:absolute;left:.75rem;color:#6b7280;pointer-events:none}.address-input-field{width:100%;padding:.5rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.address-input-field:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.address-input .loading-icon{position:absolute;right:.75rem;color:#4285f4}.address-input .clear-btn{position:absolute;right:.5rem;width:1.5rem;height:1.5rem;border:none;background:#e5e7eb;color:#6b7280;border-radius:50%;font-size:1.125rem;line-height:1;cursor:pointer;transition:all .2s}.address-input .clear-btn:hover{background:#d1d5db;color:#374151}.address-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:20rem;overflow-y:auto;z-index:50}.address-result{display:flex;align-items:flex-start;padding:.75rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f3f4f6}.address-result:last-child{border-bottom:none}.address-result:hover{background-color:#f9fafb}.result-icon{flex-shrink:0;color:#6b7280;margin-right:.75rem;margin-top:.125rem}.result-content{flex:1;min-width:0}.result-address{font-weight:500;color:#111827;margin-bottom:.125rem}.result-details{font-size:.75rem;color:#6b7280}.result-price{flex-shrink:0;font-weight:600;color:#059669;margin-left:1rem}.no-results{padding:1.5rem;text-align:center;color:#6b7280;font-size:.875rem}.property-preview{margin-top:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#f9fafb}.property-image{width:100%;height:150px;object-fit:cover}.property-details{padding:1rem}.property-address{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.property-location{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.property-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.property-stats .stat{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#4b5563}.property-stats .stat svg{color:#6b7280}.property-value{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #e5e7eb}.property-value .label{font-size:.875rem;color:#6b7280}.property-value .value{font-size:1.125rem;font-weight:600;color:#059669}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.field-enhanced-address-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.field-enhanced-address-section>label{font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;display:block}.auto-populate-info{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.auto-populate-fields{display:flex;flex-direction:column;gap:.5rem;background:#ffffff05;padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1d29;padding:1rem;overflow:auto}.login-box{width:100%;max-width:400px;padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-logo{display:flex;justify-content:center;margin-bottom:.75rem}.logo-circle{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #667eea4d}.logo-text{font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.05em}.login-title{text-align:center;font-size:1.5rem;font-weight:700;color:#fff;margin:0}.login-subtitle{text-align:center;color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-form .form-group{display:flex;flex-direction:column;gap:.25rem}.login-form label{color:#a0aec0;font-size:.875rem;font-weight:500}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#718096;pointer-events:none;z-index:2}.login-form input{width:100%;padding:1rem;background:#2d374880;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;font-size:1rem;transition:all .2s}.login-form input::placeholder{color:#718096}.login-form input:focus{outline:none;border-color:#667eea;background:#2d3748cc;box-shadow:0 0 0 3px #667eea1a}.login-form input:disabled{opacity:.7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f565651a;border:1px solid rgba(245,101,101,.3);border-radius:.5rem;color:#fc8181;font-size:.875rem}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #667eea4d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}.divider span{position:relative;padding:0 1rem;background:#1a1d29;color:#718096;font-size:.875rem}.google-signin-button{width:100%;padding:1rem;background:#2d374880;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem}.google-signin-button.primary{background:linear-gradient(135deg,#4285f4,#34a853);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #4285f433;font-weight:600;font-size:1.1rem;padding:1.25rem}.google-signin-button:hover:not(:disabled){background:#2d3748cc;border-color:#ffffff4d}.google-signin-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#3367d6,#0f9d58);box-shadow:0 6px 16px #4285f44d;transform:translateY(-1px)}.google-signin-button:disabled{opacity:.7;cursor:not-allowed}.google-signin-button-modern{width:100%;max-width:320px;margin:0 auto;padding:0 16px;background:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;letter-spacing:.25px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;height:44px;position:relative;overflow:hidden}.google-signin-button-modern:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;border-color:#dadce0}.google-signin-button-modern:active:not(:disabled){background:#e8eaed;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.google-signin-button-modern:focus:not(:disabled){outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.google-signin-button-modern:disabled{opacity:.5;cursor:not-allowed;background:#fff}.google-signin-button-modern .google-logo{flex-shrink:0}.google-signin-button-modern span{font-size:14px;font-weight:500;letter-spacing:.25px;white-space:nowrap;color:#3c4043}.dark-theme .google-signin-button-modern,body.dark-theme .google-signin-button-modern,.login-container .google-signin-button-modern{background:#fff!important;color:#3c4043!important;border-color:#dadce0!important}.dark-theme .google-signin-button-modern span,body.dark-theme .google-signin-button-modern span,.login-container .google-signin-button-modern span{color:#3c4043!important}.dark-theme .google-signin-button-modern:hover:not(:disabled),body.dark-theme .google-signin-button-modern:hover:not(:disabled),.login-container .google-signin-button-modern:hover:not(:disabled){background:#f8f9fa!important;border-color:#dadce0!important}.test-login-button{width:100%;padding:1rem;background:#2d374880;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.test-login-button.secondary{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fbbf24}.test-login-button:hover:not(:disabled){background:#f59e0b4d;border-color:#f59e0bb3;transform:translateY(-1px)}.test-login-button:disabled{opacity:.7;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.divider span{padding:0 1rem;color:#718096;font-size:.875rem;font-weight:500}.login-footer{margin-top:2rem;text-align:center}.login-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff26}.login-divider span{padding:0 1rem;color:#ffffff80;font-size:.875rem;font-weight:500}.email-signin-button{width:100%;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.75rem;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem}.email-signin-button:hover:not(:disabled){background:#3b82f633;border-color:#3b82f680;transform:translateY(-1px)}.email-form{width:100%}.email-form .form-group{margin-bottom:1rem}.email-form label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.875rem;font-weight:500}.email-form input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s}.email-form input::placeholder{color:#fff6}.email-form input:focus{outline:none;background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.email-form .submit-button{width:100%;padding:1rem;margin-top:1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.email-form .submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.email-form .submit-button:disabled{opacity:.7;cursor:not-allowed}.email-form .back-button{width:100%;padding:.75rem;margin-top:.75rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#ffffffb3;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.email-form .back-button:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.form-help-text{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary);opacity:.7}.demo-note{color:#718096;font-size:.875rem;margin:0}.demo-note strong{color:#a0aec0;font-weight:600}.test-note{color:#f59e0b;font-size:.75rem;margin-top:.5rem;opacity:.8}.payment-field-container{margin-bottom:1.5rem}.payment-card-fields{background:#2d37484d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.payment-field-row{display:flex;gap:1rem;margin-bottom:1rem}.payment-field-row:last-child{margin-bottom:0}.payment-field-group{flex:1}.payment-field-group label{display:block;color:#a0aec0;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.payment-input{background:#2d374880;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:1rem;color:#fff;font-size:1rem;transition:all .2s;min-height:3rem}.payment-input:focus-within{border-color:#667eea;background:#2d3748cc;box-shadow:0 0 0 3px #667eea1a}.payment-amount{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem;text-align:center;color:#93c5fd;margin:1rem 0}.payment-error{background:#f565651a;border:1px solid rgba(245,101,101,.3);border-radius:8px;padding:1rem;color:#fed7d7;margin:1rem 0}.payment-submit-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;color:#fff;font-size:1.1rem;font-weight:600;padding:1.25rem;cursor:pointer;transition:all .2s;margin-top:1rem}.payment-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.payment-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.payment-ach-fields,.payment-wallet-fields{background:#2d37484d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center}.payment-field-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#a0aec0}.payment-wallet-buttons{display:flex;gap:1rem;justify-content:center}.wallet-btn{display:flex;align-items:center;gap:.5rem;background:#2d374880;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;font-size:1rem;font-weight:500;padding:1rem 1.5rem;cursor:pointer;transition:all .2s}.wallet-btn:hover{background:#2d3748cc;border-color:#ffffff4d;transform:translateY(-1px)}.wallet-btn.apple-pay{background:#000c;border-color:#ffffff4d}.wallet-btn.google-pay{background:#4285f4cc;border-color:#4285f480}.user-menu{display:flex;align-items:center;gap:1rem;margin-left:2rem;padding-left:2rem;border-left:1px solid var(--border-subtle)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px!important;height:32px!important;border-radius:50%;border:2px solid var(--accent-blue);object-fit:cover;display:block!important;background:#f0f0f0}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#06c,#004a99);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase}.user-details{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.logout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#ef444433;transform:translateY(-1px)}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.users-view{height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;position:relative}.users-view .view-content{flex:1;overflow-y:auto;padding:0 2rem 2rem}.view-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid var(--border-subtle)}.header-left h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.subtitle{margin:.5rem 0 0;color:var(--text-muted);font-size:.875rem}.search-bar{position:relative;display:flex;align-items:center}.search-bar svg{position:absolute;left:1rem;color:var(--text-muted);z-index:1}.search-bar input{padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;width:250px}.search-bar input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.users-grid{flex:1;overflow:hidden;padding:2rem}.grid-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 1.5fr 1fr;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;font-weight:600;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.grid-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 1.5fr 1fr;gap:1rem;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-top:none;align-items:center;transition:background-color .2s}.grid-row:hover{background:var(--bg-secondary)}.grid-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.grid-cell{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.user-name{font-weight:600;color:var(--text-primary)}.user-username{font-size:.75rem;color:var(--text-muted)}.cell-icon{color:var(--text-muted);flex-shrink:0}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.inactive{background:#9ca3af33;color:var(--text-muted)}.actions{display:flex;gap:.5rem}.icon-button{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-muted);padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.icon-button.danger{color:#ef4444;border-color:#ef44444d}.icon-button.danger:hover{background:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto;width:100%;max-width:32rem}.modal.large{max-width:64rem}.modal-header{padding:1.5rem 2rem 0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.user-form{padding:2rem}.user-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.primary-button{background:var(--accent-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.secondary-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.secondary-button:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.roles-view{height:100%;display:flex;flex-direction:column}.roles-grid{flex:1;padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;overflow-y:auto}.role-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s}.role-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.role-title{display:flex;align-items:center;gap:.5rem}.role-title svg.system-role{color:var(--accent-blue)}.role-title svg.custom-role{color:var(--accent-blue)}.system-lock{color:var(--text-muted)}.role-name{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.role-description{margin:.5rem 0 0;color:var(--text-muted);font-size:.875rem;line-height:1.4}.role-actions{display:flex;gap:.5rem}.role-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.role-modules{display:flex;flex-direction:column;gap:.75rem}.module-permissions{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.module-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.permissions-list{display:flex;gap:.5rem;flex-wrap:wrap}.permission-badge{background:#8b5cf61a;color:var(--accent-blue);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.no-access{color:var(--text-muted);font-size:.75rem;font-style:italic}.role-form{padding:2rem}.permissions-section{margin-top:2rem}.permissions-section h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.permissions-subtitle{margin:0 0 1.5rem;color:var(--text-muted);font-size:.875rem}.permissions-table{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.permissions-header{display:grid;grid-template-columns:2fr 3fr;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.module-column{padding:1rem 1.5rem;font-weight:600;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.permission-columns{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--border-subtle)}.permission-column{padding:1rem .5rem;text-align:center;font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;border-left:1px solid var(--border-subtle)}.permission-column:first-child{border-left:none}.permission-row{display:grid;grid-template-columns:2fr 3fr;border-bottom:1px solid var(--border-subtle);background:var(--bg-primary)}.permission-row:last-child{border-bottom:none}.module-info{padding:1rem 1.5rem;border-right:1px solid var(--border-subtle)}.module-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.module-toggle input[type=checkbox]{width:auto;margin:0}.module-toggle .module-name{font-weight:500;color:var(--text-primary)}.permission-checks{display:grid;grid-template-columns:repeat(7,1fr)}.permission-check{display:flex;align-items:center;justify-content:center;padding:1rem .5rem;border-left:1px solid var(--border-subtle)}.permission-check:first-child{border-left:none}.permission-checkbox{cursor:pointer}.permission-checkbox input[type=checkbox]{display:none}.check-icon{transition:all .2s}.check-icon.checked{color:var(--accent-blue)}.check-icon.unchecked{color:var(--text-muted)}.permission-checkbox:hover .check-icon{transform:scale(1.1)}.loading-spinner p{color:var(--text-muted);font-size:.875rem;margin:0}.active-script-view{display:flex;flex-direction:column;height:100%;gap:1rem}.script-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--surface-elevated);border-radius:.5rem;border:1px solid var(--border-subtle)}.script-actions{display:flex;gap:.5rem;align-items:center}.start-call-btn-sidebar{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#34d399!important;color:#fff!important;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.start-call-btn-sidebar:hover{background:#2cb67d!important;transform:translateY(-1px)}.btn.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-moderate);transform:translateY(-1px)}.script-info h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.script-info p{margin:0;color:var(--text-muted);font-size:.875rem}.start-call-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-green);color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.start-call-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.script-edit-view{display:flex;flex-direction:column;height:100%}.script-edit-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.script-edit-tabs{display:flex;gap:.5rem}.script-edit-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.script-edit-tab:hover{background:var(--bg-tertiary);border-color:var(--border-moderate)}.script-edit-tab.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.script-edit-actions{display:flex;gap:.75rem;align-items:center}.edit-script-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--accent-blue);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.edit-script-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.duplicate-btn{background:var(--accent-green);border:none;color:#fff;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.duplicate-btn:hover{background:#10b981;transform:translateY(-1px)}.share-btn{background:var(--accent-blue);border:none;color:#fff;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:#8b5cf6;transform:translateY(-1px)}.script-content-editor{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-editor-container{flex:1;display:flex;overflow:hidden}.script-pages-editor{display:flex;width:100%;height:100%}.pages-sidebar{width:250px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column}.pages-list{flex:1;padding:1rem;overflow-y:auto}.page-item{display:flex;flex-direction:row;gap:.25rem;padding:.75rem;margin-bottom:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.page-item:hover{background:var(--surface-glass-hover);border-color:var(--border-moderate)}.page-item.selected{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.page-title{font-weight:500;font-size:.875rem}.page-type{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.025em}.page-editor-main{flex:1;padding:2rem;overflow-y:auto}.script-workflow-editor{flex:1;display:flex;flex-direction:column;overflow:hidden}.workflow-editor-container{flex:1;display:flex;flex-direction:column;height:100%}.workflow-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.workflow-title{color:var(--text-primary);margin:0;font-size:1.25rem}.workflow-controls{display:flex;gap:.5rem}.workflow-canvas{flex:1;position:relative;background:var(--bg-tertiary)}.workflow-view-message{text-align:center;color:var(--text-muted);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.workflow-view-message h3{color:var(--text-primary);margin:1rem 0 .5rem}.script-preview-container{flex:1;background:#f8fafc;border-radius:.5rem;border:1px solid var(--border-subtle);overflow:hidden;position:relative}.script-preview-container .public-form-container{height:100%;overflow-y:auto}.published-script-item.selected{background:var(--surface-elevated);border-color:var(--accent-blue);box-shadow:0 2px 8px #8b5cf61a}.published-script-item{cursor:pointer;transition:all .2s}.published-script-item:hover{background:var(--surface-elevated);transform:translateY(-1px)}.preview-badge{background:var(--accent-blue);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.public-form-container input:disabled,.public-form-container textarea:disabled,.public-form-container select:disabled{opacity:.6;cursor:not-allowed}.script-preview-container .public-form-container{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.script-preview-container .public-form-content{flex:1;overflow-y:auto;padding:1rem}.script-preview-container .public-form-card{background:#fff;border-radius:.75rem;padding:2rem;margin:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:none;height:auto;min-height:400px}.script-preview-container .public-form-header{flex-shrink:0;padding:.75rem 1rem}.script-preview-container .public-form-logo{height:20px}.public-form-success{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center}.public-form-success .success-icon{width:64px;height:64px;background:var(--accent-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.public-form-success h2{margin:0;color:var(--text-primary);font-size:1.5rem}.public-form-success p{margin:0;color:var(--text-muted)}.public-form-success-styled{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;text-align:center}.success-icon-styled{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 25px #10b98140;animation:success-pulse 2s ease-in-out infinite}@keyframes success-pulse{0%,to{transform:scale(1);box-shadow:0 10px 25px #10b98140}50%{transform:scale(1.05);box-shadow:0 15px 35px #10b98159}}.success-icon-styled svg{width:40px;height:40px}.success-title{margin:0;font-size:2rem;font-weight:700;color:#1f2937;line-height:1.2}.success-message{margin:0;font-size:1.125rem;color:#6b7280;line-height:1.6;max-width:400px}.success-button{margin-top:1rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #4285f426}.success-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f440}.workflow-btn{padding:.5rem!important;min-width:auto!important;gap:0!important;border-radius:.5rem!important;transition:all .2s ease!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)!important}.workflow-btn.btn-secondary{background:#fff!important;color:#1f2937!important;border:1px solid #6b7280!important}.workflow-btn.btn-secondary:hover{background:#f9fafb!important;border-color:#374151!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.workflow-btn.btn-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue) 100%)!important;border:1px solid rgba(255,255,255,.2)!important}.workflow-btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.workflow-controls{display:flex;align-items:center;gap:.5rem}.settings-nav{padding:1rem}.settings-subnav{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;text-align:left;width:100%}.settings-nav-item:hover{background:#ffffff0d;border-color:var(--border-moderate);color:var(--text-primary);transform:translateY(-1px)}.settings-nav-item.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 2px 8px #60a5fa4d}.settings-nav-item.active:hover{background:var(--accent-blue);transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa66}.leads-view{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary)}.leads-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.leads-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.header-left{display:flex;align-items:center;gap:2rem}.lead-stats{display:flex;gap:1.5rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-blue)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.header-actions{display:flex;align-items:center;gap:1rem}.filter-badge{background:var(--accent-orange);color:#fff;padding:.125rem .375rem;border-radius:var(--radius-pill);font-size:.75rem;margin-left:.5rem}.view-selector{position:relative}.view-dropdown{background:var(--surface-glass);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem}.lead-filters{position:absolute;top:100%;right:0;width:400px;background:var(--bg-secondary);border:1px solid var(--border-moderate);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;margin-top:.5rem}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.filters-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;color:var(--text-primary)}.filters-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.filter-section{margin-bottom:1.5rem}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem}.filter-input{width:100%;padding:.5rem .75rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.status-label{padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-label.open{background:#10b981;color:#fff}.status-label.in_progress{background:#06b6d4;color:#fff}.status-label.contacted{background:#3b82f6;color:#fff}.status-label.qualified{background:#8b5cf6;color:#fff}.status-label.proposal{background:#f59e0b;color:#fff}.status-label.negotiation{background:#ec4899;color:#fff}.status-label.won{background:#059669;color:#fff}.status-label.lost{background:#dc2626;color:#fff}.priority-label{text-transform:capitalize}.priority-label.low{color:#6b7280}.priority-label.medium{color:#f59e0b}.priority-label.high{color:#fb923c}.priority-label.urgent{color:#ef4444}.date-range,.score-range{display:flex;align-items:center;gap:.75rem}.date-input,.score-input{flex:1;padding:.5rem .75rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.filters-footer{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-top:1px solid var(--border-subtle)}.footer-left,.footer-right{display:flex;gap:.75rem}.leads-table-container{flex:1;overflow-x:auto;overflow-y:auto;background:var(--bg-primary)}.leads-table{width:100%;border-collapse:collapse}.leads-table thead{position:sticky;top:0;background:var(--bg-secondary);z-index:10}.leads-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.leads-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.leads-table th.sortable:hover{color:var(--text-secondary)}.sort-indicator{margin-left:.5rem;color:var(--accent-blue)}.leads-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .2s}.leads-table tbody tr:hover{background:var(--surface-glass)}.leads-table tbody tr.selected{background:#60a5fa1a}.leads-table td{padding:1rem;font-size:.875rem;color:var(--text-secondary)}.checkbox-column{width:40px}.status-column{width:140px}.status-select{width:100%;padding:.375rem .75rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-left:3px solid;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-name{font-weight:600;color:var(--text-primary)}.contact-details{display:flex;flex-wrap:wrap;gap:1rem}.contact-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.contact-item svg{opacity:.5}.priority-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.75rem;text-transform:capitalize}.score-indicator{display:flex;align-items:center;gap:.5rem}.score-bar{width:60px;height:6px;background:var(--surface-glass);border-radius:3px;overflow:hidden}.score-fill{height:100%;transition:width .3s ease}.score-value{font-size:.75rem;font-weight:600}.assigned-info{display:flex;flex-direction:column;gap:.25rem}.territory-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.source-badge{padding:.25rem .75rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.75rem;text-transform:capitalize}.date-info{display:flex;flex-direction:column;gap:.25rem}.response-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--accent-green)}.action-buttons{display:flex;gap:.5rem;position:relative}.action-btn{padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--surface-glass);color:var(--text-primary)}.action-menu{position:relative}.action-dropdown{position:absolute;right:0;top:100%;width:160px;background:var(--bg-secondary);border:1px solid var(--border-moderate);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;z-index:100}.action-menu:hover .action-dropdown{display:block}.action-dropdown button{width:100%;padding:.5rem 1rem;background:none;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;font-size:.875rem}.action-dropdown button:hover{background:var(--surface-glass);color:var(--text-primary)}.action-dropdown button.danger{color:#ef4444}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-info{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.bulk-actions{display:flex;gap:.75rem}.bulk-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.bulk-action-btn:hover{background:var(--surface-glass-hover);color:var(--text-primary);border-color:var(--border-moderate)}.bulk-action-btn.danger{color:#ef4444}.bulk-action-form{display:flex;align-items:center;gap:1rem}.action-content{display:flex;align-items:center;gap:.75rem}.action-content label{font-size:.875rem;color:var(--text-secondary)}.action-select{padding:.5rem 1rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.tag-action-toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-glass);border-radius:var(--radius-sm)}.toggle-btn{padding:.375rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--accent-blue);color:#fff}.tag-selection{display:flex;flex-wrap:wrap;gap:.5rem}.tag-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.tag-label{padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;color:#fff}.export-options{display:flex;gap:.75rem}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.export-btn:hover{background:var(--surface-glass-hover);color:var(--text-primary);border-color:var(--border-moderate)}.warning-text{color:#ef4444;font-size:.875rem}.action-buttons{display:flex;gap:.75rem;margin-left:auto}.close-bulk-actions{padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.close-bulk-actions:hover{background:var(--surface-glass);color:var(--text-primary)}.lead-detail-modal{width:800px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.lead-detail-modal .modal-header{flex-shrink:0}.header-content{display:flex;align-items:center;gap:1rem}.lead-id{font-size:.875rem;color:var(--text-muted)}.modal-tabs{display:flex;gap:.25rem;padding:0 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.lead-detail-modal .modal-body{flex:1;overflow-y:auto;padding:1.5rem}.lead-summary{display:flex;flex-direction:column;gap:1.5rem}.summary-header{display:flex;justify-content:space-between;align-items:flex-start}.contact-name h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.25rem}.company-name{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-secondary)}.edit-input{padding:.5rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:inherit;width:100%}.edit-actions{display:flex;gap:.75rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-section{background:var(--surface-glass);padding:1rem;border-radius:var(--radius-md)}.info-section h4{font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.info-items{display:flex;flex-direction:column;gap:.5rem}.info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.info-item svg{color:var(--text-muted);flex-shrink:0}.info-item a{color:var(--accent-blue);text-decoration:none}.info-item a:hover{text-decoration:underline}.status-select.inline,.priority-select.inline{margin-left:.5rem;padding:.25rem .5rem;font-size:.75rem}.notes-section{background:var(--surface-glass);padding:1rem;border-radius:var(--radius-md)}.notes-section h4{font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.notes-content{font-size:.875rem;color:var(--text-secondary);white-space:pre-wrap}.no-notes{color:var(--text-muted);font-style:italic}.notes-textarea{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;resize:vertical}.quick-actions{display:flex;gap:.75rem;padding:1rem;background:var(--surface-glass);border-radius:var(--radius-md)}.quick-actions .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.quick-actions .action-btn:hover{background:var(--surface-glass);color:var(--text-primary);border-color:var(--border-moderate)}.activity-tab{display:flex;flex-direction:column;gap:1.5rem}.add-note-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--surface-glass);border-radius:var(--radius-md)}.note-input{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;resize:vertical}.activity-timeline{display:flex;flex-direction:column;gap:1rem}.empty-timeline{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:var(--text-muted)}.activity-item{display:flex;gap:1rem;padding:1rem;background:var(--surface-glass);border-radius:var(--radius-md);transition:all .2s}.activity-item:hover{background:var(--surface-glass-hover)}.activity-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0}.activity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-header{display:flex;justify-content:space-between;align-items:center}.activity-header strong{font-size:.875rem;color:var(--text-primary)}.activity-time{font-size:.75rem;color:var(--text-muted)}.activity-description{font-size:.875rem;color:var(--text-secondary);margin:0}.activity-user{font-size:.75rem;color:var(--text-muted)}.data-tab,.organized-form-data{display:flex;flex-direction:column;gap:1.5rem}.organized-form-data .data-section{background:var(--surface-glass);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.organized-form-data .data-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.organized-form-data .data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.organized-form-data .data-item{display:flex;flex-direction:column;gap:.25rem}.organized-form-data .data-key{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.organized-form-data .data-value{font-size:.875rem;color:var(--text-primary);word-break:break-word}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);gap:1rem}.form-data,.metadata{background:var(--surface-glass);padding:1rem;border-radius:var(--radius-md)}.form-data h4,.metadata h4{font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.data-grid{display:grid;gap:.75rem}.data-item{display:grid;grid-template-columns:180px 1fr;gap:1rem;padding:.5rem;background:var(--bg-primary);border-radius:var(--radius-sm);font-size:.875rem}.data-key{font-weight:500;color:var(--text-muted)}.data-value{color:var(--text-secondary);word-break:break-word}.user-agent{font-family:monospace;font-size:.75rem}.save-view-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background:var(--bg-secondary);border:1px solid var(--border-moderate);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.dialog-header h4{font-size:1rem;color:var(--text-primary)}.dialog-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.view-name-input,.view-description{width:100%;padding:.75rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.dialog-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-subtle)}.loading-cell,.empty-cell{text-align:center;padding:3rem}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border-subtle);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-right:.75rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-muted)}.empty-state h3{font-size:1.125rem;color:var(--text-secondary);margin:0}.empty-state p{font-size:.875rem;margin:0}.settings-content{padding:2rem;max-width:100%;overflow-y:auto;overflow-x:hidden}.settings-header{margin-bottom:2rem}.settings-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.settings-header p{color:var(--text-muted);font-size:.875rem}.settings-tabs{display:flex;gap:1rem;border-bottom:2px solid var(--border-subtle);margin-bottom:2rem}.settings-tabs .settings-tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-muted);font-weight:500;cursor:pointer;position:relative;transition:all .2s;display:flex;align-items:center;gap:.5rem}.settings-tabs .settings-tab:hover{color:var(--text-primary)}.settings-tabs .settings-tab.active{color:var(--accent-blue)}.settings-tabs .settings-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-blue)}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.settings-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.setting-description{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.logo-upload-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.logo-upload-container{margin-top:1rem}.current-logo-display{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.logo-preview{width:80px;height:80px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-image{max-width:100%;max-height:100%;object-fit:contain}.logo-actions{display:flex;gap:.75rem}.logo-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-glass);cursor:pointer;transition:all .2s ease;text-align:center}.logo-upload-zone:hover{border-color:var(--accent-blue);background:var(--surface-glass-hover)}.logo-upload-zone.drag-over{border-color:var(--accent-blue);background:#60a5fa0d;transform:scale(1.02)}.logo-upload-zone svg{color:var(--text-muted);margin-bottom:1rem}.logo-upload-zone h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.logo-upload-zone p{color:var(--text-muted);font-size:.875rem;margin-bottom:.25rem}.upload-requirements{font-size:.75rem!important;color:var(--text-disabled)!important}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-loading svg.spinning{animation:spin 1s linear infinite}.upload-loading p{color:var(--text-secondary);font-size:.875rem}.color-input-group{display:flex;align-items:center;gap:.75rem}.color-input{width:60px;height:40px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:transparent}.color-text-input{flex:1;max-width:120px}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-glass);color:var(--text-primary);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa1a}.form-help{display:block;margin-top:.375rem;font-size:.75rem;color:var(--text-muted);line-height:1.4}.settings-actions{display:flex;justify-content:flex-end;padding:1.5rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:-1.5rem -1.5rem 0}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent-blue);color:#fff;border:1px solid transparent}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-secondary{background:#fff;color:#1f2937;border:1px solid #6b7280}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#374151;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-outline:hover:not(:disabled){background:var(--surface-glass);color:var(--text-primary);border-color:var(--border-moderate)}.script-editor{background:var(--bg-secondary);color:var(--text-primary)}.script-editor .sidebar{width:320px;background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column}.script-editor .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem 1rem;border-bottom:none;background:transparent;margin-bottom:.5rem}.script-editor .sidebar-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.script-editor .add-page-btn{background:var(--accent-blue);color:#fff;border:none;padding:.375rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px}.script-editor .add-page-btn:hover{background:#1976d2;transform:scale(1.05)}.script-editor .add-page-btn:active{transform:scale(.95)}.script-editor .pages-list{flex:1;overflow-y:auto;padding:0 1rem 1rem;scrollbar-width:thin;scrollbar-color:#1a1a1a transparent}.script-editor .pages-list::-webkit-scrollbar{width:4px}.script-editor .pages-list::-webkit-scrollbar-track{background:transparent}.script-editor .pages-list::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:2px}.script-editor .pages-list::-webkit-scrollbar-thumb:hover{background:#2a2a2a}.script-editor .page-item{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;margin-bottom:.5rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.script-editor .page-item:hover{background:var(--surface-glass-hover);border-color:var(--border-moderate)}.script-editor .page-item.selected{background:#4285f41a;border-color:var(--accent-blue)}.script-editor .drag-handle{color:var(--text-muted);cursor:grab;padding:.25rem;margin:-.25rem .25rem -.25rem -.25rem;display:flex;align-items:center;opacity:.5;transition:opacity .2s ease;touch-action:none;pointer-events:auto;z-index:10}.script-editor .page-item:hover .drag-handle{opacity:1}.script-editor .page-item.dragging{opacity:.5;cursor:grabbing;z-index:1000}.script-editor .drag-handle:active{cursor:grabbing;opacity:1}.script-editor .page-item-content{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:1rem;min-width:0}.script-editor .page-number{font-size:.875rem;color:var(--text-muted);background:var(--surface-tertiary);font-weight:500;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px}.script-editor .page-item.selected .page-number{color:#fff;background:var(--accent-blue);font-weight:600}.script-editor .page-title{flex:1;color:var(--text-primary);font-weight:400;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem}.script-editor .page-item.selected .page-title{color:var(--text-primary);font-weight:500}.script-editor .page-item:hover .page-title{color:var(--text-primary)}.script-editor .page-hidden-indicator{color:#4a4a4a;opacity:.5}.script-editor .delete-page-btn{background:transparent;border:none;color:var(--text-muted);padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:0;position:relative;z-index:10}.script-editor .page-item:hover .delete-page-btn{opacity:.7}.script-editor .delete-page-btn:hover{opacity:1;color:var(--accent-pink);background:#f472b61a}.script-editor .delete-page-btn:active{transform:scale(.9)}.script-editor .workflow-details{padding:1rem}.script-editor .selected-page-info{margin-bottom:1.5rem}.script-editor .page-badge{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.script-editor .page-badge .page-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.script-editor .page-badge .page-type{font-size:.875rem;color:var(--text-muted);text-transform:capitalize}.script-editor .logic-section{margin-top:1.5rem}.script-editor .section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.script-editor .logic-rule{margin-bottom:1rem}.script-editor .rule-condition{margin-bottom:.5rem}.script-editor .condition-label,.script-editor .action-label{font-size:.875rem;color:var(--text-secondary);display:block;margin-bottom:.25rem}.script-editor .condition-value{font-weight:500;color:var(--text-primary)}.script-editor .page-select{width:100%;padding:.5rem;background:var(--surface-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.script-editor .conditional-logic-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.script-editor .field-branching{margin-bottom:1.5rem;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.script-editor .field-branching h5{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.script-editor .option-rule{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.script-editor .option-label{font-size:.875rem;color:var(--text-secondary);min-width:120px}.script-editor .main-content{background:#0a0a0a;padding:2rem;overflow-y:auto}.script-editor .page-editor{max-width:800px;margin:0 auto;background:var(--bg-tertiary);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:0 4px 12px #0000004d}.script-editor .editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.script-editor .editor-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.script-editor .editor-form{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.script-editor .form-row{margin-bottom:1.75rem;background:#ffffff05;padding:1.25rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.script-editor .form-row:last-child{margin-bottom:0}.script-editor .form-row label{display:block;font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.script-editor .form-row input[type=text],.script-editor .form-row textarea,.script-editor .form-row select{width:100%;padding:.875rem;background:var(--bg-secondary);border:1px solid var(--border-moderate);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.script-editor .form-row input[type=text]:focus,.script-editor .form-row textarea:focus,.script-editor .form-row select:focus{outline:none;border-color:var(--accent-blue);background:#4285f40d;box-shadow:0 0 0 3px #4285f41a}.script-editor .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.script-editor .checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.script-editor .fields-section{margin-top:2.5rem;padding:1.5rem;background:#4285f408;border-radius:var(--radius-lg);border:1px solid rgba(66,133,244,.1)}.script-editor .fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(66,133,244,.1)}.script-editor .fields-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.script-editor .fields-header h3:before{content:"";width:4px;height:20px;background:var(--accent-blue);border-radius:2px}.script-editor .fields-list{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.script-editor .field-item{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;transition:all .2s ease}.script-editor .field-item:hover{border-color:var(--accent-blue);background:#4285f40d;box-shadow:0 2px 8px #0000001a}.script-editor .field-header{display:flex;align-items:center;gap:.75rem}.script-editor .field-label-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text-primary);font-weight:500;transition:all .2s ease}.script-editor .field-label-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4285f41a}.script-editor .delete-field-btn{background:transparent;border:none;color:var(--text-muted);padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:all .2s ease;opacity:.5}.script-editor .field-item:hover .delete-field-btn{opacity:1}.script-editor .delete-field-btn:hover{background:#ef44441a;color:#ef4444}.script-editor .workflow-view{background:var(--bg-secondary)}.script-editor .workflow-header{background:var(--bg-tertiary)}.script-editor .workflow-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.script-editor .workflow-canvas{background:var(--bg-secondary)}.script-editor .workflow-empty,.script-editor .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-muted);text-align:center}.script-editor .workflow-empty svg,.script-editor .empty-state svg{color:var(--text-muted);opacity:.5}.script-editor .workflow-empty p,.script-editor .empty-state p{margin:0;color:var(--text-secondary)}.script-editor .empty-state h3{margin:0;color:var(--text-primary);font-size:1.125rem;font-weight:600}.preview-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.preview-modal-content{background:var(--bg-tertiary);border-radius:var(--radius-lg);width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.preview-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.preview-modal-body{flex:1;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column;min-height:600px}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.close-btn:hover{background:var(--surface-glass);color:var(--text-primary)}.script-actions button{background:transparent;border:none;padding:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.duplicate-btn{color:var(--accent-blue)}.duplicate-btn:hover{background:#a78bfa1a;transform:scale(1.1)}.share-btn{color:var(--accent-blue)}.share-btn:hover{background:#60a5fa1a;transform:scale(1.1)}.edit-btn{color:var(--accent-green)}.edit-btn:hover{background:#34d3991a;transform:scale(1.1)}.delete-btn{color:var(--text-muted)}.delete-btn:hover{color:var(--accent-pink);background:#f472b61a;transform:scale(1.1)}.share-roles-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;max-height:300px;overflow-y:auto}.share-role-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;cursor:pointer;transition:all .2s ease}.share-role-item:hover{background:var(--surface-tertiary)}.share-role-item input[type=checkbox]{cursor:pointer}.share-role-item span{color:var(--text-primary);flex:1}.script-status-display{margin-top:.5rem}.script-status-display .script-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.script-status-display .script-status.active{background:#22c55e1a;color:#22c55e}.script-status-display .script-status.inactive{background:#94a3b81a;color:#94a3b8}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-top:1px solid var(--border-subtle);margin-top:auto}.theme-icon{font-size:1.25rem;margin-top:auto}.theme-toggle-container{display:flex;align-items:center;gap:.75rem;margin-right:1.5rem}.theme-toggle{position:relative;display:inline-block;width:48px;height:24px}.theme-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:background-color .3s ease;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:transform .3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.theme-toggle input:checked+.toggle-slider{background-color:#4285f4}.theme-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.theme-toggle input:focus+.toggle-slider{box-shadow:0 0 0 2px #4285f44d}.theme-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;min-width:40px}body.light-theme .toggle-slider{background-color:#e0e0e0}body.light-theme .theme-toggle input:checked+.toggle-slider{background-color:#4285f4}.service-comparison-container{--bg-primary: #ffffff00 !important;--border-subtle: #ffffff00 !important}.service-comparison-container .table-header{display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:#2d3748cc;font-weight:700;color:var(--text-primary)}.service-comparison-container .table-header.flex{display:flex!important}.service-comparison-container .table-header.flex>*{flex:1 1 25%}body.light-theme .form-input,body.light-theme .form-group input,body.light-theme .form-group select,body.light-theme .form-group textarea{background:#fff;border:1px solid #d0d0d5;color:#1d1d1f}body.light-theme .form-input:focus,body.light-theme .form-group input:focus,body.light-theme .form-group select:focus,body.light-theme .form-group textarea:focus{border-color:#06c;background:#fff;box-shadow:0 0 0 3px #0066cc1a}body.light-theme .form-input::placeholder{color:#86868b}body.light-theme .settings-section{background:#fff;border:1px solid #e0e0e3;box-shadow:0 1px 3px #00000014}body.light-theme .settings-section:hover{box-shadow:0 4px 8px #0000001f}body.light-theme .modal{background:#fff;border:1px solid #d0d0d5;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.grid-header{color:var(--text-secondary)}body.light-theme .grid-header{background:#f9f9fb;color:#424245;border-bottom:2px solid #e0e0e3}.settings-tabs .settings-tab.active{font-weight:600}.settings-tabs .settings-tab.active:after{height:3px;border-radius:2px 2px 0 0}body.light-theme .settings-tabs .settings-tab.active{color:#06c}body.light-theme .settings-tabs .settings-tab.active:after{background:#06c}.settings-nav-item:focus-visible,.role-card:focus-visible,.icon-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}body.light-theme .settings-nav-item:focus-visible,body.light-theme .role-card:focus-visible,body.light-theme .icon-button:focus-visible{outline-color:#06c}.grid-row:focus-within{outline:2px solid var(--accent-blue);outline-offset:-2px}.user-avatar,.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-avatar-placeholder{background:linear-gradient(135deg,var(--accent-blue),var(--accent-pink));color:#fff;text-transform:uppercase}body.light-theme .user-avatar-placeholder{background:linear-gradient(135deg,#06c,#db2777)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted);min-height:400px}.empty-state svg{color:var(--text-disabled);margin-bottom:1.5rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{font-size:.875rem;color:var(--text-muted);margin:0 0 1.5rem;max-width:400px}body.light-theme .empty-state{background:#f9f9fb;border-radius:var(--radius-lg)}.primary-button,.btn-primary,.secondary-button,.btn-secondary{padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;min-height:40px}.icon-button{width:40px;height:40px;padding:0}@media (max-width: 768px){.view-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{flex-direction:column;width:100%}.search-bar,.search-bar input{width:100%}}