@import url(https://fonts.googleapis.com/css2?family=Outfit&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;text-align:center}.toggle-header-btn{border:none;border-bottom:4px solid #7823f3;cursor:pointer;flex-direction:row;font-size:2rem;justify-content:space-around;padding-bottom:1rem;padding-top:1rem;text-align:center;top:0;width:100%;z-index:100}.App-header,.toggle-header-btn{align-items:center;background-color:#282c34;color:#fff;display:flex;position:sticky}.App-header{flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;max-height:1000px;overflow:hidden;top:3%;transition:max-height .5s ease-in-out;z-index:2}.App-header.hidden{max-height:0;pointer-events:none}.white-space{margin-bottom:2rem;width:100%;z-index:99}.white-space-bottom{border-bottom:4px solid #330477;padding-bottom:2rem;width:100%;z-index:99}.header-container,.outer-header-container{color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;position:sticky;top:0}.header-container-value{align-items:center;background-color:#282c34;border:4px solid #6200ee;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;padding:10px;text-decoration:none}.header-container-value-i{display:flex;justify-content:center;position:sticky;top:20%}.App-logo-header{height:20vmin;pointer-events:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-footer{align-items:center;background-color:#282c34;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;position:sticky}.App-link{color:#61dafb}:root{--primary-color:#202020;--secondary-color:#fff}.button-container{align-items:center;border:2px solid #202020;border:2px solid var(--primary-color);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px}.button-container-dark{background-color:#202020;background-color:var(--primary-color);color:#fff;color:var(--secondary-color)}.button-text-container{align-items:flex-start;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.button-store-name{font-size:20px;font-weight:700}.button-title{font-size:12px}.buttons-container{align-items:center;display:flex;gap:20px}.custom-style{background-color:#6200ee}.spinner-container{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:98}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#6200ee;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ReferralProgram{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;text-align:center}.referral-input-container{display:flex;justify-content:center;margin-top:1rem;width:100%}.referral-input{border:1px solid #ccc;border-radius:5px;font-size:calc(10px + 1.5vmin);margin-right:10px;outline:none;padding:10px;width:250px}.referral-input:focus{border-color:#61dafb;box-shadow:0 0 5px #61dafbb3}.unlock-button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:calc(10px + 1.5vmin);font-weight:700;margin-left:10px;padding:10px 15px}.unlock-button:hover{background-color:#4fa3d1}.referral-code-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.referral-code-container-title{margin-top:-2rem}.generate-button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px}.generate-button:hover{background-color:#4fa3d1}.referral-code-display{align-items:center;display:flex;justify-content:center}.referral-code-input{border:1px solid #ccc;border-radius:5px;font-size:calc(10px + 1.5vmin);margin-right:10px;padding:10px;text-align:center;width:300px}.copy-button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.copy-button:hover{background-color:#4fa3d1}.copy-button svg{height:20px;width:20px}.FAQ{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.faq-content{min-height:100vh;width:90%}.faq-section{border-bottom:2px solid #61dafb;border-left:2px solid #61dafb;border-top:2px solid #61dafb;margin-bottom:30px;padding-left:8px}.faq-item{border-bottom:1px solid #444;padding-bottom:10px}.faq-title{align-items:center;flex-direction:row;text-decoration:underline}.faq-title,.question{display:flex;justify-content:space-between}.question{color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:.75rem;text-align:start;transition:color .3s ease}.answer{color:#ddd;font-size:16px;margin-top:10px;padding-left:20px;text-align:start}.toggle-icon{color:#61dafb;font-size:20px;transition:transform .3s ease}.question:hover .toggle-icon{transform:scale(1.1)}.faq-section h2{color:#fff;font-size:22px;font-weight:700;margin-bottom:15px;text-transform:uppercase}.question-text{cursor:pointer;display:inline-block;position:relative}.question-text:after{background-color:#61dafb;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out;width:100%}.underline-active:after{transform:scaleX(1);transform-origin:left;transition:transform .3s ease-in-out}.underline-inactive:after{transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.PrivacyPolicy{color:#fff;font-size:calc(10px + 2vmin);justify-content:center}.PrivacyPolicy,.login-container{align-items:center;background-color:#282c34;display:flex;flex-direction:column}.login-container{border-radius:5px;box-shadow:0 0 10px #0000001a;justify-content:start;min-height:100vh;padding-top:100px}.login-section{background-color:#282c34;border-radius:5px;min-width:350px;padding:20px}.login-title{color:#333;font-size:1.5rem;margin-top:5%}.login-description,.login-title{font-weight:700;margin-bottom:20px;text-align:center}.login-description{font-size:1.2rem}.login-form{margin:0 auto;max-width:300px}.login-form,.login-label{display:flex;flex-direction:column}.login-label{align-items:center;font-size:1.5rem;font-weight:400;margin-bottom:10px}.login-input{border:1px solid #ccc;border-radius:4px;font-size:1.2rem;padding:10px;width:100%}.login-error{color:red;margin-top:10px}.login-error,.redirect-to-register{font-size:1.2rem;text-align:center}.login-button{background-color:#282c34;border:4px solid #6200ee;border-radius:4px;color:#fbfcff;cursor:pointer;font-size:1.2rem;justify-content:center;padding:10px 20px}.align-login-text-row,.login-button{align-items:center;display:flex;flex-direction:row;gap:10px}.forgot-password-link{color:#3d4144;font-size:1.2rem;margin-top:10px;text-align:center;text-decoration:none}.forgot-password-link:hover{color:#0056b3;text-align:center;text-decoration:underline}.login-logo{display:flex;flex-direction:row;justify-content:center;width:100%}.whatsapp-link{font-size:1.2rem}@media (max-width:930px){.login-title{margin-top:20%}}.login-successful-container{align-items:center;animation:gradientShift 5s ease-in-out infinite,fadeInScaleRotate .6s ease-in-out;background:linear-gradient(135deg,#282c34,#6200ee,#330477);border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin:-70px auto auto;max-width:90%;overflow:hidden;padding:30px;text-align:center;transform:rotateY(10deg)}.login-successful-logo{animation:bounceOnly 1.5s ease;height:auto;margin-bottom:20px;max-width:400px;width:80%}.login-successful-message{animation:slideIn 1s ease-in-out;color:#e0e4ff;font-size:clamp(2rem,3vw,3rem);font-weight:700;letter-spacing:2px;margin:0;text-shadow:0 4px 6px #0000004d;text-transform:uppercase}.login-successful-subtext{color:#b3c1ff;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:500;opacity:.9}@keyframes fadeInScaleRotate{0%{opacity:0;transform:scale(.8) rotateY(10deg)}to{opacity:1;transform:scale(1) rotateY(10deg)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-successful-container{background-size:200% 200%}@keyframes bounceOnly{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.login-successful-container:hover{box-shadow:0 15px 40px #00208380;transform:rotateY(10deg) scale(1.02)}.dashboard-container{background-color:#282c34;display:flex;font-family:Arial,sans-serif;height:100vh;margin-top:3rem;transition:transform .3s ease}.dashboard-slide-up{transform:translateY(-4rem)}.dashboard-sidebar{background-color:#282c34;border-radius:8px;color:#ecf0f1;height:100%;padding:20px;position:absolute;transform:translateX(0);transition:transform .3s ease;width:250px;z-index:1000}.dashboard-sidebar.closed{transform:translateX(-100%)}
/*    !*background-color: #0029a9; !* Vivid pinkish background *!*!*/
/*    !*color: #ffffff; !* White text for contrast *!*!*/
/*    !*transition: transform 0.3s ease, box-shadow 0.3s ease; !* Faster transition for responsive feel *!*!*/
/*    !*border-radius: 3px;*!*/
/*    !*padding: 2px;*!*/.dashboard-header{transition:transform .3s ease}.dashboard-header.hidden{transform:translateY(-4rem)}.dashboard-main{transition:margin-left .3s ease,transform .3s ease}.dashboard-main.sidebar-open{margin-left:250px;transform:translateY(-4rem)}.dashboard-sidebar.open+.dashboard-main{margin-left:250px}.dashboard-sidebar.open+.dashboard-controls{margin-left:-50px}.dashboard-main .dashboard-controls{align-items:center;display:flex;justify-content:space-between;z-index:10010}.dashboard-sidebar nav ul{list-style-type:none;padding:0}.dashboard-sidebar nav ul li{border-radius:5px;cursor:pointer;margin:5px 0;padding:10px;transition:background-color .3s,color .3s}.dashboard-sidebar nav ul li:hover{background-color:#330477;color:#fff}.dashboard-sidebar-section-header{color:#ecf0f1;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.dashboard-sidebar-big-nav-group{border-bottom:1px solid #add8e6;display:flex;flex-direction:row;justify-content:space-around}.dashboard-sidebar-big-nav-group-align-column{align-items:center;display:flex;flex-direction:column}.dashboard-sidebar-align-pictogram-row{display:flex;flex-direction:column;justify-content:space-around}.dashboard-sidebar-align-pictogram-text-column{align-items:center;display:flex;flex-direction:row}.dashboard-sidebar-align-pictogram-text-column svg{font-size:2rem;margin-right:10px}.dashboard-sidebar-picto-text-fontsize{color:#fff;font-size:1.2rem}.dashboard-main{background-color:#282c34;flex:1 1;overflow-y:auto;padding:20px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dashboard-header h1{margin:0}.dashboard-controls button{background-color:#282c34;border:4px solid #6200ee;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.dashboard-controls button:hover{background-color:#330477}.dashboard-settings{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0000001a;padding:20px}.db-toggle-sidebar-button{border:none;border-radius:3px;cursor:pointer;margin-right:5px;padding:5px 10px}.db-toggle-sidebar-button.delete-button{background-color:#e74c3c;color:#fff}.db-toggle-sidebar-button.delete-button:hover{background-color:#c0392b}.db-toggle-sidebar-button{background-color:#4d555b;color:#fff}.db-toggle-sidebar-button:hover{background-color:#01163d}.dashboard-sidebar-logo{height:30%;width:100%}@media (max-width:768px){.dashboard-main:before{background-color:#fdfdfdb3;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:5}.dashboard-sidebar.open~.dashboard-main:before{opacity:1}.dashboard-sidebar.open~.dashboard-main>*{visibility:hidden}.dashboard-sidebar.open~.dashboard-main .dashboard-controls{pointer-events:auto;position:relative;visibility:visible;z-index:10}.dashboard-main>*{visibility:visible}}.feedback-container{background-color:#282c34;border-radius:10px;color:#fff;margin:20px auto;max-width:800px;padding:20px;text-align:center}.feedback-title{border-bottom:4px solid #7823f3;font-size:2rem;padding-bottom:10px}.error,.loading,.no-feedback{color:#fc0;font-size:1.2rem}.feedback-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.feedback-item{background-color:#3a3f47;border:2px solid #6200ee;border-radius:10px;padding:15px}.feedback-text{font-size:1.1rem}.feedback-meta{color:#bbb;font-size:.9rem}.user-management{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:2rem;padding:2rem}.error-message{color:red;font-size:1rem}.filter-section{align-items:center;display:flex;flex-direction:row;font-size:1rem;gap:.5rem}.filter-label{color:#fff}.user-list{max-width:800px;width:100%}.user-list-title{color:#61dafb;font-size:1.5rem}.user-list-items{list-style:none;margin:0;padding:0}.user-item{background-color:#333;border:1px solid #6200ee;border-radius:8px;margin-bottom:1rem;padding:1rem}.assign-role-button,.disable-button,.enable-button,.manage-button,.remove-role-button{background-color:#6200ee;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.assign-role-button:hover,.disable-button:hover,.enable-button:hover,.manage-button:hover,.remove-role-button:hover{background-color:#4500c4}.disable-button{background-color:#f44336}.enable-button{background-color:#4caf50}.user-details{background-color:#333;border-radius:8px;max-width:600px;padding:2rem;width:100%}.user-details-title{font-size:1.5rem;margin-bottom:1rem}.role-list{list-style:none;margin-bottom:1rem;padding:0}.role-item{align-items:center;background-color:#444;display:flex;justify-content:space-between;margin-bottom:.5rem}.new-role-input,.role-item{border-radius:5px;padding:.5rem}.new-role-input{background-color:#333;border:1px solid #6200ee;color:#fff;margin-bottom:1rem}.assign-role-button{background-color:#6200ee}.assign-role-button:hover{background-color:#4500c4}.remove-role-button{background-color:#f44336}.remove-role-button:hover{background-color:#d32f2f}.CreateUser{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:2rem;padding:2rem}.section-title{color:#7823f3;font-size:2rem;font-weight:700}.form{gap:1rem;max-width:600px;width:100%}.form,.form-group{display:flex;flex-direction:column}.form-label{font-size:1.1rem}.form-input,.form-label{color:#fff;margin-bottom:.5rem}.form-input{background-color:#333;border:1px solid #6200ee;border-radius:5px;font-size:1rem;padding:.8rem;transition:border-color .3s ease}.form-input:focus{border-color:#7823f3}.submit-button{background-color:#6200ee;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem;transition:background-color .3s ease}.submit-button:hover{background-color:#4500c4}.error{color:red;font-size:.9rem;margin-top:.3rem}.error-summary{background-color:#f44336;border-radius:5px;color:#fff;max-width:600px;padding:1rem;width:100%}.error-summary h3{font-size:1.2rem;margin-bottom:1rem}.error-summary ul{list-style:none;margin:0;padding:0}.error-summary li{margin-bottom:.5rem}.adrequest-container{background-color:#282c34;border-radius:10px;color:#fff;margin:20px auto;max-width:800px;padding:20px;text-align:center}.adrequest-title{border-bottom:4px solid #7823f3;font-size:2rem;padding-bottom:10px}.error,.loading,.no-adrequest{color:#fc0;font-size:1.2rem}.adrequest-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.adrequest-item{background-color:#3a3f47;border:2px solid #6200ee;border-radius:10px;padding:15px}.adrequest-text{font-size:1.1rem}.adrequest-meta{color:#bbb;font-size:.9rem}.metrics-container{margin:0 auto;max-width:1200px;padding:2rem}.metrics-title{color:#2c3e50;margin-bottom:2rem;text-align:center}.summary-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s ease}.metric-card:hover{transform:translateY(-2px)}.metric-card h3{color:#4a90e2;font-size:1.1rem;margin-bottom:.5rem}.metric-value{color:#2c3e50;font-size:2rem;font-weight:700;margin:.5rem 0}.metric-trend{color:#7f8c8d;font-size:.9rem}.chart-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.chart-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.chart-container h3{color:#2c3e50;margin-bottom:1rem}.referrer-list{display:flex;flex-direction:column;gap:.8rem}.referrer-item{background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.8rem}.referrer-name{color:#2c3e50;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referrer-count{color:#4a90e2;font-weight:700}.controls{margin-top:1rem;text-align:right}.controls label{align-items:center;color:#2c3e50;display:flex;gap:.5rem}.controls select{border:1px solid #bdc3c7;border-radius:4px;padding:.3rem}.analytics-container{background-color:#282c34;border-radius:10px;color:#fff;margin:20px auto;max-width:800px;padding:20px;text-align:center}.analytics-title{border-bottom:4px solid #7823f3;font-size:2rem;padding-bottom:10px}.error,.loading,.no-analytics{color:#fc0;font-size:1.2rem}.analytics-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.analytics-item{background-color:#3a3f47;border:2px solid #6200ee;border-radius:10px;padding:15px}.analytics-text{font-size:1.1rem}.analytics-meta{color:#bbb;font-size:.9rem}.new-analytics{background-color:#18588f;border:2px solid #1e90ff;font-weight:700;margin:5px;padding:10px}.toggle-button-container{display:flex;justify-content:flex-start;margin-bottom:20px}.toggle-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.toggle-button:hover{background-color:#0056b3}.quick-metrics-container{background-color:#2c2c2c;border-radius:5px;display:flex;justify-content:space-around;margin-bottom:20px;padding:10px}.quick-metric-item{font-size:16px;font-weight:700;padding:10px}.quick-metric-item p{margin:0}
/*# sourceMappingURL=main.a7bf0aef.css.map*/