@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text-dark:#1f2937;--text-gray:#6b7280;--bg-light:#f9fafb}body{background-color:#fff;background-color:var(--white);color:#1f2937;color:var(--text-dark);font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.homepage-container{display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:1rem 5%;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo-container,.navbar{align-items:center;display:flex}.btn-secondary{background:#0000;border:none;color:#6b7280;color:var(--text-gray);font-size:.9rem;font-weight:500;transition:color .2s}.btn-secondary:hover{color:#4f46e5;color:var(--primary)}.hero-section{grid-gap:4rem;align-items:center;background:linear-gradient(180deg,#fff,#f3f4f6);display:grid;gap:4rem;grid-template-columns:1fr 1fr;overflow:hidden;padding:3rem 5% 5rem}.hero-content{max-width:600px}.badge-new{background-color:#eef2ff;border-radius:20px;color:#4f46e5;color:var(--primary);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1.5rem;padding:6px 12px}h1{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#9333ea);-webkit-background-clip:text}.hero-subtitle{color:#6b7280;color:var(--text-gray);font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem}.cta-wrapper{background:#fff;background:var(--white);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;box-sizing:border-box;display:inline-block;max-width:100%;padding:1.5rem}.cta-label{color:#6b7280;color:var(--text-gray);font-size:.875rem;font-weight:500;margin:0 0 10px}.hero-visual{align-items:center;display:flex;justify-content:center}.dashboard-preview-card{background:#0000;border-radius:16px;max-width:100%;padding:0;position:relative;transform:rotate(-2deg) translateX(20px);transition:transform .3s ease}.dashboard-preview-card img{border-radius:12px;box-shadow:0 20px 40px #00000026;height:auto;width:100%}.features-section{padding:4rem 5%;text-align:center}.section-header h2{color:#1f2937;color:var(--text-dark);font-size:2.25rem;margin-bottom:10px}.section-header p{color:#6b7280;color:var(--text-gray);font-size:1.125rem;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;background:var(--white);border:1px solid #f3f4f6;border-radius:12px;padding:2rem;text-align:left;transition:transform .2s}.feature-card:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-5px)}.icon-box{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin:0 0 .5rem}.feature-card p{line-height:1.5}.feature-card p,.homepage-footer{color:#6b7280;color:var(--text-gray)}.homepage-footer{background:#fff;border-top:1px solid #f3f4f6;font-size:.875rem;margin-top:auto;padding:2rem 5%}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-links{display:flex;gap:1.5rem}.footer-links span{cursor:pointer}@media (max-width:768px){.hero-section{gap:2rem;grid-template-columns:1fr;padding:2rem 5% 4rem;text-align:center}h1{font-size:2.2rem}.hero-subtitle{font-size:1rem}.dashboard-preview-card{margin:0;max-width:350px;transform:none;width:100%}.cta-wrapper{width:100%}.google-btn-wrapper{display:flex;justify-content:center}.features-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center;margin-top:10px}}:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-dark:#111827;--bg-light:#f3f4f6;--white:#fff;--text-main:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--danger:#ef4444;--facebook:#1877f2}body,html{background-color:#f3f4f6;background-color:var(--bg-light);color:#1f2937;color:var(--text-main);font-family:Inter,sans-serif;height:100%;margin:0;padding:0}.dashboard-layout{display:flex;height:100vh;overflow:hidden}.sidebar{background-color:#fff;background-color:var(--white);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease;width:260px;z-index:50}.sidebar-header-mobile{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.mobile-menu-toggle{background:none;border:none;color:#1f2937;color:var(--text-main);cursor:pointer;display:none;font-size:1.5rem}.sidebar-brand{align-items:center;color:#4f46e5;color:var(--primary);display:flex;font-size:1.25rem;font-weight:800;gap:12px}.sidebar-brand img{height:32px;object-fit:contain;width:auto}.sidebar-content-wrapper,.sidebar-nav{display:flex;flex:1 1;flex-direction:column}.sidebar-nav{gap:8px}.nav-item{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-light);cursor:pointer;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s}.nav-item.active,.nav-item:hover{background:#eef2ff;color:#4f46e5;color:var(--primary)}.nav-item.active{font-weight:600}.sidebar-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.user-mini-profile{align-items:center;display:flex;gap:10px;padding-top:10px}.avatar{background:#111827;background:var(--bg-dark);border-radius:50%;color:#fff;display:grid;font-size:.9rem;height:36px;place-items:center;width:36px}.info{display:flex;flex-direction:column}.email{font-size:.85rem;font-weight:600}.btn-logout-text{background:none;border:none;color:#ef4444;color:var(--danger);cursor:pointer;font-size:.75rem;padding:0;text-align:left}.main-content{background:#f3f4f6;background:var(--bg-light);display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.top-header{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 2rem}.page-selector-wrapper{align-items:center;display:flex;gap:10px}.page-select{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;font-family:inherit;padding:8px}.status-badges{display:flex;gap:10px}.badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.badge.subscription{background:#f3e8ff;color:#7e22ce}.badge.service.active{background:#d1fae5;color:#059669}.badge.service.inactive{background:#fee2e2;color:#b91c1c}.content-body{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.modern-form .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group.full{grid-column:1/-1}.input-control{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:border-color .2s;width:100%}.input-control:focus{background:#fff;border-color:#4f46e5;border-color:var(--primary);outline:none}.input-control.dark{background-color:#1f2937;border-color:#374151;color:#fff}.mb-2{margin-bottom:10px}.advanced-toggle-btn{background:#eef2ff;border:1px dashed #4f46e5;border:1px dashed var(--primary);border-radius:8px;color:#4f46e5;color:var(--primary);cursor:pointer;font-weight:500;margin-bottom:15px;padding:10px;text-align:center;transition:all .2s}.advanced-toggle-btn:hover{background:#e0e7ff}.advanced-options-panel{background:#f9fafb;padding:20px}.advanced-options-panel,.dynamic-text-box{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.dynamic-text-box{background:#f3f4f6;padding:15px}.dt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dt-row{display:flex;gap:10px;margin-bottom:8px}.btn-primary{background:#4f46e5;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:background .2s;width:100%}.btn-primary:hover{background:#4338ca;background:var(--primary-hover)}.btn-secondary{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#1f2937;color:var(--text-main);cursor:pointer;padding:8px 16px}.btn-facebook{align-items:center;background-color:#1877f2;background-color:var(--facebook);border:none;border-radius:6px;color:#fff;display:flex;gap:8px;padding:10px 20px}.btn-disconnect,.btn-facebook{cursor:pointer;font-weight:600}.btn-disconnect{background:#0000;border:1px solid #ef4444;border:1px solid var(--danger);border-radius:6px;color:#ef4444;color:var(--danger);font-size:.8rem;padding:5px 10px}.btn-danger-sm,.btn-edit-sm{background:none;border:none;cursor:pointer;font-size:1.2rem}.btn-primary-sm{background:#4f46e5;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px}.custom-file-input{margin:20px 0}.custom-file-input input[type=file]{display:none}.file-label{background-color:#fff;border:2px dashed #c7d2fe;border-radius:8px;box-sizing:border-box;color:#4f46e5;color:var(--primary);cursor:pointer;display:block;font-weight:600;padding:15px;text-align:center;transition:all .2s;width:100%}.file-label:hover{background-color:#eef2ff;border-color:#4f46e5;border-color:var(--primary)}.file-label.secondary{background:#f9fafb;border-color:#ccc;color:#555}.products-grid-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:2rem}.product-card-modern{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:transform .2s}.product-card-modern:hover{box-shadow:0 10px 15px #0000000d;transform:translateY(-3px)}.img-wrapper{align-items:center;background:#f0f0f0;display:flex;height:180px;justify-content:center;overflow:hidden}.img-wrapper img{height:100%;object-fit:cover;width:100%}.p-details{padding:15px}.p-details h4{color:#111;font-size:1rem;margin:0 0 10px}.p-actions{display:flex;gap:10px;justify-content:flex-end}.logo-preview-box{align-items:center;background:#f9fafb;border:1px solid #eee;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:15px}.logo-img-constrained{max-height:100px;max-width:100%;object-fit:contain}.connections-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.connection-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #00000005;display:flex;justify-content:space-between;padding:15px}.mode-switch-container{display:flex;gap:15px;margin-bottom:25px}.mode-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:15px;padding:20px;transition:all .2s}.mode-tab.active,.mode-tab:hover{border-color:#4f46e5;border-color:var(--primary)}.mode-tab.active{background:#eef2ff;box-shadow:0 4px 6px #4f46e51a}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-right:none;height:auto;padding:1rem;width:100%}.sidebar-header-mobile{margin-bottom:0}.mobile-menu-toggle{display:block}.sidebar-content-wrapper{display:none;margin-top:1rem}.sidebar.open .sidebar-content-wrapper{display:flex}.modern-form .form-grid{gap:15px;grid-template-columns:1fr}.mode-switch-container{flex-direction:column}.top-header{padding:10px}.hide-on-mobile{display:none}.products-grid-list{grid-template-columns:1fr}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a0d30e85.css.map*/