:root{--brand-primary-dark:#081351;--brand-primary-medium:#43487b;--brand-primary-bright:#2577f9;--brand-accent-coral:#ff8078;--brand-accent-cyan:#00e5d1;--brand-neutral-light:#a3aed0;--color-primary:#2577f9;--color-primary-hover:#2577f9;--color-primary-active:#2577f9;--color-primary-light:#5158ff1a;--color-primary-muted:#5158ff33;--color-secondary:#43487b;--color-secondary-hover:#43487b;--color-secondary-active:#43487b;--color-secondary-light:#43487b1a;--color-accent:#00e5d1;--color-accent-hover:#00e5d1;--color-accent-light:#00e5d11a;--color-success:#00e5d1;--color-success-hover:#00e5d1;--color-success-light:#00e5d11a;--color-success-dark:#00e5d1;--color-warning:#ff8078;--color-warning-hover:#ff8078;--color-warning-light:#ff80781a;--color-warning-dark:#ff8078;--color-error:#ff8078;--color-error-hover:#ff8078;--color-error-light:#ff80781a;--color-error-dark:#ff8078;--color-info:#2577f9;--color-info-hover:#2577f9;--color-info-light:#5158ff1a;--color-neutral-50:#fafbfc;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#a3aed0;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#43487b;--color-neutral-800:#1f2937;--color-neutral-900:#081351;--color-bg-primary:#fff;--color-bg-secondary:var(--color-neutral-50);--color-bg-tertiary:var(--color-neutral-100);--color-bg-dark:#081351;--color-bg-dark-secondary:#43487b;--color-bg-overlay:#081351b3;--color-text-primary:#1a1a1a;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-text-on-dark:#ffffffe6;--color-text-on-primary:#fff;--color-border-primary:var(--color-neutral-200);--color-border-secondary:#a3aed0;--color-border-hover:#2577f9;--color-border-focus:#2577f9;--color-border-on-dark:#ffffff1a;--color-border-on-dark-subtle:#ffffff0d;--color-sidebar-bg:linear-gradient(180deg,var(--brand-primary-dark) 0%,#050b2e 100%);--color-sidebar-text:#fffc;--color-sidebar-text-active:#fff;--color-sidebar-item-hover:#5158ff26;--color-sidebar-item-active:#5158ff33;--color-btn-primary-bg:#2577f9;--color-btn-primary-hover:#2577f9;--color-btn-primary-active:#2577f9;--color-btn-primary-text:#fff;--color-btn-secondary-bg:#fff;--color-btn-secondary-border:#2577f9;--color-btn-secondary-text:#2577f9;--color-btn-secondary-hover-bg:#2577f9;--color-btn-secondary-hover-text:#fff;--color-btn-danger-bg:#ff8078;--color-btn-danger-hover:#ff8078;--color-btn-danger-text:#fff;--color-input-bg:#fff;--color-input-border:var(--color-border-secondary);--color-input-border-hover:#2577f9;--color-input-border-focus:#2577f9;--color-input-text:var(--color-text-primary);--color-input-placeholder:var(--color-text-muted);--color-input-disabled-bg:var(--color-neutral-100);--color-input-disabled-text:var(--color-text-tertiary);--color-card-bg:#fff;--color-card-border:var(--color-border-primary);--color-card-hover-border:#2577f9;--color-card-shadow:#0000001a;--color-card-shadow-hover:#5158ff26;--color-table-header-bg:var(--color-neutral-50);--color-table-header-text:var(--color-text-primary);--color-table-border:var(--color-border-primary);--color-table-row-hover:var(--color-primary-light);--color-table-row-selected:var(--color-primary-muted);--color-badge-primary-bg:#5158ff1a;--color-badge-primary-text:#2577f9;--color-badge-success-bg:#00e5d11a;--color-badge-success-text:#00e5d1;--color-badge-warning-bg:#ff80781a;--color-badge-warning-text:#ff8078;--color-badge-neutral-bg:var(--color-neutral-100);--color-badge-neutral-text:var(--color-text-secondary);--color-modal-overlay:#08135199;--color-modal-bg:#fff;--color-modal-header-border:var(--color-border-primary);--color-tooltip-bg:#081351;--color-tooltip-text:#fff;--color-focus-ring:#2577f9;--color-focus-ring-error:#ff8078;--color-status-active:#00e5d1;--color-status-inactive:var(--color-neutral-400);--color-status-pending:#ff8078;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-primary:0 4px 12px #5158ff4d;--shadow-primary-lg:0 6px 20px #5158ff66;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}@media (prefers-contrast:high){:root{--color-primary:#2577f9;--color-border-primary:var(--color-neutral-400);--color-text-secondary:var(--color-text-primary)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{font-family:Poppins,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-container{background-color:var(--color-bg-secondary);display:flex;height:100vh;overflow:hidden}.dashboard-sidebar{background:var(--color-bg-dark);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);display:flex;flex-direction:column;position:relative;transition:width var(--transition-base);width:280px;z-index:100}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--color-border-on-dark);display:flex;justify-content:center;padding:24px 20px;position:relative}.sidebar-logo{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.logo-image{height:60px;width:120px}.logo-title{color:var(--color-text-inverse);font-size:22px;font-weight:700}.logo-subtitle,.logo-title{margin:0;white-space:nowrap}.logo-subtitle{color:var(--color-text-on-dark);font-size:16px;font-weight:400}.account-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-border-on-dark);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.account-badge{font-size:11px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.account-id{font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapse-button{align-items:center;background:var(--color-sidebar-item-active);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:10}.collapse-button:hover{background:#ffffff4d;transform:scale(1.05)}.dashboard-sidebar.collapsed .sidebar-header{align-items:center;display:flex;justify-content:center;padding:24px 10px}.dashboard-sidebar.collapsed .collapse-button{position:static}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px 0}.sidebar-nav .account-info{margin:auto 12px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin:4px 12px;outline:none;padding:14px 20px;text-align:left;transition:all .2s ease;width:calc(100% - 24px)}.dashboard-sidebar.collapsed .nav-item{justify-content:center;margin:4px auto;padding:14px;width:48px}.nav-item:hover{background:var(--color-border-on-dark);transform:translateX(4px)}.dashboard-sidebar.collapsed .nav-item:hover{transform:translateX(0) scale(1.05)}.nav-item.active{background:var(--color-sidebar-item-active);box-shadow:0 4px 12px var(--color-card-shadow)}.nav-icon{flex-shrink:0}.nav-label{white-space:nowrap}.dashboard-sidebar.collapsed .nav-label{display:none}.sidebar-footer{border-top:1px solid var(--color-border-on-dark);padding:20px}.logout-button{align-items:center;background:var(--color-border-on-dark);border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.dashboard-sidebar.collapsed .logout-button{justify-content:center;padding:12px}.logout-button:hover{background:var(--color-sidebar-item-active);border-color:#ffffff80}.logout-icon{flex-shrink:0}.dashboard-sidebar.collapsed .logout-button span{display:none}.dashboard-main{background-color:var(--color-text-inverse);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dashboard-content{flex:1 1;height:100%;overflow:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:var(--color-border-on-dark-subtle)}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-sidebar-item-active);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:var(--color-neutral-100)}.dashboard-content::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width:1024px){.dashboard-sidebar{width:240px}.dashboard-sidebar.collapsed{width:70px}}@media (max-width:768px){.dashboard-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1000}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-sidebar.collapsed{transform:translateX(-100%);width:280px}.dashboard-main{width:100%}}.dashboard-content>*{animation:fadeIn .3s ease-out}.api-keys-section{margin-bottom:8px;margin-top:auto;padding:0 12px 12px}.api-keys-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.api-keys-button svg{flex-shrink:0;height:20px;width:20px}.api-keys-button:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.api-keys-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.api-keys-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.api-keys-modal-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:24px 28px}.api-keys-modal-title{align-items:center;color:var(--color-text-primary);display:flex;gap:12px}.api-keys-modal-title h2{font-size:22px;font-weight:700;margin:0}.api-keys-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.api-keys-modal-close:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.api-keys-modal-body{flex:1 1;overflow-y:auto;padding:28px}.api-keys-loading{align-items:center;color:var(--color-primary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.api-keys-loading p{color:var(--color-text-secondary);font-size:16px;margin-top:16px}.api-keys-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.api-keys-error svg{color:var(--color-error);margin-bottom:16px}.api-keys-error p{color:var(--color-error);font-size:15px;margin:0 0 20px}.api-keys-retry-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.api-keys-retry-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.api-keys-list{display:flex;flex-direction:column;gap:20px}.api-key-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:20px;transition:all .2s ease}.api-key-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-light)}.api-key-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.api-key-icon{font-size:18px}.api-key-value{background:#fff;border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;padding:12px 16px;word-break:break-all}.api-key-value.masked{color:var(--color-primary);font-weight:500;letter-spacing:1px}.api-keys-modal-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);padding:20px 28px}.api-keys-note{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:8px;margin:0}.api-keys-note svg{color:var(--color-primary);flex-shrink:0}.read-only-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.api-key-input{background:#fff;border:2px solid var(--color-primary);border-radius:8px;color:var(--color-text-primary);font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.api-key-input:focus{border-color:var(--color-primary-hover);box-shadow:0 0 0 3px var(--color-primary-light)}.api-key-input::placeholder{color:#9ca3af}.api-keys-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.api-keys-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.api-keys-action-btn:disabled{cursor:not-allowed;opacity:.6}.api-keys-action-btn.edit{background:var(--color-primary);box-shadow:0 4px 12px #667eea4d;color:#fff}.api-keys-action-btn.edit:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.api-keys-action-btn.cancel{background:#fff;border:2px solid var(--color-border-primary);color:var(--color-text-secondary)}.api-keys-action-btn.cancel:hover:not(:disabled){background:var(--color-neutral-100);border-color:#d1d5db}.api-keys-action-btn.save{background:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff}.api-keys-action-btn.save:hover:not(:disabled){background:#059669;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.profiles-page{background-color:var(--color-bg-secondary);margin:0 auto;max-width:1800px;min-height:100%;padding:32px 40px}.profiles-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.profiles-title-section h1{color:var(--color-text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.profiles-subtitle{color:var(--color-text-secondary);font-size:15px;margin:0}.profiles-subtitle strong{color:var(--color-primary);font-weight:600}.profiles-header-actions{align-items:center;display:flex;gap:12px}.create-profile-btn,.export-data-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.create-profile-btn:disabled,.export-data-btn:disabled{cursor:not-allowed;opacity:.5}.create-profile-btn{background:var(--color-primary);box-shadow:0 4px 12px var(--shadow-primary);color:#fff}.create-profile-btn:hover{box-shadow:0 6px 20px var(--shadow-primary-lg);transform:translateY(-2px)}.export-data-btn{background:#fff;border:2px solid var(--color-primary);color:var(--color-primary)}.export-data-btn:hover{background:var(--color-primary);box-shadow:0 6px 20px var(--shadow-primary-lg);color:#fff;transform:translateY(-2px)}.error-banner{background:#fee;border:1px solid #fcc;color:#c33;font-size:15px;padding:16px 20px}.loading-container{color:var(--color-primary);padding:80px 20px}.loading-container p{color:var(--color-primary);font-size:16px;margin-top:16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 16px var(--color-card-shadow);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.users-icon{background:#2577f9}.booking-icon{background:#ff8078}.location-icon{background:#00e5d1}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:28px}.profiles-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:16px;margin-bottom:24px;padding:20px}.profiles-controls,.search-box{align-items:center;display:flex}.search-box{flex:1 1;position:relative}.search-box .search-icon{color:var(--color-text-secondary);left:16px;position:absolute}.search-box .search-input{border:2px solid var(--color-border-primary);border-radius:8px;font-size:15px;padding:12px 12px 12px 48px;transition:all .2s ease;width:100%}.search-box .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.filters-section{align-items:center;color:var(--color-text-secondary);display:flex;gap:12px}.filter-select{background:#fff;border:2px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.results-info{margin-bottom:24px}.results-info p{color:var(--color-text-secondary);font-size:14px;margin:0}.results-info strong{color:var(--color-text-primary);font-weight:600}.profiles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.profile-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .2s ease}.profile-card:hover{border-color:#2577f9;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.profile-card-header{align-items:center;border-bottom:1px solid var(--color-neutral-100);display:flex;gap:16px;padding:24px 20px 16px}.profile-avatar{align-items:center;background:#2577f9;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:56px;justify-content:center;width:56px}.profile-name-section{flex:1 1;min-width:0}.profile-name{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-badge{align-items:center;background-color:#e6f3ff;border-radius:12px;color:#0969da;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;text-transform:capitalize}.profile-card-body{display:flex;flex-direction:column;gap:14px;padding:20px}.profile-info-row{align-items:center;display:flex;justify-content:space-between}.profile-info-row.no-booking{opacity:.6}.info-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px}.info-value{color:var(--color-text-primary);font-size:14px;font-weight:600}.phone-number{font-family:Monaco,Menlo,Courier New,monospace;font-size:13px}.booking-id{color:var(--color-primary);font-weight:700}.no-booking-text{color:var(--color-text-muted);font-style:italic;font-weight:500}.created-date{color:var(--color-text-secondary);font-size:13px}.profile-card-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-neutral-100);display:flex;gap:10px;padding:16px 20px}.profile-action-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.profile-action-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);color:#fff}.profile-action-btn.primary:hover{box-shadow:0 4px 12px var(--shadow-primary);transform:translateY(-1px)}.profile-action-btn.secondary{background:#fff;border:2px solid var(--color-border-primary);color:var(--color-text-secondary)}.profile-action-btn.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.profile-action-btn.danger{background:#fff;border:2px solid #dc262633;color:var(--color-error)}.profile-action-btn.danger:hover{background:var(--color-error);border-color:var(--color-error);box-shadow:0 4px 12px #dc26264d;color:#fff}.no-results{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:64px 24px;text-align:center}.no-results-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-results h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.no-results p{color:var(--color-text-secondary);font-size:15px;margin:0}.modal-content{max-height:85vh}.view-details-avatar{margin-bottom:32px;text-align:center}.large-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:100px;justify-content:center;margin:0 auto 16px;width:100px}.view-details-avatar h2{color:#24292e;font-size:28px;font-weight:700;margin:0 0 12px}.location-badge.large{align-items:center;background:#f6f8fa;border-radius:20px;color:var(--color-text-secondary);display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;text-transform:capitalize}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{background:#f6f8fa;border-radius:12px;padding:16px}.detail-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-value{color:#24292e;font-size:16px;font-weight:600}.detail-value .no-data{color:#959da5;font-style:italic;font-weight:400}.profile-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#24292e;font-size:14px;font-weight:600}.form-group input,.form-group select{border:2px solid #e1e4e8;border-radius:8px;font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input::placeholder{color:#959da5}.form-actions{border-top:2px solid #e1e4e8;justify-content:space-between;margin-top:8px;padding-top:16px}.form-actions,.form-actions-right{display:flex;gap:12px}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#f6f8fa;color:var(--color-text-secondary)}.btn-cancel:hover{background:#e1e4e8}.btn-submit{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);box-shadow:0 4px 12px var(--shadow-primary);color:#fff}.btn-submit:hover{box-shadow:0 6px 16px var(--shadow-primary-lg);transform:translateY(-2px)}.profile-action-btn{align-items:center;display:flex;gap:6px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.delete-modal{max-width:500px}.delete-warning{text-align:center}.delete-icon{color:var(--color-error);margin:0 auto 20px}.delete-warning h3{color:#24292e;font-size:20px;font-weight:600;margin:0 0 20px}.delete-user-info{background:#f6f8fa;border-radius:12px;margin-bottom:20px;padding:16px}.delete-user-info p{color:#24292e;font-size:15px;margin:4px 0}.delete-detail{color:var(--color-text-secondary)!important;font-size:13px!important}.delete-warning-text{background:#fef2f2;border-left:4px solid var(--color-error);border-radius:8px;color:var(--color-error);font-size:14px;margin:0;padding:12px 16px}.btn-delete{align-items:center;background:var(--color-error);border:none;border-radius:8px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-delete:hover{background:var(--color-error-hover);box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}@media (max-width:1024px){.profiles-page{padding:24px}.profiles-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.profiles-page{padding:20px 16px}.profiles-header{align-items:stretch;flex-direction:column;gap:16px}.create-profile-btn{justify-content:center;width:100%}.profiles-controls{align-items:stretch;flex-direction:column}.filters-section{flex-wrap:wrap}.filter-select{flex:1 1;min-width:140px}.profiles-grid{gap:16px;grid-template-columns:1fr}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-icon{font-size:24px;height:48px;width:48px}.stat-icon svg{height:24px;width:24px}.stat-value{font-size:24px}}.profile-card{animation:fadeIn .3s ease-out}.conversations-page{background-color:var(--color-bg-secondary);margin:0 auto;max-width:1800px;min-height:100vh;padding:32px 40px}.new-conversation-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.new-conversation-button:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px var(--shadow-primary);transform:translateY(-1px)}.conversations-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:380px 1fr;height:calc(100vh - 180px)}.conversations-sidebar{background:var(--color-text-inverse);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.search-container{border-bottom:1px solid #e1e4e8;padding:16px}.search-icon{color:#959da5;left:28px}.search-input{border:1px solid #e1e4e8;border-radius:8px;outline:none;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.conversations-list{flex:1 1;overflow-y:auto;padding:8px}.conversation-item{border:1px solid #0000;border-radius:8px;margin-bottom:6px;padding:14px;transition:all .2s ease}.conversation-item:hover{background:#f6f8fa;border-color:#e1e4e8}.conversation-item.active{background:var(--color-primary);border-color:var(--color-primary)}.conversation-item.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.conversation-avatar,.conversation-item.active .conversation-date,.conversation-item.active .conversation-id-label,.conversation-item.active .conversation-id-value,.conversation-item.active .conversation-number{color:var(--color-text-inverse)}.conversation-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);border-radius:50%;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;width:40px}.conversation-item.active .conversation-avatar{background:var(--color-sidebar-item-active)}.conversation-info{flex:1 1;min-width:0}.conversation-name{color:#24292e;font-size:15px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-name{color:var(--color-text-inverse)}.conversation-date{color:#959da5;font-size:12px;margin-bottom:6px}.conversation-item.active .conversation-date{color:var(--color-sidebar-text)}.conversation-preview{color:var(--color-text-secondary);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-preview{color:var(--color-text-on-dark)}.empty-conversations{align-items:center;color:#959da5;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-conversations svg{margin-bottom:16px;opacity:.5}.conversation-details{background:var(--color-text-inverse);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.customer-info-header{background:#f6f8fa;border-bottom:2px solid #e1e4e8;padding:20px 24px}.customer-details h2{color:#24292e;font-size:20px;font-weight:700;margin:0 0 8px}.conversation-timestamp{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:8px}.conversation-timestamp svg{flex-shrink:0}.conversation-ids-header{color:#959da5;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px}.conversation-ids-header .separator{color:#d1d5da;margin:0 8px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message-input-container{background:var(--color-text-inverse);border-top:2px solid #e1e4e8;display:flex;gap:12px;padding:16px 24px}.message-input{border:1px solid #e1e4e8;border-radius:24px;flex:1 1;outline:none;padding:12px 16px;transition:all .2s ease}.message-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.message-input:disabled{background:#f6f8fa}.send-button{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-text-inverse);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;width:48px}.send-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px var(--shadow-primary);transform:scale(1.05)}.send-button:disabled{background:#d1d5da}.send-button .spinning{animation:spin 1s linear infinite}.message{animation:fadeIn .3s ease-out;border-radius:16px;flex-direction:column;max-width:65%;padding:12px 16px}.user-message{align-self:flex-start;background:#f0f0f0;border-bottom-left-radius:4px;color:#24292e}.agent-message{align-self:flex-end;background:var(--color-primary);border-bottom-right-radius:4px;color:var(--color-text-inverse)}.system-message{align-self:center;background:#fff3cd;border:1px solid #ffeaa7;color:#856404;font-size:13px;max-width:60%;padding:10px 16px;text-align:center}.message-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.message-source{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.user-message .message-source{color:var(--color-primary)}.agent-message .message-source{color:#fffffff2}.message-timestamp{align-items:center;display:flex;font-size:10px;gap:4px}.user-message .message-timestamp{color:#959da5}.agent-message .message-timestamp{color:var(--color-sidebar-text)}.message-body{word-wrap:break-word;font-size:14px;line-height:1.6}.message-meta{border-top:1px solid #ffffff4d;color:#ffffffd9;display:flex;flex-wrap:wrap;font-size:10px;gap:12px;margin-top:10px;padding-top:10px}.message-meta span{align-items:center;display:flex}.details-loading,.no-messages,.no-selection{align-items:center;color:#959da5;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-messages svg,.no-selection svg{color:var(--color-primary);margin-bottom:16px;opacity:.3}.no-selection h3{color:#24292e;font-size:20px;margin:0 0 8px}.no-selection p{font-size:14px;margin:0}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;text-align:center}.error-state h3,.loading-state h3{color:#24292e;font-size:22px;margin:0 0 8px}.error-state p,.loading-state p{color:#959da5;font-size:14px;margin:0}.error-icon{color:#dc3545}.error-message{color:#dc3545!important;margin:16px 0!important}.error-details{background:#f6f8fa;border:1px solid #e1e4e8;margin:16px 0;max-width:600px}.error-details p{font-weight:600}.error-details code{color:#24292e;font-size:12px}.retry-button{color:var(--color-text-inverse);margin-top:16px}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#f6f8fa;border-radius:4px}.conversations-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#d1d5da;border-radius:4px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#959da5}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:var(--color-modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:var(--color-text-inverse);border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid #e1e4e8;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#24292e;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f6f8fa;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#e1e4e8;color:#24292e}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-description{color:var(--color-text-secondary);font-size:14px;margin:0 0 20px}.modal-description strong{color:var(--color-primary);font-weight:600}.users-list{display:flex;flex-direction:column;gap:12px}.user-item{align-items:center;border:2px solid #e1e4e8;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.user-item:hover{background:#f6f8fa;border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-light);transform:translateY(-2px)}.user-item .user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);border-radius:50%;color:var(--color-text-inverse);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.user-item .user-info{flex:1 1}.user-item .user-name{color:#24292e;font-size:16px;font-weight:600;margin-bottom:4px}.user-item .user-details{color:var(--color-text-secondary);font-size:13px}.modal-textarea{border:2px solid #e1e4e8;border-radius:12px;font-family:inherit;font-size:14px;margin-bottom:20px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.modal-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.modal-textarea:disabled{background:#f6f8fa;cursor:not-allowed}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.modal-button.primary{background:var(--color-primary);color:var(--color-text-inverse)}.modal-button.primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px var(--shadow-primary);transform:translateY(-2px)}.modal-button.primary:disabled{background:#d1d5da;cursor:not-allowed;opacity:.6}.modal-button.secondary{background:#f6f8fa;color:#24292e}.modal-button.secondary:hover:not(:disabled){background:#e1e4e8}.modal-button.secondary:disabled{cursor:not-allowed;opacity:.6}.knowledge-base-page{background-color:var(--color-bg-secondary);margin:0 auto;max-width:1600px;min-height:100%;padding:32px 40px}.page-header h1{color:var(--color-text-primary);font-size:32px;font-weight:700;margin:0 0 4px}.page-subtitle{font-size:15px;margin:0}.loading-state{color:var(--color-text-secondary);gap:16px;min-height:400px}.loading-state h3{font-weight:600;margin:0}.loading-state p{font-size:15px}.error-state{min-height:400px;padding:48px 24px}.error-state h3{font-size:24px}.error-message{font-size:16px;font-weight:500;margin:0 0 24px}.error-details{background:#fef2f2;padding:16px 20px;text-align:center}.error-details p{font-size:14px}.error-details code{color:var(--color-error);font-family:Monaco,Menlo,Courier New,monospace}.retry-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);font-size:15px;padding:12px 24px}.retry-button:hover{box-shadow:0 6px 20px var(--shadow-primary-lg)}.success-banner{box-shadow:0 2px 8px #0000000f;padding:16px 20px}.kb-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.kb-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:24px;transition:all .2s ease}.kb-stat-card:hover{box-shadow:0 4px 16px var(--color-card-shadow);transform:translateY(-2px)}.kb-stat-card svg{color:var(--color-primary)}.stat-value{color:var(--color-text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.kb-content-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:32px}.kb-section-header{align-items:center;border-bottom:2px solid var(--color-neutral-100);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.kb-section-header h2{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0}.add-section-button{background:#2577f9}.kb-sections-container{display:flex;flex-direction:column;gap:32px}.kb-section{border:2px solid var(--color-border-primary);border-radius:12px;overflow:hidden;transition:all .3s ease}.kb-section:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-light)}.kb-section.collapsed{border-color:#d1d5db}.kb-section.collapsed:hover{border-color:var(--color-text-muted);box-shadow:0 2px 8px #0000000d}.kb-section.collapsed .kb-section-title{border-bottom:none}.kb-section-title{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-text-inverse) 100%);border-bottom:2px solid var(--color-border-primary);justify-content:space-between;padding:20px 24px}.kb-section-title,.section-title-left{align-items:center;display:flex;gap:12px}.section-title-left{flex:1 1}.section-icon{align-items:center;color:#5158ff;display:flex;justify-content:center}.section-icon svg{stroke-width:2;height:20px;width:20px}.kb-section-title h3{color:var(--color-text-primary);flex:1 1;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.add-qa-button,.delete-section-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.add-qa-button{background:#2577f9;color:#fff}.add-qa-button:hover{box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}.kb-qa-list{animation:slideDown .3s ease-out;background:var(--color-neutral-50);display:flex;flex-direction:column;gap:20px;padding:24px}.kb-qa-item{background:#fff;border:2px solid var(--color-border-primary);border-radius:8px;display:flex;gap:12px;padding:20px;transition:all .2s ease}.kb-qa-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px var(--color-primary-light);transform:translateX(4px)}.kb-qa-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.kb-question{align-items:flex-start;display:flex;gap:12px}.q-icon{background:var(--color-primary-light);border-radius:4px;color:var(--color-primary);flex-shrink:0;font-size:16px;font-weight:700;padding:4px 8px}.q-text{color:var(--color-text-primary);flex:1 1;font-size:16px;font-weight:600;line-height:1.5}.kb-answer{align-items:flex-start;display:flex;gap:12px}.a-icon{background:#0596691a;border-radius:4px;color:#059669;flex-shrink:0;font-size:16px;font-weight:700;padding:4px 8px}.a-text{color:var(--color-text-secondary);flex:1 1;line-height:1.6}.a-text,.empty-state p{font-size:15px}@media (max-width:768px){.knowledge-base-page{padding:20px 16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.kb-content-wrapper{padding:20px}.kb-section-header{align-items:flex-start;flex-direction:column;gap:12px}.kb-section-title{flex-wrap:wrap}.kb-qa-list{padding:16px}.kb-answer,.kb-question{flex-direction:column;gap:8px}.a-icon,.q-icon{align-self:flex-start}}.kb-qa-item.editable,.kb-section.edit-mode{background:var(--color-bg-secondary);border-color:var(--color-primary)}.a-textarea,.q-textarea{background:#fff;border:2px solid var(--color-border-primary);border-radius:6px;flex:1 1;font-family:inherit;font-size:15px;line-height:1.6;padding:10px 12px;resize:vertical;transition:all .2s ease}.q-textarea{color:var(--color-text-primary);font-weight:600}.a-textarea{color:var(--color-text-secondary)}.a-textarea:focus,.q-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.delete-qa-button{align-items:center;align-self:flex-start;background:#0000;border:2px solid #0000;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;margin-top:4px;padding:8px;transition:all .2s ease}.delete-qa-button:hover{background:#fee2e2;border-color:#dc262633;color:var(--color-error);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kb-qa-item,.kb-section{animation:fadeIn .3s ease-out}.configuration-page{background-color:var(--color-bg-secondary);margin:0 auto;max-width:1600px;min-height:100%;padding:32px 40px}.page-header{justify-content:space-between;margin-bottom:24px}.header-left,.page-header{align-items:center;display:flex}.header-left{gap:16px}.page-icon{color:var(--color-primary)}.page-subtitle{color:var(--color-text-secondary);font-size:14px;margin:4px 0 0}.page-subtitle strong{color:var(--color-primary);font-weight:600}.header-actions{display:flex;gap:12px}.cancel-edit-button,.edit-button{border:2px solid var(--color-primary);border-radius:8px;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.cancel-edit-button,.edit-button,.refresh-icon-btn{align-items:center;cursor:pointer;display:flex;transition:all .2s ease}.refresh-icon-btn{background:#fff;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);height:44px;justify-content:center;padding:0;width:44px}.refresh-icon-btn:hover:not(:disabled){background:var(--color-primary);box-shadow:0 4px 12px var(--shadow-primary);color:#fff;transform:translateY(-2px) rotate(180deg)}.refresh-icon-btn:disabled{cursor:not-allowed;opacity:.5}.edit-button{background:#fff;color:var(--color-primary)}.edit-button:hover:not(:disabled){background:var(--color-primary);box-shadow:0 4px 12px var(--shadow-primary);color:#fff;transform:translateY(-2px)}.edit-button.save-mode{background:#059669;border-color:#059669;color:#fff}.edit-button.save-mode:hover:not(:disabled){background:#047857;border-color:#047857;box-shadow:0 4px 12px #0596694d}.edit-button:disabled{cursor:not-allowed;opacity:.6}.cancel-edit-button{background:#fff;border-color:var(--color-error);color:var(--color-error)}.cancel-edit-button:hover:not(:disabled){background:var(--color-error);box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-2px)}.cancel-edit-button:disabled{cursor:not-allowed;opacity:.5}.loading-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.loading-spinner{color:var(--color-primary);margin-bottom:16px}.loading-state h3{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.loading-state p{color:var(--color-text-secondary);margin:0}.error-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:64px 24px;text-align:center}.error-icon{color:var(--color-error);margin-bottom:16px}.error-state h3{color:var(--color-text-primary);font-size:22px;font-weight:700;margin:0 0 12px}.error-message{color:var(--color-error);font-weight:600;margin:0 0 16px}.error-details{background:var(--color-bg-secondary);border-radius:8px;margin-bottom:24px;padding:16px}.error-details p{color:var(--color-text-secondary);margin:0 0 8px}.error-details code{background:#fff;border-radius:6px;color:var(--color-primary);display:block;font-size:13px;padding:12px;word-break:break-all}.retry-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.retry-button:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px var(--shadow-primary);transform:translateY(-2px)}.success-banner{background:#00e5d11a;border-left:4px solid #28a745;border-radius:8px;color:#155724;font-weight:600;gap:12px;padding:16px 24px}.metadata-wrapper,.success-banner{align-items:center;display:flex;margin-bottom:24px}.metadata-wrapper{background:var(--color-text-primary);border:2px solid #404040;border-radius:8px;gap:24px;justify-content:space-between;padding:20px 28px}.metadata-header{flex:0 0 50%}.metadata-header,.metadata-title-section{align-items:center;display:flex;gap:12px}.metadata-icon{color:var(--color-text-muted);flex-shrink:0}.metadata-header h2{color:var(--color-text-inverse);font-size:20px;font-weight:700;margin:0 0 4px}.metadata-subtitle{color:var(--color-text-muted);font-size:13px;font-weight:400;margin:0}.metadata-content{align-items:center;display:flex;flex:0 0 50%;gap:16px;padding-right:12px}.metadata-item{background:#0000;border:1px solid var(--color-text-secondary);border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:6px;padding:12px 20px}.metadata-key{color:var(--color-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metadata-value{color:var(--color-text-inverse);font-size:14px;font-weight:500;word-break:break-word}.error-banner{background:#ff80781a;border-left:4px solid #dc3545;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 24px}.config-content-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:32px}.config-section-header{align-items:center;border-bottom:2px solid var(--color-neutral-100);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.config-section-header h2{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0}.add-section-button{align-items:center;background:linear-gradient(135deg,var(--color-success) 0,var(--color-primary) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px var(--color-primary-muted);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.add-section-button:hover{box-shadow:0 4px 16px var(--shadow-primary-lg);transform:translateY(-2px)}.config-sections{display:flex;flex-direction:column;gap:32px}.config-section{border:2px solid var(--color-border-primary);border-radius:12px;overflow:hidden;transition:all .3s ease}.config-section:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-light)}.config-section.collapsed{border-color:#d1d5db}.config-section.collapsed:hover{border-color:var(--color-text-muted);box-shadow:0 2px 8px #0000000d}.config-section.collapsed .section-header{border-bottom:none}.section-header{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-text-inverse) 100%);border-bottom:2px solid var(--color-border-primary);gap:12px;justify-content:space-between;padding:20px 24px}.section-header-left{align-items:center;display:flex;flex:1 1;gap:12px}.collapse-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.collapse-toggle:hover{background:var(--color-primary-light);color:var(--color-primary)}.collapse-toggle svg{transition:transform .2s ease}.section-icon{font-size:24px}.section-title{color:var(--color-text-primary);flex:1 1;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.section-count{background:var(--color-primary-light);border-radius:12px;color:var(--color-primary);font-size:13px;font-weight:600;padding:4px 12px}.section-actions{align-items:center;display:flex;gap:8px}.add-item-button,.delete-section-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.add-item-button{background:var(--color-success);color:#fff}.add-item-button:hover{box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}.delete-section-button{background:var(--color-error);color:#fff;padding:8px 10px}.delete-section-button:hover{background:var(--color-error);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.config-items{animation:slideDown .3s ease-out;background:var(--color-neutral-50);display:flex;flex-direction:column;gap:20px;padding:24px}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:5000px;opacity:1;padding-bottom:24px;padding-top:24px}}.config-item-card{background:#fff;border:2px solid var(--color-border-primary);border-radius:8px;display:flex;gap:12px;padding:20px;transition:all .2s ease}.config-item-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px var(--color-primary-light);transform:translateX(4px)}.config-item-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.config-item-key-section,.config-item-value-section{align-items:flex-start;display:flex;gap:12px}.key-label,.value-label{color:var(--color-primary);flex-shrink:0;font-size:14px;font-weight:700;padding:4px 0;width:60px}.config-item-key{margin:0;padding:4px 0}.config-item-key,.key-input{color:var(--color-text-primary);flex:1 1;font-family:Monaco,Menlo,Courier New,monospace;font-size:16px;font-weight:700}.key-input{background:#fff;border:2px solid var(--color-border-primary);border-radius:6px;padding:8px 12px;transition:all .2s ease}.key-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.config-item-value,.value-textarea{flex:1 1;font-size:15px;line-height:1.6}.value-textarea{background:#fff;border:2px solid var(--color-border-primary);border-radius:6px;font-family:Monaco,Menlo,Courier New,monospace;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.value-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.delete-item-button{align-items:center;align-self:flex-start;background:#0000;border:2px solid #0000;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;margin-top:4px;padding:8px;transition:all .2s ease}.delete-item-button:hover{background:#fee2e2;border-color:#dc262633;color:var(--color-error);transform:scale(1.1)}.config-section.edit-mode{background:var(--color-bg-secondary);border-color:var(--color-primary)}.section-name-input{background:#fff;border:2px solid var(--color-primary);border-radius:6px;color:var(--color-text-primary);flex:1 1;font-size:20px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.section-name-input:focus{border-color:var(--color-primary-active);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.config-item-card.editable{background:var(--color-bg-secondary);border-color:var(--color-primary)}.config-value-text{color:var(--color-text-secondary);font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.empty-state{padding:64px 24px;text-align:center}.empty-icon{color:var(--color-neutral-300);margin-bottom:16px}.empty-state h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--color-text-secondary);margin:0}.confirm-dialog-overlay{align-items:center;animation:fadeInOverlay .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:slideUpDialog .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes slideUpDialog{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-header{align-items:center;border-bottom:2px solid var(--color-neutral-100);display:flex;gap:12px;padding:24px 24px 16px}.confirm-icon{color:#f59e0b}.confirm-dialog-header h3{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0}.confirm-dialog-body{padding:24px}.confirm-dialog-body p{color:var(--color-text-secondary);font-size:15px;line-height:1.6;margin:0 0 16px}.confirm-warning{background:#fff7ed;border-left:4px solid #f59e0b;border-radius:6px;margin-bottom:0!important;padding:12px 16px}.confirm-warning strong{color:#d97706;font-weight:600}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.cancel-button,.confirm-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.cancel-button{background:var(--color-neutral-100);color:var(--color-text-secondary)}.cancel-button:hover:not(:disabled){background:var(--color-border-primary);color:var(--color-text-primary)}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.confirm-button{background:#059669;color:#fff}.confirm-button:hover:not(:disabled){background:#047857;box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}.confirm-button:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.configuration-page{padding:20px 16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{width:100%}.cancel-edit-button,.edit-button{flex:1 1;justify-content:center}.refresh-icon-btn{height:44px;width:44px}.config-content-wrapper{padding:20px}.config-section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-header-left{flex-wrap:wrap}.config-items{padding:16px}.config-item-key-section,.config-item-value-section{flex-direction:column;gap:8px}.key-label,.value-label{width:auto}.nested-key{min-width:80px}}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:var(--color-bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.inbox-container{height:100vh;min-width:0;overflow:hidden;width:100%}.inbox-container,.sidebar{background-color:var(--color-text-inverse);display:flex}.sidebar{border-right:1px solid var(--color-border-primary);flex-direction:column;flex-shrink:0;max-width:320px;min-width:250px;width:280px}.inbox-title{align-items:center;display:flex;gap:8px}.inbox-icon{font-size:20px}.inbox-title h1{color:var(--color-text-primary);font-size:18px;font-weight:600}.online-status{align-items:center;background-color:#e8f5e8;border-radius:12px;color:#2d7d32;display:flex;font-size:12px;font-weight:500;gap:4px;margin-left:8px;padding:4px 8px}.online-dot{background-color:#4caf50;border-radius:50%;height:6px;width:6px}.help-button{background-color:var(--color-text-inverse);border:1px solid var(--color-neutral-300);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;height:28px;justify-content:center;width:28px}.help-button,.search-container{align-items:center;display:flex}.search-container{border-bottom:1px solid var(--color-border-primary);gap:8px;padding:16px 20px}.search-input{background-color:var(--color-text-inverse);border:1px solid var(--color-neutral-300);border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px 8px 36px}.new-conversation-btn{align-items:center;background-color:#0969da;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.conversation-sections{flex:1 1;overflow-y:auto}.section{border-bottom:1px solid var(--color-border-primary)}.section-header{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .2s ease}.section-header:hover{background-color:#f6f8fa;color:var(--color-text-primary)}.section.expanded .section-header{background-color:#e6f3ff;color:#0969da;font-weight:700}.filter-list{background-color:#f6f8fa}.filter-item{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 20px 8px 44px}.filter-item:hover{background-color:#eef2f5}.filter-item.active{background-color:#dbeafe;color:#1e40af;font-weight:500}.filter-count{background-color:var(--color-neutral-300);border-radius:10px;color:var(--color-text-secondary);font-size:11px;font-weight:500;min-width:18px;padding:2px 6px;text-align:center}.filter-item.active .filter-count{background-color:#3b82f6;color:#fff}.conversation-list{background-color:var(--color-text-inverse);border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;flex-shrink:0;max-width:450px;min-width:350px;width:400px}.conversation-list-header{border-bottom:1px solid var(--color-border-primary);padding:20px 24px}.conversation-list-header h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin-bottom:4px}.conversation-list-header p{color:var(--color-text-secondary);font-size:14px}.conversations{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;gap:12px;padding:16px 24px;position:relative}.conversation-item:hover{background-color:#f6f8fa}.conversation-avatar{flex-shrink:0}.conversation-content{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.customer-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.conversation-time{font-size:12px}.conversation-time,.last-message{color:var(--color-text-secondary)}.last-message{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-indicator{background-color:#0969da;border-radius:50%;height:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px}.chat-interface{background-color:var(--color-text-inverse);display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:16px 24px}.chat-customer-info{align-items:center;display:flex;gap:12px}.chat-customer-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.chat-actions{align-items:center;display:flex;gap:8px}.bg-green-500{background-color:#22c55e}.bg-yellow-500{background-color:#eab308}.bg-gray-500{background-color:#6b7280}.bg-red-500{background-color:#ef4444}.action-btn{align-items:center;background-color:var(--color-text-inverse);border:1px solid var(--color-neutral-300);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.action-btn:hover{background-color:#f6f8fa}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px;position:relative;scroll-behavior:smooth}.message{align-items:flex-start;display:flex;gap:8px}.message.agent{align-self:flex-end;flex-direction:row-reverse}.message-content{display:flex;flex-direction:column;max-width:60%}.message.agent .message-content{align-items:flex-end}.message-time{color:var(--color-text-secondary);font-size:11px;margin-left:8px;margin-top:4px}.message.agent .message-time{margin-left:0;margin-right:8px}.chat-input-container{background-color:var(--color-text-inverse);border-top:1px solid var(--color-border-primary)}.chat-tabs{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.tab:hover{background:#f9fafb;color:#374151}.tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.customer-service-toggle{margin-left:auto;padding-right:16px}.cs-toggle-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;display:flex;font-weight:500;gap:4px;padding:8px 16px;transition:all .2s}.cs-toggle-btn:hover{background:#f9fafb;border-color:#9ca3af}.cs-toggle-btn.active{background:#fef3c7;border-color:#f59e0b;color:#92400e;font-weight:600}.cs-toggle-btn.error{background:#fee2e2;border-color:#ef4444;color:var(--color-error)}.handoff-status{text-align:center}.status-active{color:#059669}.status-failed{color:var(--color-error)}.status-mock{color:#7c2d12}.send-button.cs-mode{background:#f59e0b;border-color:#d97706}.send-button.cs-mode:hover:not(:disabled){background:#d97706}.send-button.cs-mode:disabled{background:#fde68a;border-color:#fbbf24}.chat-input-area{padding:16px 24px}.message-input{border:1px solid var(--color-neutral-300);border-radius:6px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.message-input:focus{border-color:#0969da;box-shadow:0 0 0 2px #0969da1a;outline:none}.input-footer{justify-content:space-between;margin-top:12px}.input-actions,.input-footer{align-items:center;display:flex}.input-actions{gap:8px}.input-action-btn{align-items:center;background-color:var(--color-text-inverse);border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.input-action-btn:hover{background-color:#f6f8fa}.input-right{align-items:center;display:flex;gap:12px}.char-count{color:var(--color-text-secondary);font-size:12px}.send-button{background-color:#0969da;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.send-button:hover{background-color:#0550ae}.loading-container{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-spinner,.loading-spinner-small{color:#0969da}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.online-status.offline{background-color:#f8d7da;color:#721c24}.online-dot.offline{background-color:#dc3545}.error-banner{background-color:#f8d7da;border-bottom:1px solid var(--color-border-primary);color:#721c24;font-size:12px;padding:12px 20px}.retry-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;margin-left:auto;padding:4px 8px}.retry-btn:hover{background-color:#c82333}.refresh-btn{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;margin-left:auto;padding:4px}.refresh-btn:hover{background-color:#f6f8fa;color:var(--color-text-primary)}.refresh-btn.refreshing{animation:spin 1s linear infinite}.message-count{color:var(--color-text-secondary);font-size:11px;font-style:italic;margin-top:2px}.chat-customer-details{display:flex;flex-direction:column;gap:2px}.chat-customer-id{color:var(--color-text-secondary);font-family:monospace;font-size:12px}.message-input:disabled{background-color:#f6f8fa;cursor:not-allowed;opacity:.6}.send-button:disabled{background-color:var(--color-neutral-300);cursor:not-allowed;opacity:.6}.avatar{align-items:center;background-color:#0969da;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.avatar.phone-avatar{background-color:#6b7280;font-size:10px}.avatar.small{font-size:10px;height:24px;width:24px}button[title]:hover:after{background-color:var(--color-text-primary);border-radius:4px;bottom:-25px;color:#fff;content:attr(title);font-size:11px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}button[title]{position:relative}@media (max-width:1200px){.sidebar{min-width:200px;width:250px}.conversation-list{min-width:300px;width:350px}}@media (max-width:1024px){.inbox-container{overflow-x:auto}.sidebar{min-width:180px;width:220px}.conversation-list{min-width:280px;width:320px}}@media (max-width:768px){.inbox-container{flex-direction:column;height:100vh;overflow:hidden}.sidebar{height:auto;max-height:200px}.conversation-list,.sidebar{flex-shrink:0;max-width:none;min-width:0;min-width:auto;width:100%}.conversation-list{height:300px;max-height:300px}.chat-interface{flex:1 1;min-height:0}.conversation-sections{max-height:150px}.conversations{max-height:250px}}@media (max-width:480px){.sidebar{max-height:150px}.conversation-list{height:250px;max-height:250px}.conversation-sections{max-height:100px}.conversations{max-height:200px}.chat-header{padding:12px 16px}.chat-messages{padding:16px}.chat-input-area,.search-container{padding:12px 16px}.conversation-list-header{padding:16px 20px}}.status-badge{align-items:center;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px}.status-badge:hover{opacity:.8}.search-container{position:relative}.search-icon{color:var(--color-text-secondary);left:32px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.action-btn:disabled,.input-action-btn:disabled{cursor:not-allowed;opacity:.5}.connection-status{border-radius:16px;font-size:12px;font-weight:500;padding:8px 12px;position:fixed;right:20px;top:20px;z-index:1000}.connection-status.online{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.connection-status.offline{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.conversation-item:active{transform:translateY(1px)}.conversation-item.selected{background-color:#e6f3ff;border-right:3px solid #0969da;box-shadow:inset 0 0 0 1px #0969da1a}.message-bubble{word-wrap:break-word;background-color:#f1f3f4;border-radius:18px;color:var(--color-text-primary);font-size:14px;line-height:1.4;max-width:100%;padding:12px 16px}.message.agent .message-bubble{background-color:#0969da;color:#fff;margin-left:auto}.chat-messages::-webkit-scrollbar-track,.conversations::-webkit-scrollbar-track{background:#f1f3f4}.chat-messages::-webkit-scrollbar-thumb,.conversations::-webkit-scrollbar-thumb{background:var(--color-neutral-300)}.chat-messages::-webkit-scrollbar-thumb:hover,.conversations::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.scroll-to-bottom-btn{align-items:center;background-color:#0969da;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;transition:all .2s ease;width:40px;z-index:10}.scroll-to-bottom-btn:hover{background-color:#0550ae;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.scroll-to-bottom-btn:active{background-color:#36c;transform:scale(.95)}.cs-badge{background-color:#ff6b35;border:1px solid #fff;border-radius:6px;color:#fff;font-size:8px;font-weight:700;padding:1px 4px;position:absolute;right:-2px;top:-2px;z-index:1}.conversation-type{background-color:#fff5f2;border-radius:8px;color:#ff6b35;display:inline-block;font-size:11px;font-weight:500;margin-top:2px;padding:2px 6px}.status-badge.cs-active{background-color:#ff6b35;color:#fff}.handoff-status{font-size:10px;margin-top:4px}.status-active{color:#4caf50;font-weight:600}.status-failed{color:#f44336;font-weight:600}.status-mock{color:#ff9800;font-weight:600}.cs-toggle-btn{background:linear-gradient(135deg,var(--color-primary) 0,#764ba2 100%);border:none;border-radius:8px;box-shadow:0 2px 4px var(--color-card-shadow);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.cs-toggle-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.cs-toggle-btn.active{background:linear-gradient(135deg,#ff6b35,#ff8e53);box-shadow:0 4px 8px #ff6b354d}.cs-toggle-btn.error{animation:pulse 2s infinite;background:linear-gradient(135deg,#f44336,#e57373)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.cs-toggle-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.message.agent .message-bubble.ai-response{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:3px solid #2196f3}.message.agent .message-bubble.cs-response{background:linear-gradient(135deg,#fff3e0,#ffcc80);border-left:3px solid #ff6b35}.message-avatar.cs-avatar{background:linear-gradient(135deg,#ff6b35,#ff8e53)}.message-avatar.ai-avatar{background:linear-gradient(135deg,#2196f3,#42a5f5)}.loading-spinner,.loading-spinner-small{animation:spin 1s linear infinite;color:#2196f3}.api-status-indicator{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 6px}.api-status-indicator.online{background-color:#e8f5e8;color:#2d7d32}.api-status-indicator.offline{background-color:#ffebee;color:#c62828}.api-status-indicator.connecting{background-color:#fff3e0;color:#ef6c00}.error-banner{align-items:center;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #e57373;border-radius:8px;box-shadow:0 2px 4px #c628281a;color:#c62828;display:flex;font-size:13px;gap:8px;margin:16px 20px;padding:12px 16px}.error-banner .retry-btn{background-color:#c62828;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.error-banner .retry-btn:hover{background-color:#b71c1c;transform:translateY(-1px)}.conversation-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.booking-info{background-color:#f5f5f5;border-radius:6px;color:#666;font-size:10px;padding:2px 6px}.location-badge{background-color:#e8f5e8;color:#4caf50;text-transform:uppercase}.cs-status-badge,.location-badge{border-radius:6px;font-size:10px;font-weight:500;padding:2px 6px}.cs-status-badge{text-transform:capitalize}.cs-status-badge.in_progress,.cs-status-badge.open,.cs-status-badge.pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.cs-status-badge.closed,.cs-status-badge.resolved{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.urgent-badge{animation:pulse 2s infinite;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.conversation-item.cs-conversation{background:linear-gradient(135deg,#fff9f5,#fff5f0);border-left:3px solid #ff6b35}.conversation-item.cs-conversation:hover{background:linear-gradient(135deg,#fff5f0,#ffebe0)}.conversation-item.cs-conversation .customer-name{color:#ff6b35;font-weight:600}.conversation-item.cs-conversation.selected{background:linear-gradient(135deg,#e6f3ff,#cce7ff);border-left:3px solid #ff6b35;border-right:3px solid #0969da}.message-count{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;color:#1976d2;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px}@media (max-width:768px){.cs-toggle-btn{font-size:11px;padding:6px 8px}.conversation-type{font-size:10px;padding:1px 4px}.cs-badge{font-size:7px;padding:1px 3px}.handoff-status{font-size:9px}}.conversation-item.new{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.chat-messages::-webkit-scrollbar,.conversations::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.conversations::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb,.conversations::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.chat-messages::-webkit-scrollbar-thumb:hover,.conversations::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cs-toggle-btn:focus,.refresh-btn:focus,.retry-btn:focus,.send-button:focus{outline:2px solid #2196f3;outline-offset:2px}@media (prefers-contrast:high){.cs-badge{border:2px solid #000}.conversation-type{border:1px solid #ff6b35}.error-banner{border:2px solid #c62828}}
/*# sourceMappingURL=main.6be56e09.css.map*/