@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Poppins,system-ui,-apple-system,sans-serif}#app{height:100%;overflow:hidden}*{font-family:Poppins,system-ui,-apple-system,sans-serif;box-sizing:border-box}.app{border:1px solid black;background:linear-gradient(180deg,#e8e8ed,#f5f5f7);position:relative;overflow:hidden;height:100vh;display:flex;flex-direction:column}.app:before{content:"";position:absolute;inset:0;background-image:url(/assets/Vector-C7ZtXZmS.png);background-repeat:no-repeat;background-position:90% center;background-size:auto 90%;opacity:1.1;pointer-events:none;z-index:0;mask-image:linear-gradient(to bottom,#0000,#000 20% 80%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%)}.app__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2rem;padding:2rem;position:relative;z-index:1}.app__logo{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.app__logo-image{width:120px;height:auto;opacity:.9}.app__logo-text{margin:0;font-size:1.75rem;font-weight:700;color:#111827;letter-spacing:-.02em}.app__centered-form{max-width:600px;width:100%;position:relative;z-index:1}.app__content{flex:1;overflow-y:auto;position:relative;z-index:1;padding:2rem;scrollbar-width:thin;scrollbar-color:rgba(147,51,234,.3) transparent}.app__content::-webkit-scrollbar{width:6px}.app__content::-webkit-scrollbar-track{background:transparent}.app__content::-webkit-scrollbar-thumb{background:#9333ea4d;border-radius:3px;transition:background .2s}.app__content::-webkit-scrollbar-thumb:hover{background:#9333ea80}.app__nav{position:absolute;top:1.5rem;left:1.5rem;display:flex;gap:1rem;z-index:10}.app__nav-button{padding:.5rem 1rem;background:#fff;border:1px solid #D1D5DB;border-radius:12px;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#111827;cursor:pointer;transition:all .2s ease}.app__nav-button:hover{border-color:#9333ea;color:#9333ea}.app__nav-button--active{background:linear-gradient(135deg,#9333ea,#a855f7);color:#fff;border-color:#9333ea}.app__reset-btn{margin-top:2rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#9333ea,#a855f7);color:#fff;border:none;border-radius:12px;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #9333ea40}.app__reset-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9333ea59}.app__reset-btn:active{transform:translateY(0) scale(.98)}.app__auth-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative;z-index:1;color:#6b7280;font-size:.875rem}.job-form{width:100%}.job-form__form{display:flex;flex-direction:column;gap:24px;background:#fff;border:1px solid #D1D5DB;border-radius:20px;padding:32px;box-shadow:0 1px 3px #0000000d}.form-group{display:flex;flex-direction:column;gap:8px}.form-group__label{font-size:.875rem;font-weight:500;color:#374151;margin:0}.form-group__input,.form-group__select{padding:12px 16px;border:1px solid #D1D5DB;border-radius:12px;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;color:#111827;background:#fff;transition:all .2s ease;outline:none}.form-group__input:focus,.form-group__select:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.form-group__input::placeholder{color:#9ca3af}.form-group--checkbox{flex-direction:row;align-items:center}.form-group--checkbox .form-group__label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group__checkbox{width:18px;height:18px;cursor:pointer}.country-selector{display:flex;gap:12px}.country-option{flex:1;position:relative;cursor:pointer}.country-option__radio{position:absolute;opacity:0;pointer-events:none}.country-option__content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid #D1D5DB;border-radius:12px;background:#fff;transition:all .2s ease}.country-option:hover .country-option__content{border-color:#9333ea;background:#9333ea05}.country-option__radio:checked+.country-option__content{border-color:#9333ea;background:#9333ea0d;box-shadow:0 0 0 3px #9333ea1a}.country-option__flag{font-size:2rem;line-height:1}.country-option__name{font-size:.875rem;font-weight:500;color:#374151}.advanced-options{border-top:1px solid #E5E7EB;padding-top:16px;margin-top:8px}.advanced-options__summary{font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;list-style:none;padding:8px 0}.advanced-options__summary::-webkit-details-marker{display:none}.advanced-options__content{display:flex;flex-direction:column;gap:16px;margin-top:16px}.error-message{padding:12px 16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;font-size:.875rem;color:#dc2626}.submit-button{padding:12px 24px;background:linear-gradient(135deg,#9333ea,#a855f7);color:#fff;border:none;border-radius:12px;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #9333ea40;margin-top:8px}.submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9333ea59}.submit-button:active{transform:translateY(0) scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.jobs-list{display:flex;justify-content:center;width:100%}.jobs-list__container{max-width:800px;width:100%}.jobs-list__header{display:flex;justify-content:center;align-items:center;margin-bottom:24px;position:relative}.jobs-list__title{margin:0;font-size:1.5rem;font-weight:600;color:#111827;text-align:center}.jobs-list__refresh{position:absolute;right:0}.jobs-list__refresh{padding:8px 16px;background:#fff;border:1px solid #D1D5DB;border-radius:12px;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.jobs-list__refresh:hover:not(:disabled){border-color:#9333ea;color:#9333ea}.jobs-list__refresh:disabled{opacity:.5;cursor:not-allowed}.jobs-list__loading,.jobs-list__empty{text-align:center;padding:48px 24px;color:#6b7280;font-size:.875rem}.jobs-list__items{display:flex;flex-direction:column;gap:16px}.job-item{width:100%;padding:20px 24px;background:#fff;border:2px solid #D1D5DB;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Poppins,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;gap:12px}.job-item:hover{border-color:#9333ea;transform:translateY(-2px);box-shadow:0 4px 12px #9333ea26}.job-item--completed{border-color:#10b981}.job-item--processing{border-color:#f59e0b}.job-item--failed{border-color:#ef4444}.job-item__row{display:flex;justify-content:space-between;align-items:center;gap:16px}.job-item__url{font-size:.9375rem;font-weight:500;color:#111827;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-item__country{font-size:.875rem;font-weight:500;color:#6b7280;flex-shrink:0}.job-item__status-container{display:flex;align-items:center;gap:8px}.job-item__status{padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.job-item__status--pending{background:#f3f4f6;color:#6b7280}.job-item__status--processing{background:#fef3c7;color:#d97706}.job-item__status--completed{background:#d1fae5;color:#059669}.job-item__status--failed{background:#fee2e2;color:#dc2626}.job-item__step{font-size:.75rem;color:#6b7280;font-weight:400}.job-item__progress-container{display:flex;align-items:center;gap:12px}.job-item__progress{font-size:.875rem;font-weight:600;color:#9333ea}.job-item__date{font-size:.8125rem;color:#9ca3af}.jobs-list__error{margin-top:16px;padding:12px 16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;font-size:.875rem;color:#dc2626}.progress-display{max-width:800px;margin:0 auto}.progress-display__title{margin:0 0 32px;font-size:1.5rem;font-weight:600;color:#111827;text-align:center}.progress-bar{background:#fff;border:1px solid #D1D5DB;border-radius:16px;padding:24px;margin-bottom:24px}.progress-bar__label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.875rem;font-weight:600;color:#111827}.progress-bar__stage{font-weight:400;color:#6b7280}.progress-bar__track{height:12px;background:#f3f4f6;border-radius:8px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,#9333ea,#a855f7);border-radius:8px;transition:width .3s ease}.stages-list{background:#fff;border:1px solid #D1D5DB;border-radius:16px;padding:24px;margin-bottom:24px}.stages-list__title{margin:0 0 16px;font-size:1rem;font-weight:600;color:#111827}.stage-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:8px;transition:all .2s ease}.stage-item:last-child{margin-bottom:0}.stage-item__icon{font-size:1.125rem;width:24px;text-align:center}.stage-item__name{font-size:.875rem;font-weight:500}.stage-item--pending{background:#f9fafb;color:#9ca3af}.stage-item--active{background:#9333ea1a;color:#9333ea;font-weight:600}.stage-item--completed{background:#d1fae5;color:#059669}.stage-item--failed{background:#fee2e2;color:#dc2626}.connection-status{text-align:center;padding:12px}.connection-status__text{font-size:.8125rem;font-weight:500}.connection-status__text--connecting{color:#f59e0b}.connection-status__text--connected{color:#10b981}.connection-status__text--disconnected{color:#6b7280}.results-display{max-width:1048px;margin:0 auto}.results-display__title{margin:0 0 32px;font-size:1.5rem;font-weight:600;color:#111827;text-align:center}@media(max-width:768px){.results-display__title{display:none}}.results-display__empty,.results-display__pending{text-align:center;padding:48px 24px;color:#6b7280;font-size:.875rem}.results-display__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.result-section-stack{display:flex;flex-direction:column;gap:12px}.result-section{background:#fff;border:1px solid #D1D5DB;border-radius:16px;padding:24px;transition:all .2s ease}.result-section:hover{box-shadow:0 4px 12px #0000000d}.result-section--half{padding:16px 20px}.result-section--half .result-section__title{font-size:1rem;margin-bottom:12px;padding-bottom:8px}.result-section--half .result-section__content{gap:12px}.result-section__title{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:#111827;padding-bottom:12px;border-bottom:2px solid #F3F4F6}.result-section__content{display:flex;flex-direction:column;gap:16px}.result-item{display:flex;flex-direction:column;gap:4px}.result-item__label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.result-item__value{font-size:.875rem;color:#111827;font-weight:400}.result-item__link{font-size:.875rem;color:#9333ea;text-decoration:none;font-weight:500;transition:color .2s ease}.result-item__link:hover{color:#a855f7}.result-item__logo{max-width:200px;display:block;margin-top:8px;border-radius:8px}.brand-colors{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.brand-color{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:8px}.brand-color__swatch{width:32px;height:32px;border-radius:6px;border:1px solid #E5E7EB;flex-shrink:0}.brand-color__label{font-size:.8125rem;font-weight:500;color:#374151}.brand-color__name{font-size:.75rem;color:#6b7280}.instagram-posts{margin-top:20px}.instagram-posts__title{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 12px}.instagram-posts__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}.instagram-post{border:1px solid #E5E7EB;border-radius:12px;padding:8px;font-size:11px;background:#fff;transition:all .2s ease;cursor:pointer}.instagram-post:hover{border-color:#9333ea;box-shadow:0 2px 8px #9333ea26;transform:translateY(-2px)}.instagram-post__image-link{background:#f9fafb;padding:10px;margin-bottom:8px;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;transition:background .2s ease}.instagram-post__image-link:hover{background:#f3f4f6}.instagram-post__image-link a{font-size:.75rem;color:#6b7280;text-decoration:none;text-align:center;cursor:pointer;transition:color .2s ease}.instagram-post__image-link a:hover{color:#9333ea}.instagram-post__meta{display:flex;gap:12px;margin-bottom:8px;font-size:.75rem;color:#6b7280}.instagram-post__caption{margin:0;line-height:1.4;max-height:42px;overflow:hidden;color:#374151}.result-section--full-width{grid-column:1 / -1}.website-images__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:8px}.website-image{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;background:#f9fafb;border:1px solid #E5E7EB;transition:all .2s ease}.website-image:hover{border-color:#9333ea;box-shadow:0 4px 12px #9333ea33;transform:translateY(-2px)}.website-image__img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.website-image:hover .website-image__img{transform:scale(1.05)}.website-image__overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.website-image:hover .website-image__overlay{background:#0000004d}.website-image__icon{opacity:0;font-size:1.5rem;transition:opacity .2s ease}.website-image:hover .website-image__icon{opacity:1}.website-image--error{display:flex;align-items:center;justify-content:center;background:#f3f4f6}.website-image--error:after{content:"🖼️";font-size:2rem;opacity:.3}.description-dropdown{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;transition:all .2s ease}.description-dropdown[open]{border-color:#9333ea;background:#fff}.description-dropdown__summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:all .2s ease}.description-dropdown__summary::-webkit-details-marker{display:none}.description-dropdown__summary:hover{background:#9333ea0d}.description-dropdown[open] .description-dropdown__summary{border-bottom:1px solid #E5E7EB}.description-dropdown__summary .result-item__label{margin:0}.description-dropdown__icon{font-size:.75rem;color:#9333ea;transition:transform .2s ease}.description-dropdown[open] .description-dropdown__icon{transform:rotate(180deg)}.description-dropdown__content{padding:16px;font-size:.875rem;line-height:1.6;color:#374151;white-space:pre-wrap}.raw-json{margin-top:32px;background:#fff;border:1px solid #D1D5DB;border-radius:16px;overflow:hidden}.raw-json[open]{border-color:#9333ea}.raw-json__summary{display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:all .2s ease;background:#fff}.raw-json__summary::-webkit-details-marker{display:none}.raw-json__summary:hover{background:#f9fafb}.raw-json[open] .raw-json__summary{background:#f9fafb;border-bottom:1px solid #E5E7EB}.raw-json__icon{font-family:Courier New,monospace;font-size:1.125rem;font-weight:600;color:#9333ea}.raw-json__label{font-size:.875rem;font-weight:600;color:#111827}.raw-json__content{position:relative;padding:16px 24px;background:#1e1e1e}.raw-json__copy{position:absolute;top:24px;right:32px;padding:6px 12px;background:#2d2d2d;border:1px solid #3E3E3E;border-radius:6px;color:#d4d4d4;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:1}.raw-json__copy:hover{background:#3e3e3e;border-color:#9333ea;color:#fff}.raw-json__code{margin:0;padding:24px 0 0;font-family:Courier New,Monaco,monospace;font-size:.8125rem;line-height:1.6;color:#d4d4d4;background:transparent;overflow-x:auto;white-space:pre;tab-size:2}.raw-json__code::-webkit-scrollbar{height:8px}.raw-json__code::-webkit-scrollbar-track{background:#2d2d2d;border-radius:4px}.raw-json__code::-webkit-scrollbar-thumb{background:#3e3e3e;border-radius:4px}.raw-json__code::-webkit-scrollbar-thumb:hover{background:#4e4e4e}