*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-3{margin:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-9{height:2.25rem}.w-10{width:2.5rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.flex-1{flex:1 1 0%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.bg-\[rgb\(2\2c 140\2c 229\)\]{--tw-bg-opacity:1;background-color:rgb(2 140 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-0{padding-top:0}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.ring-offset-white{--tw-ring-offset-color:#fff}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body,html{height:100%}body{margin:0;background-color:#f7f8fb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827}.section-title,h1,h2,h3,h4,h5,h6{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.sidebar-container{width:280px;position:fixed;height:100vh;background-color:#000538;box-shadow:0 8px 30px rgba(0,0,0,.2);overflow:hidden}.sidebar-content{padding:1rem 1rem calc(env(safe-area-inset-bottom, 0px) + 12px);color:#fff;display:flex;flex-direction:column;min-height:100%;gap:.25rem}.sidebar-nav{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 140px)}.sidebar-nav::-webkit-scrollbar{width:0;height:0}.sidebar-nav{scrollbar-width:none}.sidebar-footer{margin-top:auto;position:sticky;bottom:0;background-color:#000538;padding:.5rem 0 .75rem;box-shadow:0 -6px 12px rgba(0,0,0,.25);z-index:1}.sidebar-content ul{list-style:none;padding-left:0;margin:0}.sidebar-content li{list-style:none}.sidebar-logo{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;margin-bottom:.75rem}.sidebar-powered{font-size:.8rem;text-decoration:none;opacity:.85}.sidebar-active{background-color:rgba(7,14,90,.9);position:relative}.sidebar-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#028ce5;border-top-right-radius:3px;border-bottom-right-radius:3px}.sidebar-spacer{width:350px;height:100vh}.nav-link-modern{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.6rem;transition:background-color .2s ease,transform .1s ease;text-decoration:none;font-weight:600}.nav-link-modern:hover{background-color:hsla(0,0%,100%,.08);transform:translateY(-1px)}.field-group{margin-bottom:1rem}.field-label{display:block;font-weight:600;margin-bottom:.25rem}.field-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#111827;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.field-input:focus{border-color:#028ce5;box-shadow:0 0 0 .2rem rgba(2,140,229,.15)}.stats-wrapper{background-color:#e6e6e6;border-radius:16px}.stats-card{width:350px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.section-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.07);padding:1rem}.section-title{font-weight:700;letter-spacing:.2px}.section-subtitle{color:#6c757d}.text-primary{color:#028ce5}.notfound-gradient{background:linear-gradient(180deg,#000538 0,rgba(0,5,56,.95))}.btn-brand{background-color:#028ce5;color:#fff;border:none;transition:all .3s ease;border-radius:12px;box-shadow:0 6px 16px rgba(2,140,229,.25)}.btn-brand:hover{background-color:rgba(2,140,229,.9);color:#fff}.hero{background:linear-gradient(90deg,#028ce5,#070e5a);box-shadow:0 12px 28px rgba(0,0,0,.12)}@media (max-width:992px){.sidebar-container{width:240px}.sidebar-spacer{width:280px}.stats-card{width:300px}}@media (max-width:576px){.sidebar-container{position:static;width:100%;height:auto}.sidebar-spacer{display:none}.stats-card{width:100%}}.landing-hero{background:linear-gradient(90deg,#028ce5,#070e5a);color:#fff;border-radius:20px;padding:2rem;box-shadow:0 12px 28px rgba(0,0,0,.12);text-align:center}.landing-title{font-size:2rem;font-weight:700;margin:0 0 .25rem}.landing-title-lines{font-weight:700;margin:32px 0}.landing-subtitle{opacity:.95;margin:0}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.25rem}.step-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.07);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.step-header{display:flex;align-items:center;gap:.75rem}.step-index{width:28px;height:28px;border-radius:9999px;background:#028ce5;color:#fff;display:inline-flex;align-items:center;justify-content:center}.step-index,.step-title{font-weight:700}.step-desc{margin:0;color:#6c757d}.step-actions{margin-top:.25rem}.status-badge{display:inline-block;padding:.4rem .6rem;border-radius:9999px;font-weight:600;font-size:.85rem}.status-badge--connected{background:#e9f7ff;color:#028ce5;border:1px solid rgba(2,140,229,.2)}.oauth-button{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#6b7280}.oauth-button--disabled{opacity:.6;cursor:not-allowed}.note-box{background:#fff;border-radius:14px;border:1px dashed rgba(2,140,229,.4);padding:.75rem 1rem;text-align:center}.note-text{margin:0;color:#374151}@media (max-width:768px){.landing-title{font-size:1.5rem}.steps-grid{grid-template-columns:1fr}}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.hover\:bg-\[rgba\(2\2c 140\2c 229\2c \.9\)\]:hover{background-color:rgba(2,140,229,.9)}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[rgba\(2\2c 140\2c 229\2c \.6\)\]:focus-visible{--tw-ring-color:rgba(2,140,229,.6)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}