:root{--color-primary: #00a9eb;--color-primary-dark-1: #0092cc;--color-primary-dark-2: #007cae;--color-primary-dark-3: #006791;--color-primary-dark-4: #005375;--color-primary-dark-5: #003f5b;--color-primary-dark-6: #002c41;--color-primary-dark-7: #001b29;--color-primary-dark-8: #000a13;--color-primary-dark-9: #000103;--color-primary-light-1: #3db2ee;--color-primary-light-2: #5bbbf0;--color-primary-light-3: #73c4f3;--color-primary-light-4: #89cdf5;--color-primary-light-5: #9ed5f7;--color-primary-light-6: #b2def9;--color-primary-light-7: #c5e6fb;--color-primary-light-8: #d9effc;--color-primary-light-9: #ecf7fe;--color-magenta: #df00eb;--color-purple: #7d00eb;--color-deep-blue: #1b00eb;--color-blue: #0047eb;--color-cyan: #00ebcb;--color-green: #00eb69;--color-bright-green: #00eb07;--color-lime: #5beb00;--color-success: #00eb69;--color-warning: #df00eb;--color-error: #df00eb;--color-info: #00a9eb;--color-text-primary: #001b29;--color-text-secondary: #003f5b;--color-text-muted: #006791;--color-text-light: #0092cc;--color-bg-primary: #ecf7fe;--color-bg-secondary: #d9effc;--color-bg-tertiary: #c5e6fb;--color-bg-white: #ffffff;--color-border-light: #b0c5ff;--color-border-medium: #89cdf5;--color-border-dark: #5bbbf0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{line-height:1.6;color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark-1)}input,select,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--color-border-light);border-radius:6px;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-primary-light-5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light-3)}code{font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;background:var(--color-bg-secondary);padding:.2rem .4rem;border-radius:3px;font-size:.9em}::selection{background:var(--color-primary);color:var(--color-bg-white)}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}input:focus,select:focus,textarea:focus,button:focus{outline:none}img{max-width:100%;height:auto}@media print{body{background:var(--color-bg-white)}.no-print{display:none!important}}.loading-spinner{display:flex;justify-content:center;align-items:center}.loading-spinner--small{min-height:auto}.loading-spinner--small .loading-spinner__circle{width:20px;height:20px;border-width:2px}.loading-spinner--medium{min-height:100vh}.loading-spinner--medium .loading-spinner__circle{width:40px;height:40px;border-width:4px}.loading-spinner--large{min-height:100vh}.loading-spinner--large .loading-spinner__circle{width:60px;height:60px;border-width:6px}.loading-spinner__circle{border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.conversation-card{background:var(--color-bg-white);border:1px solid var(--color-bg-tertiary);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;position:relative}.conversation-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.conversation-card--dragging{opacity:.8;transform:rotate(2deg);box-shadow:0 8px 24px #0003}.conversation-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.conversation-card__header .customer-info{flex:1}.conversation-card__header .customer-info .customer-name{margin:0 0 .25rem;color:var(--color-text-primary);font-size:1rem;font-weight:600}.conversation-card__header .customer-info .customer-details{display:flex;flex-direction:column;gap:.25rem}.conversation-card__header .customer-info .customer-details span{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.8rem}.conversation-card__header .customer-info .customer-details span .icon{font-size:.7rem;width:12px}.conversation-card__header .conversation-status{display:flex;align-items:center;gap:.5rem}.conversation-card__header .conversation-status .status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.conversation-card__header .conversation-status .unread-badge{background:var(--color-error);color:var(--color-bg-white);border-radius:10px;padding:.15rem .4rem;font-size:.7rem;font-weight:600;min-width:18px;text-align:center}.conversation-card__appointment{margin-bottom:.75rem;padding:.75rem;background:var(--color-primary-light-9);border-radius:6px;border-left:3px solid var(--color-primary)}.conversation-card__appointment .appointment-info .service{margin-bottom:.5rem}.conversation-card__appointment .appointment-info .service strong{color:var(--color-text-primary);font-size:.9rem}.conversation-card__appointment .appointment-info .appointment-date{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.8rem}.conversation-card__appointment .appointment-info .appointment-date .icon{font-size:.7rem}.conversation-card__appointment .appointment-info .technician-info{margin-top:.25rem;font-size:.8rem;color:var(--color-text-secondary)}.conversation-card__appointment .appointment-info .technician-info strong{font-weight:600}.conversation-card__appointment .appointment-info .service-instructions,.conversation-card__appointment .appointment-info .location-instructions{margin-top:.5rem;padding:.5rem;background:var(--color-bg-white);border-radius:4px;border-left:2px solid var(--color-primary);font-size:.75rem}.conversation-card__appointment .appointment-info .service-instructions strong,.conversation-card__appointment .appointment-info .location-instructions strong{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.conversation-card__appointment .appointment-info .service-instructions p,.conversation-card__appointment .appointment-info .location-instructions p{margin:0;white-space:pre-wrap;line-height:1.4;color:var(--color-text-secondary)}.conversation-card__message{margin-bottom:.75rem}.conversation-card__message .message-content{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.conversation-card__message .message-content .icon{color:var(--color-text-muted);font-size:.8rem;margin-top:.1rem;flex-shrink:0}.conversation-card__message .message-content .message-text{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4;flex:1}.conversation-card__message .message-time{color:#adb5bd;font-size:.7rem;margin-left:1.3rem}.conversation-card__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-bg-tertiary)}.conversation-card__actions .action-btn{padding:.4rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.8rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.conversation-card__actions .action-btn:hover{opacity:.6}.conversation-card__details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-bg-tertiary);background:var(--color-bg-secondary);margin:1rem -1rem -1rem;padding:1rem;border-radius:0 0 8px 8px}.conversation-card__details .detail-section{margin-bottom:1rem}.conversation-card__details .detail-section:last-child{margin-bottom:0}.conversation-card__details .detail-section h5{margin:0 0 .5rem;color:var(--color-text-primary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.conversation-card__details .detail-section p{margin:0;color:var(--color-text-secondary);font-size:.8rem;line-height:1.4}.conversation-card__details .message-thread .message-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--color-bg-white);border-radius:4px;border-left:3px solid var(--color-border-light)}.conversation-card__details .message-thread .message-item .message-direction{font-size:.7rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase}.conversation-card__details .message-thread .message-item .message-text{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.conversation-card__details .message-thread .message-item .message-timestamp{font-size:.7rem;color:#adb5bd}.conversation-card[draggable=true]{-webkit-user-select:none;user-select:none}.conversation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.conversation-modal{background:var(--color-bg-white);border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.conversation-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--color-border-light)}.conversation-modal__header .header-info{flex:1}.conversation-modal__header .header-info h2{margin:0 0 12px;font-size:24px;color:var(--color-text-primary)}.conversation-modal__header .header-info .contact-details{display:flex;gap:20px;margin-bottom:8px;font-size:14px;color:var(--color-text-muted)}.conversation-modal__header .header-info .contact-details .phone,.conversation-modal__header .header-info .contact-details .location{display:flex;align-items:center;gap:6px}.conversation-modal__header .header-info .contact-details .phone svg,.conversation-modal__header .header-info .contact-details .location svg{font-size:12px}.conversation-modal__header .header-info .appointment-details{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary);margin-top:8px}.conversation-modal__header .header-info .appointment-details svg{color:var(--color-primary)}.conversation-modal__header .header-info .appointment-details strong{color:var(--color-text-primary)}.conversation-modal__header .close-btn{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:4px;line-height:1;transition:color .2s}.conversation-modal__header .close-btn:hover{color:var(--color-error)}.conversation-modal__messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--color-bg-secondary)}.conversation-modal__messages .loading-state,.conversation-modal__messages .empty-state{text-align:center;color:var(--color-text-muted);padding:40px;font-size:16px}.conversation-modal__messages .message-bubble{max-width:70%;padding:12px 16px;border-radius:12px;animation:slideIn .2s ease-out}.conversation-modal__messages .message-bubble--sent{align-self:flex-end;background:var(--color-primary);color:var(--color-bg-white);border-bottom-right-radius:4px}.conversation-modal__messages .message-bubble--received{align-self:flex-start;background:var(--color-bg-white);color:var(--color-text-primary);border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.conversation-modal__messages .message-bubble .message-content{margin-bottom:6px;line-height:1.5;word-wrap:break-word}.conversation-modal__messages .message-bubble .message-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;opacity:.8}.conversation-modal__messages .message-bubble .message-meta .message-status{text-transform:capitalize;padding:2px 6px;border-radius:4px;background:#fff3;font-weight:600;font-size:10px}.conversation-modal__messages .message-bubble .message-meta .message-status--delivered{background:#28a74533;color:#1e7e34;border:1px solid rgba(40,167,69,.3)}.conversation-modal__messages .message-bubble .message-meta .message-status--sent{background:#ffc10733;color:#d39e00;border:1px solid rgba(255,193,7,.3)}.conversation-modal__messages .message-bubble .message-meta .message-status--failed{background:#dc354533;color:#c82333;border:1px solid rgba(220,53,69,.3)}.conversation-modal__reply{padding:20px;border-top:1px solid var(--color-border-light);background:var(--color-bg-white)}.conversation-modal__reply .reply-input{width:100%;padding:12px;border:1px solid var(--color-border-medium);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px;transition:border-color .2s}.conversation-modal__reply .reply-input:focus{outline:none;border-color:var(--color-primary)}.conversation-modal__reply .reply-input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.conversation-modal__reply .send-btn{width:100%;padding:12px 24px;background:var(--color-primary);color:var(--color-bg-white);border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.conversation-modal__reply .send-btn:hover:not(:disabled){background:var(--color-primary-dark-2)}.conversation-modal__reply .send-btn:disabled{background:var(--color-text-muted);cursor:not-allowed;opacity:.6}.conversation-modal__reply .send-btn svg{font-size:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.conversation-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1rem}@media (max-width: 768px){.conversation-lanes{grid-template-columns:1fr;gap:1rem}}.conversation-lane{background:var(--color-bg-white);border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-border-medium);overflow:hidden;transition:all .2s ease;min-height:500px;display:flex;flex-direction:column}.conversation-lane--dragging{box-shadow:0 4px 16px #3498db4d;transform:scale(1.02)}.conversation-lane__header{padding:1.5rem;border-bottom:2px solid var(--color-border-medium);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark-2) 100%)}.conversation-lane__header .lane-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.conversation-lane__header .lane-title .lane-icon{font-size:1.25rem;color:var(--color-bg-white)}.conversation-lane__header .lane-title h3{margin:0;color:var(--color-bg-white);font-size:1.1rem;font-weight:600}.conversation-lane__header .lane-title .lane-count{background:#ffffff4d;color:var(--color-bg-white);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:auto}.conversation-lane__header .lane-description{color:var(--color-bg-white);font-size:.85rem;margin:0;opacity:.9}.conversation-lane__content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;background:var(--color-bg-white)}.conversation-lane__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#adb5bd;text-align:center;padding:2rem}.conversation-lane__empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.conversation-lane__empty p{margin:0;font-size:.9rem;font-style:italic}.conversation-lane:has(.conversation-card[data-status=pending]) .conversation-lane__header{border-top-color:var(--color-text-muted)}.conversation-lane:has(.conversation-card[data-status=pending]) .conversation-lane__header .lane-icon{color:var(--color-bg-white)!important}.conversation-lane:has(.conversation-card[data-status=confirmed]) .conversation-lane__header{border-top-color:var(--color-success)}.conversation-lane:has(.conversation-card[data-status=confirmed]) .conversation-lane__header .lane-icon{color:var(--color-bg-white)!important}.conversation-lane:has(.conversation-card[data-status=needs_reschedule]) .conversation-lane__header{border-top-color:var(--color-warning)}.conversation-lane:has(.conversation-card[data-status=needs_reschedule]) .conversation-lane__header .lane-icon{color:var(--color-bg-white)!important}.conversation-lane:has(.conversation-card[data-status=closed]) .conversation-lane__header{border-top-color:var(--color-primary)}.conversation-lane:has(.conversation-card[data-status=closed]) .conversation-lane__header .lane-icon{color:var(--color-bg-white)!important}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-white);border:1px solid #b2def9;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.dashboard-header__title .logo{height:60px;margin-bottom:.5rem}.dashboard-header__title p{margin:0;color:#7f8c8d;font-size:1rem}.dashboard-header__info{display:flex;align-items:center;gap:2rem}.dashboard-header__info .user-info{text-align:right}.dashboard-header__info .user-info .user-details{display:flex;flex-direction:column;gap:.25rem}.dashboard-header__info .user-info .user-details .user-name{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font-weight:600;font-size:1rem}.dashboard-header__info .user-info .user-details .user-name .icon{color:var(--color-primary)}.dashboard-header__info .user-info .user-details .user-role{color:#7f8c8d;font-size:.85rem;font-style:italic}.dashboard-header__info .client-info{padding:.75rem 1rem;background:var(--color-bg-secondary);border-radius:8px;border-left:4px solid var(--color-primary)}.dashboard-header__info .client-info .client-name{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font-weight:500;font-size:.9rem}.dashboard-header__info .client-info .client-name .icon{color:var(--color-primary)}.dashboard-header__info .refresh-btn{padding:.75rem;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--color-text-muted)}.dashboard-header__info .refresh-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-primary);border-color:var(--color-primary)}.dashboard-header__info .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-header__info .refresh-btn .rotating{animation:spin 1s linear infinite}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1.5rem;align-items:flex-start;padding:1.5rem}.dashboard-header__title{text-align:center;width:100%}.dashboard-header__title h1{font-size:1.5rem}.dashboard-header__info{width:100%;justify-content:space-between;gap:1rem}.dashboard-header__info .user-info,.dashboard-header__info .client-info{text-align:left}}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.stats-cards{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}}.stats-card{background:var(--color-bg-white);border:1px solid #b2def9;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.stats-card--loading .loading-placeholder{width:100%;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,var(--color-border-light) 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px}.stats-card__icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stats-card__content{flex:1}.stats-card__content .stats-card__value{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem;line-height:1}.stats-card__content .stats-card__title{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.stats-card__content .stats-card__description{font-size:.8rem;color:#7f8c8d;line-height:1.3}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.integration-settings{background:var(--color-bg-white);border-radius:12px;padding:24px;max-width:800px;margin:0 auto}.integration-settings__header{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border-light)}.integration-settings__header .header-icon{font-size:32px;color:var(--color-primary);flex-shrink:0}.integration-settings__header .header-info{flex:1}.integration-settings__header .header-info h2{margin:0 0 8px;font-size:24px;color:var(--color-text-primary)}.integration-settings__header .header-info p{margin:0;color:var(--color-text-muted);font-size:14px}.integration-settings__content .credentials-form{margin-bottom:32px}.integration-settings__content .credentials-form h3{margin:0 0 20px;font-size:18px;color:var(--color-text-primary)}.integration-settings__content .credentials-form .form-group{margin-bottom:20px}.integration-settings__content .credentials-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-secondary);font-size:14px}.integration-settings__content .credentials-form .form-group input{width:100%;padding:10px 12px;border:1px solid var(--color-border-medium);border-radius:6px;font-size:14px;transition:border-color .2s}.integration-settings__content .credentials-form .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.integration-settings__content .credentials-form .form-group input::placeholder{color:#adb5bd}.integration-settings__content .credentials-form .test-result{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.integration-settings__content .credentials-form .test-result.success{background:var(--color-primary-light-9);color:var(--color-primary-dark-5);border:1px solid var(--color-primary-light-7)}.integration-settings__content .credentials-form .test-result.success svg{color:var(--color-success)}.integration-settings__content .credentials-form .test-result.error{background:var(--color-primary-light-9);color:var(--color-primary-dark-7);border:1px solid var(--color-primary-light-8)}.integration-settings__content .credentials-form .test-result.error svg{color:var(--color-error)}.integration-settings__content .credentials-form .technician-selection{margin:24px 0;padding:20px;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border-light)}.integration-settings__content .credentials-form .technician-selection h4{margin:0 0 8px;font-size:16px;color:var(--color-text-primary)}.integration-settings__content .credentials-form .technician-selection>p{margin:0 0 16px;color:var(--color-text-muted);font-size:13px}.integration-settings__content .credentials-form .technician-selection__actions{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-light)}.integration-settings__content .credentials-form .technician-selection__actions .selection-count{margin-left:auto;font-size:13px;color:var(--color-text-muted);font-weight:500}.integration-settings__content .credentials-form .technician-selection .technician-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.integration-settings__content .credentials-form .technician-selection .technician-list .technician-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:6px;cursor:pointer;transition:all .2s}.integration-settings__content .credentials-form .technician-selection .technician-list .technician-item:hover{border-color:var(--color-primary);background:#f0f8ff}.integration-settings__content .credentials-form .technician-selection .technician-list .technician-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.integration-settings__content .credentials-form .technician-selection .technician-list .technician-item .technician-name{flex:1;font-weight:500;color:var(--color-text-primary);font-size:14px}.integration-settings__content .credentials-form .technician-selection .technician-list .technician-item .technician-id{font-size:12px;color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:4px 8px;border-radius:4px}.integration-settings__content .credentials-form .form-actions{display:flex;gap:12px;margin-top:24px}.integration-settings__content .credentials-form .form-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:200px;white-space:nowrap}.integration-settings__content .credentials-form .form-hint{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:var(--color-primary-light-9);border:1px solid var(--color-warning);border-radius:6px;color:var(--color-primary-dark-4);font-size:13px}.integration-settings__content .credentials-form .form-hint svg{color:var(--color-warning);flex-shrink:0}.integration-settings__content .sync-section{padding:24px;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border-light)}.integration-settings__content .sync-section h3{margin:0 0 8px;font-size:18px;color:var(--color-text-primary)}.integration-settings__content .sync-section>p{margin:0 0 16px;color:var(--color-text-muted);font-size:14px}.integration-settings__content .sync-section .selected-techs-info{padding:10px 12px;background:var(--color-primary-light-9);border:1px solid var(--color-primary-light-7);border-radius:6px;color:var(--color-primary-dark-5);font-size:13px;margin-bottom:16px}.integration-settings__content .sync-section .selected-techs-info strong{font-weight:600}.integration-settings__content .sync-section .sync-warning{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-primary-light-9);border:1px solid var(--color-warning);border-radius:6px;color:var(--color-primary-dark-4);font-size:13px;margin-bottom:16px}.integration-settings__content .sync-section .sync-warning svg{color:var(--color-warning);flex-shrink:0}.integration-settings__content .sync-section .sync-result{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:6px;margin-bottom:16px;font-size:14px}.integration-settings__content .sync-section .sync-result svg{flex-shrink:0;margin-top:2px}.integration-settings__content .sync-section .sync-result.success{background:var(--color-primary-light-9);color:var(--color-primary-dark-5);border:1px solid var(--color-primary-light-7)}.integration-settings__content .sync-section .sync-result.success svg{color:var(--color-success)}.integration-settings__content .sync-section .sync-result.error{background:var(--color-primary-light-9);color:var(--color-primary-dark-7);border:1px solid var(--color-primary-light-8)}.integration-settings__content .sync-section .sync-result.error svg{color:var(--color-error)}.integration-settings__content .sync-section .sync-result strong{display:block;margin-bottom:8px}.integration-settings__content .sync-section .sync-result .sync-stats{display:flex;gap:16px;margin-top:8px;font-size:13px}.integration-settings__content .sync-section .sync-result .sync-stats span{padding:4px 8px;background:#0000000d;border-radius:4px}.integration-settings__content .sync-section button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:150px;white-space:nowrap}.integration-settings__footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end}.integration-settings__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--color-primary-dark-7)}.integration-settings__error svg{font-size:48px;margin-bottom:16px}.integration-settings__error p{margin:0;font-size:16px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn--primary{background:var(--color-primary);color:var(--color-bg-white)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark-2)}.btn--secondary{background:var(--color-text-muted);color:var(--color-bg-white)}.btn--secondary:hover:not(:disabled){background:#5a6268}.btn--outline{background:var(--color-bg-white);color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg-white)}.btn--link{background:transparent;color:var(--color-primary);padding:6px 12px;border:none;text-decoration:underline}.btn--link:hover:not(:disabled){color:var(--color-primary-dark-2)}.configuration-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.configuration-modal{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.configuration-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border-light);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark-2) 100%);color:#fff}.configuration-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.configuration-modal .modal-header .close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.configuration-modal .modal-header .close-btn:hover{background:#fff3}.configuration-modal .modal-tabs{display:flex;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.configuration-modal .modal-tabs .tab{flex:1;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.configuration-modal .modal-tabs .tab svg{font-size:1rem}.configuration-modal .modal-tabs .tab:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.configuration-modal .modal-tabs .tab.active{background:#fff;color:var(--color-primary);border-bottom-color:var(--color-primary)}.configuration-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.configuration-modal .modal-body .success-message{background:#d1fae5;border:2px solid var(--color-success);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.configuration-modal .modal-body .success-message p{margin:0;color:#065f46;font-size:.875rem;font-weight:500}.configuration-modal .modal-body .error-message{background:#fee2e2;border:2px solid var(--color-error);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.configuration-modal .modal-body .error-message p{margin:0;color:#991b1b;font-size:.875rem}.configuration-modal .modal-body .config-section h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.configuration-modal .modal-body .config-section .section-description{margin:0 0 2rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.configuration-modal .modal-body .config-section .form-group{margin-bottom:1.5rem}.configuration-modal .modal-body .config-section .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary);font-size:.875rem}.configuration-modal .modal-body .config-section .form-group label.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.configuration-modal .modal-body .config-section .form-group label.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.configuration-modal .modal-body .config-section .form-group label.checkbox-label span{font-size:.938rem}.configuration-modal .modal-body .config-section .form-group .time-input-group{display:flex;gap:.75rem;align-items:center}.configuration-modal .modal-body .config-section .form-group .time-input-group .time-value-input{width:100px;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;transition:all .2s}.configuration-modal .modal-body .config-section .form-group .time-input-group .time-value-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .config-section .form-group .time-input-group .time-unit-select{flex:1;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s}.configuration-modal .modal-body .config-section .form-group .time-input-group .time-unit-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .config-section .form-group small{display:block;margin-top:.375rem;color:var(--color-text-muted);font-size:.75rem}.configuration-modal .modal-body .config-section .reminder-send-time{margin-bottom:2rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:8px;border-left:4px solid var(--color-primary)}.configuration-modal .modal-body .config-section .reminder-send-time h4{margin:0 0 .5rem;font-size:.938rem;font-weight:600;color:var(--color-text-primary)}.configuration-modal .modal-body .config-section .reminder-send-time .help-text{margin:0 0 1rem;font-size:.813rem;color:var(--color-text-muted)}.configuration-modal .modal-body .config-section .reminder-send-time .time-input-group{display:flex;gap:1rem;align-items:center}.configuration-modal .modal-body .config-section .reminder-send-time .time-input-group .time-input{width:150px;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s}.configuration-modal .modal-body .config-section .reminder-send-time .time-input-group .time-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .config-section .reminder-send-time .time-input-group .time-display{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.configuration-modal .modal-body .config-section .ai-personalization-section{margin-bottom:2rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:8px;border-left:4px solid #10b981}.configuration-modal .modal-body .config-section .ai-personalization-section h4{margin:0 0 .5rem;font-size:.938rem;font-weight:600;color:var(--color-text-primary)}.configuration-modal .modal-body .config-section .ai-personalization-section .help-text{margin:0 0 1rem;font-size:.813rem;color:var(--color-text-muted)}.configuration-modal .modal-body .config-section .ai-personalization-section .checkbox-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:#fff;border-radius:6px;border:2px solid var(--color-border-light);transition:all .2s}.configuration-modal .modal-body .config-section .ai-personalization-section .checkbox-toggle:hover{border-color:var(--color-border-medium);box-shadow:0 2px 8px #0000000d}.configuration-modal .modal-body .config-section .ai-personalization-section .checkbox-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin:0;accent-color:#10b981}.configuration-modal .modal-body .config-section .ai-personalization-section .checkbox-toggle .toggle-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.configuration-modal .modal-body .config-section .ai-personalization-section .ai-info-box{margin-top:1rem;padding:1rem;background:#10b9811a;border-radius:6px;border:1px solid rgba(16,185,129,.3)}.configuration-modal .modal-body .config-section .ai-personalization-section .ai-info-box p{margin:.5rem 0;font-size:.813rem;color:var(--color-text-secondary);line-height:1.5}.configuration-modal .modal-body .config-section .ai-personalization-section .ai-info-box p:first-child{margin-top:0}.configuration-modal .modal-body .config-section .ai-personalization-section .ai-info-box p:last-child{margin-bottom:0}.configuration-modal .modal-body .config-section .ai-personalization-section .ai-info-box p strong{color:var(--color-text-primary)}.configuration-modal .modal-body .config-section .reminder-schedules{margin-bottom:1.5rem}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item{background:#fff;border:1px solid var(--color-border-light);border-radius:8px;padding:0;margin-bottom:1rem;transition:all .2s;overflow:hidden}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item:hover{border-color:var(--color-border-medium);box-shadow:0 2px 8px #0000000d}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item.disabled{border:1px solid var(--color-border-light);opacity:.6}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item.disabled:hover{border-color:var(--color-border-light);box-shadow:none}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item.disabled .checkbox-label{background:#f3f4f6}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item.disabled .schedule-inputs input,.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item.disabled .schedule-inputs select{background:var(--color-bg-secondary);color:var(--color-text-muted)}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .checkbox-label{margin:0;padding:.75rem 1rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .checkbox-label:hover{background:#e5e7eb}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0;accent-color:var(--color-primary)}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .checkbox-label span{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .schedule-inputs{display:flex;align-items:center;gap:.75rem;padding:1rem}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .schedule-inputs .schedule-value-input{width:100px;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;transition:all .2s}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .schedule-inputs .schedule-value-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .schedule-inputs .schedule-unit-select{flex:1;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .schedule-inputs .schedule-unit-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .config-section .reminder-schedules .reminder-schedule-item .schedule-inputs .btn{flex-shrink:0}.configuration-modal .modal-body .config-section .reminder-schedules>.btn{margin-top:.5rem}.configuration-modal .modal-body .config-section .preview-box{margin-top:2rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:8px;border-left:4px solid var(--color-primary)}.configuration-modal .modal-body .config-section .preview-box h4{margin:0 0 .75rem;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.configuration-modal .modal-body .config-section .preview-box p{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.configuration-modal .modal-body .config-section .preview-box p:last-child{margin-bottom:0}.configuration-modal .modal-body .config-section .preview-box p strong{color:var(--color-primary);font-weight:600}.configuration-modal .modal-body .config-section .preview-box ul{margin:.5rem 0;padding-left:1.5rem;color:var(--color-text-secondary);font-size:.875rem}.configuration-modal .modal-body .config-section .preview-box ul li{margin-bottom:.5rem;line-height:1.5}.configuration-modal .modal-body .config-section .preview-box em{color:var(--color-text-muted);font-style:italic}.configuration-modal .modal-body .config-section .preview-box .preview-example{padding:.75rem;background:#fff;border-radius:6px;font-size:.813rem}.configuration-modal .modal-body .config-section .system-default-prompt{margin-bottom:2rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:8px;border-left:4px solid var(--color-primary)}.configuration-modal .modal-body .config-section .system-default-prompt h4{margin:0 0 .5rem;font-size:.938rem;font-weight:600;color:var(--color-text-primary)}.configuration-modal .modal-body .config-section .system-default-prompt .help-text{margin:0 0 .75rem;font-size:.813rem;color:var(--color-text-muted)}.configuration-modal .modal-body .config-section .service-prompts-list{margin-bottom:2rem}.configuration-modal .modal-body .config-section .service-prompts-list h4{margin:0 0 1rem;font-size:.938rem;font-weight:600;color:var(--color-text-primary)}.configuration-modal .modal-body .config-section .service-prompts-list .service-prompt-item{background:#fff;border:2px solid var(--color-border-light);border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .2s}.configuration-modal .modal-body .config-section .service-prompts-list .service-prompt-item:hover{border-color:var(--color-border-medium);box-shadow:0 2px 8px #0000000d}.configuration-modal .modal-body .config-section .service-prompts-list .service-prompt-item .service-prompt-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.configuration-modal .modal-body .config-section .service-prompts-list .service-prompt-item .service-prompt-header .service-name-input{flex:1;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;font-weight:500;transition:all .2s}.configuration-modal .modal-body .config-section .service-prompts-list .service-prompt-item .service-prompt-header .service-name-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .config-section .service-prompts-list .service-prompt-item .service-prompt-header .btn{flex-shrink:0}.configuration-modal .modal-body .config-section .service-prompts-list>.btn{margin-top:.5rem}.configuration-modal .modal-body .config-section .prompt-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;line-height:1.5;resize:vertical;transition:all .2s}.configuration-modal .modal-body .config-section .prompt-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .config-section .prompt-textarea::placeholder{color:var(--color-text-muted)}.configuration-modal .modal-body .config-section code{background:#f3f4f6;padding:.125rem .375rem;border-radius:3px;font-family:Courier New,monospace;font-size:.813rem;color:var(--color-primary)}.configuration-modal .modal-body .test-section .service-select{width:100%;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s}.configuration-modal .modal-body .test-section .service-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .test-section .service-select:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.configuration-modal .modal-body .test-section .test-form .form-group{margin-bottom:1.5rem}.configuration-modal .modal-body .test-section .test-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary);font-size:.875rem}.configuration-modal .modal-body .test-section .test-form .form-group label .required{color:var(--color-error)}.configuration-modal .modal-body .test-section .test-form .form-group input{width:100%;padding:.75rem;border:1px solid var(--color-border-medium);border-radius:6px;font-size:.875rem;font-family:inherit;transition:all .2s}.configuration-modal .modal-body .test-section .test-form .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light-8)}.configuration-modal .modal-body .test-section .test-form .form-group input:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.configuration-modal .modal-body .test-section .test-form .form-group small{display:block;margin-top:.375rem;color:var(--color-text-muted);font-size:.75rem}.configuration-modal .modal-body .test-section .test-form .form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;margin-bottom:.5rem}.configuration-modal .modal-body .test-section .test-form .form-row .form-group{margin-bottom:0}@media (max-width: 768px){.configuration-modal .modal-body .test-section .test-form .form-row{grid-template-columns:1fr;gap:1rem}.configuration-modal .modal-body .test-section .test-form .form-row .form-group{margin-bottom:1rem}}.configuration-modal .modal-body .test-section .test-form .location-help{display:block;margin:.5rem 0 1.5rem;color:var(--color-text-muted);font-size:.75rem}.configuration-modal .modal-body .test-section .conversation-view{display:flex;flex-direction:column;gap:1.5rem}.configuration-modal .modal-body .test-section .conversation-view .appointment-info{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark-2) 100%);color:#fff;border-radius:8px;padding:1.5rem}.configuration-modal .modal-body .test-section .conversation-view .appointment-info h3{margin:0 0 1rem;font-size:1.25rem}.configuration-modal .modal-body .test-section .conversation-view .appointment-info .appointment-details p{margin:.5rem 0;font-size:.875rem}.configuration-modal .modal-body .test-section .conversation-view .appointment-info .appointment-details p strong{font-weight:600}.configuration-modal .modal-body .test-section .conversation-view .appointment-info .appointment-details .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.configuration-modal .modal-body .test-section .conversation-view .appointment-info .appointment-details .status-badge.confirmed{background:#10b98133;color:#059669}.configuration-modal .modal-body .test-section .conversation-view .contact-info{background:var(--color-bg-secondary);border-radius:8px;padding:1rem;border-left:4px solid var(--color-success)}.configuration-modal .modal-body .test-section .conversation-view .contact-info h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.configuration-modal .modal-body .test-section .conversation-view .contact-info p{margin:.375rem 0;font-size:.813rem;color:var(--color-text-secondary)}.configuration-modal .modal-body .test-section .conversation-view .contact-info p strong{color:var(--color-text-primary)}.configuration-modal .modal-body .test-section .conversation-view .conversation-messages h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.configuration-modal .modal-body .test-section .conversation-view .conversation-messages .success-info p{margin:.5rem 0;font-size:.875rem;color:var(--color-text-secondary)}.configuration-modal .modal-body .test-section .conversation-view .conversation-messages .success-info p strong{color:var(--color-text-primary)}.configuration-modal .modal-body .test-section .conversation-view>.btn{align-self:center;margin-top:1rem}.configuration-modal .modal-body .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.configuration-modal .modal-body .form-actions .btn{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.configuration-modal .modal-body .form-actions .btn:disabled{opacity:.5;cursor:not-allowed}.configuration-modal .modal-body .form-actions .btn.btn--secondary{background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border-medium)}.configuration-modal .modal-body .form-actions .btn.btn--secondary:hover:not(:disabled){background:var(--color-bg-primary)}.configuration-modal .modal-body .form-actions .btn.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark-2) 100%);color:#fff}.configuration-modal .modal-body .form-actions .btn.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00a9eb66}.configuration-modal .modal-body .form-actions .btn.btn--danger{background:var(--color-error);color:#fff;padding:.5rem}.configuration-modal .modal-body .form-actions .btn.btn--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.configuration-modal .modal-body .form-actions .btn.btn--small{padding:.5rem 1rem;font-size:.813rem}.configuration-modal .modal-body .form-actions .btn.btn--small.btn--danger{padding:.5rem}.configuration-modal .modal-body .form-actions .btn.btn--small svg{font-size:.875rem}.configuration-modal .modal-body .form-actions .btn svg{font-size:1rem}.configuration-modal .modal-body .info-box{margin-top:2rem;padding:1rem;background:var(--color-bg-secondary);border-radius:8px;border-left:4px solid var(--color-primary)}.configuration-modal .modal-body .info-box h4{margin:0 0 .75rem;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.configuration-modal .modal-body .info-box ol{margin:0;padding-left:1.5rem;color:var(--color-text-secondary);font-size:.75rem}.configuration-modal .modal-body .info-box ol li{margin-bottom:.375rem}.configuration-modal .modal-body .info-box p{margin:.5rem 0;color:var(--color-text-secondary);font-size:.813rem}.configuration-modal .modal-body .info-box p strong{color:var(--color-text-primary)}.btn .loading-spinner{width:16px;height:16px;border-width:2px}.dashboard{min-height:100vh;background:linear-gradient(135deg,var(--color-primary-light-9) 0%,var(--color-bg-primary) 100%);padding:2rem}.dashboard--loading{display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard--loading p{margin-top:1rem;color:var(--color-text-muted);font-size:1.1rem}.dashboard--error{display:flex;justify-content:center;align-items:center}.dashboard--error .error-content{text-align:center;background:var(--color-bg-white);padding:3rem;border-radius:12px;box-shadow:0 4px 6px #00000012}.dashboard--error .error-content h2{color:var(--color-error);margin-bottom:1rem}.dashboard--error .error-content p{color:var(--color-text-muted);margin-bottom:2rem}.dashboard__content{display:flex;flex-direction:column;gap:2rem}.dashboard__main{display:flex;flex-direction:column;gap:1.5rem}.dashboard__controls{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark-2) 100%);padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d}.dashboard__controls .filters{display:flex;gap:1rem;align-items:center}.dashboard__controls .filters .filter-select{padding:.5rem .75rem;border:1px solid #b2def9;border-radius:6px;background:var(--color-bg-white);font-size:.9rem;color:#112633}.dashboard__controls .filters .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3498db1a}.dashboard__controls .actions{display:flex;gap:.75rem;align-items:center}.dashboard__controls .actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-bg-white);border-radius:6px;background:var(--color-bg-white);color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;line-height:1;vertical-align:middle}.dashboard__controls .actions .btn:hover{background:var(--color-bg-secondary);border-color:var(--color-bg-white)}.dashboard__controls .actions .btn--primary{background:var(--color-bg-white);color:var(--color-primary);border-color:var(--color-bg-white)}.dashboard__controls .actions .btn--primary:hover{background:var(--color-bg-secondary);border-color:var(--color-bg-white)}.dashboard__controls .actions .btn--secondary{background:var(--color-bg-white);color:var(--color-primary);border-color:var(--color-bg-white)}.dashboard__controls .actions .btn--secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-bg-white)}.dashboard__controls .actions .btn--outline{background:transparent;color:var(--color-bg-white);border-color:var(--color-bg-white)}.dashboard__controls .actions .btn--outline:hover{background:#ffffff1a;border-color:var(--color-bg-white)}.dashboard__controls .actions .btn:disabled{opacity:.6;cursor:not-allowed}.dashboard__controls .actions .rotating{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay .modal-content{background:var(--color-bg-white);border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard__controls{flex-direction:column;gap:1rem;align-items:stretch}.dashboard__controls .filters{flex-wrap:wrap;justify-content:center}.dashboard__controls .actions{justify-content:center;flex-wrap:wrap}}.persona-builder{max-width:800px;margin:0 auto;padding:2rem;background:var(--color-bg-white);border-radius:12px;box-shadow:0 4px 6px #00000012}.persona-builder__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.persona-builder__title{display:flex;align-items:center;gap:1rem}.persona-builder__title h1{margin:0;color:var(--color-text-primary);font-size:1.8rem;font-weight:600}.persona-builder__title p{margin:.5rem 0 0;color:#7f8c8d;font-size:.95rem}.persona-builder__icon{color:var(--color-primary);font-size:2rem}.persona-builder__technician{text-align:right;background:var(--color-bg-secondary);padding:.75rem 1rem;border-radius:8px;border-left:4px solid var(--color-primary)}.persona-builder__technician strong{display:block;color:var(--color-text-primary);font-size:1.1rem}.persona-builder__technician .technician-code{color:#7f8c8d;font-size:.9rem}.persona-builder__message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.persona-builder__message--success{background-color:var(--color-primary-light-9);color:var(--color-primary-dark-5);border:1px solid var(--color-primary-light-7)}.persona-builder__message--error{background-color:var(--color-primary-light-9);color:var(--color-primary-dark-7);border:1px solid var(--color-primary-light-8)}.persona-builder__content{display:flex;flex-direction:column;gap:2rem}.persona-builder__section{background:#fafbfc;padding:1.5rem;border-radius:10px;border:1px solid var(--color-bg-tertiary)}.persona-builder__section .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.persona-builder__section .section-header h3{margin:0;color:var(--color-text-primary);font-size:1.2rem;font-weight:600}.persona-builder__section .section-header .section-icon{color:var(--color-primary);font-size:1.2rem}.persona-builder__section .section-description{margin:.5rem 0 1rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.4}.persona-builder__section .input-group{display:flex;flex-direction:column;gap:.75rem}.persona-builder__section .persona-input{width:100%;padding:.75rem 1rem;border:2px solid var(--color-bg-tertiary);border-radius:8px;font-size:.95rem;transition:all .2s ease;background:var(--color-bg-white)}.persona-builder__section .persona-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3498db1a}.persona-builder__section .persona-input::placeholder{color:#adb5bd}.persona-builder__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f0f0f0}.persona-builder__actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.persona-builder__actions .btn:disabled{opacity:.6;cursor:not-allowed}.persona-builder__actions .btn--primary{background:var(--color-primary);color:var(--color-bg-white)}.persona-builder__actions .btn--primary:hover:not(:disabled){background:var(--color-primary-dark-1);transform:translateY(-1px)}.persona-builder__actions .btn--secondary{background:var(--color-text-muted);color:var(--color-bg-white)}.persona-builder__actions .btn--secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.persona-builder__preview{margin-top:2rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:10px;border:1px solid var(--color-bg-tertiary)}.persona-builder__preview h3{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.1rem}.persona-builder__preview .preview-content p{margin:0 0 1rem;color:var(--color-text-secondary);font-weight:500}.persona-builder__preview .preview-content .message-preview{background:var(--color-bg-white);padding:1rem;border-radius:8px;border-left:4px solid var(--color-success);font-style:italic;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.75rem}.persona-builder__preview .preview-content small{color:var(--color-text-muted);font-style:italic}@media (max-width: 768px){.persona-builder{margin:1rem;padding:1.5rem}.persona-builder__header{flex-direction:column;gap:1rem;align-items:flex-start}.persona-builder__header__technician{text-align:left;width:100%}.persona-builder__actions{flex-direction:column}.persona-builder__actions .btn{width:100%}}.app{min-height:100vh;background:var(--color-bg-secondary)}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);padding:2rem}.error-page .error-content{background:var(--color-bg-white);padding:3rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;max-width:500px;width:100%}.error-page .error-content h2{color:var(--color-error);margin-bottom:1rem;font-size:1.5rem}.error-page .error-content p{color:var(--color-text-muted);margin-bottom:1rem;line-height:1.5}.error-page .error-content .error-details{background:var(--color-bg-secondary);padding:1rem;border-radius:8px;border-left:4px solid var(--color-error);margin-top:1.5rem}.error-page .error-content .error-details p{margin:0 0 .5rem;font-weight:600;color:var(--color-text-primary)}.error-page .error-content .error-details code{background:var(--color-bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:var(--color-text-secondary);font-size:.9rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center;&--primary{background:var(--color-primary);color:var(--color-bg-white);&:hover:not(:disabled){background:var(--color-primary-dark-1);transform:translateY(-1px)}}&--secondary{background:var(--color-text-muted);color:var(--color-bg-white);&:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}}&--outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);&:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg-white)}}}.btn:disabled{opacity:.6;cursor:not-allowed}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}@media (max-width: 768px){.btn{width:100%;margin-bottom:.5rem}}