@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light only;color:#0f172a!important;background-color:#f8fafc!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--background: #f8fafc;--surface: #ffffff;--primary: #005EB8;--primary-hover: #004B94;--secondary: #328afc;--on-primary: #ffffff;--text: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--accent: #eef7ff;--hover: #f1f5f9;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}[data-theme=dark]{--background: #0f172a;--surface: #1e293b;--primary: #005EB8;--primary-hover: #328afc;--secondary: #59aaff;--on-primary: #ffffff;--text: #f8fafc;--text-secondary: #94a3b8;--border: #334155;--accent: #112a44;--hover: #334155;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;box-sizing:border-box;background-color:var(--background);color:var(--text);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.gap-3{gap:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.rounded-lg{border-radius:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.w-full{width:100%}.w-8{width:2rem}.w-64{width:16rem}.h-8{height:2rem}.h-full{height:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.text-left{text-align:left}.fixed{position:fixed}.z-10{z-index:10}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.bg-white{background-color:#fff}.bg-indigo-50{background-color:#eef7ff}.bg-indigo-600{background-color:#005eb8}.bg-red-50:hover{background-color:#fef2f2}.text-white{color:#fff}.text-indigo-600{color:#005eb8}.text-indigo-700{color:#004b94}.text-slate-400{color:#94a3b8}.text-slate-600{color:#475569}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.text-red-600{color:#dc2626}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.hover\:bg-slate-50:hover{background-color:#f8fafc}.hover\:text-slate-900:hover{color:#0f172a}.hover\:bg-red-50:hover{background-color:#fef2f2}aside{display:flex;flex-direction:column;background-color:#fff;border-right:1px solid #e2e8f0;width:16rem;position:fixed;height:100%;z-index:10}button{border:none;background:none;cursor:pointer;font-family:inherit;outline:none}.overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background:transparent}.overflow-y-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){aside{transform:translate(-100%);transition:transform .3s ease}aside.mobile-open{transform:translate(0)}}.main-layout{display:flex;min-height:100vh;overflow-x:hidden;background:var(--background)}.main-content{flex:1;margin-left:256px;min-height:100vh;transition:margin-left .3s ease;overflow-x:hidden;background:var(--background)}.main-content.sidebar-collapsed{margin-left:256px}.content-wrapper{padding:0;max-width:100%;min-height:100vh;overflow-x:hidden}@media (max-width: 1024px){.main-content,.main-content.sidebar-collapsed{margin-left:256px}}@media (max-width: 768px){.main-content{margin-left:0;padding-top:0}.main-content.sidebar-collapsed{margin-left:0}.content-wrapper{padding:0;min-height:100vh}}@media (max-width: 480px){.content-wrapper{padding:16px 12px}}.main-content *{box-sizing:border-box}.main-layout,.main-content,.content-wrapper{overflow-x:hidden;max-width:100%}.content-wrapper img,.content-wrapper video,.content-wrapper iframe{max-width:100%;height:auto}.content-wrapper table{width:100%;overflow-x:auto;display:block;white-space:nowrap}@media (max-width: 768px){.content-wrapper table{font-size:14px}}.card{background-color:var(--surface, #ffffff);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border, #e2e8f0);overflow:visible;transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border, #f1f5f9)}.card-title{font-size:1.125rem;font-weight:600;color:var(--text, #0f172a);margin:0;line-height:1.75rem}.card-content.chart-content{height:320px;padding:1.5rem}.h-80{height:20rem}.tooltip-container{position:relative;display:inline-flex;align-items:center}.tooltip-content{position:absolute;z-index:50;padding:.5rem .75rem;font-size:.75rem;font-weight:500;color:#fff;background-color:#0f172a;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;text-align:center;pointer-events:none;transition:opacity .2s;line-height:1.4;white-space:normal}.tooltip-top{bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.tooltip-left{right:calc(100% + .5rem);top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + .5rem);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid;border-width:4px}.tooltip-arrow-top{bottom:-4px;left:50%;transform:translate(-50%);border-color:#0f172a transparent transparent transparent}.tooltip-arrow-bottom{top:-4px;left:50%;transform:translate(-50%);border-color:transparent transparent #0f172a transparent}.tooltip-arrow-left{right:-4px;top:50%;transform:translateY(-50%);border-color:transparent transparent transparent #0f172a}.tooltip-arrow-right{left:-4px;top:50%;transform:translateY(-50%);border-color:transparent #0f172a transparent transparent}.dashboard-wrapper{min-height:100vh;padding:2rem;background-color:#f8fafc}.dashboard-main{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.dashboard-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-main-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;line-height:1.2;color:#0f172a}.dashboard-subtitle{font-size:1rem;margin:0;line-height:1.5;color:#64748b}.status-badge-container{display:flex;gap:.5rem}.status-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#d1fae5;color:#065f46;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:help}.status-dot{width:.5rem;height:.5rem;background-color:#10b981;border-radius:50%;margin-right:.5rem}.stats-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stats-card{transition:all .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important}.stats-card-clickable{cursor:pointer}.stats-card-content{padding:1.5rem!important}.stats-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.stats-card-title-row{display:flex;align-items:center;gap:.5rem}.stats-card-title{font-size:.875rem;font-weight:500;margin:0;color:#64748b}.stats-info-icon{cursor:help}.stats-card-icon{padding:.75rem;background-color:#eef7ff;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.stats-card-icon svg{color:#004b94}.stats-card-value{margin:.5rem 0}.stats-value-text{font-size:2rem;font-weight:700;margin:0;line-height:1;color:#0f172a}.stats-card-trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-top:1rem}.trend-value{color:#10b981;font-weight:600}.trend-label{font-weight:400;color:#94a3b8}.charts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.charts-grid{grid-template-columns:repeat(3,1fr)}.chart-card-large{grid-column:span 2}.chart-card-small{grid-column:span 1}}.chart-content{height:20rem!important;padding:1.5rem!important}.chart-card-large .card-content,.chart-card-small .card-content{min-height:20rem}.chart-card-small .card-content{overflow-y:auto;max-height:20rem}.card-header-with-info{display:flex;align-items:center;justify-content:space-between;width:100%}.card-title-group{display:flex;align-items:baseline;gap:.375rem;flex-wrap:wrap}.card-subtitle-inline{font-size:.875rem;margin:0;color:#64748b;line-height:1.25rem;font-weight:400}.info-icon{cursor:help;color:#94a3b8;flex-shrink:0}.card-subtitle{font-size:.875rem;margin:.5rem 0 0;color:#64748b;line-height:1.25rem}.questions-list-container{display:flex;flex-direction:column;gap:1rem}.question-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f8fafc;border-radius:.5rem;border:1px solid #f1f5f9;transition:all .15s ease}.question-item:hover{box-shadow:0 1px 3px #0000001a;background-color:#f8fafc}.question-content{display:flex;align-items:flex-start;gap:.75rem;flex:1}.question-rank{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;background-color:#eef7ff;color:#004b94;font-size:.75rem;font-weight:700;flex-shrink:0}.question-text{font-size:.875rem;font-weight:500;color:#1e293b;flex:1;line-height:1.25rem;display:block;word-wrap:break-word;overflow-wrap:break-word}.question-meta{display:flex;align-items:center;gap:.75rem;padding-left:.5rem;flex-shrink:0}.question-count{font-size:.875rem;font-weight:600;color:#475569}.trend-icon-up{color:#10b981}.trend-icon-down{color:#ef4444}.trend-icon-stable{color:#94a3b8}.charts-grid-bottom{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-card-medium{grid-column:span 1}.busy-time-title{display:flex;align-items:center;gap:.5rem}.info-icon-inline{cursor:help}.peak-hour{font-weight:600;color:#004b94}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.chart-card-large,.chart-card-small{grid-column:span 1}.charts-grid-bottom{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-wrapper{padding:1rem}.dashboard-main{gap:1.5rem}.dashboard-header-section{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-main-title{font-size:1.5rem}.stats-cards-grid,.charts-grid,.charts-grid-bottom{grid-template-columns:1fr}.chart-content{height:250px}.question-text{font-size:.8rem}}.analytics-container{padding:1rem}.analytics-title{font-size:1.75rem}.stats-grid,.info-grid{grid-template-columns:1fr;gap:1rem}.stat-card,.info-card{padding:1rem}.stat-value{font-size:2rem}@media (max-width: 480px){.analytics-container{padding:.5rem}.stats-grid,.info-grid{gap:.75rem}.stat-value{font-size:1.75rem}}.stat-card-clickable{position:relative}.stat-card-clickable:after{content:"Click to view";position:absolute;top:1rem;right:1rem;font-size:.75rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.stat-card-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.stat-card-clickable:hover:after{opacity:.6}.conversation-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.conversation-modal{width:90%;max-width:800px;max-height:80vh;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.conversation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid}.modal-header-content{display:flex;flex-direction:column;gap:.25rem}.conversation-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.conversation-count{font-size:.875rem;opacity:.8}.close-button{padding:.5rem;border-radius:50%;transition:background-color .2s ease}.close-button:hover{background-color:#ffffff1a}.conversation-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;font-size:1rem}.loading-spinner p{margin:0;font-size:1rem}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px}.loading-overlay p{margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.conversations-list{display:flex;flex-direction:column;gap:1.5rem}.conversation-session{border-radius:12px;padding:1.5rem}.session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.session-title{margin:0;font-size:1.125rem;font-weight:600}.session-date{font-size:.875rem;opacity:.8}.messages-container{display:flex;flex-direction:column;gap:.75rem}.message-item{padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.message-item.user{margin-left:2rem;border-left:3px solid var(--primary-color, #1877F2)}.message-item.assistant{margin-right:2rem;border-left:3px solid var(--secondary-color, #42B883)}.message-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.message-meta{display:flex;align-items:center;gap:.5rem}.message-type{font-size:.875rem;font-weight:500;text-transform:capitalize}.message-timestamp{font-size:.75rem;opacity:.7}.message-text{margin:0;line-height:1.5}.message-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.message-reaction{font-size:.75rem;opacity:.7}.view-source-button{font-family:inherit;transition:all .2s ease}.view-source-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.view-source-button:active{transform:translateY(0)}.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;opacity:.6}.no-conversations p{margin:0;font-size:1rem}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;opacity:.8}.error-message p{margin:0;font-size:1rem;text-align:center}.retry-button{transition:background-color .2s ease}.retry-button:hover{opacity:.9}@media (max-width: 768px){.conversation-modal{width:95%;max-height:85vh}.conversation-modal-header,.conversation-modal-content,.conversation-session{padding:1rem}.message-item.user{margin-left:1rem}.message-item.assistant{margin-right:1rem}}@media (max-width: 480px){.conversation-modal{width:98%;max-height:90vh}.conversation-modal-header h2{font-size:1.25rem}.message-item.user,.message-item.assistant{margin-left:0;margin-right:0}}.leads-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.leads-modal{width:90%;max-width:800px;max-height:80vh;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.leads-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid}.leads-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.leads-list{display:flex;flex-direction:column;gap:.75rem}.lead-item{transition:transform .2s ease,box-shadow .2s ease}.lead-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.lead-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.lead-meta{display:flex;align-items:center;gap:.5rem}.lead-id{font-size:1rem;margin:0}.lead-timestamp{font-size:.875rem}.lead-details{display:flex;flex-direction:column;gap:.25rem}.leads-count{font-size:.875rem;font-weight:500}.no-leads{text-align:center;padding:3rem 1rem}.no-leads p{margin:0;font-size:1.1rem}@media (max-width: 768px){.leads-modal{width:95%;max-height:85vh}.leads-modal-header,.leads-modal-content{padding:1rem}.lead-item{padding:.75rem}.lead-header{flex-direction:column;align-items:flex-start;gap:.25rem}.lead-timestamp{font-size:.8rem}}@media (max-width: 480px){.leads-modal{width:100%;max-height:90vh;margin:0;border-radius:0}.leads-modal-header h2{font-size:1.25rem}}.source-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.source-modal{width:90%;max-width:900px;max-height:80vh;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.source-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid}.source-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.source-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.sources-list{display:flex;flex-direction:column;gap:1rem}.source-item{transition:transform .2s ease,box-shadow .2s ease}.source-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.source-text{font-size:.95rem}.source-text p{margin:0}.source-link-button{width:fit-content}.no-sources{text-align:center;padding:3rem 1rem}.no-sources p{margin:0;font-size:1.1rem}@media (max-width: 768px){.source-modal{width:95%;max-height:85vh}.source-modal-header,.source-modal-content{padding:1rem}.source-item{padding:.75rem}.source-modal-header h2{font-size:1.25rem}}@media (max-width: 480px){.source-modal{width:100%;max-height:90vh;margin:0;border-radius:0}.source-modal-header h2{font-size:1.1rem}.source-text{font-size:.875rem}}*{font-family:Inter,sans-serif}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.spinning-icon{animation:spin 1s linear infinite}.knowledge-wrapper{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#f8fafc}.knowledge-container{display:flex;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:2rem;gap:1.5rem}.knowledge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header-content{flex:1;text-align:left}.header-content h1{margin:0;font-size:1.875rem;font-weight:700;color:#1e293b;line-height:1.2;text-align:left}.header-content p{margin:.25rem 0 0;font-size:.95rem;color:#64748b;opacity:.9}.header-action{flex-shrink:0}.header-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#004b94;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.header-action-btn:hover:not(:disabled){background-color:#003770;transform:translateY(-1px);box-shadow:0 4px 12px #004b944d}.header-action-btn:active:not(:disabled){transform:translateY(0)}.header-action-btn:disabled{cursor:not-allowed;opacity:.6}.tab-navigation{display:flex;gap:.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#64748b;transition:all .2s ease;white-space:nowrap;border-radius:0;position:relative}.tab-button:hover{color:#004b94;background-color:#eef7ff;border-radius:.5rem .5rem 0 0;border-bottom-color:#004b94}.tab-button.active{color:#004b94;border-bottom-color:#004b94;font-weight:600}.knowledge-content{flex:1;width:100%;margin-top:1rem}.knowledge-content .faq-container,.knowledge-content .doc-container,.knowledge-content .starter-questions-container{height:auto;min-height:auto;width:100%;margin:0;padding:0;background:transparent}.faq-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;gap:1rem}.faq-search-bar{position:relative;margin-bottom:1rem}.faq-search-bar svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.faq-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1e293b}.faq-search-input:focus{outline:none;border-color:#004b94;box-shadow:0 0 0 3px #004b941a}.faq-search-input::placeholder{color:#94a3b8}.add-faq-card{background:#eef7ff;border:1px solid #BDE0FF;border-radius:.75rem;margin-bottom:1rem;animation:fadeIn .3s ease-in}.add-faq-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.add-faq-title{font-size:1rem;font-weight:600;color:#004b94;margin:0}.faq-form{display:flex;flex-direction:column;gap:1rem}.faq-form-group{display:flex;flex-direction:column;gap:.25rem}.faq-form-label{display:block;font-size:.875rem;font-weight:500;color:#004b94;margin-bottom:.25rem}.faq-form-input,.faq-form-textarea{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;font-family:inherit;background:#fff;color:#1e293b;transition:all .2s ease}.faq-form-input:focus,.faq-form-textarea:focus{outline:none;border-color:#004b94;box-shadow:0 0 0 3px #004b941a}.faq-form-textarea{resize:vertical;min-height:96px;line-height:1.5}.faq-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.faq-cancel-btn,.faq-submit-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.faq-cancel-btn{background:transparent;color:#64748b}.faq-cancel-btn:hover{background:#f1f5f9}.faq-submit-btn{background:#004b94;color:#fff}.faq-submit-btn:hover:not(:disabled){background:#003770;transform:translateY(-1px);box-shadow:0 4px 12px #004b944d}.faq-submit-btn:disabled{opacity:.6;cursor:not-allowed}.faq-empty-state{text-align:center;padding:3rem 2rem;background:#f8fafc;border-radius:.75rem;border:2px dashed #cbd5e1}.faq-empty-text{color:#64748b;margin:1rem 0 0;font-size:.875rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.faq-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #0000001a}.faq-card-content{display:flex;gap:1rem;flex:1;min-width:0}.faq-icon-wrapper{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fed7aa;color:#ea580c;border-radius:.5rem}.faq-text-content{flex:1;min-width:0}.faq-question{font-size:1rem;font-weight:500;color:#1e293b;margin:0 0 .25rem;line-height:1.4}.faq-answer{font-size:.875rem;color:#475569;margin:0;line-height:1.5}.faq-delete-btn{flex-shrink:0;background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.faq-delete-btn:hover:not(:disabled){color:#dc2626;background:#fef2f2}.faq-delete-btn:disabled{opacity:.5;cursor:not-allowed}.doc-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.doc-upload-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem}.doc-upload-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}@media (min-width: 768px){.doc-upload-row{flex-wrap:nowrap}}.doc-upload-section{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px dashed #cbd5e1;border-radius:.5rem;background-color:#f8fafc;cursor:pointer;transition:all .2s ease}.doc-upload-section:hover{background-color:#f1f5f9;border-color:#004b94}.doc-upload-icon{width:2.5rem;height:2.5rem;background-color:#eef7ff;color:#004b94;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-upload-text{flex:1;display:flex;flex-direction:column;gap:.125rem}.doc-upload-label{font-size:.875rem;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-upload-hint{font-size:.75rem;color:#64748b}.doc-tags-input-wrapper{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.doc-tags-icon{position:absolute;left:.875rem;color:#64748b;pointer-events:none}.doc-tags-input-inline{width:100%;padding:.875rem 1rem .875rem 2.5rem;font-size:.875rem;border-radius:.5rem;border:1px solid #cbd5e1;background:#fff;color:#1e293b;transition:all .2s ease}.doc-tags-input-inline:focus{outline:none;border-color:#004b94;box-shadow:0 0 0 3px #004b941a}.doc-tags-input-inline:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}.doc-tags-input-inline::placeholder{color:#94a3b8}.doc-train-btn-inline{padding:.875rem 2rem;font-size:.875rem;font-weight:600;border:none;border-radius:.5rem;background-color:#004b94;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.doc-train-btn-inline:hover:not(:disabled){background-color:#003770;transform:translateY(-1px);box-shadow:0 4px 12px #004b944d}.doc-train-btn-inline:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.doc-status-bar{display:none!important;background:linear-gradient(to right,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.doc-status-content{display:flex;flex-direction:column;gap:.625rem}.doc-status-info{display:flex;justify-content:space-between;align-items:center}.doc-status-text{font-size:.875rem;font-weight:500;color:#1e293b;display:flex;align-items:center;gap:.5rem}.doc-status-percentage{font-size:.875rem;font-weight:600;color:#004b94}.doc-status-progress-track{width:100%;height:.5rem;background-color:#e2e8f0;border-radius:9999px;overflow:hidden}.doc-status-progress-fill{height:100%;background:linear-gradient(to right,#004b94,#06c);border-radius:9999px;transition:width .3s ease;position:relative}.doc-status-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.doc-filter-toolbar{display:flex;flex-direction:column;gap:1rem;background:#fff;padding:.5rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}@media (min-width: 768px){.doc-filter-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.doc-search-container{position:relative;flex:1;min-width:250px}.doc-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.doc-search-input{width:100%;padding:.375rem .75rem .375rem 2.25rem;font-size:.875rem;border:none;border-radius:.375rem;background-color:#f8fafc;color:#1e293b;box-sizing:border-box}.doc-search-input:focus{outline:none}.doc-search-input::placeholder{color:#94a3b8}.doc-sort-container{display:flex;align-items:center;gap:.5rem}.doc-sort-label{display:flex;align-items:center;gap:.5rem;padding-right:.5rem;border-right:1px solid #e2e8f0;font-size:.875rem;font-weight:500;color:#64748b}.doc-sort-label svg{color:#94a3b8}.doc-sort-label span{display:none}@media (min-width: 640px){.doc-sort-label span{display:inline}}.doc-sort-buttons{display:flex;gap:.5rem}.doc-sort-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:none;border-radius:.375rem;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.doc-sort-btn:hover{background-color:#f1f5f9}.doc-sort-btn.active{background-color:#eef7ff;color:#004b94}.doc-empty-state{padding:2rem;text-align:center;color:#94a3b8;font-size:.875rem}.doc-table-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;width:100%}.doc-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left;table-layout:fixed}.doc-table-header{background-color:#f8fafc;color:#64748b;border-bottom:1px solid #e2e8f0}.doc-th{padding:.75rem 1.5rem;font-weight:500;font-size:.875rem}.doc-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.doc-th-sortable:hover{background-color:#e2e8f0}.doc-th-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.doc-sort-arrow{font-size:1rem;color:#64748b;font-weight:600;opacity:.7;transition:opacity .2s ease}.doc-th-sortable:hover .doc-sort-arrow{opacity:1}.doc-th-name{width:40%;min-width:200px}.doc-th:nth-child(2){width:30%;min-width:150px}.doc-th-status{width:15%;min-width:120px}.doc-th-actions{text-align:right;width:15%;min-width:100px}.doc-table-body{background:#fff}.doc-table-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.doc-table-row:hover{background-color:#f8fafc}.doc-td{padding:1rem 1.5rem;color:#64748b}.doc-file-info{display:flex;align-items:center;gap:.75rem}.doc-file-icon{padding:.5rem;background-color:#f1f5f9;color:#64748b;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-file-name{font-weight:500;color:#1e293b;word-break:break-word}.doc-tags-list{display:flex;flex-wrap:wrap;gap:.375rem}.doc-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background-color:#eef7ff;color:#004b94;border:1px solid #BDE0FF}.doc-tag svg{width:10px;height:10px}.doc-no-tags{font-size:.75rem;color:#94a3b8}.doc-date{color:#64748b}.doc-status-uploading{width:100%;max-width:140px}.status-uploading-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.status-uploading-text{font-size:.75rem;font-weight:500;color:#004b94}.status-uploading-bar{height:.375rem;width:100%;background-color:#eef7ff;border-radius:9999px;overflow:hidden}.status-uploading-fill{height:100%;width:66%;background-color:#004b94;border-radius:9999px;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-processing{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:#d97706}.status-processing-dot{position:relative;width:.5rem;height:.5rem}.status-processing-dot:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#f59e0b;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.status-processing-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#f59e0b}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.status-ready{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background-color:#d1fae5;color:#059669;border:1px solid #a7f3d0}.status-ready svg{color:#10b981}.status-failed{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.doc-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.doc-action-btn{padding:.375rem;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:.375rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none}.doc-view-btn:hover{color:#004b94;background-color:#eef7ff}.doc-delete-btn:hover{color:#dc2626;background-color:#fee2e2}.doc-pagination{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.doc-pagination-info{font-size:.75rem;color:#64748b}.doc-pagination-info .font-medium{font-weight:500}.doc-pagination-buttons{display:flex;gap:.5rem;align-items:center}.doc-pagination-btn{padding:.375rem .75rem;font-size:.875rem;font-weight:500;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#1e293b;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.doc-pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.doc-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.doc-pagination-number{padding:.375rem .75rem;min-width:2.25rem;font-size:.875rem;font-weight:500;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#1e293b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.doc-pagination-number:hover{background-color:#f8fafc;border-color:#cbd5e1}.doc-pagination-number.active{background-color:#004b94;color:#fff;border-color:#004b94;font-weight:600}.doc-pagination-ellipsis{padding:0 .25rem;color:#94a3b8;font-size:.875rem;display:flex;align-items:center}.sort-controls select{padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid #cbd5e1;background:#fff;color:#1e293b}.sort-controls select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sort-order-btn{padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#fff;border:1px solid #cbd5e1;color:#64748b}.sort-order-btn:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#475569}.files-grid{width:100%}.no-files{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;border:2px dashed #e2e8f0}.no-files-icon{font-size:3rem;margin-bottom:1rem;color:#cbd5e1}.no-files h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1e293b}.no-files p{margin:0;font-size:.875rem;color:#64748b}.grid-container{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.grid-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 1fr;gap:1rem;padding:1rem 1.5rem;font-weight:600;font-size:.875rem;color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.grid-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 1fr;gap:1rem;padding:1rem 1.5rem;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.grid-row:last-child{border-bottom:none}.grid-row:hover{background-color:#f8fafc}.grid-cell{display:flex;align-items:center;font-size:.875rem;overflow:hidden;color:#1e293b}.grid-cell.file-name-cell{display:flex;align-items:center;gap:.75rem}.file-icon-wrapper{padding:.5rem;background-color:#f1f5f9;color:#64748b;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.file-name{font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-cell{display:flex;flex-wrap:wrap;gap:.375rem;align-items:flex-start}.file-tag{padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap;background-color:#eef7ff;color:#004b94;border:1px solid #BDE0FF}.status-uploading{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:#6366f1}.status-processing{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:#f59e0b}.status-ready{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-failed{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{padding:.5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e2e8f0;color:#64748b}.action-btn:hover{background-color:#f1f5f9;color:#475569}.delete-btn{border-color:#fee2e2;color:#dc2626}.delete-btn:hover{background-color:#fef2f2;border-color:#fecaca}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0}.pagination-info{font-size:.875rem;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;background:#fff;border:1px solid #cbd5e1;color:#475569}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.starter-questions-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.starter-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.starter-card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0}.starter-card-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#1e293b}.starter-card-description{margin:0;font-size:.875rem;color:#64748b;line-height:1.5}.starter-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.starter-question-block{padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.starter-question-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.starter-question-number{width:1.5rem;height:1.5rem;border-radius:50%;background-color:#004b94;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.starter-question-title{margin:0;font-size:.875rem;font-weight:500;color:#1e293b}.starter-question-fields{display:grid;gap:1rem;padding-left:2rem}.starter-field{display:flex;flex-direction:column;gap:.25rem}.starter-field-label{display:block;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.starter-field-input,.starter-field-textarea{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;font-family:inherit;background:#fff;color:#1e293b;box-sizing:border-box}.starter-field-input:focus,.starter-field-textarea:focus{outline:none;border-color:#004b94;box-shadow:0 0 0 3px #004b941a}.starter-field-input::placeholder,.starter-field-textarea::placeholder{color:#94a3b8}.starter-field-textarea{resize:vertical;min-height:80px;line-height:1.5}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#004b94;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.starter-save-section{padding-top:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.starter-save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background-color:#004b94;color:#fff;min-width:140px;justify-content:center}.starter-save-button:hover:not(:disabled){background-color:#003770;transform:translateY(-1px);box-shadow:0 4px 12px #004b944d}.starter-save-button:disabled{opacity:.6;cursor:not-allowed}.success-message{font-weight:600;font-size:.95rem;color:#059669;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.knowledge-container{padding:1.5rem}.grid-header,.grid-row{grid-template-columns:2fr 1fr 1.5fr 1fr 1fr;gap:.75rem}.questions-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 1024px){.questions-container{grid-template-columns:1fr;gap:1rem}.grid-header,.grid-row{grid-template-columns:2fr 1.5fr 1fr 1fr}.grid-header .grid-cell:nth-child(3),.grid-row .grid-cell:nth-child(3){display:none}}@media (max-width: 768px){.knowledge-container{padding:1rem}.knowledge-header{flex-direction:column;align-items:flex-start;gap:.5rem}.header-content h1{font-size:1.5rem}.tab-navigation{width:100%;overflow-x:auto;padding-bottom:.5rem}.tab-button{padding:.6rem 1rem;font-size:.85rem;white-space:nowrap}.filters-section{flex-direction:column;gap:1rem;align-items:stretch}.search-bar{min-width:unset;width:100%}.filter-controls{width:100%;justify-content:space-between}.grid-header,.grid-row{grid-template-columns:2fr 1fr 1fr;padding:.75rem 1rem}.grid-header .grid-cell:nth-child(n+4),.grid-row .grid-cell:nth-child(n+4){display:none}.pagination-container{flex-direction:column;gap:1rem}}@media (max-width: 480px){.knowledge-container{padding:.75rem}.tab-button span{display:none}.tab-button{padding:.6rem;justify-content:center;min-width:40px}.grid-header,.grid-row{grid-template-columns:1fr 1fr;padding:.75rem;gap:.5rem}.grid-header .grid-cell:nth-child(n+3),.grid-row .grid-cell:nth-child(n+3){display:none}.question-block{padding:1rem}}.tone-safety-container{min-height:100vh;width:100%;background:var(--background);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text);position:relative;overflow-y:auto;padding-bottom:2rem;transition:background-color .3s ease,color .3s ease}.tone-safety-header{position:relative;padding:2rem 1.5rem 1.5rem;background:var(--primary);color:#fff;border-bottom:1px solid var(--border);margin-bottom:1.5rem;overflow:hidden}.tone-safety-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:.1;z-index:0}.header-content{position:relative;z-index:2}.header-content h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff}.header-content p{margin:0;font-size:1rem;color:var(--text-secondary);font-weight:400}.floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-element{position:absolute;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:.1;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){top:20%;right:10%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:25%;animation-delay:2s}.floating-element:nth-child(3){top:40%;right:5%;animation-delay:4s}.tone-safety-content{padding:0 1.5rem;max-width:1200px;margin:0 auto}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;max-width:1400px;margin:0 auto 1.5rem}.config-section{background:#fff;border:1px solid #ccc;border-radius:8px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a;min-width:400px}[data-theme=dark] .config-section{background:#000;border:1px solid #ccc}.config-section:before{display:none}.config-section:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1877f226;border-color:var(--primary)}.config-section h2{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.1rem;padding:.35rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center}.slider-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.slider-container{position:relative}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.slider-header label{font-weight:500;color:var(--text);font-size:.9rem}.slider-value{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.2rem .6rem;border-radius:10px;font-size:.8rem;font-weight:600;min-width:40px;text-align:center}.slider-wrapper{position:relative}.custom-slider{width:100%;height:8px;background:transparent;outline:none;position:relative;z-index:2;cursor:pointer;-webkit-appearance:none;appearance:none;border:0px}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003;transition:all .3s ease}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 10px #1877f266}.slider-track{position:absolute;top:50%;left:0;right:0;height:6px;background:var(--surface);border:1px solid var(--border);border-radius:3px;transform:translateY(-50%);overflow:hidden}.slider-fill{height:100%;background:#1877f2;border-radius:3px;transition:width .3s ease;position:relative}.slider-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.preset-section{padding-top:1rem;border-top:1px solid var(--border)}.preset-section label{display:block;font-weight:500;color:var(--text);margin-bottom:.6rem;font-size:.9rem}.preset-select{width:100%;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;transition:all .3s ease;cursor:pointer}.preset-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1877f21a}.safety-response{margin-bottom:1.25rem}.safety-response label{display:block;font-weight:500;color:var(--text);margin-bottom:.6rem;font-size:.85rem}.safety-textarea{width:100%;min-height:70px;padding:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.85rem;resize:vertical;transition:all .3s ease;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.safety-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1877f21a}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:45px;padding:.75rem;background:var(--background);border-radius:6px;border:1px solid var(--border)}.tag{display:flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border-radius:14px;font-size:.75rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.banned-tag{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.redflag-tag{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff}.tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tag-remove{background:#fff3;border:none;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;line-height:1;transition:all .3s ease}.tag-remove:hover{background:#ffffff4d;transform:scale(1.1)}.add-item{display:flex;gap:.6rem;align-items:center}.add-input{flex:1;padding:.6rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;transition:all .3s ease}.add-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1877f21a}.add-button{padding:.6rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem;display:flex;align-items:center;justify-content:center;min-width:60px}.add-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1877f24d}.add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.section-save-button{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.8rem;display:flex;align-items:center;gap:.4rem;margin-top:1rem;align-self:flex-start;min-width:80px;justify-content:center}.section-save-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 3px 8px #1877f24d}.section-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.section-save-button .button-icon{font-size:.9rem}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.save-button,.reset-button{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:160px;justify-content:center}.save-button{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.reset-button{background:var(--surface);color:var(--text);border:1px solid var(--border)}.save-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1877f24d}.reset-button:hover{background:var(--hover);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.button-icon{font-size:1rem}@keyframes textGlow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.config-grid{grid-template-columns:1fr;gap:1rem}.tone-safety-header{padding:1.5rem 1rem}.tone-safety-content{padding:0 1rem}.config-section{padding:1rem;min-width:unset}.header-content h1{font-size:1.75rem}.slider-group{gap:.75rem}.tags-container{padding:.6rem;min-height:40px}.section-save-button{font-size:.75rem;padding:.4rem .8rem}}@media (max-width: 480px){.config-grid{grid-template-columns:1fr;gap:.75rem}.config-section{padding:.875rem;border-radius:6px}.tone-safety-header{padding:1rem}.header-content h1{font-size:1.5rem}.add-item{flex-direction:column;align-items:stretch}.add-button{width:100%}.tags-container{padding:.5rem;gap:.4rem}.tag{font-size:.75rem;padding:.3rem .5rem}.slider-header{gap:.5rem}.config-section h2{font-size:1rem;gap:.4rem}.section-icon{font-size:1rem;padding:.3rem}.section-save-button{font-size:.7rem;padding:.35rem .7rem;gap:.3rem}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.widget-builder-container{min-height:100vh;background:var(--background, #f8fafc);padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.widget-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.header-left{flex:1}.page-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.page-subtitle{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.save-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;box-shadow:0 1px 2px #0000000d}.save-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #1877f24d}.save-button:focus{outline:2px solid transparent;outline-offset:2px}.save-button:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.save-button.saved{background:linear-gradient(135deg,#10b981,#059669)}.widget-builder-content{max-width:100%;margin:0 auto}.builder-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.builder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-config{grid-column:span 2 / span 2}}.builder-config{display:flex;flex-direction:column;gap:1.5rem}.config-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden}.card-header{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.card-header-left{display:flex;align-items:center;gap:.5rem}.card-content{padding:1.5rem}.card-content>*+*{margin-top:1rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-grid-three{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;align-items:end}@media (max-width: 1024px){.form-grid-three{grid-template-columns:1fr 1fr auto}}@media (max-width: 768px){.form-grid-three{grid-template-columns:1fr}.form-group-upload{display:none}}.form-group{display:flex;flex-direction:column}.form-group-flex{flex:1}.form-group-upload{display:flex;flex-direction:column;justify-content:flex-end}.form-label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.25rem}.label-with-tooltip{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.info-icon{color:#94a3b8;cursor:help}.tooltip-text{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;line-height:1.4;white-space:normal;width:200px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.tooltip-wrapper:hover .tooltip-text{opacity:1}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b}.form-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#0f172a;background:#fff;transition:all .15s ease}.form-input:focus{outline:2px solid transparent;outline-offset:2px;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-input::placeholder{color:#9ca3af}.form-textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#0f172a;background:#fff;height:5rem;resize:vertical;font-family:inherit;transition:all .15s ease}.form-textarea:focus{outline:2px solid transparent;outline-offset:2px;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.field-hint{font-size:.75rem;color:#64748b;margin-top:.25rem}.avatar-upload-group{display:flex;gap:.5rem}.avatar-input-wrapper{position:relative;flex:1}.input-icon{position:absolute;left:.75rem;top:.625rem;color:#94a3b8}.form-input.with-icon{padding-left:2.25rem}.hidden-input{display:none}.upload-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .15s ease;color:#374151;font-size:.875rem;font-weight:500}.upload-button:hover{background:#f9fafb}.upload-button:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.upload-button-compact{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;min-width:2.5rem;height:2.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .15s ease;color:#374151}.upload-button-compact:hover{background:#f9fafb}.upload-button-compact:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.color-picker-group{display:flex;align-items:center;gap:.5rem}.color-input{width:2.25rem;height:2.25rem;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;background:transparent}.color-value{font-family:Courier New,monospace;font-size:.875rem;color:#64748b}.empty-state{font-size:.875rem;color:#64748b;font-style:italic;margin:0}.cta-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:.375rem;margin-bottom:.75rem;transition:all .2s ease}.cta-item.cta-hidden{opacity:.5;background:#f1f5f9}.cta-item:last-child{margin-bottom:0}.cta-fields{flex:1;display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 768px){.cta-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.visibility-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .15s ease;min-width:36px}.visibility-toggle.is-visible{color:#10b981}.visibility-toggle.is-visible:hover{background:#fef2f2;color:#dc2626}.visibility-toggle.is-hidden{color:#94a3b8}.visibility-toggle.is-hidden:hover{background:#f0fdf4;color:#10b981}.max-warning{font-size:.75rem;color:#ea580c;margin:.5rem 0 0;display:flex;align-items:center;gap:.25rem}.builder-preview{position:relative}.preview-sticky{position:sticky;top:1.5rem}.preview-header{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.preview-widget{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;width:100%;max-width:28rem;margin:0 auto}.preview-widget-header{padding:1rem;display:flex;align-items:center;gap:.75rem}.preview-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.preview-bot-info{flex:1}.preview-bot-name{font-weight:600;font-size:.875rem;margin-bottom:0}.preview-bot-status{font-size:.75rem;opacity:.9}.preview-chat-area{height:16rem;background:#f8fafc;padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.preview-message-wrapper{display:flex;gap:.5rem;align-items:flex-start}.preview-message-wrapper.user{justify-content:flex-end}.preview-message-avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;overflow:hidden}.avatar-image-small{width:100%;height:100%;object-fit:cover}.preview-message{padding:.75rem;border-radius:.5rem;font-size:.875rem;line-height:1.5;max-width:75%}.bot-message{background:#fff;color:#1e293b;border:1px solid #f1f5f9;border-top-left-radius:.125rem;box-shadow:0 1px 2px #0000000d}.user-message{border-top-right-radius:.125rem;box-shadow:0 1px 2px #0000000d}.preview-cta-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;margin-left:2.5rem}.preview-cta-button{font-size:.75rem;padding:.375rem .75rem;background:#fff;border:1px solid #e0e7ff;color:#4f46e5;border-radius:9999px;font-weight:500;box-shadow:0 1px 2px #0000000d}.preview-input-area{padding:.75rem;border-top:1px solid #f1f5f9;background:#fff}.preview-input{height:2rem;background:#f1f5f9;border-radius:.25rem;padding:0 .75rem;display:flex;align-items:center;font-size:.75rem;color:#94a3b8}.preview-note{font-size:.75rem;color:#94a3b8;text-align:center;margin:1rem 0 0;line-height:1.5}.error-banner{margin-top:1.5rem;padding:1rem 1.5rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b}.error-banner p{margin:0;font-size:.875rem}.widget-builder-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{font-size:1rem;color:#64748b}.card-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem}.card-loading .loading-spinner{animation:spin 1s linear infinite}[data-theme=dark] .widget-builder-container{background:#0f172a}[data-theme=dark] .config-card,[data-theme=dark] .preview-widget{background:#1e293b;border-color:#334155}[data-theme=dark] .card-header{border-color:#334155}[data-theme=dark] .page-title,[data-theme=dark] .card-title,[data-theme=dark] .form-label{color:#f1f5f9}[data-theme=dark] .page-subtitle,[data-theme=dark] .field-hint,[data-theme=dark] .color-value{color:#94a3b8}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .cta-item{background:#0f172a;border-color:#334155}[data-theme=dark] .cta-item.cta-hidden{background:#1e293b;opacity:.5}[data-theme=dark] .visibility-toggle.is-visible{color:#10b981}[data-theme=dark] .visibility-toggle.is-hidden{color:#64748b}[data-theme=dark] .preview-chat-area{background:#0f172a}[data-theme=dark] .bot-message{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .preview-input-area{background:#1e293b;border-color:#334155}[data-theme=dark] .preview-input{background:#0f172a}[data-theme=dark] .empty-state{background:#0f172a;color:#94a3b8}[data-theme=dark] .upload-button{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .upload-button:hover{background:#334155}@media (max-width: 1023px){.builder-grid{grid-template-columns:1fr}.preview-sticky{position:static;margin-top:1.5rem}}@media (max-width: 767px){.form-grid,.cta-fields{grid-template-columns:1fr}.page-title{font-size:1.25rem}}@media (max-width: 480px){.widget-builder-header{flex-direction:column;align-items:stretch;gap:.75rem}.save-button{width:100%}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.preview-widget{max-width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:.875rem;gap:6px}.btn-md{padding:10px 20px;font-size:.9375rem;gap:8px}.btn-lg{padding:12px 24px;font-size:1rem;gap:10px}.btn-primary{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:#1565d8;border-color:#1565d8;transform:translateY(-1px);box-shadow:0 4px 12px #1877f24d}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--background);border-color:var(--primary)}.btn-ghost{background-color:transparent;color:var(--primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:#1877f21a}[data-theme=dark] .btn-primary{background-color:var(--primary)}[data-theme=dark] .btn-primary:hover:not(:disabled){background-color:#1565d8}[data-theme=dark] .btn-secondary{background-color:#ffffff0d;border-color:var(--border)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:#ffffff1a}.publishing-page{padding:0;min-height:100vh;background:var(--background)}.publishing-header-section{padding:2rem 2.5rem 1.5rem}.publishing-main-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.publishing-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:400}.publishing-layout{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;padding:2rem 2.5rem;max-width:1600px;margin:0 auto}.publishing-main,.publishing-sidebar{display:flex;flex-direction:column;gap:1.5rem}.instruction-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.inline-code{background-color:#4755691a;padding:2px 6px;border-radius:4px;color:#005eb8;font-family:Courier New,monospace;font-size:.875rem}.code-snippet-container{position:relative;margin-top:1rem}.code-snippet{background:#0f172a;color:#f1f5f9;padding:1.5rem;border-radius:8px;font-size:.875rem;font-family:Courier New,Courier,monospace;overflow-x:auto;border:1px solid #1e293b;line-height:1.6;white-space:pre;margin:0}.copy-button-wrapper{position:absolute;top:1rem;right:1rem}.copy-code-btn{background:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copy-code-btn:hover{background:#fff3!important}.integration-steps{display:flex;flex-direction:column;gap:1.5rem}.step-item{display:flex;gap:1rem;align-items:flex-start}.step-number{width:32px;height:32px;min-width:32px;border-radius:50%;background:#e0f2fe;color:#005eb8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9375rem}.step-content{flex:1}.step-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.step-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.6}.promo-card{background:linear-gradient(135deg,#005eb8,#004b94);border:none;color:#fff}.promo-content{padding:1.5rem}.promo-icon{width:2.5rem;height:2.5rem;color:#ffffffb3;margin-bottom:1rem}.promo-title{font-size:1.125rem;font-weight:700;margin:0 0 .75rem;color:#fff}.promo-text{font-size:.875rem;color:#ffffffe6;line-height:1.6;margin:0 0 1.5rem}.promo-button{width:100%;background:#fff!important;color:#005eb8!important;border:none!important}.promo-button:hover{background:#fffffff2!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sidebar-title{font-size:.9375rem}.platform-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.platform-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.platform-icon{color:var(--text-secondary);opacity:.6}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.text-primary{color:#005eb8}@media (max-width: 1024px){.publishing-layout{grid-template-columns:1fr}.publishing-sidebar{order:-1}}@media (max-width: 768px){.publishing-header{padding:1.5rem}.page-title{font-size:1.5rem}.publishing-layout{padding:1.5rem;gap:1rem}.code-snippet{font-size:.75rem;padding:1rem}.copy-button-wrapper{position:static;margin-top:1rem}.copy-code-btn{width:100%}}[data-theme=dark] .code-snippet{background:#0f172a;border-color:#1e293b;color:#cbd5e1}[data-theme=dark] .inline-code{background-color:#005eb833;color:#59aaff}[data-theme=dark] .step-number{background:#005eb833;color:#59aaff}.leads-logs-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh}.leads-logs-header{margin-bottom:2rem}.leads-logs-title{font-size:2rem;font-weight:600;margin:0}.leads-logs-content{width:100%}.leads-logs-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.section-card{padding:1.5rem;transition:all .2s ease;min-height:400px;display:flex;flex-direction:column}.section-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.section-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.section-title-group{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:1.25rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.section-controls{display:flex;gap:.5rem;align-items:center}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;flex:1;max-width:200px}.search-input{border:none;outline:none;flex:1;font-size:.875rem}.search-input::placeholder{opacity:.6}.filter-btn,.export-btn{padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.filter-btn:hover,.export-btn:hover{opacity:.8}.add-lead-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-lead-btn:hover{opacity:.9;transform:translateY(-1px)}.section-content{flex:1;display:flex;flex-direction:column}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;flex:1;gap:1rem}.empty-title{font-size:1.125rem;font-weight:600;margin:0}.empty-description{font-size:.875rem;margin:0;opacity:.8}.leads-list,.logs-list{display:flex;flex-direction:column;gap:1rem}.lead-card,.log-entry{padding:1rem;transition:all .2s ease}.lead-card:hover,.log-entry:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.lead-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.lead-info{flex:1}.lead-name{font-size:1rem;font-weight:600;margin:0 0 .5rem}.lead-contact{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.lead-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.lead-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.lead-date{display:flex;align-items:center;gap:.5rem}.log-header{display:flex;gap:.75rem;margin-bottom:.75rem}.log-icon{padding:.5rem;border-radius:6px;background-color:#1877f21a;display:flex;align-items:center;justify-content:center}.log-info{flex:1}.log-title{font-size:1rem;font-weight:600;margin:0 0 .5rem}.log-meta{display:flex;gap:1rem;align-items:center}.log-time{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.log-level{padding:.125rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.log-description{font-size:.875rem;line-height:1.5;margin:0}@media (max-width: 768px){.leads-logs-container{padding:1rem}.leads-logs-title{font-size:1.75rem}.leads-logs-grid{grid-template-columns:1fr;gap:1.5rem}.section-card{padding:1rem}.section-header{gap:.75rem}.section-title-group{flex-direction:column;align-items:stretch;gap:.75rem}.section-controls{flex-wrap:wrap;gap:.5rem}.search-box{max-width:none;flex:1}.lead-header{flex-direction:column;gap:.75rem;align-items:stretch}.lead-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.log-header{flex-direction:column;gap:.5rem}.log-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.leads-logs-container{padding:.5rem}.section-card{padding:.75rem}.section-controls{grid-template-columns:1fr}.lead-contact{gap:.125rem}.contact-item{font-size:.8rem}}.logs-container{height:calc(100vh - 10px);display:flex;flex-direction:column;padding:2rem;max-width:1400px;margin:0 auto;overflow:hidden}.logs-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logs-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.logs-subtitle{color:#64748b;font-size:.875rem;margin:0}.filter-chip{background-color:#eef7ff;border:1px solid #bfdbfe;border-radius:9999px;padding:.25rem .75rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.filter-chip-text{color:#005eb8}.filter-chip-close{background:none;border:none;color:#60a5fa;cursor:pointer;padding:0;display:flex;align-items:center}.filter-chip-close:hover{color:#005eb8}.logs-main-panel{flex:1;display:flex;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000001a}.logs-sidebar{width:320px;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;background-color:#f8fafc80}.logs-sidebar-search{padding:1rem;border-bottom:1px solid #e2e8f0;background-color:#fff;min-height:75px;display:flex;align-items:center}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:.625rem;color:#94a3b8}.search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border-radius:.5rem;border:1px solid #e2e8f0;font-size:.875rem;outline:none}.search-input:focus{outline:none;border-color:#005eb8;box-shadow:0 0 0 2px #005eb81a}.logs-sidebar-list{flex:1;overflow-y:auto}.logs-sidebar-list::-webkit-scrollbar{width:6px}.logs-sidebar-list::-webkit-scrollbar-track{background:#f1f5f9}.logs-sidebar-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.logs-sidebar-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.log-session-item{padding:1rem;border-bottom:1px solid #f1f5f9;border-left:4px solid transparent;cursor:pointer;transition:all .2s}.log-session-item:hover{background-color:#fff}.log-session-item-selected{background-color:#fff;border-left-color:#005eb8;box-shadow:0 1px 3px #0000001a}.log-session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.log-session-id{font-weight:600;color:#0f172a;font-size:.875rem}.log-session-date{font-size:.75rem;color:#94a3b8}.log-session-topic{font-size:.75rem;font-weight:500;color:#475569;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-session-meta{display:flex;align-items:center;gap:.5rem}.log-session-badge-lead{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:4px;font-size:10px;font-weight:500;background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.log-session-badge-guest{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:4px;font-size:10px;font-weight:500;background-color:#f1f5f9;color:#64748b}.log-session-msg-count{font-size:10px;color:#94a3b8}.logs-transcript{flex:1;display:flex;flex-direction:column;background-color:#f1f5f980}.transcript-header{padding:1rem;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;min-height:75px}.date-filter-wrapper{position:relative;display:flex;align-items:center}.date-filter-label{cursor:pointer;display:flex;align-items:center}.date-filter-icon{color:#005eb8;cursor:pointer;transition:color .2s}.date-filter-icon:hover{color:#004b94}.date-filter-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.transcript-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.transcript-date{font-size:.75rem;color:#64748b;display:flex;align-items:center;gap:.5rem;margin:0}.transcript-header-badges{display:flex;gap:.5rem}.lead-captured-badge{background-color:#d1fae5;color:#065f46;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.transcript-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.transcript-messages::-webkit-scrollbar{width:6px}.transcript-messages::-webkit-scrollbar-track{background:#f1f5f9}.transcript-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.transcript-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.message-container{display:flex;flex-direction:column;gap:.5rem}.message-user-wrapper{border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background-color:#eef7ff80}.message-user-header{padding:.5rem 1rem;border-bottom:1px solid #bfdbfe;background-color:#eef7ff;display:flex;align-items:center;gap:.5rem}.message-user-icon{color:#005eb8}.message-user-label{font-size:.75rem;font-weight:700;color:#1e3a8a}.message-timestamp{font-size:10px;color:#94a3b8;margin-left:auto}.message-user-content{padding:1rem;font-size:.875rem;color:#1e293b;line-height:1.6}.message-assistant-wrapper{border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background-color:#fff}.message-assistant-header{padding:.5rem 1rem;border-bottom:1px solid #f1f5f9;background-color:#fff;display:flex;align-items:center;gap:.5rem}.message-assistant-icon{color:#475569}.message-assistant-label{font-size:.75rem;font-weight:700;color:#334155}.message-assistant-content{padding:1rem;font-size:.875rem;color:#475569;line-height:1.6}.message-sources{background-color:#f8fafc;border-top:1px solid #f1f5f9}.message-sources-toggle{width:100%;text-align:left;padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:#64748b;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:color .2s}.message-sources-toggle:hover{color:#005eb8}.message-sources-list{padding:0 1rem .75rem;display:flex;flex-direction:column;gap:.5rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.source-item{font-size:.75rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;padding:.5rem}.source-item-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#334155;margin-bottom:.25rem;flex-wrap:wrap}.source-link{margin-left:auto;display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:500;color:#005eb8;text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;background-color:#eef7ff;border:1px solid #bfdbfe;transition:all .2s}.source-link:hover{background-color:#dbeafe;border-color:#93c5fd;color:#0047ab}.source-loading{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:#64748b;font-size:.75rem}.source-icon-document{color:#005eb8}.source-icon-faq{color:#f97316}.source-icon-system{color:#ef4444}.source-icon-default{color:#64748b}.source-item-snippet{color:#475569;font-size:.75rem;padding-left:1.25rem;border-left:2px solid #e2e8f0;line-height:1.6}.transcript-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8}.transcript-empty-icon{margin-bottom:1rem;opacity:.2}.loading-state{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%;min-height:300px}.empty-sessions-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-sessions-icon{color:#cbd5e1;margin-bottom:1rem}.empty-sessions-text{color:#64748b;font-size:.875rem;margin:0 0 1rem}.clear-filter-button{background-color:#005eb8;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.clear-filter-button:hover{background-color:#004b94}@media (max-width: 1024px){.logs-sidebar{width:280px}}@media (max-width: 768px){.logs-main-panel{flex-direction:column}.logs-sidebar{width:100%;max-height:300px;border-right:none;border-bottom:1px solid #e2e8f0}.logs-header-section{flex-direction:column;align-items:flex-start;gap:1rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-background{position:absolute;inset:0;z-index:0}.login-shape{position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.shape1{width:200px;height:200px;background:#fff;top:10%;left:10%;animation-delay:0s}.shape2{width:150px;height:150px;background:#fff;top:60%;right:10%;animation-delay:2s}.shape3{width:100px;height:100px;background:#fff;bottom:20%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-content{position:relative;z-index:1;width:100%;max-width:500px;padding:20px}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #00000026,0 0 0 1px #ffffff4d}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:24px;box-shadow:0 8px 16px #667eea4d}.login-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.login-body{margin-bottom:32px}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;margin-bottom:24px}.login-error svg{flex-shrink:0}.login-button{width:100%;background:linear-gradient(135deg,#0078d4,#005a9e);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#106ebe,#005a9e);transform:translateY(-1px);box-shadow:0 8px 16px #0078d44d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button-content{display:flex;align-items:center;justify-content:center;gap:12px}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.login-features{margin-top:32px;padding:24px;background:#f9fafbcc;border-radius:12px;border:1px solid rgba(229,231,235,.5)}.login-features h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280}.feature-item svg{color:#10b981;flex-shrink:0}.login-footer{text-align:center;border-top:1px solid rgba(229,231,235,.5);padding-top:24px}.login-footer-text{font-size:12px;color:#9ca3af;margin:0}@media (max-width: 640px){.login-content{padding:16px}.login-card{padding:24px;border-radius:16px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.login-button{padding:14px 20px;font-size:15px}.shape1,.shape2,.shape3{display:none}}@media (prefers-color-scheme: dark){.login-card{background:#111827f2;color:#fff}.login-title{color:#fff}.login-subtitle{color:#d1d5db}.login-features{background:#1f2937cc;border-color:#4b556380}.login-features h3{color:#f9fafb}.feature-item{color:#d1d5db}.login-footer-text{color:#6b7280}.login-footer{border-top-color:#4b556380}}.login-button:disabled .login-button-content{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.login-button:focus{outline:none;box-shadow:0 0 0 2px #fffc,0 0 0 4px #0078d44d}@media (prefers-contrast: high){.login-card{background:#fff;border:2px solid black}.login-button{background:#0078d4;border:2px solid #005a9e}.login-features{background:#f8f9fa;border:1px solid #dee2e6}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.approve-tenant-container{min-height:100vh;padding:30px 20px;display:flex;justify-content:center;align-items:flex-start;transition:background-color .3s ease}.approve-tenant-content{width:100%;max-width:1400px;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;border:1px solid;transition:all .3s ease}.approve-tenant-main-title{font-size:28px;font-weight:700;margin-bottom:16px;text-align:center}.approve-tenant-cards-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.approve-tenant-card{border-radius:12px;padding:20px;box-shadow:0 2px 4px #00000014;border:1px solid;transition:all .3s ease;display:flex;flex-direction:column}.card-title{font-size:18px;font-weight:700}.card-form{display:flex;flex-direction:column;gap:12px}.card-form-grid,.card-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-form-full{grid-column:1 / -1}.approve-tenant-alert{padding:14px 16px;border-radius:8px;border-left:4px solid;margin-bottom:20px;font-size:14px;font-weight:500}.approve-tenant-alert.error,.approve-tenant-alert.success{display:flex;align-items:center}.approve-tenant-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group:nth-child(3),.form-group:nth-child(4),.form-group:nth-child(5),.form-group:nth-child(6){grid-column:span 1}@media (max-width: 640px){.approve-tenant-form{grid-template-columns:1fr}.form-group:nth-child(3),.form-group:nth-child(4),.form-group:nth-child(5),.form-group:nth-child(6){grid-column:span 1}}.form-label{font-size:14px;font-weight:600;transition:color .3s ease}.form-input{padding:12px 14px;border-radius:8px;border:1px solid;font-size:14px;font-family:inherit;transition:all .3s ease;background-color:transparent}.form-input:disabled{opacity:.7;cursor:not-allowed}.form-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:none;min-height:auto;font-family:inherit}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group.full-width{grid-column:1 / -1}.approve-tenant-actions{display:flex;gap:16px;margin-top:30px;justify-content:center}.card-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.btn{padding:12px 32px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;min-width:150px}.btn-block{width:100%;min-width:unset}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-approve{background-color:#22c55e}.btn-approve:hover:not(:disabled){background-color:#16a34a}.btn-reject{background-color:#ef4444}.btn-reject:hover:not(:disabled){background-color:#dc2626}.approve-tenant-status{padding:20px;border-radius:8px;border:1px solid;text-align:center;margin-top:20px;font-size:16px;font-weight:600}.approve-tenant-status p{margin:0;font-size:18px}@media (max-width: 1024px){.approve-tenant-cards-container{grid-template-columns:1fr}}@media (max-width: 768px){.approve-tenant-container{padding:20px 16px}.approve-tenant-content{padding:20px;border-radius:10px}.approve-tenant-main-title{font-size:24px;margin-bottom:16px}.approve-tenant-cards-container{gap:16px;grid-template-columns:1fr}.approve-tenant-card{padding:20px}.card-title{font-size:16px;margin-bottom:16px}.card-form{gap:14px}.card-form-grid,.card-form-row{gap:12px}.approve-tenant-actions{flex-direction:column;gap:12px}.btn{width:100%;min-width:unset}}@media (max-width: 480px){.approve-tenant-container{padding:16px 12px}.approve-tenant-content{padding:16px}.approve-tenant-main-title{font-size:20px;margin-bottom:14px}.approve-tenant-cards-container{gap:12px;grid-template-columns:1fr}.approve-tenant-card{padding:16px}.card-title{font-size:14px;margin-bottom:12px}.card-form-grid,.card-form-row{grid-template-columns:1fr;gap:10px}.card-form-full{grid-column:1}.form-label{font-size:13px}.form-input{font-size:13px;padding:10px 12px}.btn{padding:10px 24px;font-size:14px}}.approve-tenant-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:18px;font-weight:500}@media (prefers-color-scheme: dark){.approve-tenant-card{box-shadow:0 4px 6px #0000004d}.btn:hover:not(:disabled){box-shadow:0 6px 12px #0006}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--background)}.not-found-content{max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.not-found-image-wrapper{width:100%;max-width:500px;margin:0 auto}.not-found-image{width:100%;height:auto;display:block;animation:fadeIn .6s ease-in-out}.not-found-text{display:flex;flex-direction:column;gap:1rem}.not-found-title{font-size:2.5rem;font-weight:700;margin:0;animation:slideUp .6s ease-in-out .2s both}.not-found-description{font-size:1.125rem;line-height:1.6;margin:0;animation:slideUp .6s ease-in-out .3s both}.not-found-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:slideUp .6s ease-in-out .4s both}.not-found-btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;min-width:140px}.not-found-btn-primary{box-shadow:0 2px 8px #005eb833}.not-found-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #005eb84d;filter:brightness(1.1)}.not-found-btn-primary:active{transform:translateY(0)}.not-found-btn-secondary{background-color:transparent;border:2px solid}.not-found-btn-secondary:hover{background-color:var(--hover);transform:translateY(-2px)}.not-found-btn-secondary:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.not-found-title{font-size:2rem}.not-found-description{font-size:1rem}.not-found-actions{flex-direction:column;width:100%}.not-found-btn{width:100%}}.support-container{padding:24px;max-width:1400px;margin:0 auto}.support-header{margin-bottom:24px}.support-header h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 8px}.support-header p{color:#64748b;margin:0;font-size:.875rem}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.support-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease;cursor:pointer}.support-card-content{padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center}.icon-wrapper{padding:12px;border-radius:9999px;margin-bottom:16px;transition:all .2s ease}.support-card:hover .icon-wrapper{transform:scale(1.05)}.icon-indigo{background-color:#eef7ff;color:#005eb8}.support-card:hover .icon-indigo{background-color:#e0e7ff}.icon-green{background-color:#f0fdf4;color:#16a34a}.support-card:hover .icon-green{background-color:#dcfce7}.icon-purple{background-color:#faf5ff;color:#9333ea}.support-card:hover .icon-purple{background-color:#f3e8ff}.support-card-content h3{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 8px}.support-card-content p{font-size:.875rem;color:#64748b;margin:0 0 16px;line-height:1.5}.support-button{background:transparent;border:none;color:#005eb8;font-size:.875rem;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;outline:none}.support-button:focus{outline:none}.support-bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.card-header{padding:16px 24px;border-bottom:1px solid #f1f5f9}.card-header h2{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.card-content{padding:24px}.faq-content{display:flex;flex-direction:column;gap:24px}.faq-item{border-bottom:1px solid #f1f5f9;padding-bottom:16px;border-radius:8px;overflow:hidden;transition:all .2s ease}.faq-item h4{font-size:.875rem;font-weight:500;color:#0f172a;margin:0 0 4px}.faq-item p{font-size:.875rem;color:#64748b;margin:0;line-height:1.6}.guidelines-content{display:flex;flex-direction:column;gap:24px}.guideline-item{display:flex;gap:12px}.guideline-icon{margin-top:4px;color:#005eb8;flex-shrink:0}.guideline-text h4{font-size:.875rem;font-weight:600;color:#0f172a;margin:0 0 4px}.guideline-text p{font-size:.875rem;color:#64748b;margin:0;line-height:1.6}@media (max-width: 768px){.support-grid,.support-bottom-grid{grid-template-columns:1fr}}.settings-wrapper{min-height:100vh;background-color:#f8fafc;padding:2rem}.settings-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header-content{flex:1}.header-content h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#0f172a}.settings-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;line-height:1.2;color:#004b94}.settings-subtitle{font-size:1rem;margin:0;line-height:1.5;color:#64748b}.save-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#004b94;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.save-button:hover:not(:disabled){background-color:#003770;transform:translateY(-1px);box-shadow:0 4px 12px #004b944d}.save-button:disabled{opacity:.6;cursor:not-allowed}.settings-tabs{display:flex;border-bottom:1px solid #e2e8f0}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#64748b;transition:all .2s ease}.tab-btn:hover{color:#004b94;background-color:#eef7ff;border-bottom-color:#004b94}.tab-btn.active{color:#004b94;border-bottom-color:#004b94;font-weight:600}.settings-content{margin-top:1.5rem}.settings-card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0}.card-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.card-content{padding:1.5rem;max-width:48rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-group,.form-group-full{display:flex;flex-direction:column;gap:.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#475569;margin-bottom:.25rem}.form-input{width:100%;padding:.625rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#004b94;box-shadow:0 0 0 3px #004b941a}.email-input{background-color:#f8fafc}.form-hint{font-size:.75rem;color:#64748b;margin:.25rem 0 0}.billing-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.billing-grid{grid-template-columns:repeat(2,1fr)}}.billing-card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.current-plan-card{border-color:#bde0ff;box-shadow:0 1px 3px #004b941a}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:linear-gradient(to right,#eef7ff,#fff);border-bottom:1px solid #BDE0FF}.plan-header-content{flex:1}.plan-badge{font-size:.75rem;font-weight:600;color:#004b94;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.plan-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:.25rem 0 0}.plan-icon{padding:.5rem;background-color:#eef7ff;color:#004b94;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.plan-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.plan-detail{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.amount-detail{padding-bottom:.25rem;border-bottom:none}.detail-label{color:#64748b}.detail-value{font-weight:500;color:#0f172a}.detail-amount{font-weight:700;color:#0f172a;font-size:1.125rem}.upgrade-button{width:100%;padding:.75rem 1.5rem;background-color:#004b94;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.upgrade-button:hover{background-color:#003770;transform:translateY(-1px);box-shadow:0 4px 12px #004b944d}.payment-method{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem}.payment-icon{padding:.5rem;background-color:#f1f5f9;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#64748b}.payment-details{flex:1}.payment-card{font-weight:500;color:#0f172a;margin:0;font-size:.875rem}.payment-expiry{font-size:.75rem;color:#64748b;margin:.25rem 0 0}.edit-button{padding:.375rem .75rem;background:transparent;color:#004b94;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-button:hover{background-color:#eef7ff}.add-payment-button{width:100%;padding:.75rem 1.5rem;background-color:#f8fafc;color:#0f172a;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-payment-button:hover{background-color:#f1f5f9;border-color:#94a3b8}@media (max-width: 768px){.settings-wrapper{padding:1rem}.settings-header{flex-direction:column;align-items:flex-start;gap:1rem}.save-button{width:100%}.form-grid{grid-template-columns:1fr}.settings-title{font-size:1.5rem}}.preview-twin-container{max-width:1280px;margin:0 auto;padding:2rem 2rem 6rem;animation:fadeIn .7s ease-in}@media (min-width: 768px){.preview-twin-container{padding:3rem 3rem 6rem}}@media (min-width: 1024px){.preview-twin-container{padding:4rem 3rem 6rem}}.preview-twin-header{margin-bottom:3rem}.preview-twin-title{font-size:2.5rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}@media (min-width: 768px){.preview-twin-title{font-size:3rem}}.preview-twin-icon-box{padding:.625rem;background-color:#eef7ff;border-radius:1rem;border:1px solid #e0f2fe;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.preview-twin-icon{color:#004b94}.preview-twin-subtitle{color:#64748b;font-size:1.125rem;max-width:48rem;line-height:1.75}.preview-twin-section{margin-bottom:3rem}.preview-twin-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.preview-twin-section-title{font-size:.875rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.2em}.preview-twin-divider{height:1px;flex:1;background-color:#e2e8f0}.preview-twin-onboarding-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.preview-twin-onboarding-grid{grid-template-columns:repeat(5,1fr)}}.preview-twin-step-wrapper{position:relative}.preview-twin-step-card{height:100%;border:none;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:all .3s ease;background-color:#fff}.preview-twin-step-wrapper:hover .preview-twin-step-card{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-.25rem)}.preview-twin-step-content{padding:1.5rem;display:flex;flex-direction:column;height:100%;align-items:center;text-align:center}.preview-twin-step-icon{width:3rem;height:3rem;border-radius:1rem;background-color:#eef7ff;color:#004b94;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;border:1px solid #e0f2fe;transition:background-color .3s ease}.preview-twin-step-wrapper:hover .preview-twin-step-icon{background-color:#e0f2fe}.preview-twin-step-title{font-weight:700;color:#0f172a;font-size:.875rem;margin-bottom:.75rem}.preview-twin-step-description{font-size:.6875rem;color:#64748b;line-height:1.75;flex-grow:1}.preview-twin-step-badge{margin-top:1rem;padding-top:1rem;border-top:1px solid #f8fafc;width:100%;display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.625rem;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.1em}.preview-twin-arrow{display:none;position:absolute;top:50%;right:-.5rem;z-index:10;transform:translateY(-50%);color:#cbd5e1}@media (min-width: 768px){.preview-twin-arrow{display:block}}.preview-twin-main-card{overflow:hidden;border-radius:2.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;position:relative;background:#fff;border:1px solid #e2e8f0}.preview-twin-glow-right{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(to left,rgba(238,247,255,.5),transparent);pointer-events:none}.preview-twin-glow-left{position:absolute;bottom:-5rem;left:-5rem;width:20rem;height:20rem;background-color:#e0f2fe4d;border-radius:9999px;filter:blur(80px);pointer-events:none}.preview-twin-main-content{position:relative;z-index:10;display:flex;flex-direction:column}@media (min-width: 1024px){.preview-twin-main-content{flex-direction:row}}.preview-twin-content-left{padding:2.5rem;flex:1;display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 1024px){.preview-twin-content-left{padding:4rem}}.preview-twin-content-inner{display:flex;flex-direction:column;gap:1.5rem}.preview-twin-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#eef7ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.375rem 1rem;border-radius:9999px;font-size:.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:#004b94;border:1px solid #e0f2fe;box-shadow:0 1px 2px #0000000d;width:fit-content}.preview-twin-main-title{font-size:2.5rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;line-height:1.1}@media (min-width: 768px){.preview-twin-main-title{font-size:3rem}}.preview-twin-gradient-text{color:#004b94}.preview-twin-main-description{color:#64748b;max-width:36rem;font-size:1.125rem;line-height:1.75;font-weight:300}.preview-twin-checklist{display:grid;grid-template-columns:1fr;gap:2rem;padding:1rem 0}@media (min-width: 640px){.preview-twin-checklist{grid-template-columns:repeat(2,1fr)}}.preview-twin-checklist-item{display:flex;gap:1.25rem}.preview-twin-checklist-icon{width:2.5rem;height:2.5rem;border-radius:1rem;background-color:#eef7ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#004b94;border:1px solid #e0f2fe;box-shadow:inset 0 2px 4px #0000000d;transition:background-color .3s ease}.preview-twin-checklist-item:hover .preview-twin-checklist-icon{background-color:#e0f2fe}.preview-twin-checklist-text{display:flex;flex-direction:column;gap:.25rem}.preview-twin-checklist-title{color:#0f172a;font-weight:700;font-size:1rem;letter-spacing:-.025em}.preview-twin-checklist-desc{color:#94a3b8;font-size:.75rem;line-height:1.75;font-weight:400}.preview-twin-actions{padding-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.preview-twin-launch-button{display:inline-flex;align-items:center;justify-content:center;background-color:#eef7ff;color:#004b94;font-weight:900;padding:1.25rem 3rem;border-radius:1rem;border:1px solid #e0f2fe;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .3s ease;font-size:.875rem;letter-spacing:.1em;text-decoration:none;cursor:pointer}.preview-twin-launch-button:hover{background-color:#e0f2fe;transform:translateY(-.25rem)}.preview-twin-launch-button:active{transform:translateY(0)}.preview-twin-launch-icon{margin-left:.75rem;transition:transform .3s ease}.preview-twin-launch-button:hover .preview-twin-launch-icon{transform:translate(.25rem)}.preview-twin-copy-section{display:flex;align-items:center;gap:1.25rem;background-color:#f8fafc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem;border-radius:1rem;border:1px solid #e2e8f0;transition:border .3s ease}.preview-twin-copy-section:hover{border-color:#cbd5e1}.preview-twin-url-info{display:flex;flex-direction:column}.preview-twin-url-label{font-size:.625rem;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.preview-twin-url-code{font-size:.75rem;color:#475569;font-family:Courier New,monospace;margin-top:.25rem;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-twin-copy-button{padding:.75rem;background-color:#eef7ff;color:#004b94;border-radius:.75rem;transition:all .3s ease;border:1px solid #e0f2fe;cursor:pointer;box-shadow:0 1px 2px #0000000d}.preview-twin-copy-button:hover{background-color:#e0f2fe;color:#004b94}.preview-twin-copy-button:active{transform:scale(.95)}.preview-twin-phone-mockup{display:none;align-items:center;justify-content:center;background-color:#0000004d;padding:4rem;border-left:1px solid rgba(255,255,255,.05);position:relative}@media (min-width: 1024px){.preview-twin-phone-mockup{display:flex}}.preview-twin-phone-gradient{position:absolute;inset:0;background:linear-gradient(to bottom right,transparent,rgba(99,102,241,.1));pointer-events:none}.preview-twin-phone{width:300px;height:600px;background-color:#0f172a;border-radius:3.5rem;border:10px solid #1e293b;box-shadow:0 0 50px -12px #d4af3733;position:relative;overflow:hidden;display:flex;flex-direction:column;transform:scale(1.1)}.preview-twin-phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:9rem;height:1.75rem;background-color:#1e293b;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;z-index:20}.preview-twin-phone-screen{flex:1;background-color:#fff;display:flex;flex-direction:column}.preview-twin-phone-header{padding:3rem 2rem 2rem;display:flex;align-items:center;gap:.75rem;background-color:#f8fafc;border-bottom:1px solid #f1f5f9}.preview-twin-phone-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background-color:#eef7ff;box-shadow:0 10px 15px -3px #0000001a;display:flex;align-items:center;justify-content:center}.preview-twin-phone-avatar-icon{color:#004b94}.preview-twin-phone-header-line1{height:.75rem;width:6rem;background-color:#cbd5e1;border-radius:9999px}.preview-twin-phone-header-line2{height:.5rem;width:4rem;background-color:#e2e8f0;border-radius:9999px;margin-top:.5rem}.preview-twin-phone-messages{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.preview-twin-phone-message-left{background-color:#f1f5f9;border-radius:1.5rem;padding:1.25rem;display:flex;flex-direction:column;gap:.625rem;border-top-left-radius:0;border:1px solid #e2e8f0}.preview-twin-phone-message-line{height:.5rem;width:100%;background-color:#cbd5e1;border-radius:9999px}.preview-twin-phone-message-line2{height:.5rem;width:80%;background-color:#cbd5e1;border-radius:9999px}.preview-twin-phone-message-right-wrapper{display:flex;justify-content:flex-end}.preview-twin-phone-message-right{background-color:#001a33;border-radius:1.5rem;padding:1.25rem;width:75%;border-top-right-radius:0;box-shadow:0 4px 6px -1px #0000001a}.preview-twin-phone-message-line-dark{height:.5rem;width:100%;background-color:#64748b4d;border-radius:9999px}.preview-twin-phone-message-left2{background-color:#eef2ff80;border-radius:1.5rem;padding:1.25rem;display:flex;flex-direction:column;gap:.625rem;border-top-left-radius:0;border:1px solid #e0e7ff}.preview-twin-phone-message-line-blue{height:.5rem;width:100%;background-color:#c7d2fe;border-radius:9999px}.preview-twin-phone-message-line-blue2{height:.5rem;width:66%;background-color:#c7d2fe;border-radius:9999px}.preview-twin-phone-spacer{flex:1}.preview-twin-phone-input-wrapper{padding:1.5rem;padding-top:0}.preview-twin-phone-input-container{display:flex;gap:.625rem}.preview-twin-phone-input{height:2.5rem;flex:1;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem}.preview-twin-phone-send-button{width:2.5rem;height:2.5rem;background-color:#001a33;border-radius:1rem;display:flex;align-items:center;justify-content:center}.preview-twin-phone-send-icon{width:.5rem;height:.5rem;background-color:#d4af37;border-radius:9999px;box-shadow:0 0 10px #d4af37}.preview-twin-footer{text-align:center;margin-top:3rem}.preview-twin-footer-text{font-size:.75rem;color:#94a3b8;font-weight:500;letter-spacing:.025em}.tenants-wrapper{min-height:100vh;padding:2rem;background-color:#f8fafc}.tenants-main{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.tenants-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tenants-main-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;line-height:1.2;color:#0f172a}.tenants-subtitle{font-size:1rem;margin:0;line-height:1.5;color:#64748b}.header-actions{display:flex;gap:.75rem;align-items:center}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#4f46e5;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.refresh-button:hover:not(:disabled){background-color:#4338ca}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.stat-card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0}.stat-card-content{display:flex;align-items:center;gap:1rem;padding:1.5rem}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;flex-shrink:0}.stat-icon-primary{background-color:#eef2ff;color:#4f46e5}.stat-icon-success{background-color:#d1fae5;color:#065f46}.stat-icon-warning{background-color:#fef3c7;color:#92400e}.stat-details{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:#64748b;margin:0}.stat-value{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0;line-height:1}.tenants-table-card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;overflow:hidden}.table-container{overflow-x:auto}.tenants-table{width:100%;border-collapse:collapse}.tenants-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.tenants-table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.tenants-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.tenants-table tbody tr:hover{background-color:#f8fafc}.tenants-table tbody tr:last-child{border-bottom:none}.tenants-table td{padding:1rem;font-size:.875rem;color:#0f172a}.tenant-id{font-weight:600;color:#4f46e5}.tenant-name{font-weight:500}.tenant-email{color:#64748b}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-active{background-color:#d1fae5;color:#065f46}.status-test{background-color:#dbeafe;color:#1e40af}.status-approved{background-color:#fef3c7;color:#92400e}.status-requested{background-color:#fce7f3;color:#9f1239}.status-default{background-color:#f1f5f9;color:#475569}.api-info-card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0}.api-info-section{display:flex;flex-direction:column;gap:1rem}.api-detail{display:flex;align-items:flex-start;gap:1rem}.api-label{font-size:.875rem;font-weight:600;color:#475569;min-width:140px;flex-shrink:0}.api-code{font-family:Courier New,monospace;font-size:.875rem;background-color:#f8fafc;padding:.375rem .75rem;border-radius:.375rem;border:1px solid #e2e8f0;color:#0f172a;word-break:break-all}.api-url{flex:1;font-size:.8125rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-text{font-size:1rem;color:#64748b;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center}.error-icon{color:#dc2626;width:3rem;height:3rem}.error-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0}.error-message{font-size:1rem;color:#64748b;margin:0}.retry-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#4f46e5;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;margin-top:1rem;transition:background-color .2s}.retry-button:hover{background-color:#4338ca}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;text-align:center}.empty-icon{color:#cbd5e1;width:3rem;height:3rem}.empty-text{font-size:1rem;color:#64748b;margin:0}@media (max-width: 768px){.tenants-wrapper{padding:1rem}.tenants-header-section{flex-direction:column;align-items:flex-start;gap:1rem}.stats-section{grid-template-columns:1fr}.tenants-main-title{font-size:1.5rem}.tenants-table{font-size:.8125rem}.tenants-table th,.tenants-table td{padding:.75rem .5rem}.api-detail{flex-direction:column;gap:.5rem}.api-label{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;background-color:#f8fafc!important;color:#0f172a!important;transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100vh;margin:0;padding:0}:root{--background: #f8fafc;--surface: #ffffff;--primary: #005EB8;--secondary: #328afc;--on-primary: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--accent: #eef7ff;--hover: #f1f5f9;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}[data-theme=dark]{--background: #0f172a;--surface: #1e293b;--primary: #005EB8;--secondary: #59aaff;--on-primary: #ffffff;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: #334155;--accent: #112a44;--hover: #334155;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}.app{min-height:100vh;background-color:var(--background);color:var(--text-primary);transition:all .3s ease}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600;margin-bottom:.5em}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:1em;line-height:1.6}button{font-family:inherit;border:none;cursor:pointer;transition:all .2s ease}button:focus{outline:none}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;border:1px solid var(--border);border-radius:6px;padding:.5rem;background-color:var(--background);color:var(--text-primary);transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){html{font-size:14px}.container{padding:0 .75rem}}@media (max-width: 480px){html{font-size:14px}.container{padding:0 .5rem}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading{opacity:.7;pointer-events:none}.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px;opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.8}*{scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent}