.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#ffffff}.border-b{border-bottom:1px solid}.border-gray-200{border-color:#e5e7eb}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.h-16{height:4rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}.space-x-3>:not([hidden])~:not([hidden]){margin-left:.75rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){margin-top:.125rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.text-gray-900{color:#111827}.text-gray-500{color:#6b7280}.text-green-800{color:#166534}.text-blue-600{color:#2563eb}.text-green-600{color:#16a34a}.text-purple-600{color:#7e22ce}.text-red-600{color:#dc2626}.bg-green-100{background-color:#dcfce7}.w-full{width:100%}.h-3{height:.75rem}.w-3{width:.75rem}.h-4{height:1rem}.w-4{width:1rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.h-6{height:1.5rem}.w-6{width:1.5rem}.text-lg{font-size:1.125rem}.font-medium,.text-lg{font-weight:500}.bg-teal-600{background-color:#0d9488}.hover\:bg-teal-700:hover{background-color:#0f766e}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.input{display:flex;height:2.5rem;width:100%;border-radius:.375rem;border:1px solid #d1d5db;background-color:white;padding:.5rem .75rem;font-size:.875rem}.input:focus-visible{outline:none;ring:2px solid #14b8a6;ring-offset:2px}.input:disabled{cursor:not-allowed;opacity:.5}.label{font-size:.875rem;font-weight:500;line-height:1.25rem}.select-trigger{display:flex;height:2.5rem;width:100%;align-items:center;justify-content:space-between;border-radius:.375rem;border:1px solid #d1d5db;background-color:white;padding:.5rem .75rem;font-size:.875rem}.select-content{position:relative;z-index:50;max-height:24rem;min-width:8rem;overflow:hidden;border-radius:.375rem;border:1px solid #e5e7eb;background-color:white;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.select-item{position:relative;display:flex;width:100%;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-radius:.25rem;padding:.375rem .5rem .375rem 2rem;font-size:.875rem}.select-item:hover{background-color:#f1f5f9}.select-item[aria-selected=true]{background-color:#ccfbf1;color:#0f766e}.switch-root{display:inline-flex;height:1.5rem;width:2.75rem;border-radius:9999px;border:2px solid transparent;transition:all .2s;align-items:center;cursor:pointer}.switch-root[data-state=checked]{background-color:#0d9488}.switch-root[data-state=unchecked]{background-color:#e5e7eb}.switch-thumb{display:block;height:1.25rem;width:1.25rem;background-color:white;border-radius:9999px;transform:translateX(0);transition:transform .2s}.switch-root[data-state=checked] .switch-thumb{transform:translateX(1.25rem)}.tabs-list{height:2.5rem;border-radius:.375rem;background-color:#f1f5f9;padding:.25rem}.tabs-list,.tabs-trigger{display:inline-flex;align-items:center;justify-content:center}.tabs-trigger{white-space:nowrap;border-radius:.25rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.tabs-trigger[data-state=active]{background-color:white;color:black;box-shadow:0 1px 2px rgba(0,0,0,.1)}.tabs-content{margin-top:.5rem}.toast{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:.375rem;border:1px solid #e5e7eb;padding:1.5rem;background-color:white;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.toast.destructive{background-color:#f87171;border-color:#ef4444;color:white}.toast-close{position:absolute;top:.5rem;right:.5rem;padding:.25rem;border-radius:.375rem;opacity:.5;transition:opacity .2s}.toast-close:hover{opacity:1}.settings-card{transition:all .3s ease;border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%}.settings-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:#0097a7}.settings-card>div:last-child{margin-top:auto}.integration-card{background:linear-gradient(135deg,#ffffff,#f8fafc);position:relative;overflow:hidden}.integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0097a7,#10b981);opacity:0;transition:opacity .3s ease}.integration-card:hover:before{opacity:1}.integration-card-connected{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.integration-card-connected:before{background:linear-gradient(90deg,#10b981,#22c55e);opacity:1}.enhanced-tabs [role=tablist]{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;padding:5px!important;border-radius:10px!important;box-shadow:0 2px 4px rgba(0,0,0,.06),inset 0 1px 2px rgba(0,0,0,.04)!important;border:1px solid #e2e8f0!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:100%!important;gap:4px!important;height:auto!important;justify-content:normal!important}.enhanced-tabs [role=tab]{position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 12px!important;border-radius:8px!important;color:#64748b!important;font-size:13px!important;white-space:nowrap!important;height:44px!important;background:transparent!important;border:none!important;cursor:pointer!important;flex-shrink:0!important;line-height:1!important;box-shadow:none!important}.enhanced-tabs [role=tab]:hover:not([data-state=active]){background-color:rgba(241,245,249,.8)!important;color:#475569!important;transform:translateY(-1px)!important}.enhanced-tabs [role=tab][data-state=active]{background:linear-gradient(135deg,#0097a7,#00838f)!important;color:white!important;box-shadow:0 3px 6px -1px rgba(0,151,167,.4),0 2px 4px -1px rgba(0,151,167,.25)!important;font-weight:600!important;border:1px solid rgba(255,255,255,.15)!important}.enhanced-tabs [role=tab][data-state=active]:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.enhanced-tabs [role=tab][data-state=active]:hover{background:linear-gradient(135deg,#007d8c,#006b77)!important;box-shadow:0 4px 8px -1px rgba(0,151,167,.45),0 3px 6px -1px rgba(0,151,167,.3)!important;transform:translateY(-1px)!important}.enhanced-tabs [role=tab] svg{transition:all .3s ease!important;flex-shrink:0!important;width:17px!important;height:17px!important}.enhanced-tabs [role=tab][data-state=active] svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.4))!important;transform:scale(1.08)!important}.icon-glow{filter:drop-shadow(0 0 8px rgba(0,151,167,.3))}.btn-primary-enhanced{background:linear-gradient(135deg,#0097a7,#0d9488);box-shadow:0 4px 6px -1px rgba(0,151,167,.3);transition:all .3s ease}.btn-primary-enhanced:hover{background:linear-gradient(135deg,#007d8c,#0f766e);box-shadow:0 6px 8px -1px rgba(0,151,167,.4);transform:translateY(-2px)}.data-export-card{border:2px dashed #cbd5e1;background:linear-gradient(135deg,#fefce8,#fef9c3);transition:all .3s ease}.data-export-card:hover{border-color:#0097a7;border-style:solid;transform:scale(1.02)}.badge-coming-soon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.badge-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;box-shadow:0 2px 4px rgba(16,185,129,.2)}.integration-status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.integration-badge-disconnected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.integration-badge-connected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7;animation:pulse-success 2s ease-in-out infinite}@keyframes pulse-success{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}.integration-connect-button{background:linear-gradient(135deg,#1e293b,#0f172a);color:white;padding:12px 24px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.integration-connect-button:hover{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.15),0 4px 6px -2px rgba(0,0,0,.1)}.integration-disconnect-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:white;padding:12px 24px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(220,38,38,.3)}.integration-disconnect-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(220,38,38,.4)}.integration-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.integration-card-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.integration-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease}.integration-card:hover .integration-icon-wrapper{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.section-header{position:relative;padding-bottom:.75rem}.section-header:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#0097a7,transparent);border-radius:2px}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.enhanced-input:focus-visible{border-color:#0097a7;box-shadow:0 0 0 3px rgba(0,151,167,.1)}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;color:#6b7280;font-size:14px;font-weight:500}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#0097a7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.integration-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.integration-card .card-content{padding-top:1rem;padding-bottom:1rem}@media (max-width:1024px){.enhanced-tabs [role=tab]{padding:10px!important;font-size:13px!important;gap:6px!important}.enhanced-tabs [role=tab] svg{width:17px!important;height:17px!important}}@media (max-width:768px){.enhanced-tabs [role=tablist]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;padding:4px!important}.enhanced-tabs [role=tab]{padding:10px 6px!important;font-size:12px!important;flex-direction:column!important;gap:4px!important;height:56px!important}.enhanced-tabs [role=tab] svg{width:19px!important;height:19px!important}.enhanced-tabs [role=tab] span{font-size:11px!important;text-align:center!important;line-height:1.2!important}}@media (max-width:640px){.enhanced-tabs [role=tablist]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important}.enhanced-tabs [role=tab]{height:60px!important}}