.MuiInputBase-root{margin:4px;color:var(--input-text-color)}button{font-family:inherit;font-size:1rem;cursor:pointer;border:none;border-radius:var(--btn-border-radius);padding:var(--btn-padding);transition:background-color .2s ease,color .2s ease;box-shadow:var(--button-shadow)}.button-primary{background-color:var(--btn-primary-bg);color:var(--text-primary-button);border:none;padding:.65rem 1.2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}.button-primary:hover{opacity:.9}.button-outline{background-color:transparent;color:var(--button-bg);border:2px solid var(--button-bg);padding:.65rem 1.2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out,color .2s}.button-outline:hover{background-color:var(--button-bg);color:#fff}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--text-color)}.btn-secondary:hover{background-color:var(--btn-secondary-hover)}.btn-error{background-color:var(--btn-error-bg);color:var(--btn-error-text-color)}.btn-error:hover{background-color:var(--btn-error-hover)}.btn-outline{background-color:transparent;color:var(--text-color);border:2px solid var(--outlined-button-border)}.btn-outline:hover{background-color:var(--outlined-button-hover)}input[type=text],input[type=password]{background-color:var(--input-background);box-sizing:border-box;max-width:100%;width:100%;padding:5px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus,input[type=password]:focus{box-shadow:var(--card-shadow)}input[type=number]{background-color:var(--input-background);color:var(--input-text-color);border:1px solid var(--input-border);border-radius:4px;padding:.5rem}table{font-family:Arial,sans-serif;font-size:14px;border-collapse:collapse}th,td{border:1px solid #ccc;padding:8px;text-align:left}th{background-color:#f3f3f3;font-weight:700}tr{background-color:#fff;transition:background-color .2s ease-in-out}tr:nth-child(2n){background-color:#fafafa}@media (max-width: 768px){.toggle-sidebar-button{display:block}.sidebar{display:none}}@media (min-width: 769px){.toggle-sidebar-button{display:none}.sidebar{display:flex;justify-content:space-between;height:100%}}@media (max-width: 480px){h1{font-size:20px}.tutorial-container button{width:100%;padding:10px;margin:5px 0}}@keyframes drawerSlideIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(-10px,-10px)}}@keyframes drawerFadeOut{0%{opacity:1;transform:translate(-10px,-10px)}to{opacity:0;transform:translate(80px)}}.theme-toggle-drawer{animation:drawerSlideIn .3s ease-out forwards}.theme-toggle-drawer.fade-out{animation:drawerFadeOut .4s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-modal{height:auto;border-radius:10px;background-color:#f5f5f5;padding:20px;box-shadow:0 4px 6px #0000001a;position:relative;transition:transform .3s ease;transform:scale(1.05);animation:popIn .3s forwards}@keyframes popIn{0%{transform:scale(.9)}to{transform:scale(1)}}.close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;background:none;border:none;color:#aaa;transition:color .2s ease}.close:hover{color:#777}.modal h2{margin-top:0;font-size:24px;color:#333;margin-bottom:10px}.user-company,.user-email{font-size:18px;color:#555;margin-bottom:10px}.user-email a{text-decoration:none;transition:color .2s ease}.sign-up-body{display:flex;flex-direction:column;align-items:center;background-color:var(--background-color);height:100%;overflow-y:auto;padding-bottom:50px}.sign-up-container{display:flex;flex-direction:column;align-items:center;border-radius:5px;width:100%;max-width:100%;background-color:var(--form-background-color);padding:2rem;margin:10px 0;box-sizing:border-box}form{height:100%;max-width:95%;display:flex;flex-direction:column;align-items:center}.form-heading{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1rem}.form-heading p{margin:0}.form-container{height:100%;width:100%;gap:1rem}.signup-textfield{width:100%}.title{font-family:system-ui,sans-serif;font-weight:700;margin-bottom:.5rem}.sign-up-login-form{width:100%;height:100%}.outer-frame{border:1px solid black;border-radius:8px}.signup-textfield{width:100%;background-color:var(--input-background);border-radius:8px}.signup-textfield input{font-size:16px;line-height:1.6;padding:12px 16px;overflow-x:auto;white-space:nowrap}.sign-up-container button{font-size:small;font-family:Courier New,Courier,monospace;background-color:var(--btn-primary-bg)}@media (min-width: 768px){.sign-up-body{max-width:100%;justify-content:flex-start;padding-top:2rem}.sign-up-container{box-shadow:var(--card-shadow);border-radius:var(--card-radius);background-color:var(--form-background-color)}}@media (max-width: 600px){.form-container{gap:1rem}.signup-textfield input{font-size:16px;padding:12px}}.render-description-box p{margin-top:0;margin-bottom:0}.modalBackdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background-color:var(--background-pop-out-body);color:var(--text-color);padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000004d;z-index:1001}.moreLink{cursor:pointer}.hashtag{font-weight:700;cursor:pointer;margin-right:5px}.hashtag:hover{text-decoration:underline}.edit-post-modal-container{max-width:550px;background-color:var(--form-background-color);color:var(--text-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:1rem;position:relative}.edit-post-modal-container .close-modal-button{font-size:1.5rem;background:none;border:none;cursor:pointer;margin:0}.edit-post-header{display:flex;justify-content:end;align-items:center;width:100%}.edit-post-top{display:flex;flex-direction:column}.store-title,.store-address{width:100%;text-align:center;margin:5px}.edit-post-info-banner{background-color:#fffbe6;color:#333;padding:.75rem 1rem;border:1px solid #f0c36d;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.image-container{margin-top:10px}.image{max-height:200px;width:auto;margin:auto}.input-container{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.description-input,.select-input{margin-top:1.5rem}.save-btn{margin-top:10px;height:30px}.delete-btn{background-color:var(--primary-blue);color:var(--white);margin-top:1rem;border-radius:8px;font-weight:700}.delete-btn:hover{background-color:var(--primary-blue-dark)}@media only screen and (max-width: 600px){.edit-post-modal-container{padding:15px}.description-input,.select-input{font-size:14px}.save-btn,.delete-btn{height:35px}}.total-case-count-box{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.total-case-count-box input{width:auto;max-width:80px;height:30px;margin:0;padding:0}.custom-confirmation-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.custom-confirmation-modal{background-color:#fff;padding:30px;border-radius:10px;width:400px;max-width:90%;text-align:center;box-shadow:0 8px 16px #0003;animation:scaleIn .3s ease-out}.custom-confirmation-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:#333}.custom-confirmation-message{font-size:1rem;margin-bottom:30px;color:#555}.custom-confirmation-actions{display:flex;justify-content:space-between;gap:10px}.custom-confirmation-actions button{padding:10px 20px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.custom-confirmation-cancel{background-color:#f44336;color:#fff}.custom-confirmation-cancel:hover{background-color:#d32f2f}.custom-confirmation-confirm{background-color:#4caf50;color:#fff}.custom-confirmation-confirm:hover{background-color:#388e3c}.custom-spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.2);border-top:3px solid #4caf50;border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.custom-confirmation-backdrop{z-index:1400}.memoized-post-card{padding:10px}.card-border{padding:3px;background-color:var(--text-color);border-radius:var(--card-radius)}.post-card-container{height:100%;width:100%;margin:auto;background-image:linear-gradient(45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.03) 75%),var(--post-card-animated-gradient-light);background-size:20px 20px,20px 20px,20px 20px,20px 20px,600% 600%;background-blend-mode:normal,normal,normal,normal,lighten;background-position:0 0,0 0,0 0,0 0,0% 50%;animation:gradientOnlyShift 10s ease infinite;border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid var(--border-color);overflow:visible;color:var(--text-color)}.missing-account-banner{width:100%;background-color:red}.company-goal-box{display:flex;justify-content:center;align-items:center;width:100%;padding:.5rem;background-color:var(--gold);color:var(--company-goal-text-color)}.textured-background{background-image:linear-gradient(45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.03) 75%);background-size:20px 20px;height:100%;width:100%}@keyframes gradientOnlyShift{0%{background-position:0 0,0 0,0 0,0 0,0% 50%}50%{background-position:0 0,0 0,0 0,0 0,100% 45%}to{background-position:0 0,0 0,0 0,0 0,0% 50%}}.visibility{width:100%;display:flex;justify-content:start}.like-quantity-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0rem 1rem}.post-card-controls button{padding:0;background-color:transparent;box-shadow:none}.avatar-name{display:flex;width:100%}.like-quantity-row h4{margin:0}.post-type-quantity{display:flex}.hash-tag-container{display:flex;justify-content:center;align-items:center}.brands-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:4px;margin:8px 0}.description-image{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.description-image p{margin-top:0;margin-bottom:0}.description-image .post-image{max-height:370px;width:auto}.post-header{margin:0 2px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 5px;width:100%}.post-header p{margin:0}.edit-block{display:flex;justify-content:center;align-items:center;height:1rem}.edit-block button{font-size:smaller}.post-header-top{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px}.header-bottom{display:flex;flex-direction:column;width:100%}.post-user-details{display:flex;flex-direction:column;justify-content:start;align-items:start;cursor:pointer;width:100%;color:var(--text-color)}.user-company-box{display:flex;align-items:center}.user-company-box p{margin:0}.user-company-box a{margin-left:4px}.share-button-container{position:absolute;left:40%}.visibility-edit-box{display:flex;align-items:center;justify-content:flex-end;height:1rem}.edit-box{max-height:100%}.view-box{display:flex;justify-content:space-between;align-items:center;border-bottom-left-radius:3px;height:100%;width:100%}.like-button{background-color:transparent;border:none;cursor:pointer;color:var(--text-color);font-size:15px;width:25px;height:25px}.like-button button{box-shadow:none}.store-address-box h5,.store-name-number h5,.store-name-number h3,.store-address-box h6,.created-On-Behalf h5,.likes-box h5{margin:0}.store-name-number h3{font-size:medium}.store-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}.store-name-number{display:flex;width:100%;justify-content:space-between}.details-date{display:flex;justify-content:space-between;width:100%}.store-details h5{display:flex;justify-content:flex-start;align-items:flex-start}.store-address-box{text-align:justify}.post-user-name{max-width:80%;overflow:hidden;color:var(--text-color)}.post-user-name a{margin-left:4px}.post-user-name,.user-company-box{display:flex;align-items:center;font-size:medium;overflow:hidden}.activity-post-image-box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:90%}.post-card img.post-image{border-radius:5px;margin-bottom:3px;width:auto;display:block}.post-card-content{padding:15px}.hash-tags{margin-bottom:10px}.comment-button-container{display:flex;width:100%;justify-content:center}.comment-button-container button{height:1rem;align-items:center;display:flex;justify-content:center;font-size:x-small;border-radius:5px;box-shadow:none;width:8rem;background-color:var(--button-background);color:var(--button-text-color);border:none;cursor:pointer}.header-content{display:flex;gap:10px;flex-wrap:wrap}.new-comment-container{display:flex}.shouldHighlight{animation:flashHighlight 4s ease}@keyframes flashHighlight{0%{background-color:#fff3cd}50%{background-color:#ffeeba}to{background-color:transparent}}@keyframes flashHighlight{0%{background-color:#fff9c4}25%{background-color:#ffeeba}50%{background-color:#ffe082}75%{background-color:#fff3cd}to{background-color:inherit}}.company-goal-banner{background-color:var(--gold);color:var(--company-goal-text-color);padding:.5rem;text-align:center;font-weight:700;border-radius:4px;background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.05) 25%,transparent 25%);background-size:20px 20px}.gallo-goal-banner{background-color:#6a1b9a;color:#fff;padding:.5rem;text-align:center;font-weight:700;border-radius:4px;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 25%);background-size:20px 20px}@media (max-width: 1000px){.image-new-comment-box .post-image{width:auto}}@media (max-width: 670px){.post-card img.post-image{max-height:335px}.post-user-name,.user-company-box{font-size:small}}@media (max-width: 470px){.post-card img.post-image{max-height:300px}}@media (min-width: 1200px){.post-card img.post-image,.description-image .post-image{max-height:600px;width:auto;max-width:100%}}.comment-section-box{display:flex;justify-content:center;align-items:center;padding-bottom:6px;width:100%;margin-top:5px}.comment-section-box button{display:flex;align-items:center;justify-content:center;margin-left:20px;width:4rem;background-color:var(--button-background)}.comment-form input{border:1px solid black;width:100%;font-size:.875rem;max-width:700px;flex-grow:1;padding:10px;border-radius:var(--card-radius)}.comment-form{display:flex;flex-direction:row;width:90%;max-width:500px}button.like-button{font-size:.8rem;padding:2px;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background-color .3s}button.like-button:hover{background-color:#eee}.comment-modal{display:flex;align-items:center;justify-content:center;width:100vw}.comment-modal-content{max-height:85vh;width:90vw;max-width:720px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:1rem;background-color:var(--background-pop-out-body);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.comment-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75 rem;padding:.75rem;background:var(--input-background);border-radius:8px;box-shadow:0 1px 3px #0000001a;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.comment-name-text{flex:1;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.comment-user-name{font-weight:700;cursor:pointer}.comment-text{margin:.25rem 0;color:var(--text-color)}.comment-timestamp{font-size:.75rem;color:var(--text-color);margin-top:4px}.trash-box{margin-left:1rem}.comment-actions{display:flex;gap:.5rem;margin-top:.25rem}.comment-actions .like-button,.delete-button{display:flex;border:none;background:none;cursor:pointer;margin-right:10px;width:100px}@media (max-width: 1200px){.comment-modal{width:auto}}@media (max-width: 600px){.comment-modal{width:95%}}.image-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal-content{padding:10px;border-radius:5px;box-shadow:0 4px 6px #0000001a;position:relative;max-width:95%;max-height:95%;display:flex;flex-direction:column;align-items:center}.blur-up-image-wrapper{position:relative;max-width:100%;max-height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.blur-up-image{max-width:100%;max-height:90vh;object-fit:contain;display:block;transition:opacity .5s ease}.low-res{filter:blur(5px);transform:scale(1.05);position:absolute;top:0;left:0}.full-res{position:relative}.close-modal{display:flex;position:absolute;top:8px;right:8px;background-color:var(--border-color);border:none;color:#444;font-size:1.5rem;cursor:pointer;transition:color .2s ease;padding:4px;line-height:1;border-radius:50%;align-items:center;justify-content:center}.close-modal:hover{color:#000}.collection-form input,.collection-form textarea{margin-bottom:15px}.disabled-button{pointer-events:none;opacity:.5;cursor:default}.view-shared-post-page{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;min-height:100vh;max-width:1500px}.view-shared-post-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;gap:1rem}.view-shared-post-header{display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:auto}.view-shared-post-box{display:flex;flex-direction:column;width:100%;max-width:960px;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:24px;gap:24px}.view-shared-post-text{flex:1;display:flex;flex-direction:column;justify-content:center}.view-shared-post-page h1{font-size:2rem;color:var(--text-color);margin-bottom:16px}.view-shared-post-page h2{font-size:1.5rem;color:var(--text-color);margin-bottom:16px}.view-shared-post-text h4,.view-shared-post-text h6,.view-shared-post-text p{margin:0 0 8px}.view-shared-post-image{flex:1;display:flex;justify-content:center;align-items:center}.view-shared-post-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.cta-hero{text-align:center;margin-bottom:2rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow);width:100%;max-width:960px}.cta-heading{margin-bottom:.5rem;font-size:1.75rem}.cta-subtext{font-size:1rem;margin-bottom:1.5rem}.cta-learn-button{font-weight:700;padding:.75rem 1.5rem}@media (min-width: 768px){.view-shared-post-container{flex-direction:row}.view-shared-post-header{justify-content:flex-start;align-self:start}.view-shared-post-image,.view-shared-post-text{max-width:50%}}.blur-up-image-wrapper{position:relative;max-width:100%;width:auto;overflow:hidden;margin-left:auto;margin-right:auto}.low-res{filter:blur(10px);transform:scale(1.05);z-index:1}.full-res{z-index:2}.hidden{opacity:0}.visible{opacity:1}.activity-feed-box{display:flex;flex-direction:column;align-items:center;margin-top:0;position:relative}.top-of-activity-feed{display:flex;text-align:center;align-items:flex-start;padding:5px 10px;justify-content:flex-start;margin-bottom:10px;width:100%;background-color:var(--menu-background-color);color:var(--text-color);border-radius:var(--card-radius)}.top-af-top{display:flex;justify-content:space-around;height:3rem}.top-af-top button{height:2.5rem;text-align:center;display:flex}.header-right-side-box{display:none}.list-container{width:100%;max-width:700px;margin:0 auto 20px;background-color:var(--post-card-background);color:var(--text-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.scroll-to-top-btn{position:absolute;top:3rem;right:.7rem;font-weight:700;background-color:transparent;color:var(--text-color);border:none;border-radius:50%;width:30px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.scroll-to-top-btn:hover{transform:scale(1.05);background-color:var(--primary-blue-dark)}@media (min-width: 900px){.top-of-activity-feed{display:none}}@media (min-width: 415px) and (max-width: 768px){.top-of-activity-feed{flex-direction:column}}:root{--box-color: orange}.stack{background-color:var(--bg-color);position:relative;width:320px;height:500px;margin:auto}.box{width:70px;height:50px;background-color:var(--box-color);border-radius:3px;position:absolute;opacity:0}@keyframes drop{0%{transform:translateY(-100px);opacity:0}40%{opacity:1;transform:translateY(0)}50%{transform:translateY(-10px)}60%{transform:translateY(3px)}70%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes exit-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-300px) rotate(-10deg)}}@keyframes exit-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(300px) rotate(10deg)}}.box.exit-left{animation:exit-left .8s forwards}.box.exit-right{animation:exit-right .8s forwards}.user-home-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1900px;padding:5px;background-color:var(--background-body);max-height:100%;position:relative}.header-bar-container{display:flex;justify-content:center;width:100%}.mobile-home-page-actions{width:100%;padding:5px}.icon-bar{display:flex;justify-content:flex-end;gap:1rem}.icon-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;border-radius:8px;transition:background-color .2s ease-in-out}.icon-button:hover{background-color:var(--hover-color, #f0f0f0)}.home-page-content{display:flex;flex-direction:row;justify-content:space-around;background-color:var(--background-body);padding-top:5px;width:100%;height:100%}.activity-feed-container{background-color:var(--post-card-background);color:var(--text-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);width:100%;height:100%;padding:0 10px}.onboarding-tutorial-intro-box{display:flex;align-items:center;max-width:30%;background-color:var(--form-background-color);color:var(--text-color);padding:.5rem;border-radius:4px}.top-of-activity-feed .onboarding-tutorial-intro-box{display:none;text-align:center}.sidebar-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:10;justify-content:center;align-items:center}@media (min-width: 900px){.mobile-filter-banner,.mobile-home-page-actions{display:none}}@media (max-width: 900px){.mobile-home-page-actions{display:flex}}@media (min-width: 415px) and (max-width: 599px){.sidebar-fullscreen{display:block}}@media (min-width: 600px) and (max-width: 768px){.top-of-activity-feed .onboarding-tutorial-intro-box{font-size:smaller}.activity-feed-container{width:100%}}@media (min-width: 900px){.activity-feed-container{max-width:45%}}@media (min-width: 900px){.side-bar-container{display:flex;align-items:start;justify-content:flex-start;min-width:400px;max-width:600px}.activity-feed-container{max-width:45%}}.header-bar{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--header-background);color:var(--header-title);box-shadow:var(--card-shadow);padding:.2rem .5rem;border-radius:var(--card-radius)}.website-title{display:flex;width:100%;flex-direction:column;justify-content:space-between;text-align:justify;margin:0 0 0 5px;font-size:smaller;color:var(--header-title)}.website-title h1,.website-title h5{margin:1px 0 0}.header-details{display:flex;justify-content:flex-end;align-items:center;font-size:small;max-width:20%;padding-right:5px}.header-buttons{display:flex;gap:1rem}.menu-buttons,.capture-display-btn{display:none}.hamburger-menu-button{display:flex;cursor:pointer;z-index:5;font-size:30px;color:var(--button-text-color);margin-right:.5rem}.notification-box{height:30px;width:30px;display:flex;justify-items:center;align-items:center}.title-and-version{display:flex;align-items:baseline;gap:.5rem}.title-and-version h6{font-size:10px;margin:0;color:var(--header-title)}.version-number{font-size:.9rem;margin:0;color:var(--text-color)}.version-info{display:flex;align-items:center;gap:8px;margin-top:4px}.version-text{font-size:12px;color:var(--text-color);display:flex;align-items:center}.refresh-app-button{font-size:5px;padding:2px 3px;border-radius:6px;border:1px solid var(--primary-blue);background:transparent;color:var(--primary-blue);cursor:pointer;transition:background .2s;margin-right:1rem}.refresh-app-button:hover{background:var(--outlined-button-hover)}.danger-button{padding:5px;width:200px}.company-name-app-state{display:flex}.company-name-app-state h5{width:100%;max-width:120px}.up-to-date-message{width:100%;color:var(--text-color);font-weight:200;font-size:x-small;margin-left:8px}@media (min-width: 900px){.hamburger-menu-button{display:none}.menu-buttons,.capture-display-btn{display:flex}}.notification-item{background:var(--card-outline, #fff);padding:12px;margin-bottom:10px;border-radius:10px;box-shadow:var(--card-shadow, 0 2px 6px rgba(0, 0, 0, .1));transition:transform .3s ease,opacity .3s ease;cursor:pointer}.notification-item.unread{background-color:var(--gray-100);font-weight:600;border-left:4px solid var(--primary-blue, #3b82f6)}.notification-item.read{background-color:var(--gray-200);opacity:.6}.notification-title{font-size:16px;margin-bottom:4px;color:var(--text-color, #000)}.notification-message{font-size:14px;margin-bottom:6px;color:var(--text-color, #333)}.swipe-tip{position:absolute;top:8px;right:12px;background:#ddd;color:#333;font-size:.65rem;padding:2px 6px;border-radius:10px;opacity:.8}.notification-timestamp{font-size:12px;color:var(--gray-600);text-align:right}.notification-item.dismissed{transform:translate(-100%);opacity:0}.notification-item.high{border-left:6px solid red}.notification-item.normal{border-left:6px solid orange}.notification-item.low{border-left:6px solid green}.notification-dropdown{position:absolute;top:50px;right:10px;width:460px;max-height:90vw;padding:1rem;background:var(--menu-background-color);box-shadow:var(--card-shadow);border-radius:var(--card-radius);z-index:1000}.notification-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;align-items:stretch}.notification-action{background:transparent;border:none;font-size:1rem;cursor:pointer;opacity:.7;transition:opacity .2s ease}.notification-action:hover{opacity:1}.notification-action.dismiss{color:#888}.notification-action.delete{color:#c00}.filter-summary-banner{width:100%;background-color:green;color:#fff;font-size:smaller;font-weight:bolder;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);box-shadow:var(--card-shadow);flex-direction:column;border-radius:8px}.fetched-at{opacity:.7;font-size:small;margin-top:2px}.clear-filter-btn{font-size:.85rem;padding:.3rem .75rem}.enhanced-sidebar{display:none;flex-direction:column;background-color:var(--sidebar-background-color);color:var(--text-color);padding:10px;border-radius:var(--card-radius);box-shadow:var(--card-shadow);width:100%;height:100vh;overflow-y:auto;margin:auto;font-family:Segoe UI,sans-serif;transition:all .3s ease;height:100%;align-items:center;justify-content:flex-start}.enhanced-sidebar .MuiInputBase-root{margin-left:0;margin-right:0}.filter-summary-banner-container{display:flex;width:100%}.side-bar-box{width:100%;padding:5px 10px;border-radius:var(--card-radius);background-color:var(--sidebar-background-color);color:var(--text-color);height:100%;display:none;flex-direction:column;align-items:center;justify-content:flex-start}.sidebar-fullscreen .side-bar-box{display:flex;position:fixed;top:0;right:0;width:100%;height:100%;background-color:var(--sidebar-background-color);z-index:20;flex-direction:column;overflow-y:scroll;border-radius:0;border-bottom-left-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius);transform:translate(100%);animation:slideInFromRight .4s forwards}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-closing .side-bar-box{animation:slideOutToRight .4s forwards}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.filter-title{font-size:1.75rem;font-weight:700;text-align:center;color:var(--primary-blue);margin-bottom:5px;border-bottom:2px solid var(--primary-blue);padding-bottom:.5rem;margin-top:5px}.active-filters-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{background-color:var(--primary-blue);color:#fff;padding:4px 10px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.section-toggle{background-color:var(--outlined-button-bg);color:var(--text-color);border:1px solid var(--outlined-button-border);border-radius:6px;font-size:1rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;width:100%;text-align:left;transition:background-color .3s ease;margin:0}.section-toggle:hover{background-color:var(--outlined-button-hover)}.filter-actions{min-height:55px}.filter-section{display:flex;flex-direction:column;gap:.75rem;border-left:3px solid transparent;transition:all .4s ease;width:100%;padding:.5rem}.filter-section.open{border-left-color:var(--primary-blue)}.filter-group{display:none;flex-direction:column;gap:.5rem;padding:.5rem;animation:expandIn .4s ease}.filter-section.open .filter-group{display:flex}.filter-group input{padding:.5rem .75rem;border:1px solid var(--input-border);background-color:var(--input-background);color:var(--input-text-color);border-radius:6px;font-size:1rem;width:100%;transition:border .2s ease}.filter-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f633}.date-label{font-weight:600;font-size:.95rem}.apply-button{background-color:var(--primary-blue);color:var(--white);padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;width:100%;margin-top:1rem;box-shadow:0 4px 12px #0000001a;transition:background-color .3s ease}.apply-button:hover{background-color:var(--primary-blue-dark)}.full-width{width:100%}.dropdown{width:100%;padding:.5rem;border:1px solid var(--input-border);border-radius:6px;background-color:var(--input-background);color:var(--text-color);font-size:1rem}@media (min-width: 900px){.enhanced-sidebar{display:flex}.mobile-filter-close-button{display:none}.side-bar-box{display:flex}.close-side-bar-button{display:none}}@keyframes expandIn{0%{transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 600px){.enhanced-sidebar{padding:1rem;border-radius:0;box-shadow:none}.filter-title{font-size:1.5rem;margin-bottom:1rem}.section-toggle,.apply-button{font-size:.95rem}}.active-filters-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:10px}.chip{background-color:var(--primary-blue);color:#fff;padding:4px 10px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.chip:hover{background-color:var(--primary-blue-dark)}.property-zone,.supplier-brands-selector{display:flex;justify-content:space-around}.create-post-container{display:flex;flex-direction:column;align-items:center;background-color:var(--form-background-color);color:var(--text-color);padding:1rem;border-radius:var(--card-radius, 5px);width:100%;margin:40px 0 10px;position:relative;height:100%}.create-post-header{display:flex;justify-content:space-between;align-items:center;width:100%}.post-detail-selection{display:flex;flex-direction:column;align-items:center}.create-post-btn{width:8rem;height:2rem;display:flex;align-items:center;justify-content:center;margin:5px 15px;padding:0;background-color:var(--button-background);color:var(--button-text-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.create-post-btn:hover{background-color:var(--button-background-hover)}.create-post-container h1{font-size:2rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.image-and-details{display:flex;justify-content:space-around;margin:15px auto;width:100%}.image-selection-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem}.image-box{display:flex;justify-content:center;align-items:center;overflow:hidden;max-height:400px;width:100%;border:1px solid var(--border-color)}.image-box .post-image{max-height:400px;width:auto}.image-selection-box h4,.image-selection-box h6{margin:3px;font-weight:700}select{border-radius:5px;padding:.3rem;border:1px solid var(--border-color);background-color:var(--input-background);color:var(--input-text-color)}.property-zone{display:flex;width:100%;justify-content:space-around;align-items:center;margin:0;flex-direction:column;max-width:700px}.store-address-container{display:flex;flex-direction:column;text-align:justify;margin:0 5%}@media (max-width: 900px){.create-post-container{width:100vw;overflow-y:scroll}.image-and-details{flex-direction:column}.image-box{max-height:250px}}.step-one h4{font-weight:700}.upload-buttons{display:flex;justify-content:center;align-items:center;margin-top:10px}.upload-buttons label{display:flex;align-items:center;gap:10px;font-weight:600}.pick-store{width:90%}.pick-store-navigation-buttons{margin-top:16px;padding:0 15px;gap:16px;width:100%}.goal-selector{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-section{display:flex;flex-direction:column;align-items:center}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;background-color:var(--toggle-bg, #f0f0f0);padding:8px 16px;border-radius:8px;width:100%;position:relative}.toggle-label{cursor:pointer;transition:font-size .3s,font-weight .3s,color .3s;flex:1;text-align:center}.toggle-label.selected{font-weight:700;font-size:1.2rem;color:#fff;background-color:#1976d2;border-radius:8px}.toggle-switch{margin:0 8px;transform:scale(1.2);position:absolute}.selected-store{border:1px solid #ccc;border-radius:8px;padding:16px}.setDisplayDetails{margin-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:2rem;height:100%;width:100%}.display-description{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:2rem;height:50%;padding:0 3rem}.text-area-container{margin-top:10px;width:100%;position:relative;border:1px solid #ccc;border-radius:4px;transition:border-color .3s}.text-area-container label{background:none}.text-area-container.focused{border-color:#3f51b5}.description-text-area{width:100%;color:var(--text-color);font-size:16px;padding:18px 12px 6px;border:none;outline:none;resize:none;background-color:transparent}.placeholder{position:absolute;top:0;left:0;transition:all .3s;color:#aaa;pointer-events:none}.placeholder.active{transform:translateY(-50%) scale(.75);color:#3f51b5;background-color:var(--form-background-color);padding:0 9px}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-indicator{width:50%;background-color:#e0e0e0;border-radius:4px;overflow:hidden;height:80px}.loading-bar{height:100%;background-color:#4caf50;transition:width .4s ease;font-size:large;font-weight:bolder;text-align:center;color:#fff;line-height:80px}.dashboard-container{background-color:var(--dashboard-background-color);color:var(--text-color);min-height:100vh;width:100%;max-width:95vw}.header-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--dashboard-header-background);color:var(--text-color)}.drawer-link{cursor:pointer}.dashboard-main{display:flex;flex-direction:column;background-color:var(--alt-menu-background-color);width:100%}.dashboard-header{background-color:#3498db;color:#fff}.header-top{display:flex;padding:1rem .5rem 0rem}.dashboard-header h1{margin:.5rem}.dashboard-container h4{font-size:medium}.dashboard-user-details{text-align:justify;padding:.5rem}.dashboard-user-details p{color:#f5f5f5;padding-left:1rem}.invite-section{display:flex;flex-direction:column;justify-content:center;margin:10px}.invite-form{display:flex;flex-direction:column}.invite-title{display:flex;justify-content:flex-start}.invite-input-box{display:flex}.invite-input-box input{min-width:300px;max-width:600px;width:30%;padding-left:1rem}.dashboard-content{padding:20px}.header-and-all-info{display:flex;flex-direction:column}.all-pending-invites{display:flex;flex-direction:column;justify-content:flex-start;width:100%;max-width:35rem}.table-header{display:flex}.all-user-info{display:flex;margin-bottom:.5rem}.user-name-email,.user-phone-role{display:flex}.user-detail{display:flex;width:15rem}.user-name-detail,.user-phone-detail{display:flex;width:10rem}.user-role-detail{display:flex;width:5rem}.card{margin:10px;padding:20px;border-radius:6px;box-shadow:0 4px 8px #0000001a;text-align:justify}@media (max-width: 1000px){.dashboard-container{font-size:small}}@media (max-width: 800px){.table-header{display:none}.user-name-email,.user-phone-role{flex-direction:column}}@media (max-width: 600px){.dashboard-container{font-size:small}.dashboard-header h1{font-size:28px}.dashboard-content{padding:5px}.MuiTabs-root{overflow-x:auto}}@media (max-width: 500px){.all-user-info{flex-direction:column}.dashboard-container{font-size:x-small}}.pending-invites-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a}.title{text-align:center;font-size:1.8rem;margin-bottom:20px;color:#333}.loading-message,.empty-message{text-align:center;font-size:1rem;color:#666}.invites-table{width:100%;border-collapse:collapse;margin:20px 0}.invites-table th,.invites-table td{padding:10px;text-align:left;border:1px solid #ddd}.invites-table th{background-color:#f4f4f4;font-weight:700}.invites-table tr:hover{background-color:#f1f1f1}.cancel-button{background-color:tomato;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.cancel-button:hover{background-color:#e5533d}.cancel-button:active{background-color:#d9432d}.user-profile-container{display:flex;flex-direction:column;width:100%;padding:16px;height:100%}.avatar-box{display:flex;flex-direction:column;height:100%}.avatar-box img,.avatar-box svg{margin:20px}.avatar-box button{max-width:120px;margin:20px}.user-info-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--dashboard-card);border-radius:8px}.user-details{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.avatar-upload-container{display:flex;flex-direction:column;gap:12px;margin-top:12px;background:var(--dashboard-card);padding:12px;border-radius:8px}.avatar-file-input{font-size:.9rem;color:var(--text-color)}.editor-preview-box{display:flex;flex-direction:column;align-items:center;gap:8px}.scale-slider{padding:0 8px;width:100%}.avatar-button-row{display:flex;gap:8px}.collections-viewer-container{padding:1rem;max-width:1200px;margin:0 auto}.collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.create-btn{background-color:#1976d2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.create-btn:hover{background-color:#115293}.collections-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.collection-card{background:white;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:1rem;width:100%;max-width:350px;transition:transform .2s ease,box-shadow .2s ease}.collection-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000026}.collection-images{display:flex;justify-content:center;margin-bottom:1rem;position:relative}.collection-thumbnail{width:60px;height:60px;border-radius:4px;box-shadow:0 2px 6px #0003;transition:transform .2s ease,z-index .2s ease;position:relative}.collection-content h4{margin:.25rem 0;font-size:1.1rem;font-weight:600}.collection-content p{margin:.25rem 0 1rem;font-size:.9rem;color:#555}.collection-actions{display:flex;align-items:center;gap:.5rem}.collection-actions button{padding:.4rem .8rem;font-size:.85rem;background-color:transparent;border:1px solid #1976d2;color:#1976d2;border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.collection-actions button:hover{background-color:#1976d2;color:#fff}@media (max-width: 600px){.collections-header{flex-direction:column;align-items:flex-start;gap:1rem}.collection-card{max-width:100%}.collection-thumbnail{width:50px;height:50px}}.tutorial-container{margin:0 auto;padding:20px;max-width:800px;text-align:center}.flip-section{display:flex;justify-content:center;flex-direction:column;width:100%}.flip-section h1,.flip-section h2{color:#333}@media (max-width: 768px){.tutorial-container{padding:10px}.tutorial-container h1{font-size:24px}.tutorial-container button{padding:8px 15px;font-size:14px}}.tutorial-section{display:flex;flex-direction:column;align-items:center;text-align:justify;margin-bottom:1rem}.section-one-image-box{display:flex;justify-content:center}.section-one-image-box img{max-width:90%}.account-form-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.account-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:900px;background-color:var(--form-background-color, #f9f9f9);border-radius:var(--card-radius, 10px);box-shadow:var(--card-shadow, 0 4px 20px rgba(0, 0, 0, .15));padding:2rem;color:var(--text-color, #222);overflow-y:auto}.account-form h2{text-align:center;margin-bottom:1rem;font-size:1.5rem;color:var(--header-title, #333)}.account-form label{display:flex;flex-direction:column;font-weight:600;font-size:.95rem;color:var(--text-color, #222)}.account-form input,.account-form select{padding:.6rem;margin-top:.3rem;font-size:1rem;border:1px solid var(--input-border, #ccc);border-radius:6px;background-color:var(--input-background, #f1f1f1);color:var(--input-text-color, #000);transition:border-color .2s ease}.account-form input:focus,.account-form select:focus{border-color:var(--accent-color, #007bff);outline:none;background-color:var(--input-focus-background, #fff)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.form-actions button{padding:.5rem 1.2rem;font-size:1rem;border-radius:6px;cursor:pointer;background-color:transparent;border:2px solid var(--outlined-button-border, #007bff);color:var(--text-color, #007bff);font-weight:600;transition:all .2s ease-in-out}.form-actions button:hover{background-color:var(--button-background, #007bff);color:var(--button-text-color, #fff)}.account-form .section-divider{border-top:1px solid var(--divider-color, #ccc);margin:1rem 0;padding-top:1rem}@media (max-width: 768px){.account-form{padding:1rem}.account-form-backdrop{padding:.5rem}}.upload-template-modal{background-color:var(--form-background-color, #fff);border-radius:var(--card-radius, 10px);box-shadow:var(--card-shadow, 0 4px 20px rgba(0, 0, 0, .2));padding:2rem;max-width:1200px;width:100%;color:var(--text-color, #222);overflow-y:auto}.upload-template-modal p{text-align:left}.upload-template-modal-header{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:600}.close-text-button{background:none;border:none;font-size:.95rem;color:var(--text-color, #007bff);cursor:pointer;padding:.25rem .75rem;border-radius:4px;transition:background-color .2s ease}.close-text-button:hover{background-color:#007bff1a}.upload-template-modal p{font-size:.95rem;margin-bottom:1rem;color:var(--text-color, #444)}.upload-template-modal .close-button{margin-top:1.5rem;text-align:right}.upload-template-modal .close-button button{padding:.5rem 1.2rem;border:2px solid var(--outlined-button-border, #007bff);background:transparent;color:var(--text-color, #007bff);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-template-modal .close-button button:hover{background-color:var(--button-background, #007bff);color:var(--button-text-color, #fff)}.account-manager-container{background-color:var(--form-background-color);color:var(--text-color);padding:2rem;border-radius:8px;position:relative;width:100%}.account-manager h2{color:var(--header-title)}.account-header-title{font-size:1.25rem;font-weight:600;color:var(--text-color)}.account-instructions{text-align:left;margin-bottom:1.5rem;font-size:.95rem;color:var(--text-color);max-width:700px;line-height:1.5}.account-instructions code{background-color:var(--gray-200);padding:.1rem .4rem;border-radius:4px;font-size:.85rem}.account-instructions strong{font-weight:600;color:var(--primary-blue)}.account-management-buttons{display:flex;width:100%;justify-content:space-around;align-items:center}.account-upload-button,.account-submit-button,.account-edit-button{background-color:var(--button-background);color:var(--button-text-color);border:none;padding:8px 16px;border-radius:5px;cursor:pointer}.account-upload-button:hover,.account-submit-button:hover,.account-edit-button:hover{background-color:var(--button-background-hover)}.account-table th,.account-table td{background-color:var(--post-card-background);color:var(--text-color)}.account-search-field{background-color:var(--input-background);color:var(--input-text-color)}@media (max-width: 768px){.account-manager-container{padding:1rem}.account-management-buttons{flex-direction:column}.account-manager h2{font-size:1.25rem}.account-header-title{font-size:1rem}table th,table td{font-size:.875rem;padding:6px}}.account-table{background-color:green;border:1px solid #e0e0e0;box-shadow:2px 2px 5px #0000001a}.account-title{margin:16px;font-weight:700;color:#333}.account-actions{display:flex;justify-content:space-between;margin:16px}tr:hover{background-color:#f0f8ff}.user-multi-selector{margin-top:1rem}.search-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-input{flex:1;min-width:200px}.role-filter-dropdown{min-width:150px}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:10px 12px;border-bottom:1px solid #ddd}@media (max-width: 768px){.user-table th,.user-table td{padding:8px 10px;font-size:.875rem}.select-all-row{flex-direction:column;align-items:flex-start}.search-input input{font-size:.9rem}.pagination-control{flex-direction:column;gap:.5rem}.search-row{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.user-table th,.user-table td{padding:6px 8px;font-size:.8rem}.search-input input{font-size:.8rem}}.account-multi-selector{margin-top:1rem}.search-input{margin-bottom:1rem}.select-all-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.account-table{width:100%;border-collapse:collapse}.account-table th,.account-table td{padding:10px 12px;border-bottom:1px solid #ddd}.pagination-control{margin-top:1rem;display:flex;justify-content:center}.account-selector-scroll-container{overflow-y:auto;max-height:750px;border:1px solid #ddd;border-radius:4px}.account-table thead th{position:sticky;top:0;background-color:var();z-index:1}.account-selector-summary{font-size:.9rem;font-weight:500;color:var(--text-color);margin-top:1rem}.account-search-input{width:100%;max-width:500px;padding:.75rem 1rem;font-size:1rem;border:var(--text-color);border-radius:12px;outline:none;transition:border-color .2s ease}.account-search-input::placeholder{color:var(--text-color)}.account-search-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}@media (max-width: 768px){.MuiDialogContent-root{max-height:60vh}.MuiFormControl-root{width:100%}.MuiGrid-item{padding-left:0!important;padding-right:0!important}.account-table th,.account-table td{padding:8px 10px;font-size:.875rem}.select-all-row{flex-direction:column;align-items:flex-start}.search-input input{font-size:.9rem}.pagination-control{flex-direction:column;gap:.5rem}.account-selector-scroll-container{max-height:300px}}@media (max-width: 480px){.account-table th,.account-table td{padding:6px 8px;font-size:.8rem}.search-input input{font-size:.8rem}}.goal-form-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:20px;max-width:600px}.custom-input{padding:10px 12px;font-size:1rem;border:1px solid var(--border-color, #ccc);border-radius:6px;color:var(--text-color, #333);transition:border-color .2s ease}.custom-textarea{width:100%;padding:12px;font-size:1rem;border:1px solid var(--border-color);background-color:var(--input-background);color:var(--text-color);resize:vertical;min-height:100px}.custom-textarea textarea{border-radius:var(--border-radius)}.goal-title{max-width:200px}.custom-input:focus{border-color:var(--primary-color, #1976d2);outline:none}.chains-container,.chain-type-container,.types-of-account-container,.sales-people-container{display:flex}.goal-title-input-wrapper{display:flex;flex-direction:column;margin-bottom:1rem;align-items:flex-start;width:500px;max-width:90%}.goal-title-input-wrapper label{font-weight:600;color:var(--primary-text);margin-bottom:.25rem}.goal-title-input{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--primary-text);border-radius:8px;transition:border-color .2s ease}.goal-title-input:focus{outline:none;border-color:var(--accent-color)}.goal-title-meta{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.8rem;color:var(--secondary-text)}.goal-title-count.warn,.goal-title-helper{color:var(--warn-color)}.user-table-head{display:flex;width:100%;justify-content:space-between}.user-table-search,.user-table-filter{display:flex;width:100%;max-width:300px}.user-table-search input{width:100%;padding:4px;border:1px solid #ccc;border-radius:4px}.user-table{width:100%;border-collapse:collapse;margin-top:8px}.user-table-count{display:flex;font-size:.875rem;padding-left:4px;padding-right:4px;text-align:start;width:2rem;min-width:2rem;max-width:2rem}.user-table th,.user-table td{border:1px solid #ddd;padding:8px;padding-right:2rem;text-align:left}.user-table th{background-color:#f5f5f5;font-weight:700}.user-table tr:nth-child(2n){background-color:#f9f9f9}.user-table tr:hover{background-color:#f1f1f1}.user-table button{padding:2px 6px;font-size:.875rem;cursor:pointer;background-color:#1976d2;color:#fff;border:none;border-radius:4px}.user-info-cell{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:bolder}.store-name{min-width:300px}.submitted-at{min-width:250px}.user-table button:hover{background-color:#1565c0}.submissions-wrapper{display:flex;flex-direction:column;gap:4px}.submission-item{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.completion{font-weight:700;margin-left:6px}@media (max-width: 768px){.user-table th,.user-table td{font-size:.75rem;padding:6px}.submission-item,.user-info-cell{flex-direction:column;align-items:flex-start}.completion{margin-left:0;margin-top:4px}.user-table-count{font-size:.75rem}}.unsubmitted-details{margin-top:6px;padding-left:8px;border-left:2px solid var(--primary-blue)}.unsubmitted-summary{cursor:pointer;font-weight:500;color:var(--primary-blue);margin-bottom:4px}.unsubmitted-list{list-style-type:disc;margin-left:20px;padding-left:0;font-size:.9rem}.unsubmitted-list li{margin-bottom:4px}.MuiDialogContent-root{max-height:70vh;overflow-y:auto;padding-right:8px}@media (max-width: 768px){.MuiDialogContent-root{max-height:60vh}.MuiFormControl-root{width:100%}.MuiGrid-item{padding-left:0!important;padding-right:0!important}}.MuiDialogContent-root::-webkit-scrollbar{width:6px}.MuiDialogContent-root::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.MuiDialogContent-root::-webkit-scrollbar-track{background-color:transparent}.info-box-company-goal{display:flex;flex-direction:column;padding:1rem;background-color:var(--dashboard-card);border-radius:12px;border:1px solid var(--card-outline);box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;color:var(--text-color)}.company-goal-card-start-end{display:flex;width:100%;max-width:20rem;justify-content:space-between}.goal-progress-section{width:100%;max-width:400px}.goal-progress-numbers{display:flex;flex-direction:column;width:100%;justify-content:space-between;align-items:center;margin-bottom:.5rem}.goal-progress-numbers>div{margin-top:4px}.info-layout{display:flex;flex-direction:column;text-align:justify}.info-layout-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.info-header{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.info-title-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.info-description{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.info-layout-row-bottom{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:.5rem 0}.info-item{display:flex;padding:.5rem}.title-bold{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.description-label{font-weight:500;margin-bottom:.25rem}.description-text{font-size:.95rem;line-height:1.4}.expanded-submissions{padding:1rem;border-top:1px solid #ccc;transition:all .3s ease-in-out}.tab-wrapper{display:flex;align-items:flex-end;position:relative}.tab-filler{flex:1;height:2.5rem;border-top:1px solid #ccc;border-top-left-radius:12px;margin-right:-10px;background-color:#f7f7f7;z-index:0}.tab-submissions:hover{background-color:var(--button-hover)}.mobile-file-tabs{display:flex;flex-direction:row;justify-content:flex-start;padding:.5rem 0 0}.mobile-main-box{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:0 12px 12px/0px 12px 12px;box-shadow:0 2px 6px #0000001a;margin-bottom:1rem;padding-bottom:1rem;overflow:hidden;min-height:15rem}.file-tab{background-color:#c6bdbd;margin-right:.5rem;border:none;padding:.5rem 1rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease-in-out;border-top-right-radius:15px;border-top-left-radius:15px}.file-tab.active-tab{background-color:#fff;color:#1976d2}.mobile-main-box button,.tab-submissions,.view-post-button,.expand-button{background-color:#e0e0e0;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.9rem;color:#333}.mobile-main-box button:hover{background-color:#d5d5d5}.mobile-accounts-tab{display:flex;justify-content:center}.info-title,.title-bold{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;text-align:left;word-break:break-word}.description-label{font-weight:600;margin-bottom:.25rem;font-size:.95rem}.description-text{font-size:1rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.goal-delete{border-radius:100%;background-color:red;width:36px;height:36px;display:flex;justify-content:center;align-items:center}.delete-button{all:unset;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.delete-button svg{color:var(--text-color)}.top-right-buttons{display:flex;gap:8px}.completion{font-weight:600;font-size:.95rem}.completion-0{color:#c00}.completion-10{color:#c20}.completion-20{color:#c40}.completion-30{color:#c60}.completion-40{color:#c80}.completion-50{color:#ca0}.completion-60{color:#cc0}.completion-70{color:#6c0}.completion-80{color:#0c0}.completion-90{color:#0c2}.completion-100{color:#0c4}@media screen and (max-width: 600px){.expanded-submissions{padding:.5rem}.info-title,.info-description,.info-metric{font-size:.9rem}.expand-button{width:100%;font-size:.95rem}.account-cell{font-size:.8rem}.account-row{flex-wrap:wrap}.account-cell:nth-child(5),.account-cell:nth-child(6){display:none}.info-layout-row{flex-direction:column}}.all-company-goals-container{padding:1rem;width:100%}.all-company-goals-container h4{font-size:medium}.company-goals-header{text-align:center;font-size:1.5rem;margin-bottom:1rem}.goals-container{display:flex;flex-direction:column;gap:1rem}.goal-box{border:1px solid #ccc;border-radius:8px;padding:1rem;background-color:#f9f9f9}.goal-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.goal-label{font-weight:700}.goal-value{margin-left:1rem;text-align:left}.goal-box-mobile .goal-row{flex-direction:row-reverse;justify-content:flex-start}.goal-box-mobile .goal-label{width:50%;text-align:left}.goal-box-mobile .goal-value{width:50%;text-align:right}.expanded-details{margin-top:1rem;padding:1rem;background-color:#fff;border:1px solid #ddd;border-radius:4px}.expanded-row{display:flex;justify-content:space-between;padding:.5rem 0}@media (min-width: 600px){.goal-row{flex-direction:column;align-items:flex-start}.goal-label{margin-bottom:.25rem}.goal-value{margin-left:0}}.archived-goals-container{margin-top:2rem}.archived-year-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:var(--card-shadow);cursor:pointer;transition:background .3s ease}.archived-year-card:hover{background:var(--hover-bg)}.archived-year-header{display:flex;justify-content:space-between;align-items:center}.arrow{font-size:1.2rem;transition:transform .3s ease}.arrow.up{transform:rotate(180deg)}.archived-months-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.archived-month-chip{background-color:var(--chip-bg);color:var(--chip-text);border-radius:16px;padding:.25rem .75rem;box-shadow:var(--chip-shadow);transition:background-color .3s ease}.archived-month-chip:hover{background-color:var(--chip-hover-bg)}.archived-month-container{margin-bottom:1rem}.archived-goal-cards{margin-top:.5rem;display:flex;flex-direction:column;gap:1rem}.archived-month-chip.active{background-color:var(--chip-active-bg);color:var(--chip-active-text);box-shadow:var(--chip-active-shadow)}.archived-goal-cards{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;padding-left:1rem}.tabs-container{border-bottom:2px solid #ccc;margin-bottom:1rem}.tabs{display:flex;justify-content:center;overflow-x:auto}.tab-panel{display:none}.tab-panel.active{display:block}.tab-content{padding:1rem;background-color:#f9f9f9;border-radius:4px}.all-company-goals-view-container{overflow-x:auto}@media (max-width: 600px){.all-company-goals-view-container{font-size:.875rem}.tabs{justify-content:start}}.gallo-goals-header{margin-bottom:1rem;text-align:center;font-weight:700}.programs-wrapper{display:flex;flex-direction:column;gap:1.5rem}.program-card{padding:1rem;border-radius:8px;background-color:#f8f9fa}.program-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:.5rem;margin-bottom:.5rem}.program-title{font-weight:600}.program-dates{color:#555;font-size:.9rem}.goal-container{padding:.75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-top:.75rem}.goal-title{font-weight:500}.goal-metrics{color:#666;margin-bottom:.5rem}.toggle-btn{margin-top:.5rem}.submitted-status{color:green;font-weight:500}.not-submitted-status{color:red;font-weight:500}.no-sales-route,.no-goals-message{text-align:center;margin:2rem 0;color:#999}.accounts-table{width:100%;border:1px solid #ccc}.account-row:nth-child(2n){background-color:#fafafa}@media (max-width: 600px){.accounts-table thead{display:none}.accounts-table,.accounts-table tbody,.accounts-table tr,.accounts-table td{display:block;width:100%;text-align:left}.accounts-table tr{margin-bottom:1rem;border:1px solid #ddd;border-radius:6px;background:#fff;padding:8px}.accounts-table td{padding:4px 8px;border:none;position:relative}.accounts-table td:before{content:attr(data-label);display:block;font-weight:700;margin-bottom:2px;color:#555}}.menu-section-admin{padding:8px;background-color:var(--menu-background-color)}.menu-section-admin.disabled{opacity:.5;pointer-events:none}.Mui-selected{background-color:var(--button-background-hover);color:var(--button-text-color)}.Mui-selected:hover{background-color:var(--button-background)}.product-list-wrapper{border-radius:8px;border:1px solid var(--card-outline);max-width:100%;overflow:hidden;font-family:sans-serif;padding-top:1rem}.product-list-scrollable{overflow-x:auto;width:100%}.product-table-header,.product-row{display:flex;align-items:center;padding:.5rem .25rem;border-bottom:1px solid #ddd;background-color:#f8f9fa}.product-row{background-color:#fff}.product-cell{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;font-size:.75rem;min-height:100%;box-sizing:border-box}.product-column-id{flex:0 0 60px}.product-column-name{flex:1 1 130px;white-space:normal;text-wrap:wrap;text-align:justify}.product-column-package{flex:1 1 110px;white-space:normal;text-wrap:wrap;text-align:justify}.product-column-brand,.product-column-family,.product-column-supplier{flex:1 1 100px;text-wrap:wrap;text-align:justify}.product-column-number{flex:0 0 80px}.product-column-actions{flex:0 0 150px;gap:.25rem}.product-edit-btn{background-color:var(--primary-blue);color:var(--white)}.product-delete-btn{background-color:red;color:var(--white)}@media (max-width: 768px){.product-row{font-size:.75rem;flex-direction:column;height:400px}.product-cell{white-space:normal;word-break:break-word;font-size:.75rem}}.mobile-product-card{padding:12px;background-color:transparent;height:100%}.mobile-product-card-inner{padding:10px;display:grid;grid-template-columns:1fr 2fr;gap:6px 12px;border:1px solid var(--card-outline);border-radius:8px;width:100%;background-color:var(--white)}.mobile-product-label{font-weight:600;text-align:left;padding:6px;background-color:var(--gray-100);border-radius:4px 0 0 4px}.mobile-product-value{padding:6px;background-color:var(--gray-50);border-radius:0 4px 4px 0;font-weight:400;color:var(--text-color);word-break:break-word}.mobile-product-actions{grid-column:span 2;display:flex;justify-content:center;gap:1rem;margin-top:8px}.mobile-product-actions button{padding:4px 12px;border-radius:4px;font-weight:500;font-size:.9rem;border:none;cursor:pointer}.mobile-product-actions .product-edit-btn{background-color:var(--primary-blue);color:var(--white)}.mobile-product-actions .product-delete-btn{background-color:red;color:var(--white)}.my-goals-title{text-align:center;margin-bottom:1.5rem}.program-table{border-collapse:collapse}.program-row{font-weight:700}.goal-cell{padding:1rem;border-top:1px solid #ddd}.spreadsheet-table{width:100%}button{margin:.25rem}.my-goals-container{margin:1rem}.my-goals-title{text-align:center;margin-bottom:1rem}.goals-tabs{margin-bottom:1rem;border-bottom:1px solid #ddd}.goals-content{padding:.5rem}@media (max-width: 600px){.my-goals-title{font-size:1.2rem}.goals-tabs{flex-direction:column}}.about-container{font-family:var(--font-family);line-height:var(--line-height);color:var(--text-color);max-width:800px;margin:1rem auto;padding:1rem;background:var(--background);border-radius:8px;box-shadow:0 4px 6px #0000001a}.about-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem}.nav-button,.cta-button{padding:10px 20px;border:1px solid var(--border-color);background-color:var(--button-background);cursor:pointer;border-radius:5px;transition:background-color .3s ease;box-shadow:var(--button-shadow)}.nav-button:hover,.cta-button:hover{background-color:var(--btn-primary-hover)}.about-content{margin-bottom:40px}.about-cta{margin-top:20px}.about-content h2{margin-top:2rem}.about-content ul{margin-bottom:2rem}.about-content li{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0}.about-content p:first-of-type{margin-bottom:1rem}@media (max-width: 768px){.about-container{width:auto;padding:1rem}.about-navigation{flex-direction:column;gap:.5rem}.nav-button,.cta-button{margin-bottom:10px}}.contact-container{max-width:600px;margin:40px auto;padding:20px;background:var(--form-background-color);box-shadow:var(--card-shadow, 0 4px 8px rgba(0, 0, 0, .1));border-radius:var(--card-radius, 8px);color:var(--text-color)}.contact-container h1{text-align:center;color:var(--header-title)}.contact-container p{text-align:center;margin-bottom:30px}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:var(--text-color)}.form-group input[type=text],.form-group input[type=email],.form-group textarea{width:100%;padding:10px;border-radius:4px;border:1px solid var(--border-color);font-size:1rem;background-color:var(--input-background);color:var(--input-text-color)}.form-group textarea{resize:vertical}.submit-button{padding:10px 20px;background-color:var(--button-background);color:var(--button-text-color);border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.submit-button:hover{background-color:var(--button-background-hover)}@media (max-width: 768px){.contact-container{margin:20px;padding:15px}.form-group label{margin-bottom:8px}}.privacy-policy-container{max-width:800px;margin:40px auto;padding:20px;background:var(--post-card-background);color:var(--text-color);border-radius:8px;box-shadow:0 2px 4px #0000001a}.privacy-policy-container h1{color:var(--header-title);text-align:center}.privacy-policy-container p,.privacy-policy-container h2{margin-bottom:16px}.privacy-policy-container section{margin-bottom:24px}@media (max-width: 768px){.privacy-policy-container{margin:20px;padding:15px}}.terms-container{max-width:800px;margin:40px auto;padding:20px;background:var(--post-card-background);color:var(--text-color);border-radius:8px;box-shadow:0 2px 4px #0000001a}.terms-container h1{color:var(--header-title);text-align:center}.terms-container p,.terms-container h2{margin-bottom:16px}.terms-container section{margin-bottom:24px}@media (max-width: 768px){.terms-container{margin:20px;padding:15px}}.help-support-container{max-width:800px;margin:40px auto;padding:20px;background:var(--post-card-background);color:var(--text-color);border-radius:8px;box-shadow:0 2px 4px #0000001a}.help-support-container h1{color:var(--header-title);text-align:center}.help-support-container p,.help-support-container h2,.help-support-container ul{margin-bottom:16px}.help-support-container ul{list-style-type:none;padding-left:0}.help-support-container ul li{padding:8px 0}@media (max-width: 768px){.help-support-container{margin:20px;padding:15px}}.splash-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;width:100vw}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#002b45;width:100%}.logo-box{display:flex;align-items:center}.logo-box h1{margin:0;color:var(--gold-leaf)}.logo-box img{width:3rem;height:auto}.splash-menu-button{display:none;justify-content:flex-end;align-items:center;cursor:pointer;z-index:50}.top-nav ul{display:flex;list-style-type:none;margin:0;padding:0;width:100%;transition:transform .3s ease-in-out}.top-nav li{margin-right:.5rem;width:9rem;color:#f5f5f5}.navbar ul li{position:relative;list-style:none;margin:10px 0;cursor:pointer;transition:all .3s ease}.navbar ul li:hover{color:#007bff;transform:translate(-10px)}.navbar ul li:after{content:"→";font-size:3rem;position:absolute;right:-20px;opacity:0;transition:opacity .3s,transform .3s ease}.navbar ul li:hover:after{opacity:1;transform:translate(-65px)}.top-nav a{padding:0}.splash-main{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;padding:2rem}.first-section,.fifth-section{position:relative;width:100vw;color:#fff}.first-image-box img,.fifth-image-box img{width:100%;min-height:400px;height:auto;max-height:400px;object-fit:cover}.first-content,.fifth-content{display:flex;flex-direction:column;text-align:justify;background-image:url(https://firebasestorage.googleapis.com/v0/b/retail-sight.appspot.com/o/assets%2Fbluebackground.jpg?alt=media&token=74ab3fe5-ab33-4148-9337-14c869c1dfd7);color:#fff;background-size:cover;background-position:center;position:absolute;top:1rem;left:1rem;justify-content:center;align-items:center;width:50%;padding:1rem;z-index:2}.fifth-content{background:#4a535c}.second-section{color:#fff;background-color:#000;padding:1rem;display:flex;justify-content:center;align-items:center;width:100%;margin:1rem 0rem}.second-content{display:flex;flex-direction:column;color:#fff;width:50%}.second-image-box{padding:1rem;width:100%}.second-image-box img{width:50%;min-height:400px;max-height:500px;height:auto;object-fit:cover}.hero-content{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1rem}.hero-content:nth-child(2n){flex-direction:row-reverse}.hero-full-background{position:relative}.first-section img,.fifth-section img{width:100%;height:fit-content}.hero-content-full{position:absolute;color:#fff;top:1rem;left:3rem;padding:1rem}.hero-content-left,.hero-content-right{width:50%;padding:.5rem}.second-content p{text-align:justify}.features-image-box img{height:auto;width:100%}.features-image-box{position:relative}.features-image-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:3}.features-button{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);z-index:5}.features-text-box{background-color:#5c97bf;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:5px 5px;color:#000;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:400px;width:35%;margin:auto;text-align:justify}.section-three{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1rem}.fourth-block{display:flex;justify-content:center;color:#000;background-image:url(https://images.unsplash.com/photo-1454117096348-e4abbeba002c?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.fourth-insert{margin:.5rem}.last-block{display:flex;flex-direction:column;color:var(--text-color)}.hero-image img{max-width:100%}.hero-image{position:relative}.content-button-box{display:flex;justify-content:center;align-items:center}.enter-site-btn{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;color:#fff;background-color:#007bff;border:None;border-radius:5 px;cursor:pointer;transition:background-color .3s ease;width:10rem}.enter-site-btn:hover{background-color:#0056b3}.splash-menu ul{list-style-type:none;margin:0;padding:0;display:none;flex-direction:column;align-items:center;position:absolute;top:0;width:100%;background-color:#002b45}.isMenuOpen{transform:translateY(0)}.top-nav a{color:var(--splash-nav-text);width:100%;padding:0}footer{padding:1rem 0;font-size:.9em;text-align:center;background-color:#002b45}footer a{text-decoration:none;color:#fff;transition:color .3s ease}footer a:hover{color:gold}@media (max-width: 750px){.first-content,.fifth-content{width:100%;position:static;padding:1rem 2rem}.second-section{flex-direction:column}.second-content,.second-image-box{width:auto}.first-image-box img,.second-image-box img,.fifth-image-box img{display:block;min-height:100px;max-height:200px}.splash-menu-button{display:flex}.hero-content,.second-block{flex-direction:column;align-items:center;justify-content:flex-start}.hero-content-left,.hero-content-right{width:100%}.hero-content-left,.hero-content-right,.hero-full{position:relative;text-align:center}.hero-content-full{top:0;left:0}.hero-full img{width:100%;height:auto}.hero-content-right{overflow:hidden}.section-three{flex-direction:column-reverse}.third-block{flex-direction:column;width:90%}.enter-site-btn{padding:.8rem 1.6rem;font-size:.8rem}.top-nav{position:relative}.top-nav .isMenuOpen{transform:translateY(0)}.top-nav ul{display:flex;flex-direction:column;align-items:center;position:absolute;top:0rem;left:0;transform:translateY(-100%);width:100%;z-index:10;transition:transform .3s ease-in-out;background-color:#002b45}}@media (max-width: 500px){.splash-container{font-size:smaller}.hero-content-full{top:10px;left:0}.second-block{flex-direction:column}.third-block{width:90%}.hero-content-left,.hero-content-right{padding-bottom:.5rem}.hero-content-right img,.hero-full img{max-width:100%;height:auto}.top-nav ul{flex-direction:column}.top-nav li{margin:5px 0}}.view-collection-page .back-button{background:none;border:none;color:#1976d2;font-weight:700;margin-bottom:1rem;cursor:pointer;font-size:1rem;padding-left:0}.view-collection-page .back-button:hover{text-decoration:underline}.view-collection-container{display:flex;flex-direction:column;width:100%;padding:16px;box-sizing:border-box}.view-collection-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:#f0f0f0;border-radius:8px;margin-bottom:16px}.posts-list{display:flex;flex-direction:column;gap:16px}.post-list-item{display:flex;flex-wrap:wrap;gap:16px;border:1px solid #ccc;border-radius:8px;padding:16px;background:white}.list-item-image img{width:100%;height:auto;border-radius:4px;display:block}.image-size-controls{display:flex;gap:8px;margin-bottom:12px}.list-item-details{flex:1;display:flex;flex-direction:column;gap:4px}.list-item-checkbox{align-self:center}@media (max-width: 600px){.post-list-item{flex-direction:column;align-items:stretch}.list-item-image img{width:100%;height:auto}}.user-list-container{margin-bottom:2em}.user-list-table input{width:100%;padding:.5em;margin:0;border:none}.user-list-table input:focus{outline:2px solid #007bff}.user-list-table .no-users{text-align:center;padding:1em}.user-list-table button:disabled{cursor:not-allowed}.notifications-table-container{background-color:var(--background-body);color:var(--text-color);padding:1rem;border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-header h2{font-size:1.5rem;font-weight:600;color:var(--header-title)}.search-input{padding:.5rem 1rem;border:1px solid var(--input-border);border-radius:var(--btn-border-radius);background-color:var(--input-background);color:var(--input-text-color);width:250px}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f633}.notifications-table{display:flex;flex-direction:column;border-top:1px solid var(--divider-color)}.table-row{display:flex;padding:.75rem .5rem;border-bottom:1px solid var(--divider-color);transition:background-color .2s ease}.table-header-row{font-weight:600;background-color:var(--dashboard-card)}.table-row:hover{background-color:var(--sidebar-hover-bg)}.table-cell{flex:1;padding:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;gap:.5rem}.btn-view{@apply btn;}.btn-resend{@apply btn-secondary;}.btn-delete{@apply btn-error;}.spinner-container{display:flex;justify-content:center;align-items:center;height:300px}.error-text{color:var(--btn-error-bg);text-align:center;font-weight:700}.notifications-page{padding:1rem;background-color:var(--background-body);min-height:100vh}.notifications-page h2{font-size:1.5rem;margin-bottom:1rem;text-align:center;color:var(--text-color)}.notification-hint-banner{background-color:#f0f0f5;padding:.75rem 1rem;margin-bottom:1rem;border-left:4px solid #888;font-size:.9rem;color:#444;border-radius:4px}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{animation:fadeIn .25s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}html,body,#root{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;min-height:100vh;width:100vw;margin:0;padding:0;overflow-x:hidden;background-color:var(--background-body);color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;text-decoration:inherit}h1{line-height:1.1}ul,ol{list-style:none;margin:0;padding:0}@media (min-width: 769px) and (max-width: 1024px){.mobile-filter-button{display:block}}:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e2e8f0;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--black: #000000;--primary-blue: #3b82f6;--primary-blue-dark: #2563eb;--gold: #ffd700;--background-body: var(--gray-50);--input-background: var(--white);--outlined-button-border: var(--primary-blue);--outlined-button-hover: var(--gray-100);--card-radius: 16px;--card-shadow: 0 5px 5px -2px rgba(0, 0, 0, .08);--button-shadow: 1px 2px 2px 2px rgba(0, 0, 0, .25), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--bgColor-muted: #151b23;--light-blue-1: rgba(100, 116, 139, .95);--light-blue-2: rgba(107, 124, 147, .92);--light-blue-3: rgba(113, 131, 158, .88);--light-blue-4: rgba(88, 106, 135, .85);--light-blue-5: rgba(74, 91, 118, .82);--post-card-animated-gradient-light: linear-gradient( 200deg, var(--light-blue-1) 0%, var(--light-blue-2) 20%, var(--light-blue-3) 55%, var(--light-blue-4) 70%, var(--light-blue-5) 100% );--dark-blue-1: #1a237e;--dark-blue-2: #283593;--dark-blue-3: #3949ab;--dark-blue-4: #5c6bc0;--dark-blue-5: #7986cb;--post-card-animated-gradient-dark: linear-gradient( 200deg, #0f172a 0%, #1e293b 20%, #334155 55%, #475569 70%, #64748b 100% );--divider-color: #ccc;--btn-primary-bg: var(--primary-blue);--btn-primary-hover: var(--primary-blue-dark);--btn-secondary-bg: var(--gray-100);--btn-secondary-hover: var(--gray-200);--btn-error-bg: var(--error-red, #d32f2f);--btn-error-hover: rgba(211, 47, 47, .8);--btn-error-text-color: var(--white);--btn-text-color: var(--button-text-color);--btn-border-radius: 8px;--btn-padding: .75rem 1.5rem}[data-theme=light]{--background-body: var(--gray-300);--background-pop-out-body: var(--gray-50);--post-card-background: var(--post-card-animated-gradient-light);--header-background: var(--post-card-animated-gradient-light);--dashboard-header-background: var( --post-card-animated-gradient-light );--dashboard-header-background: var(--gray-200);--tab-background: var(--background-body);--tab-background-selected: var(--gray-200);--dashboard-card: var(--gray-200);--card-outline: var(--gray-800);--text-color: var(--gray-900);--text-on-button: black;--company-goal-text-color: var(--gray-900);--header-title: var(--gray-900);--link-color: #228b22;--link-hover-color: #2ecc71;--button-background: transparent;--button-background-hover: var(--gray-800);--button-text-color: var(--text-color);--outlined-button-bg: transparent;--outlined-button-border: var(--primary-blue);--outlined-button-hover: var(--gray-100);--input-background: var(--white);--input-text-color: var(--gray-900);--input-border: var(--gray-200);--form-background-color: var(--gray-200);--menu-background-color: var(--white);--alt-menu-background-color: var(--gray-100);--footer-background-color: var(--gray-100);--sidebar-background-color: var(--gray-100);--drawer-background: #ffffff;--switch-color: var(--gray-900);--border-color: var(--gray-200);--sidebar-active-item: var(--primary-blue);--sidebar-hover-bg: #e0edff;--btn-primary-bg: var(--primary-blue);--btn-primary-hover: var(--primary-blue-dark);--btn-secondary-bg: var(--gray-100);--btn-secondary-hover: var(--gray-200);--btn-error-bg: #691a1a;--btn-error-hover: #7b1f1f;--btn-error-text-color: #fff}[data-theme=dark]{--background-body: var(--gray-900);--background-pop-out-body: var(--gray-900);--post-card-background: var(--post-card-animated-gradient-dark);--header-background: var(--post-card-animated-gradient-dark);--dashboard-header-background: var(--gray-800);--tab-background: var(--gray-800);--tab-background-selected: var(--light-blue-2);--dashboard-card: var(--bgColor-muted);--card-outline: var(--gray-200);--text-color: var(--gray-100);--text-on-button: white;--company-goal-text-color: var(--gray-900);--header-title: var(--white);--link-color: #93c5fd;--link-hover-color: #60a5fa;--button-background: var(--primary-blue);--button-background-hover: var(--primary-blue-dark);--button-text-color: var(--white);--outlined-button-bg: transparent;--outlined-button-border: var(--gray-100);--outlined-button-hover: var(--gray-800);--input-background: var(--gray-600);--input-text-color: var(--gray-100);--input-border: var(--gray-200);--form-background-color: var(--gray-800);--menu-background-color: var(--gray-800);--alt-menu-background-color: var(--gray-900);--footer-background-color: var(--gray-800);--sidebar-background-color: var(--gray-800);--drawer-background: #2c3148;--switch-color: #facc15;--border-color: var(--gray-300);--sidebar-active-item: var(--primary-blue);--sidebar-hover-bg: #2f3c55;--divider-color: #444;--btn-primary-bg: var(--gold);--text-primary-button: var(--gray-800);--btn-primary-hover: var(--primary-blue-dark);--btn-secondary-bg: var(--gray-700);--btn-secondary-hover: var(--gray-600);--btn-error-bg: #691a1a;--btn-error-hover: #7b1f1f;--btn-error-text-color: #fff}[data-theme=light] ::-webkit-scrollbar{width:12px}[data-theme=light] ::-webkit-scrollbar-track{background:var(--gray-100)}[data-theme=light] ::-webkit-scrollbar-thumb{background-color:var(--primary-blue);border-radius:10px;border:2px solid var(--gray-100)}[data-theme=dark] ::-webkit-scrollbar{width:12px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--gray-900)}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:var(--primary-blue-dark);border-radius:10px;border:2px solid var(--gray-900)}.mui-themed-table td,.mui-themed-table th{color:var(--text-color)!important}a{color:var(--link-color)}a{color:var(--link-hover-color)}table{font-family:Arial,sans-serif;font-size:14px;border-collapse:collapse;width:100%}th,td{padding:8px;border:1px solid var(--border-color);text-align:left;color:var(--text-color)}th{background-color:var(--gray-300)}tr{background-color:var(--gray-100);transition:background-color .2s ease-in-out}tr:nth-child(2n){background-color:var(--gray-200)}[data-theme=dark] th{background-color:var(--gray-800)}[data-theme=dark] tr{background-color:var(--gray-900)}[data-theme=dark] tr:nth-child(2n){background-color:var(--gray-800)}[data-theme=dark] tr:hover{background-color:var(--gray-600)}[data-theme=light] tr:hover{background-color:var(--gray-200)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] p{color:var(--text-color)}