@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body>:not(div#root):not(noscript){display:none!important}.header{background-color:#f8f8f8;background-color:var(--color-primary-light);box-shadow:0 2px 5px #00000014;color:#333;color:var(--text-primary-dark);flex-wrap:wrap;justify-content:space-between;left:0;min-height:60px;padding:.8rem 1rem;padding:.8rem var(--spacing-unit);position:fixed;top:0;width:100%;z-index:1000}.header,.header-left{align-items:center;display:flex}.header-left{gap:.8rem}.header-logo-link{align-items:center;color:inherit;display:flex;text-decoration:none}.header-logo{border-radius:8px;border-radius:var(--border-radius-base);box-shadow:0 2px 5px #0000001a;height:4rem;margin-right:.5rem;object-fit:cover;width:3.8rem}.site-title{color:#333;color:var(--text-primary-dark);font-family:Arial,Verdana,Tahoma,sans-serif;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:700;margin:0;white-space:nowrap}.nav-actions{align-items:center;display:flex;position:relative}.main-nav,.nav-links-container{align-items:center;display:flex;gap:1.5rem}.main-nav a{align-items:center;color:#333;color:var(--text-primary-dark);display:flex;font-size:1.1rem;font-weight:600;padding:.5rem .2rem;position:relative;text-decoration:none;transition:color .3s ease,transform .2s ease}.main-nav a:hover{color:#4caf50;color:var(--color-green);transform:translateY(-2px)}.main-nav a:after{background-color:#4caf50;background-color:var(--color-green);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.main-nav a.active:after,.main-nav a:hover:after{width:100%}.main-nav a svg{margin-right:8px;vertical-align:middle}.hamburger-icon{align-items:center;background:#fff;border:2px solid #388e3c;border:2px solid var(--color-green-dark);border-radius:10px;cursor:pointer;display:none;height:2.8rem;justify-content:center;transition:all .3s ease-in-out;width:2.8rem;z-index:1002}.hamburger-lines{display:flex;flex-direction:column;height:18px;justify-content:space-between}.hamburger-lines .line{background-color:#388e3c;background-color:var(--color-green-dark);border-radius:2px;height:3px;transition:all .3s ease;width:22px}.hamburger-icon.open .line.top{transform:translateY(7.5px) rotate(45deg)}.hamburger-icon.open .line.middle{opacity:0}.hamburger-icon.open .line.bottom{transform:translateY(-7.5px) rotate(-45deg)}.profile-section{align-items:center;display:flex;gap:10px;position:relative}.profile-section,.welcome-message{color:#333;color:var(--text-primary-dark)}.welcome-message{font-size:1rem;margin-bottom:5px;max-width:150px;overflow:hidden;padding:0 15px;text-overflow:ellipsis;white-space:nowrap}.profile-icon-container{align-items:center;background-color:#efefef;background-color:var(--color-primary-medium);border:none;border-radius:30%;cursor:pointer;display:flex;justify-content:center;outline:none;padding:8px;transition:background-color .3s ease}.profile-icon-container:hover{background-color:#e0e0e0;background-color:var(--color-primary-darker)}.profile-avatar{border-radius:50%;height:32px;width:32px}.profile-arrow{color:#333;color:var(--text-primary-dark);font-size:.7rem;line-height:1;margin-left:5px;transition:transform .3s ease}.profile-icon-container.open .profile-arrow{transform:rotate(180deg)}.profile-dropdown{animation:fadeInScale .2s ease-out;background-color:#f8f8f8;background-color:var(--color-primary-light);border:1px solid #e0e0e0;border:1px solid var(--color-primary-darker);border-radius:8px;border-radius:var(--border-radius-base);box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:calc(100% + 10px);transform-origin:top right;z-index:1000}.dropdown-item{color:#333;color:var(--text-primary-dark);font-size:1rem;padding:12px 15px;transition:background-color .2s ease,color .2s ease}.dropdown-item:hover{background-color:#efefef;background-color:var(--color-primary-medium);color:#388e3c;color:var(--color-green-dark)}.dropdown-item svg{color:#666;color:var(--text-secondary-dark);margin-right:10px;vertical-align:middle}.dropdown-item:hover svg{color:#4caf50;color:var(--color-green)}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:768px){.hamburger-icon{display:flex}.desktop-only{display:none!important}.mobile-only{display:block;margin-top:1rem;width:100%}.nav-links-container{align-items:flex-start;background-color:#f8f8f8;background-color:var(--color-primary-light);border:1px solid #e0e0e0;border:1px solid var(--color-primary-darker);border-radius:8px;border-radius:var(--border-radius-base);box-shadow:0 6px 18px #0000001a;display:none;flex-direction:column;min-width:200px;padding:1rem 1.2rem;position:absolute;right:0;top:100%;z-index:1000}.nav-links-container.open{display:flex}.main-nav{flex-direction:column;gap:.5rem;width:100%}.main-nav a{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-primary-darker);display:flex;font-size:1rem;padding:.8rem .5rem;text-align:left;width:100%}.main-nav a:last-child{border-bottom:none}.main-nav a:after{display:none}.profile-mobile-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-primary-darker);display:flex;flex-direction:column;gap:.8rem;padding-top:1rem}.mobile-user-label{font-weight:700;padding:0 .5rem}.mobile-nav-button,.mobile-user-label{color:#333;color:var(--text-primary-dark)}.mobile-nav-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1rem;padding:.5rem .2rem;text-align:left;transition:background-color .2s ease;width:100%}.mobile-nav-button:hover{background-color:#efefef;background-color:var(--color-primary-medium);color:#388e3c;color:var(--color-green-dark)}.mobile-nav-button svg{color:#666;color:var(--text-secondary-dark);margin-right:.5rem;vertical-align:middle}.mobile-nav-button:hover svg{color:#4caf50;color:var(--color-green)}}@media (max-width:480px){.header-logo{height:2.2rem;width:2.2rem}.site-title{font-size:1.1rem}.hamburger-lines .line{width:1.5rem}.hamburger-icon.open .line.top{transform:translateY(7px) rotate(45deg)}.hamburger-icon.open .line.bottom{transform:translateY(-7px) rotate(-45deg)}}@media (max-width:1024px){.hamburger-icon{display:flex}.desktop-only{display:none!important}.mobile-only{display:block;margin-top:1rem;width:100%}.nav-links-container{align-items:flex-start;background-color:#f8f8f8;background-color:var(--color-primary-light);border:1px solid #e0e0e0;border:1px solid var(--color-primary-darker);border-radius:8px;border-radius:var(--border-radius-base);box-shadow:0 6px 18px #0000001a;display:none;flex-direction:column;min-width:200px;padding:1rem 1.2rem;position:absolute;right:0;top:100%;z-index:1000}.nav-links-container.open{display:flex}.main-nav{flex-direction:column;gap:.5rem;width:100%}.main-nav a{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-primary-darker);display:flex;font-size:1rem;padding:.8rem .5rem;text-align:left;width:100%}.main-nav a:last-child{border-bottom:none}.main-nav a:after{display:none}.profile-mobile-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-primary-darker);display:flex;flex-direction:column;gap:.8rem;padding-top:1rem}.mobile-user-label{font-weight:700;padding:0 .5rem}.mobile-nav-button,.mobile-user-label{color:#333;color:var(--text-primary-dark)}.mobile-nav-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1rem;padding:.5rem .2rem;text-align:left;transition:background-color .2s ease;width:100%}.mobile-nav-button:hover{background-color:#efefef;background-color:var(--color-primary-medium);color:#388e3c;color:var(--color-green-dark)}.mobile-nav-button svg{color:#666;color:var(--text-secondary-dark);margin-right:.5rem;vertical-align:middle}.mobile-nav-button:hover svg{color:#4caf50;color:var(--color-green)}}:root{--color-primary-light:#f8f8f8;--color-green:#4caf50;--color-gold:gold;--color-primary-medium:#efefef;--color-primary-darker:#e0e0e0;--color-green-dark:#388e3c;--color-gold-dark:#e6c200;--text-primary-dark:#333;--text-secondary-dark:#666;--text-on-accent:#fff;--spacing-unit:1rem;--header-height:5rem;--container-max-width:1200px;--border-radius-base:8px;--border-radius-large:15px;--border-radius-pill:50px}.container{box-sizing:border-box;margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding:0 1rem;width:100%;z-index:1000}.footer{background-color:#f8f8f8;background-color:var(--color-primary-light);position:relative;z-index:5}.footer-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding-bottom:2.5rem;text-align:left}.footer-column{line-height:1.8}.footer-heading{color:#388e3c;color:var(--color-green-dark);font-size:1.3rem;font-weight:700;letter-spacing:.05rem;margin-bottom:1.2rem;text-transform:uppercase}.footer-about p{color:#333;color:var(--text-primary-dark)}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#333;color:var(--text-primary-dark);display:inline-block;font-weight:500;text-decoration:none;transition:color .3s ease,transform .2s ease}.footer-links a:hover{color:#4caf50;color:var(--color-green);transform:translateX(5px)}.footer-contact p{color:#333;color:var(--text-primary-dark);margin-bottom:.5rem}.footer-contact p strong{color:#4caf50;color:var(--color-green)}.social-icons{display:flex;flex-wrap:wrap;gap:1rem}.social-icons a{align-items:center;color:#333;color:var(--text-primary-dark);display:flex;font-size:1.8rem;gap:.5rem;text-decoration:none;transition:color .3s ease,transform .2s ease}.social-icons a:hover{color:#4caf50;color:var(--color-green);transform:translateY(-3px)}.footer-bottom{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-primary-darker);color:#666;color:var(--text-secondary-dark);font-size:.85rem;margin-top:1.5rem;padding-top:1rem;text-align:center}.footer-bottom p{margin:0}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-links ul{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;justify-content:center}.footer-links li{margin-bottom:0}.social-icons{justify-content:center}.footer-bottom{font-size:.8rem}}@media (max-width:480px){.footer-heading{font-size:1.2rem}.social-icons a{font-size:1.5rem}}.scroll-top-btn{background:#0000;border:none;bottom:30px;color:#4caf50;cursor:pointer;position:fixed;right:30px;transition:transform .3s ease;z-index:1000}.scroll-top-btn:hover{color:#2e7d32;transform:scale(1.2)}.preloader{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.preloader svg{height:auto;max-width:1000px;width:100%}.preloader .animate-stroke{fill:none;stroke:#4caf50;stroke-width:2.5;stroke-dasharray:800;stroke-dashoffset:800;animation:dash 2s ease-in-out forwards;font-family:Segoe UI,sans-serif;font-size:8vw;font-weight:700}@media (max-width:768px){.preloader .animate-stroke{font-size:15vw}}@media (max-width:480px){.preloader .animate-stroke{font-size:25vw}}@keyframes dash{to{stroke-dashoffset:0}}.flash-message-container{align-items:center;border-radius:10px;box-shadow:0 4px 15px #0003;box-sizing:border-box;color:#fff;display:flex;font-size:1.1rem;gap:15px;max-width:350px;opacity:0;padding:15px 25px;pointer-events:none;position:fixed;right:20px;text-align:left;top:100px;transform:translateX(100%);transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:90%;z-index:2000}.flash-message-container.success{background-color:#28a745}.flash-message-container.error{background-color:#dc3545}.flash-message-container.info{background-color:#007bff}.flash-message-container.show{opacity:1;pointer-events:all;transform:translateX(0)}.flash-message-container.hide{opacity:0;pointer-events:none;transform:translateX(100%)}.flash-message-content{gap:10px}.flash-icon{font-size:1.5rem}.flash-message-close-btn{color:#fff;font-size:1.5rem;margin-left:auto}@media (max-width:768px){.flash-message-container{font-size:1rem;max-width:90%;padding:12px 20px;right:15px;top:30px}}@media (max-width:600px){.flash-message-container{font-size:.9rem;padding:10px 15px;right:10px;top:25px;width:95%}.flash-icon{font-size:1.2rem}}:root{--primary-green:#4caf50;--accent-yellow:gold;--dark-brown:#2f2f2f;--light-gray:#f8f8f8;--medium-gray:#e0e0e0;--text-dark:#333;--text-light:#fff;--text-muted:#666}body{background-color:#f8f8f8;background-color:var(--light-gray);color:#333;color:var(--text-dark);font-family:Open Sans,Arial,sans-serif;line-height:1.6;overflow-x:hidden}#content{display:flex}.home-container{max-width:100vw;overflow:hidden}.section-title{color:#4caf50;color:var(--primary-green);font-size:2.8em;font-weight:800;letter-spacing:1.5px;margin-bottom:2em;text-align:center;text-transform:uppercase}.benefit-button,.btn-primary,.hero-button{background-color:gold;background-color:var(--accent-yellow);border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:#2f2f2f;color:var(--dark-brown);cursor:pointer;font-size:1.1em;font-weight:700;padding:15px 35px;text-decoration:none;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.benefit-button:hover,.btn-primary:hover,.hero-button:hover{background-color:#e6c200;box-shadow:0 6px 12px #0000004d;transform:translateY(-3px)}.btn-secondary{background-color:initial;border:2px solid gold;border:2px solid var(--accent-yellow);border-radius:8px;font-size:1.1em;font-weight:700;padding:15px 35px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.btn-secondary,.btn-secondary:hover{color:#2f2f2f;color:var(--dark-brown)}.btn-secondary:hover{background-color:gold;background-color:var(--accent-yellow);box-shadow:0 4px 8px #0003}.hero-section{align-items:center;display:flex;height:700px;justify-content:center;overflow:hidden;position:relative;width:100%}.hero-background-image{filter:brightness(.4) contrast(1.1);height:130%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.hero-overlay{background:#0000004d;border-radius:15px;box-shadow:0 10px 30px #00000080;color:#fff;color:var(--text-light);padding:20px;position:relative;text-align:center;z-index:10}.hero-title{font-size:4.5em;font-weight:700;font-weight:900;letter-spacing:3px;line-height:1.1;margin-bottom:5px;text-shadow:3px 3px 8px #000000e6}.hero-subtitle{color:gold;color:var(--accent-yellow);font-family:serif;font-size:3em;font-weight:700;letter-spacing:2px;margin-bottom:40px;margin-top:0;text-shadow:2px 2px 6px #000c}.goodluck-about-section{background-color:#e0e0e0;background-color:var(--medium-gray);padding:100px 5%}.about-content{align-items:center;display:flex;gap:80px;justify-content:center;margin:0 auto;max-width:1300px}.about-text-wrapper{flex:1.2 1;text-align:left}.about-header{align-items:center;display:flex;gap:15px;margin-bottom:10px}.about-heading{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4caf50,#79a100,#00bfff);-webkit-background-clip:text;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;letter-spacing:3px;margin:0;text-align:center;text-transform:uppercase}.about-tagline{color:#666;color:var(--text-muted);font-size:1.2em;font-style:italic;font-weight:600;margin-bottom:30px;margin-top:5px}.about-description{color:#333;color:var(--text-dark);font-size:1.1em;line-height:1.8;margin-bottom:40px}.about-buttons{display:flex;gap:25px;justify-content:center}.about-image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.about-store-image{border-radius:15px;box-shadow:0 15px 30px #0000004d;height:auto;max-width:550px;width:100%}.benefits-section{background-color:#2f2f2f;background-color:var(--dark-brown);color:#fff;color:var(--text-light);padding:100px 5%;text-align:center}.benefits-section .section-title{color:gold;color:var(--accent-yellow);margin-bottom:3em}.benefits-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.benefit-card{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;overflow:hidden;padding:35px;text-align:center;transition:transform .3s ease,background-color .3s ease,border-color .3s ease}.benefit-card:hover{background-color:rgba(16,37,2,.256);border-color:gold;border-color:var(--accent-yellow);transform:translateY(-8px)}.benefit-image{border-radius:10px;box-shadow:0 0 15px #0006;height:180px;margin-bottom:25px;object-fit:cover;transition:transform .3s ease;width:100%}.benefit-card:hover .benefit-image{transform:scale(1.05)}.benefit-text-content h3{color:gold;color:var(--accent-yellow);font-size:1.8em;font-weight:700;margin-bottom:12px}.benefit-text-content p{color:silver;font-size:1.05em;line-height:1.7;margin-bottom:25px}.customers-section{background-attachment:fixed;background-image:url(/static/media/bgImg.28742c62ffafa160b1c1.png);background-position:50%;background-size:cover;color:#fff;color:var(--text-light);padding:100px 5%;position:relative;text-align:center}.customers-section:before{background-color:#000000bf;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.customers-section .section-title{color:gold;color:var(--accent-yellow);margin-bottom:3em;position:relative;z-index:2}.customer-reviews-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:2}.customer-review-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 12px 25px #0006;display:flex;flex-direction:column;padding:35px;text-align:center;transition:transform .3s ease,background-color .3s ease}.customer-review-card:hover{background-color:#ffffff26;transform:translateY(-8px)}.customer-avatar{border:4px solid gold;border:4px solid var(--accent-yellow);border-radius:50%;box-shadow:0 0 15px #ffd70099;height:100px;margin-bottom:20px;object-fit:cover;width:100px}.customer-info h4{color:#fff;color:var(--text-light);font-size:1.5em;font-weight:700;margin-bottom:8px}.customer-info .stars{color:gold;color:var(--accent-yellow);font-size:1.5em;letter-spacing:2px;margin-bottom:15px}.customer-info p:last-of-type{color:#e0e0e0;font-size:1.05em;font-style:italic;line-height:1.7}.contact-section{background-color:#2f2f2f;background-color:var(--dark-brown);color:#fff;color:var(--text-light);overflow:hidden;padding:80px 5%;position:relative;text-align:center}.contact-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;position:relative}.contact-store-image{border-radius:15px;box-shadow:0 15px 40px #0009;filter:brightness(.6) contrast(1.1);height:auto;margin-bottom:40px;max-width:900px;object-fit:cover;width:100%}.contact-overlay-quote{left:50%;position:absolute;text-align:center;top:40%;transform:translate(-50%,-50%);width:80%;z-index:1}.contact-quote{color:gold;color:var(--accent-yellow);font-size:3em;font-style:italic;font-weight:900;line-height:1.2;text-shadow:4px 4px 10px #000000e6}.contact-details{background-color:#0009;border:1px solid #ffd7004d;border-radius:15px;box-shadow:0 10px 30px #00000080;margin-top:-120px;max-width:700px;padding:40px;position:relative;text-align:center;width:90%;z-index:2}.contact-details h3{color:#4caf50;color:var(--primary-green);font-size:2.5em;font-weight:800;margin-bottom:25px}.contact-details address p{color:#f0f0f0;font-size:1.2em;line-height:1.6;margin-bottom:12px}.contact-details address p strong{color:gold;color:var(--accent-yellow)}@media (max-width:1200px){.hero-title{font-size:3.8em}.hero-subtitle{font-size:2.5em}.about-content{gap:50px}}@media (max-width:992px){.hero-section{height:550px}.hero-title{font-size:3em}.hero-subtitle{font-size:2em}.section-title{font-size:2.2em}.goodluck-about-section{padding:80px 3%}.about-content{flex-direction:column;gap:40px}.about-content,.about-text-wrapper{text-align:center}.about-buttons,.about-header{justify-content:center}.benefits-section,.customers-section{padding:80px 3%}.benefits-grid,.customer-reviews-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.contact-section{padding:60px 3%}.contact-quote{font-size:2.5em}.contact-details{margin-top:-90px;width:90%}.contact-details h3{font-size:2em}.contact-details address p{font-size:1.1em}}@media (max-width:768px){.hero-section{height:450px}.hero-title{font-size:2.2em}.hero-subtitle{font-size:1.5em}.benefit-button,.btn-primary,.btn-secondary,.hero-button{font-size:1em;padding:12px 25px;width:-webkit-fit-content;width:fit-content}.about-heading{font-size:2em}.about-tagline{font-size:1.1em}.about-description{font-size:1em}.benefits-grid,.customer-reviews-grid{grid-template-columns:1fr}.benefit-card,.customer-review-card{padding:30px}.benefit-image{height:350px}.benefit-text-content h3{font-size:1.6em}.contact-quote{font-size:2em}.contact-details{margin-top:-70px;padding:30px}.contact-details h3{font-size:1.8em}}@media (max-width:480px){.hero-section{height:350px}.hero-title{font-size:1.6em;letter-spacing:1px}.hero-subtitle{font-size:1em;letter-spacing:1px;margin-bottom:25px}.hero-button{font-size:.9em;padding:10px 20px}.section-title{font-size:1.8em;margin-bottom:1.5em}.benefits-section,.contact-section,.customers-section,.goodluck-about-section{padding:40px 2%}.about-heading{font-size:1.5em}.about-description,.about-tagline{font-size:.9em}.about-buttons{flex-direction:column;gap:15px}.benefit-card{padding:25px}.benefit-image{height:140px}.benefit-text-content h3{font-size:1.4em}.benefit-text-content p{font-size:.9em}.benefit-button{font-size:.9em;padding:10px 20px}.customer-review-card{padding:25px}.customer-avatar{height:80px;width:80px}.customer-info h4{font-size:1.2em}.customer-info .stars{font-size:1.3em}.customer-info p:last-of-type{font-size:.9em}.contact-quote{font-size:1.5em}.contact-details{margin-top:-50px;padding:25px;width:95%}.contact-details h3{font-size:1.5em}@media (max-width:480px){.home-container{margin-top:-30px}}}.career-page{align-items:center;background:50%/cover no-repeat fixed}.career-overlay,.career-page{display:flex;justify-content:center;min-height:100vh}.career-overlay{align-items:flex-start;background-color:#000000b3;padding:60px 20px;width:100%}.career-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:16px;box-shadow:0 12px 30px #0000004d;color:#f0f0f0;max-width:1200px;padding:40px;width:90%}.banner-image{display:block;margin:0 auto 30px;max-width:180px}.career-header{margin-bottom:40px;text-align:center}.career-header h2{color:#fff;font-size:36px;margin-bottom:16px}.career-header p{color:#ddd;font-size:18px}.job-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.job-card{align-items:flex-start;background-color:#ffffff12;border-left:6px solid #4caf50;border-radius:12px;box-shadow:0 6px 15px #0003;display:flex;flex-direction:column;gap:20px;padding:20px}.job-info strong{color:#fff;display:block;font-size:18px;margin-bottom:5px}.job-info p{color:#d9f5d9;font-size:15px;margin-bottom:10px}.job-info button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 14px;transition:background .3s ease}.job-info button:hover{background-color:#399a41}.footer-note{color:#bbb;font-size:16px;margin-top:40px;text-align:center}.footer-note a{color:#4caf50;text-decoration:underline}@media (max-width:992px){.career-container{padding:30px}.career-header h2{font-size:30px}.career-header p{font-size:17px}}@media (max-width:768px){.career-container{padding:20px}.career-header h2{font-size:26px}.career-header p{font-size:15px}.job-info strong{font-size:16px}.job-info p{font-size:14px}.job-info button{font-size:13px;padding:6px 12px}}@media (max-width:480px){.career-header h2{font-size:22px}.banner-image{margin-bottom:20px;max-width:140px}.career-header p{font-size:14px}.job-list{gap:20px;grid-template-columns:1fr}.job-card{padding:16px}}@media (max-width:360px){.career-header h2{font-size:20px}.career-header p,.footer-note{font-size:13px}.job-info strong{font-size:15px}.job-info p{font-size:13px}.job-info button{font-size:12px;padding:5px 10px}}body{background:#f9f9fc;font-family:Inter,sans-serif}.contact-form-container{align-items:center;background-attachment:fixed;background-image:url(/static/media/bgImg.28742c62ffafa160b1c1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;filter:brightness(.8) contrast(1.1);justify-content:center;margin-bottom:20px;margin-top:10px;min-height:100vh;padding:1rem}.form-wrapper{background:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;max-width:1200px;overflow:hidden;width:100%}.image-wrapper{flex:1 1 100%;height:300px;position:relative}@media (min-width:768px){.image-wrapper{flex:1 1 50%;height:auto}}.background-image{background-position:50%;background-size:cover;height:100%;width:100%}.contact-info{grid-gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:1rem;bottom:1rem;display:grid;gap:1rem;grid-template-columns:1fr;left:50%;max-width:600px;padding:1rem;position:absolute;transform:translateX(-50%);width:90%}@media (min-width:768px){.contact-info{grid-template-columns:repeat(2,1fr)}}.form-content{flex:1 1 100%;padding:2rem}@media (min-width:768px){.form-content{flex:1 1 50%}}.form-title{color:#1f2937;font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.form-description{color:#4b5563;margin-bottom:2rem}.form{display:flex;gap:1.5rem}.form,.form-row{flex-direction:column}.form-row{gap:1rem}@media (min-width:768px){.form-row{flex-direction:row}}.form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.required{color:#dc2626}.optional{color:#9ca3af}.form-group textarea{padding-left:10px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;font-size:.875rem;padding:.5rem .75rem;width:97%}.phone-input{align-items:center;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;overflow:hidden}.country-code-button{background:#f3f4f6;border:none;border-right:1px solid #e5e7eb;color:#374151;font-size:.875rem;outline:none;padding:.5rem}.privacy-policy{align-items:center;color:#4b5563;display:flex;font-size:.75rem}.privacy-link{color:#4f46e5;text-decoration:underline}.submit-button{background-color:#388e3c;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:background-color .2s;width:100%}.submit-button:hover{background-color:#4338ca}.info-item{align-items:center;display:flex;flex-direction:column;text-align:center}.icon-wrapper{color:#4f46e5;font-size:1.5rem;margin-bottom:.25rem}@media (max-width:768px){.contact-form-container{background-attachment:scroll}}.dashboard-content{box-sizing:border-box;margin:0;padding:10px}.login-container{align-items:center;background:url(/static/media/bgImg.28742c62ffafa160b1c1.png) no-repeat 50%/cover;background-attachment:fixed;display:flex;filter:brightness(.8) contrast(1.1);font-family:Poppins,sans-serif;height:100vh;justify-content:center;padding:20px}.login-box{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border-radius:15px;box-shadow:0 8px 32px #0003;color:#fff;max-width:360px;padding:40px 30px;text-align:center;width:100%}.login-logo{display:block;filter:drop-shadow(0 0 5px rgba(0,0,0,.3));margin:0 auto 20px;width:80px}.login-box h2{color:#fff;font-weight:500;margin-bottom:20px}.password-input-container{margin:10px 0;position:relative;width:100%}.login-box input{background:#fffc;border:none;border-radius:6px;color:#333;font-size:15px;outline:none;padding:12px 15px;width:100%}.password-input-container input[type=password],.password-input-container input[type=text]{padding-right:45px}.login-box input::placeholder{color:#777}.password-toggle-icon{align-items:center;color:#555;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:30px;z-index:10}.password-toggle-icon svg{fill:#555}.password-toggle-icon:hover{color:#333}.password-toggle-icon svg:hover{fill:#333}.login-box button{background-color:#1e88e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.login-box button:hover{background-color:#1565c0;transform:translateY(-2px)}.forgot{color:#fff;cursor:pointer;display:block;font-size:14px;margin-top:10px;text-decoration:underline}.forgot:hover{color:#ccc}@media (max-width:480px){.login-box{padding:30px 20px}.login-box h2{font-size:20px}.login-box input{font-size:14px;padding:10px}.password-input-container input[type=password],.password-input-container input[type=text]{padding-right:40px}.login-box button{font-size:15px;padding:10px}.forgot{font-size:13px}}.role-dropdown{-webkit-appearance:none;appearance:none;background:#fffc;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%275%27 viewBox=%270 0 10 5%27%3E%3Cpath fill=%27%23333%27 d=%27M0 0l5 5 5-5z%27/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:none;border-radius:6px;color:#333;font-family:Poppins,sans-serif;font-size:15px;margin:10px 0;outline:none;padding:12px 15px;width:100%}.erp-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.erp{color:red;font-size:22px;font-weight:bolder;margin:0}.forgot-container{align-items:center;background:url(https://t3.ftcdn.net/jpg/12/09/45/48/360_F_1209454888_31alvY9z7h3omRkl2C1EMiocXQ9z6Zot.jpg) no-repeat 50%/cover;display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;padding:20px}.forgot-box{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border-radius:15px;box-shadow:0 8px 32px #0003;color:#fff;max-width:360px;padding:40px 30px;text-align:center;width:100%}.forgot-logo{filter:drop-shadow(0 0 5px rgba(0,0,0,.3));margin-bottom:20px;width:80px}.forgot-box h2{color:#fff;font-weight:500;margin-bottom:10px}.instruction{color:#eee;font-size:14px;margin-bottom:20px}.forgot-box input{background:#fffc;border:none;border-radius:6px;color:#333;font-size:15px;margin:10px 0;outline:none;padding:12px 15px;width:100%}.forgot-box input::placeholder{color:#777}.forgot-box button{background-color:#1e88e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.forgot-box button:hover{background-color:#1565c0;transform:translateY(-2px)}.back-login{font-size:14px;margin-top:15px}.back-login a{color:#fff;text-decoration:underline}.back-login a:hover{color:#ccc}@media (max-width:480px){.forgot-box{padding:30px 20px}.forgot-box h2{font-size:20px}.forgot-box button,.forgot-box input{font-size:14px;padding:10px}.back-login,.instruction{font-size:13px}}.class-management-layout,.main-content-layout{align-items:flex-start;background-color:#f9f9f9;display:flex;flex-wrap:wrap;gap:20px;padding:20px}.class-management-layout .form-section-card,.main-content-layout .form-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;flex:0 0 320px;min-width:300px;padding:20px}.class-management-layout .table-section-card,.main-content-layout .table-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;flex:1 1 auto;overflow-x:auto;padding:20px}@media (max-width:1024px){.class-management-layout,.main-content-layout{align-items:stretch;flex-direction:column}.class-management-layout .form-section-card,.class-management-layout .table-section-card,.main-content-layout .form-panel,.main-content-layout .table-panel{flex:1 1 100%;max-width:95%;min-width:0;min-width:auto}}.table-panel h2,.table-section-card h2{color:#333;font-size:20px;margin-bottom:15px}.table-panel table,.table-section-card table{border-collapse:collapse;min-width:600px;width:100%}.table-panel td,.table-panel th,.table-section-card td,.table-section-card th{border-bottom:1px solid #ddd;font-size:14px;padding:10px;text-align:left}.table-panel th,.table-section-card th{background-color:#f4f4f4;font-weight:600}.table-panel tr:hover,.table-section-card tr:hover{background-color:#f9f9f9}.app-form{background-color:#fff;border-radius:8px;box-sizing:border-box}.form-title{color:#333;font-size:1.8em;font-weight:600;margin-bottom:25px;text-align:center}.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:2px}.form-group{flex:1 1;margin-bottom:4px;min-width:150px}.form-group label{color:#555;display:block;font-size:.95em;font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:1px solid #ccc;font-size:1em;padding:10px 12px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:50%}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 .2rem #007bff40}.form-select[multiple]{min-height:100px;overflow-y:auto}.form-textarea{min-height:80px}.form-input-file{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#333;font-size:1em;padding:10px 12px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.image-preview-container{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;display:flex;flex-wrap:wrap;gap:15px;margin-top:10px;padding:10px}.image-preview{background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:100px;max-width:100px;object-fit:contain;padding:2px}.clear-image-btn{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85em;gap:5px;padding:5px 10px;transition:background-color .2s ease}.clear-image-btn:hover{background-color:#c82333}.form-actions{gap:15px;margin-top:25px}.btn-primary{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px)}.btn-secondary{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-1px)}.btn-danger{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.btn-danger:hover{background-color:#c82333;transform:translateY(-1px)}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{background-color:#3e3e3e;cursor:not-allowed;opacity:.7;transform:none}.error-message{font-size:.9em;margin-top:5px}.error-icon{color:#dc3545;font-size:1em}.form-container-card{box-shadow:0 4px 12px #00000014;box-sizing:border-box;flex:1 1;min-width:450px;padding:25px}@media (max-width:1024px){.form-container-card{flex:1 1 100%;max-width:95%;min-width:0;min-width:auto}}.overall-report-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:20px}.overall-report-container h4{color:#343a40;font-size:1.8rem;font-weight:600;margin-bottom:15px;text-align:center}.overall-report-container .reports-description-text{color:#6c757d;font-size:1rem;line-height:1.5;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.overall-report-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.overall-report-actions .btn{align-items:center;border:1px solid;border-radius:5px;display:flex;font-weight:500;justify-content:center;padding:10px 20px;transition:all .3s ease}.overall-report-actions .btn:hover{opacity:.9;transform:translateY(-2px)}.overall-report-actions .btn-info{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.overall-report-actions .btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.overall-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:10px}.overall-summary-card{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:25px;text-align:center;transition:transform .2s ease-in-out}.overall-summary-card:hover{transform:translateY(-5px)}.overall-summary-card h5{color:#495057;font-size:1.25rem;font-weight:500;margin-bottom:10px}.overall-summary-card .display-count{font-size:3.5rem;font-weight:700;line-height:1;margin-top:auto}.overall-summary-card .text-primary{color:#007bff!important}.overall-summary-card .text-success{color:#28a745!important}.overall-summary-card .text-warning{color:#ffc107!important}.overall-summary-card .text-info{color:#17a2b8!important}.overall-summary-card .text-secondary{color:#6c757d!important}.overall-summary-card .text-dark{color:#343a40!important}.overall-report-error,.overall-report-loading,.overall-report-no-data{border-radius:8px;font-size:1.1rem;margin-top:30px;padding:40px;text-align:center}.overall-report-loading{background-color:#e9f7fe;border:1px solid #b3e0ff;color:#007bff}.overall-report-error{background-color:#fcebeb;border:1px solid #f5c6cb;color:#dc3545}.overall-report-no-data{background-color:#f0f0f0;border:1px solid #d4d4d4;color:#6c757d}.overall-report-loading .fa-spin{animation:spin 1s linear infinite;margin-right:10px}@media (max-width:768px){.overall-report-container{padding:15px}.overall-report-container h4{font-size:1.5rem}.overall-report-container .reports-description-text{font-size:.9rem}.overall-report-actions{flex-direction:column;gap:10px}.overall-summary-grid{gap:15px;grid-template-columns:1fr}.overall-summary-card{min-height:120px;padding:20px}.overall-summary-card .display-count{font-size:2.8rem}}@media (min-width:769px) and (max-width:1024px){.overall-summary-grid{grid-template-columns:repeat(2,1fr)}}.me-3{margin-right:1rem!important}.text-danger{color:#dc3545!important}.branch-overview-container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:25px}.branch-overview-container h4{color:#212529;font-size:1.9rem;font-weight:600;margin-bottom:15px;text-align:center}.branch-overview-container .report-description-text{color:#6c757d;font-size:1.05rem;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.branch-summary-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px;padding:10px}.branch-summary-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:30px;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.branch-summary-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-7px)}.branch-summary-card h5{color:#343a40;font-size:1.3rem;font-weight:500;margin-bottom:15px}.branch-summary-card .display-count{font-size:4rem;font-weight:800;line-height:1;margin-top:auto}.branch-summary-card .text-primary{color:#007bff!important}.branch-summary-card .text-success{color:#28a745!important}.branch-summary-card .text-warning{color:#ffc107!important}.branch-detail-list-section h5{color:#343a40;font-size:1.6rem;font-weight:600;margin-bottom:20px;text-align:center}.branch-list{list-style:none;margin:0;padding:0}.branch-list-item{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .2s ease-in-out}.branch-list-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(5px)}.branch-info strong{color:#495057;display:block;font-size:1.1rem;margin-bottom:5px}.branch-info small{color:#888;font-size:.9rem}.branch-status-badge{border-radius:20px;font-size:.9rem;font-weight:600;margin-top:5px;padding:8px 15px;white-space:nowrap}.branch-status-badge.status-active{background-color:#d4edda;color:#155724}.branch-status-badge.status-inactive{background-color:#f8d7da;color:#721c24}.branch-overview-error,.branch-overview-loading,.branch-overview-no-data{border-radius:10px;font-size:1.15rem;font-weight:500;margin-top:30px;padding:40px;text-align:center}.branch-overview-loading{background-color:#e6f7ff;border:1px solid #b3e0ff;color:#0056b3}.branch-overview-error{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.branch-overview-error .btn{background-color:#dc3545;border-color:#dc3545;color:#fff;margin-top:20px}.branch-overview-error .btn:hover{background-color:#c82333;border-color:#bd2130}.branch-overview-no-data{background-color:#f0f4f7;border:1px solid #dcdfe1;color:#6c757d}.branch-overview-loading .fa-spin{animation:spin 1s linear infinite;margin-right:10px}@media (max-width:768px){.branch-overview-container{padding:15px}.branch-overview-container h4{font-size:1.6rem}.branch-overview-container .report-description-text{font-size:.95rem;margin-bottom:20px}.branch-summary-grid{gap:15px;grid-template-columns:1fr;margin-bottom:30px}.branch-summary-card{min-height:140px;padding:20px}.branch-summary-card .display-count{font-size:3rem}.branch-detail-list-section h5{font-size:1.4rem}.branch-list-item{align-items:flex-start;flex-direction:column;padding:15px}.branch-info strong{font-size:1rem;margin-bottom:3px}.branch-info small{font-size:.85rem}.branch-status-badge{align-self:flex-end;font-size:.8rem;margin-top:10px;padding:6px 12px}}@media (min-width:769px) and (max-width:1024px){.branch-summary-grid{grid-template-columns:repeat(3,1fr)}}.mt-4{margin-top:1.5rem!important}.me-1{margin-right:.25rem!important}.text-muted{color:#6c757d!important}.fw-bold{font-weight:700!important}.branch-selector-wrapper{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;padding:25px}.branch-selector-title{color:#343a40;font-size:1.6rem;font-weight:600;margin-bottom:20px;text-align:center}.branch-selector-input-group{align-items:stretch;display:flex;margin-bottom:15px;max-width:450px;width:100%}.branch-selector-input-label{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:5px 0 0 5px;border-right:none;color:#495057;display:flex;font-size:1.2rem;justify-content:center;padding:10px 15px}.branch-selector-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.2-6.4H18.2c-7.9%200-14.4%207.7-13.2%2015.6l136.8%20137.9a18.7%2018.7%200%200%200%2026.8%200l136.9-137.9c1.2-7.9-5.3-15.6-13.2-15.6z%22%2F%3E%3C%2Fsvg%3E");background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em auto,100%;border:1px solid #ced4da;border-left:none;border-radius:0 5px 5px 0;color:#495057;cursor:pointer;flex-grow:1;font-size:1rem;padding:10px 15px;width:auto}.branch-selector-dropdown:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.branch-selector-dropdown option[value=""]{color:#6c757d}.branch-selector-error,.branch-selector-loading{border-radius:8px;font-size:1.1rem;margin-top:20px;padding:30px;text-align:center}.branch-selector-loading{background-color:#e0f7fa;border:1px solid #80deea;color:#00838f}.branch-selector-error{background-color:#ffebee;border:1px solid #ef9a9a;color:#d32f2f}.branch-selector-loading .fa-spin{animation:spin 1s linear infinite;margin-right:10px}@media (max-width:576px){.branch-selector-wrapper{border-radius:5px;margin-bottom:20px;padding:15px}.branch-selector-title{font-size:1.4rem;margin-bottom:15px}.branch-selector-input-group{flex-direction:column;max-width:100%}.branch-selector-input-label{border-bottom:none;border-radius:5px 5px 0 0;border-right:1px solid #ced4da;font-size:1rem;padding:8px 10px}.branch-selector-dropdown{border-left:1px solid #ced4da;border-radius:0 0 5px 5px;border-top:none;font-size:.95rem;padding:8px 10px}}.mb-3{margin-bottom:1rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.my-4{margin-top:1.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.me-2{margin-right:.5rem!important}.text-center{text-align:center!important}.bg-light{background-color:#f8f9fa!important}.border{border:1px solid #dee2e6!important}.rounded{border-radius:.25rem!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.branch-details-report-wrapper{background-color:#fff;background-color:var(--content-bg,#fff);border-radius:12px;box-shadow:0 6px 16px #00000014;box-shadow:var(--shadow-medium,0 6px 16px #00000014);color:#343a40;color:var(--text-dark,#343a40);margin:2.5rem auto;max-width:1200px;padding:2.5rem 3rem}.branch-details-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:2.5rem}.branch-details-header .back-button{align-items:center;background-color:initial;border:1px solid #6c757d;border:1px solid var(--secondary-color,#6c757d);border-radius:8px;color:#6c757d;color:var(--secondary-color,#6c757d);cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:.8rem 1.2rem;text-decoration:none;transition:all .3s ease}.branch-details-header .back-button:hover{background-color:#6c757d;background-color:var(--secondary-color,#6c757d);box-shadow:0 5px 15px #00000026;color:#fff;transform:translateY(-3px)}.branch-details-header .branch-title{color:#343a40;color:var(--text-dark,#343a40);flex-grow:1;font-size:2.2rem;font-weight:700;margin:0;text-align:left}.action-buttons-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;margin-bottom:3rem}.action-buttons-group .btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:.8rem 1.5rem;transition:all .3s ease}.action-buttons-group .btn-primary{background-color:#007bff;background-color:var(--primary-color,#007bff);color:#fff}.action-buttons-group .btn-primary:hover{background-color:#0056b3;background-color:var(--primary-dark,#0056b3)}.action-buttons-group .btn-success{background-color:#28a745;background-color:var(--success-color,#28a745);color:#fff}.action-buttons-group .btn-success:hover{background-color:#218838}.action-buttons-group .btn:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-3px)}.details-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.details-grid .details-card{background-color:#fdfdfd;background-color:var(--card-bg,#fdfdfd);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:10px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-light,0 4px 12px #0000000d);display:flex;flex-direction:column;padding:2rem}.details-grid .details-card .card-title{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-color,#e9ecef);color:#0056b3;color:var(--primary-dark,#0056b3);font-size:1.7rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.details-grid .details-card .card-text{align-items:flex-start;color:#343a40;color:var(--text-dark,#343a40);display:flex;font-size:1.05rem;line-height:1.5;margin-bottom:.9rem}.details-grid .details-card .card-text strong{align-items:center;color:#6c757d;color:var(--secondary-color,#6c757d);display:inline-flex;font-weight:600;gap:8px;min-width:140px}.details-grid .details-card ul.list-unstyled{margin:0;padding:0}.details-grid .details-card ul.list-unstyled li.card-text{margin-bottom:.7rem;padding-left:0}.employees-card{background-color:#fdfdfd;background-color:var(--card-bg,#fdfdfd);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:10px;box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-light,0 4px 12px #0000000d);padding:2.5rem}.employees-card .card-title{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-color,#e9ecef);color:#0056b3;color:var(--primary-dark,#0056b3);font-size:1.7rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.employees-card .employee-list{list-style:none;margin-top:1.5rem;padding:0}.employees-card .employee-list-item{align-items:center;background-color:#f8f9fa;background-color:var(--background-light,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;padding:1.2rem 1.5rem;transition:background-color .2s ease,transform .2s ease}.employees-card .employee-list-item:last-child{margin-bottom:0}.employees-card .employee-list-item:hover{background-color:#f0f0f0;transform:translateX(5px)}.employees-card .employee-info strong{color:#343a40;color:var(--text-dark,#343a40);display:block;font-size:1.1rem;margin-bottom:3px}.employees-card .employee-info small{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.9rem}.report-detail-card-layout{background-color:#fff;background-color:var(--card-bg,#fff);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;box-shadow:0 6px 16px #00000014;box-shadow:var(--shadow-medium,0 6px 16px #00000014);color:#343a40;color:var(--text-dark,#343a40);margin:2.5rem auto;max-width:800px;padding:3rem;text-align:center}.report-detail-card-layout p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.report-detail-card-layout .text-danger{color:#dc3545!important;color:var(--danger-color,#dc3545)!important;font-weight:600}.report-detail-card-layout .text-muted{color:#6c757d!important;color:var(--text-muted,#6c757d)!important}.report-detail-card-layout .fa-spin{animation:spin 1.5s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.report-detail-card-layout .btn{border:1px solid;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-size:.95rem;margin-left:10px;margin-right:10px;padding:.75rem 1.25rem;transition:all .3s ease}.report-detail-card-layout .btn-outline-danger{background-color:initial;border-color:#dc3545;border-color:var(--danger-color,#dc3545);color:#dc3545;color:var(--danger-color,#dc3545)}.report-detail-card-layout .btn-outline-danger:hover{background-color:#dc3545;background-color:var(--danger-color,#dc3545);color:#fff}.report-detail-card-layout .btn-outline-secondary{background-color:initial;border-color:#6c757d;border-color:var(--secondary-color,#6c757d);color:#6c757d;color:var(--secondary-color,#6c757d)}.report-detail-card-layout .btn-outline-secondary:hover{background-color:#6c757d;background-color:var(--secondary-color,#6c757d);color:#fff}.report-detail-card-layout .btn-primary{background-color:#007bff;background-color:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}.report-detail-card-layout .btn-primary:hover{background-color:#0056b3;background-color:var(--primary-dark,#0056b3);border-color:#0056b3;border-color:var(--primary-dark,#0056b3)}@media (max-width:991px){.branch-details-report-wrapper{margin:2rem auto;padding:2rem}.branch-details-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:2rem}.branch-details-header .branch-title{font-size:1.9rem;text-align:left}.action-buttons-group{gap:12px;justify-content:flex-start;margin-bottom:2rem}.details-grid{gap:2rem;grid-template-columns:1fr}.details-grid .details-card,.employees-card{padding:1.8rem}.details-grid .details-card .card-title,.employees-card .card-title{font-size:1.5rem;margin-bottom:1.2rem;padding-bottom:.6rem}.report-detail-card-layout{margin:1.5rem auto;padding:2rem}}@media (max-width:576px){.branch-details-report-wrapper{border-radius:8px;margin:1rem auto;padding:1rem}.branch-details-header{gap:10px;margin-bottom:1.5rem}.branch-details-header .back-button{border-radius:6px;font-size:.9rem;padding:.6rem 1rem}.branch-details-header .branch-title{font-size:1.6rem}.action-buttons-group{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:1.5rem}.action-buttons-group .btn{font-size:.9rem;padding:.7rem 1rem;width:100%}.details-grid .details-card,.employees-card{padding:1.2rem}.details-grid .details-card .card-title,.employees-card .card-title{font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.details-grid .details-card .card-text,.employee-list .employee-list-item,.employees-card .employee-info strong{font-size:.95rem}.employees-card .employee-list-item{padding:1rem}.report-detail-card-layout{border-radius:8px;margin:1rem auto;padding:1.5rem}.report-detail-card-layout p{font-size:1rem}.report-detail-card-layout .btn{font-size:.9rem;margin-left:5px;margin-right:5px;padding:.6rem 1rem}}:root{--primary-indigo:#4f46e5;--primary-indigo-dark:#4338ca;--secondary-gray:#6b7280;--secondary-gray-dark:#4b5563;--text-dark:#1f2937;--text-medium:#374151;--text-light:#eaeaea;--bg-light-gray:#f9fafb;--bg-medium-gray:#f3f4f6;--bg-white:#fff;--border-light:#e5e7eb;--card-bg-light-blue:#ebf5ff;--card-border-blue:#63b3ed;--card-text-blue:#2c5282;--accent-blue:#4299e1;--shadow-subtle:0 4px 6px #00000014,0 1px 3px #0000000a;--transition-speed:0.3s ease}body{color:#374151;color:var(--text-medium);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.super-admin-dashboard-container,body{background-color:#f9fafb;background-color:var(--bg-light-gray)}.super-admin-dashboard-container{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:30px auto;max-width:1200px;min-height:calc(100vh - 60px);padding:2.5rem}.dashboard-title{color:#1f2937;color:var(--text-dark);font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:2.5rem;text-align:center}.form-title,.table-title{color:#374151;color:var(--text-medium);font-size:2rem;font-weight:600;margin-bottom:1.5rem}.welcome-message-card{background-color:#ebf5ff;background-color:var(--card-bg-light-blue);border-left:5px solid #63b3ed;border-left:5px solid var(--card-border-blue);border-radius:.75rem;box-shadow:0 4px 6px #00000014,0 1px 3px #0000000a;box-shadow:var(--shadow-subtle);color:#2c5282;color:var(--card-text-blue);display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.welcome-message-card:hover{box-shadow:0 8px 16px #0000001f,0 3px 6px #0000000f;transform:translateY(-5px)}.welcome-message-card .welcome-text{color:#4299e1;color:var(--accent-blue);flex-shrink:0;font-size:1.6rem;font-weight:700;margin-bottom:.5rem;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;width:auto;word-break:break-word}.welcome-message-card p{line-height:1.5;margin:0}.welcome-message-card p:last-child{margin-bottom:0}.welcome-message-card .font-bold{color:#4299e1;color:var(--accent-blue);font-weight:700}.main-actions-grid{grid-gap:1.25rem;align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center;margin:0 auto 2.5rem;max-width:900px}.action-button,.relative-dropdown{margin:0 auto;max-width:100%;text-align:center;width:100%}.action-button{align-items:center;border:none;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-align:center;transition:transform .2s ease-in-out}.action-button .icon{font-size:1.25rem}.action-button:hover{transform:scale(1.05)}.home-button{background-color:#4b5563}.home-button:hover{background-color:#374151}.branch-button{background-color:#9333ea}.branch-button:hover{background-color:#7e22ce}.admin-button{background-color:#4f46e5}.admin-button:hover{background-color:#4338ca}.employee-button{background-color:#0d9488}.employee-button:hover{background-color:#0f766e}.stock-manager-button{background-color:#940d79}.stock-manager-button:hover{background-color:#0f766e}.report-button{background-color:#5cd0da}.report-button:hover{background-color:#4dbbc4}.relative-dropdown{position:relative}.dropdown-arrow{margin-left:.5rem;transition:transform .2s ease-in-out}.dropdown-menu{background-color:#fff;background-color:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:.5rem;padding-bottom:.5rem;padding-top:.5rem;position:absolute;width:12rem;z-index:10}.dropdown-item{align-items:center;background:none;border:none;border-radius:.375rem;color:#374151;color:var(--text-medium);cursor:pointer;display:flex;font-size:.9375rem;padding:.5rem 1rem;text-align:left;transition:background-color .2s ease-in-out;width:100%}.dropdown-item:hover{background-color:#f3f4f6;background-color:var(--bg-medium-gray)}.summary-section{background-color:#fff;background-color:var(--bg-white);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#eaeaea;color:var(--text-light);font-size:1.125rem;margin-bottom:2.5rem;padding:2rem;text-align:center}.section-title{margin-bottom:.5rem}.summary-cards-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-around;margin-top:2rem}.summary-card{background-color:#f3f4f6;background-color:var(--bg-medium-gray);border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;min-width:180px;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:12rem}.summary-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.summary-icon{font-size:3.125rem;margin:0 auto .5rem}.summary-icon.purple{color:#9b59b6}.summary-icon.indigo{color:#3f51b5}.summary-icon.teal{color:#009688}.summary-icon.orange{color:#ff9800}.summary-icon.cyan{color:#00bcd4}.summary-icon.blue{color:#2196f3}.summary-icon.brown{color:#795548}.summary-icon.violet{color:#8e44ad}.summary-icon.lime{color:#cddc39}.summary-icon.red{color:#f44336}.summary-icon.darkgray{color:#555}.summary-text{color:#374151;color:var(--text-medium);font-size:1.125rem;font-weight:600}.summary-count{color:#1f2937;color:var(--text-dark);font-size:1.5rem;font-weight:700}.table-section,.table-view{background-color:#fff;background-color:var(--bg-white);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2.5rem;padding:1.5rem}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.no-data-message{color:#374151;color:var(--text-medium);font-size:1rem}.no-data-message,.text-center{padding:1rem;text-align:center}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{background-color:#fff;background-color:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-collapse:initial;border-radius:.5rem;border-spacing:0;overflow:hidden}.table-head{background-color:#f3f4f6;background-color:var(--bg-medium-gray);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light)}.table-th{color:#374151;color:var(--text-medium);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;text-align:left;text-transform:uppercase}.table-th.actions-th{text-align:center}.table-body .table-row:hover{background-color:#f9fafb;background-color:var(--bg-light-gray)}.table-td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#374151;color:var(--text-medium);font-size:.875rem;padding:1rem 1.5rem;white-space:nowrap}.table-body tr:last-child .table-td{border-bottom:none}.table-td.font-medium{color:#1f2937;color:var(--text-dark);font-weight:500}.status-badge{border-radius:9999px;display:inline-flex;font-size:.75rem;line-height:1.25rem;padding:.25rem .5rem}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.action-buttons{text-align:center}.action-icon-button{border-radius:50%;font-size:1.1rem;margin:0 .4rem;padding:.35rem}.action-icon-button:hover{background-color:#0000000d;transform:scale(1.15)}.action-icon-button.edit-button{color:#4f46e5;color:var(--primary-indigo)}.action-icon-button.edit-button:hover{color:#4338ca;color:var(--primary-indigo-dark)}.action-icon-button.delete-button{color:#dc2626}.action-icon-button.delete-button:hover{color:#991b1b}.form-container{background-color:#fff;background-color:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:0 auto 2.5rem;max-width:600px;padding:1.5rem;text-align:center}.form-container.mb-3.p-3{border-radius:.5rem;box-shadow:0 4px 6px #00000014,0 1px 3px #0000000a;box-shadow:var(--shadow-subtle);margin:0 auto 1.5rem;padding:1rem}.form-content{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.form-group{margin-bottom:0;text-align:left}.form-group.mb-2.d-flex.align-items-center{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.form-group .mr-2{margin-right:.5rem}.form-group .ml-2{margin-left:.5rem}.form-label{color:#374151;color:var(--text-medium);margin-bottom:.5rem}.form-control,.form-input,.form-select{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:inset 0 1px 2px #0000000d;color:#1f2937;color:var(--text-dark);display:block;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.form-control:focus,.form-input:focus,.form-select:focus{border-color:#4f46e5;border-color:var(--primary-indigo);box-shadow:0 0 0 3px #4f46e533;outline:none}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280'%3E%3Cpath d='m7 7 3 3 3-3m0 6-3-3-3 3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.8rem .8rem;padding-right:2.5rem}.form-actions{gap:1rem;margin-top:1.5rem}.btn{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.btn-primary{background-color:#4f46e5;background-color:var(--primary-indigo)}.btn-primary:hover:not(:disabled){background-color:#4338ca;background-color:var(--primary-indigo-dark);transform:scale(1.02)}.btn-secondary{background-color:var(--secondary-gray)}.btn-secondary:hover:not(:disabled){background-color:#4b5563;background-color:var(--secondary-gray-dark);transform:scale(1.02)}.success-message{background-color:#d1fae5;border:1px solid #34d399;border-radius:.375rem;color:#065f46;padding:.75rem}.error-message,.success-message{font-weight:500;margin-bottom:1rem}.error-message{border:1px solid #ef4444;border-radius:.375rem;color:#991b1b}.error-screen,.loading-screen{align-items:center;display:flex;flex-direction:column;font-size:1.25rem;font-weight:600;gap:1rem;justify-content:center;min-height:100vh}.loading-screen p{color:#eaeaea;color:var(--text-light)}.error-screen p{color:#dc2626;text-align:center}.flash-message{align-items:center;border-radius:.5rem;box-shadow:0 4px 10px #00000026;box-sizing:border-box;display:flex;font-size:1rem;font-weight:600;gap:1rem;justify-content:space-between;max-width:90%;min-width:250px;opacity:0;padding:1rem 1.5rem;position:fixed;right:20px;top:80px;transform:translateX(100%);transition:opacity .5s ease-out,transform .5s ease-out;width:-webkit-fit-content;width:fit-content;z-index:2000}.flash-message.show{opacity:1;transform:translateX(0)}.flash-message.hide{opacity:0;transform:translateX(100%)}.flash-message-content{align-items:center;display:flex;flex-grow:1;gap:.75rem;white-space:normal;word-break:break-word}.flash-message-icon{flex-shrink:0;font-size:1.25rem}.flash-message p{margin:0}.flash-message-close-btn{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:1.25rem;opacity:.8;padding:.25rem;transition:opacity .2s ease}.flash-message-close-btn:hover{opacity:1}.flash-message-success{background-color:#d1fae5;border:1px solid #34d399;color:#065f46}.flash-message-error{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.confirm-dialog-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.confirm-dialog-content{animation:dialog-show .3s ease-out forwards;background-color:#fff;background-color:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;box-shadow:0 15px 25px #0003,0 5px 10px #00000014;max-width:450px;padding:2rem;text-align:center;transform:scale(.95);width:90%}.confirm-dialog-message{color:#1f2937;color:var(--text-dark);font-size:1.125rem;font-weight:500;margin-bottom:1.5rem}.confirm-dialog-actions{display:flex;gap:1rem;justify-content:center}@keyframes dialog-show{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.report-display-area{background-color:#fff;background-color:var(--bg-white);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:2rem;padding:2rem}.reports-main-title{color:#1f2937;color:var(--text-dark);font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.report-selector-container{border:1px dashed #e5e7eb;border:1px dashed var(--border-light);border-radius:.5rem;margin-bottom:1.5rem;padding:2rem;text-align:center}.reports-description{font-size:.9rem}.report-default-message,.reports-description{color:#6b7280;color:var(--secondary-gray);font-style:italic}.report-default-message{background-color:#f3f4f6;background-color:var(--bg-medium-gray);border-radius:.5rem;padding:3rem;text-align:center}@media (max-width:768px){.super-admin-dashboard-container{margin:15px;padding:1rem}.main-actions-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.dropdown-menu{left:50%;transform:translateX(-50%);width:15rem}.form-container{padding:1rem}.form-actions{flex-direction:column;gap:.75rem}.btn{width:100%}}@media (max-width:480px){.super-admin-dashboard-container{margin:10px;padding:.8rem}.dashboard-title{font-size:1.8rem;margin-bottom:1.5rem}.form-title,.table-title{font-size:1.5rem}.welcome-message-card{margin-bottom:1.5rem;padding:1rem}.welcome-message-card .welcome-text{font-size:1.3rem}.main-actions-grid{grid-template-columns:1fr}.summary-card{min-width:140px;padding:.7rem}.summary-icon{font-size:2.5rem}.summary-text{font-size:1rem}.summary-count{font-size:1.3rem}}.app-table{background-color:#fff;border:1px solid #000;border-collapse:collapse;box-shadow:0 2px 8px #0000001a;margin-top:15px;table-layout:auto;width:100%}.app-table td,.app-table th{border:1px solid #000;padding:6px 10px;text-align:center;vertical-align:middle;white-space:nowrap}.app-table thead th{background-color:#4a90e2;color:#fff;font-size:.95em;font-weight:700;padding:8px 10px;text-align:center}.app-table tbody td{font-size:.85em}.app-table tbody tr:nth-child(2n){background-color:#f9f9f9}.app-table tbody tr:nth-child(odd){background-color:#fff}.app-table tbody tr:hover{background-color:#e0e0e0}.status-badge{color:#991b1b;font-size:.75em;padding:2px 5px;text-align:center;white-space:nowrap}.status-badge.active{background-color:#28a745}.status-badge.inactive{background-color:#dc3545}.action-icon-button{align-items:center;display:inline-flex;font-size:.9em;justify-content:center;margin:0 2px;padding:3px;transition:color .2s ease-in-out,transform .2s ease-in-out}.action-icon-button:hover{transform:translateY(-2px)}.action-icon-button.edit-button .icon{color:#007bff}.action-icon-button.edit-button:hover .icon{color:#0056b3}.action-icon-button.delete-button .icon{color:#dc3545}.action-icon-button.delete-button:hover .icon{color:#b02a37}.table-controls{gap:8px}.search-input-group{max-width:300px}.search-input{border:1px solid #ccc;box-shadow:inset 0 1px 3px #0000001a;font-size:.85em;padding:6px 8px 6px 30px}.search-icon{font-size:.8em;left:8px}.download-pdf-btn{align-items:center;background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.8em;gap:5px;padding:6px 10px;transition:background-color .2s ease-in-out;white-space:nowrap}.download-pdf-btn:hover{background-color:#5a6268}.download-pdf-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.pagination-controls{flex-wrap:wrap;gap:8px;margin-top:15px}.btn-page{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.8em;gap:3px;padding:4px 10px;transition:background-color .2s ease-in-out;white-space:nowrap}.btn-page:hover{background-color:#0056b3}.btn-page:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;box-sizing:border-box;flex:1 1;padding:8px}.table-scroll-wrapper{overflow-x:auto}.table-title{color:#333;font-size:1.6em;margin-top:0}@media (max-width:1024px){.table-container{flex:1 1 100%;max-width:95%;min-width:0;min-width:auto}.app-table td,.app-table th{font-size:.75em;padding:4px 6px}}@media (max-width:768px){.table-container{max-width:100%;overflow-x:auto}.app-table{display:table;width:100%}.app-table td,.app-table th{font-size:.7em;padding:3px 5px}}.modal-content{animation:fadeIn .3s ease-out;box-shadow:0 5px 15px #0000004d;max-width:400px}.modal-content h3{font-size:1.4rem;margin-bottom:15px}.modal-content p{font-size:.95rem}.modal-actions{flex-wrap:wrap}@media (max-width:576px){.modal-content{max-width:95%;padding:20px}.modal-content h3{font-size:1.2rem;margin-bottom:12px}.modal-content p{font-size:.85rem;margin-bottom:15px}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .btn{width:100%}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{box-shadow:0 4px 8px #0003;padding:20px}.modal-header{font-weight:700}.modal-body,.modal-header{margin-bottom:1rem}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.btn-danger,.btn-primary,.btn-secondary{border-radius:4px;cursor:pointer;padding:8px 16px}.btn-primary{background-color:#2563eb;border:none}.btn-secondary{background-color:#6b7280;border:none}.btn-danger{background-color:#dc2626;border:none}.form-input,.form-select{border:1px solid #d1d5db;border-radius:4px;padding:8px;width:100%}.btn-add-subtitle-form{align-items:center;background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.95em;gap:8px;justify-content:center;margin-top:20px;padding:10px 15px;transition:background-color .2s ease-in-out;width:-webkit-fit-content;width:fit-content}.btn-add-subtitle-form:hover{background-color:#5a6268}.btn-add-subtitle-form:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.add-subtitle-form-group{border-top:1px solid #eee;display:flex;justify-content:center;margin-top:20px;padding-top:15px}.subtitle-list{box-sizing:border-box;flex-wrap:wrap;max-width:100%;overflow-x:hidden;word-break:break-word}.subtitle-list,.subtitle-tag{align-items:center;display:flex;gap:5px}.subtitle-tag{background-color:#e2e6ea;border-radius:4px;color:#495057;font-size:.8em;margin-bottom:2px;padding:3px 8px;white-space:nowrap}.remove-subtitle-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:.9em;line-height:1;padding:0;transition:color .2s}.remove-subtitle-btn:hover{color:#b02a37}.data-table td:first-child,.data-table th:first-child{min-width:40px;width:40px}.data-table td:nth-child(2),.data-table th:nth-child(2){min-width:120px;width:150px}.data-table td:nth-child(3),.data-table th:nth-child(3){width:180px}.data-table td:nth-child(4),.data-table th:nth-child(4){min-width:100px;width:120px}.data-table td:nth-child(5),.data-table th:nth-child(5){min-width:150px;width:200px}.data-table td:nth-child(6),.data-table th:nth-child(6){min-width:80px;width:100px}.data-table td:nth-child(7),.data-table th:nth-child(7){min-width:100px;width:120px}@media (max-width:768px){.main-content-layout{flex-direction:column}.form-container-card,.table-section{margin-right:0;width:100%}}.publication-type-filter{align-items:center;display:flex;margin-right:1rem}.publication-type-filter label{color:#333;font-size:.9rem;font-weight:500}.publication-type-filter .form-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:150px;padding:.5rem}.publication-type-filter .form-select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}@keyframes highlight-blink{0%{background-color:initial}25%{background-color:#a0fda5}50%{background-color:initial}75%{background-color:#afed8b}to{background-color:#cdff91}}.animate-highlight{animation:highlight-blink 1.5s ease-in-out forwards}.highlighted-row{background-color:#cdeb7c!important;border-left:5px solid #9fe494;transition:background-color .5s ease-in-out,border-left-color .5s ease-in-out}.highlighted-row.fade-out{animation:fadeAndMoveOut 5s forwards}@keyframes fadeAndMoveOut{0%{background-color:#cef036}80%{background-color:#afe06b}to{background-color:initial}}.page-container{color:#333;font-family:Inter,sans-serif;max-width:1200px}.main-section-title{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:4px;margin-top:14px;padding-bottom:8px;padding-top:7px;position:relative;text-align:center}.main-section-title:after{background-color:#6a0dad;border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-size:.9rem;margin-bottom:15px;padding:12px}.main-content-layout{grid-gap:20px;display:grid;grid-template-columns:1fr}.section-container{border:1px solid #e9e9e9;border-radius:8px;box-shadow:0 1px 4px #00000014}.section-header{border-bottom:1px solid #eee;color:#333;font-size:1.4rem;font-weight:600;margin-bottom:18px;padding-bottom:8px;text-align:center}@media (max-width:991px){.main-content-layout{gap:15px;grid-template-columns:1fr}.main-section-title{font-size:1.6rem;margin-bottom:20px;margin-top:14px}.page-container{margin:15px auto;padding:15px}.section-container{padding:15px}.section-header{font-size:1.2rem}}@media (max-width:576px){.page-container{margin:10px auto;padding:10px}.main-section-title{font-size:1.3rem;margin-bottom:15px}.section-container{padding:12px}.section-header{font-size:1.1rem}}@media (max-width:320px){.main-section-title{margin-top:-80px}}@media (max-width:480px){.main-section-title{margin-top:-60px}}.book-catalog-management-container .section-title{color:#333;font-size:1.6rem;font-weight:700;text-align:center}.main-content-layout{display:flex;flex-direction:column;gap:20px;width:100%}@media (min-width:992px){.main-content-layout{align-items:flex-start;flex-direction:row}.form-container-card{flex:0 0 400px;margin-left:0;margin-right:0;max-width:450px}.table-section{flex:1 1;min-width:0}}.form-container-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;padding:15px;width:100%}.form-container-card .app-form{margin:0 auto;max-width:100%;width:100%}.form-container-card .form-title{background:#e5efff;border-left:3px solid #3498db;border-radius:4px;border-right:3px solid #3498db;box-shadow:0 1px 3px #0000000d;color:#2c3e50;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:10px 0;padding:4px 8px;width:100%}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:600px){.form-row{gap:15px;grid-template-columns:1fr 1fr}}.form-group{width:100%}.form-label{color:#555;font-size:.85rem;font-weight:600;margin-bottom:5px}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;color:#333;font-size:.9rem;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.form-textarea{min-height:50px;resize:vertical}.radio-group{align-items:center;font-size:.9rem;gap:20px;margin-top:5px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:5px;margin-bottom:0}.radio-group input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #007bff;border-radius:50%;cursor:pointer;display:grid;place-content:center;width:16px}.radio-group input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em #007bff;content:"";height:8px;transform:scale(0);transition:transform .2s ease-in-out;width:8px}.radio-group input[type=radio]:checked:before{transform:scale(1)}.prices-by-class-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:10px;width:100%}.form-grid-3-cols{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:768px){.form-grid-3-cols{grid-template-columns:repeat(2,1fr)}}.form-actions{flex-wrap:wrap;gap:10px;width:100%}.btn,.form-actions{display:flex;justify-content:center}.btn{align-items:center;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 18px;transition:background-color .2s ease,transform .1s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover:not(:disabled){background-color:#138496}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn:disabled{cursor:not-allowed;opacity:.6}.btn svg{margin-left:6px}.btn .btn-icon-mr{margin-left:0;margin-right:6px}.btn .btn-icon-ml{margin-left:6px;margin-right:0}.error-message{color:#dc3545;font-size:.8rem;gap:5px;margin-top:8px;width:100%}.error-message .error-icon{font-size:1rem}.table-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:0;padding:20px;width:100%}.table-title{color:#444;font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.table-controls{gap:10px;justify-content:space-between}.search-input-group{flex-grow:1;max-width:350px;position:relative}.search-input{border:1px solid #ddd;border-radius:5px;color:#333;font-size:.9rem;padding:8px 10px 8px 32px;width:100%}.search-icon{color:#888;font-size:.9rem;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.table-container{display:block;width:100%}.data-table{margin-top:10px;width:100%}.data-table td,.data-table th{border:1px solid #eee;color:#333;font-size:.8rem;padding:8px 10px;text-align:left;vertical-align:middle}.data-table th{background-color:#008cff;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.data-table tbody tr:nth-child(2n){background-color:#f2f2f2}.data-table tbody tr:hover{background-color:#e9ecef}.status-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;padding:3px 7px;text-transform:capitalize}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.actions-column{text-align:center;white-space:nowrap}.action-icon-button{background:none;border-radius:4px;font-size:.9rem;margin:0 3px;padding:4px;transition:color .2s ease,background-color .2s ease}.action-icon-button.edit-button{color:#007bff}.action-icon-button.edit-button:hover{background-color:#e7f3ff;color:#0056b3}.action-icon-button.delete-button{color:#dc3545}.action-icon-button.delete-button:hover{background-color:#f8d7da;color:#a71d2a}.pagination-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination-controls .btn-page{align-items:center;background-color:#007bff;border-radius:5px;color:#fff;display:flex;font-size:.85rem;gap:5px;padding:7px 10px}.pagination-controls .btn-page:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls span{color:#555;font-size:.85rem}.total-records{color:#666;font-size:.85rem;margin-top:10px}.modal-content{max-width:450px;padding:25px;position:relative}.modal-content h3{color:#333;font-size:1.3rem;margin-bottom:20px;margin-top:0}.modal-content p{color:#555;font-size:.9rem;line-height:1.4;margin-bottom:20px}.modal-actions{gap:10px;justify-content:center;margin-top:20px}.loading-state{color:#666;font-size:.85rem;font-style:italic;padding:10px;text-align:center}.loading-state,.no-data-message{align-items:center;color:#666;display:flex;font-style:italic;justify-content:center;padding:20px;text-align:center}@media (max-width:991px){.book-catalog-management-container{padding:10px}.form-container-card{margin-left:0;padding:10px}.form-title{font-size:1rem}.modal-content{max-width:90%;padding:10px}.modal-content .sub-section-title{font-size:.9rem}.class-label{font-size:.75rem}.isbn-input,.price-input{font-size:.75rem;padding:4px 6px}.toggle-section-btn{font-size:.8rem;padding:7px 14px}.isbn-toggle-container{margin:8px 0}.toggle-label{font-size:.8rem}}.posts-button{background-color:#3498db}.class-price-container{align-items:center;display:flex;gap:8px;justify-content:center}.class-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000001a;min-width:250px;padding:15px;text-align:center}.class-card h5{color:#444;font-weight:600;margin-bottom:10px}.nav-btn{background:#0074a4;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px;transition:.2s}.nav-btn:hover{background:#0056b3}.toggle-isbn-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:10px;margin-top:10px;padding:4px 8px;transition:.2s}.toggle-isbn-btn,.toggle-isbn-btn:hover{background:#0074a4}.filter-group{align-items:center;display:flex;margin-right:1rem}.filter-group label{color:#333;font-size:.9rem;font-weight:500}.filter-group .form-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:150px;padding:.5rem}.filter-group .form-select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.table-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.price-cell{position:relative}.price-dropdown-container{display:inline-block}.view-prices{color:#007bff;cursor:pointer;text-decoration:underline}.view-prices:hover{color:#0056b3}.price-dropdown{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 -2px 8px #00000026;box-sizing:border-box;left:0;max-height:300px;max-width:300px;min-width:200px;overflow-y:auto;padding:10px;position:absolute;z-index:1000}.price-dropdown h5{color:#333;font-size:14px;margin:0 0 10px}.price-dropdown ul{list-style:none;margin:0;padding:0}.price-dropdown li{color:#555;font-size:12px;margin-bottom:5px;white-space:nowrap}.price-dropdown li strong{margin-right:5px}.elective-language-toggle{margin-bottom:1rem}.toggle-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:25px;box-shadow:0 3px 6px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:.5px;padding:2px 20px;transition:all .3s ease,transform .1s ease}.toggle-btn:hover{background:linear-gradient(135deg,#007bff,#00c6ff);transform:translateY(-2px)}.toggle-btn:active{transform:scale(.97)}.toggle-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 8px #007bff4d}.toggle-btn:before{content:"";font-size:18px;font-weight:700}.language-select-box{animation:fadeIn .3s ease-in-out;margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.class-price-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:0 10px}@media (max-width:600px){.class-price-list{grid-template-columns:1fr}}.class-row{flex-direction:column;gap:8px;min-width:0}.class-label{color:#333;font-size:.85rem;font-weight:600;margin-bottom:5px}.isbn-input,.price-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#333;font-size:.8rem;padding:5px 7px;width:100%}.isbn-input:focus,.price-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.class-row{display:flex}.class-label{font-weight:700;min-width:80px}.price-input{width:120px}.isbn-toggle-container{align-items:center;display:flex;gap:8px;justify-content:center;margin:10px 0}.toggle-label{font-size:.85rem}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}.switch input:checked+.slider{background-color:#007bff}.switch input:checked+.slider:before{transform:translateX(20px)}.toggle-label{color:#333;font-weight:500}.section-toggle-container{display:flex;justify-content:center;margin:10px 0}.toggle-section-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.toggle-section-btn:hover{background:#0056b3}.highlighted-row{background-color:#d4edda!important;transition:background-color 10s ease}.modal-backdrop{background-color:#0009;z-index:2000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;max-height:80vh;max-width:600px;overflow-y:auto;padding:15px;text-align:center;width:90%}.modal-content .sub-section-title{color:#555;font-size:1rem;font-weight:600;margin:0 0 10px}.modal-close-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;position:absolute;right:10px;top:10px}.modal-close-btn:hover{background:#c82333}.customer-logo-thumbnail{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:block;height:50px;margin:0 auto;object-fit:contain;padding:2px;width:50px}.btn-toggle{align-items:center;background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;gap:8px;padding:10px 16px;transition:background-color .3s ease}.btn-toggle:hover{background-color:#218838}.btn-toggle.active{background-color:#dc3545}.btn-toggle.active:hover{background-color:#c82333}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.action-icon-button{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:1em;padding:6px;transition:all .2s ease-in-out}.action-icon-button.view-button{color:#28a745}.action-icon-button.view-button:hover{background-color:#e6f9ed;color:#1e7e34;transform:scale(1.1)}.modal-backdrop{background:#0009;bottom:0;right:0}.attachment-modal{animation:fadeInScale .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;width:90%}.attachment-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.attachment-item{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:12px;text-align:center}.dropdown,.form-input,.form-select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.dropdown,.form-select{max-width:100%;min-width:200px}.filters-container .form-select{min-width:250px}.filters-container .form-group{display:flex;flex-direction:column}.form-select option{white-space:normal}.highlight-row{background-color:#81ea49!important;transition:background-color .5s ease-in-out}@keyframes fadeOutHighlight{0%{background-color:#7be04c}to{background-color:initial}}.highlight-row.fading-out{animation:fadeOutHighlight 10s forwards}.table-scroll-container{border:1px solid #64d029;border-radius:8px;max-height:500px;overflow-y:auto}.table-scroll-container thead{background-color:#f7f7f7;box-shadow:0 2px 2px -1px #0003;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pending-book-management-container{margin:0 auto;max-width:1300px;padding:15px}.pending-book-management-container .section-title{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:center}.pending-book-management-container .main-content-layout{display:flex;flex-direction:column;gap:20px;width:100%}@media (min-width:992px){.pending-book-management-container .main-content-layout{align-items:flex-start;flex-direction:row}.pending-book-management-container .filters-section{flex:0 0 400px;margin-left:0;margin-right:25px;max-width:400px}.pending-book-management-container .books-display-section{flex:1 1;margin-left:0;margin-right:0;margin-top:0;min-width:0}}.pending-book-management-container .filters-section{align-items:center;background-color:initial!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;padding:0!important;width:100%}.pending-book-management-container .filters-section .form-container-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:100%;padding:20px;width:100%}.pending-book-management-container .form-title{color:#444;font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.pending-book-management-container .app-form{display:flex;flex-direction:column;gap:15px}.pending-book-management-container .form-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.pending-book-management-container .form-row .form-group{flex:1 1;margin-bottom:15px;min-width:200px}.pending-book-management-container .form-group{display:flex;flex-direction:column;margin-bottom:15px}.pending-book-management-container .form-label{color:#555;font-size:.9rem;font-weight:600;margin-bottom:5px}.pending-book-management-container .form-input,.pending-book-management-container .form-select{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;color:#333;font-size:.9rem;padding:10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pending-book-management-container .form-input:focus,.pending-book-management-container .form-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.pending-book-management-container .radio-group{align-items:center;display:flex;gap:20px;margin-bottom:15px}.pending-book-management-container .radio-group label{align-items:center;color:#555;display:flex;font-size:.9rem}.pending-book-management-container .radio-group input[type=radio]{margin-right:5px}.pending-book-management-container .form-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.pending-book-management-container .btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;padding:8px 18px;transition:background-color .2s ease,transform .1s ease}.pending-book-management-container .btn-primary{background-color:#007bff;color:#fff}.pending-book-management-container .btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.pending-book-management-container .btn-secondary{background-color:#6c757d;color:#fff}.pending-book-management-container .btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.pending-book-management-container .btn:disabled{cursor:not-allowed;opacity:.6}.pending-book-management-container .btn .btn-icon-mr{margin-right:6px}.pending-book-management-container .error-message{align-items:center;color:#dc3545;display:flex;font-size:.8rem;gap:5px;justify-content:center;margin-top:8px;text-align:center}.pending-book-management-container .error-message .error-icon{font-size:1rem}.pending-book-management-container .loading-message,.pending-book-management-container .no-data-message{align-items:center;color:#666;display:flex;font-style:italic;justify-content:center;padding:20px;text-align:center}.pending-book-management-container .books-display-section{background-color:initial!important;border:none!important;box-shadow:none!important;margin-top:0;padding:0!important;width:100%}.pending-book-management-container .books-display-section .section-header{background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;margin-bottom:0;padding:15px 20px}.pending-book-management-container .table-container{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;margin-top:10px;overflow-x:auto;padding:15px 20px;width:100%}.pending-book-management-container .data-table{border-collapse:collapse;margin-top:0;width:100%}.pending-book-management-container .data-table td,.pending-book-management-container .data-table th{border:1px solid #eee;color:#333;font-size:.8rem;padding:8px 10px;text-align:left;vertical-align:middle}.pending-book-management-container .data-table th{background-color:#f8f9fa;color:#495057;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.pending-book-management-container .data-table tbody tr:nth-child(2n){background-color:#f2f2f2}.pending-book-management-container .data-table tbody tr:hover{background-color:#e9ecef}.pending-book-management-container .status-cell{font-weight:600;text-align:center;text-transform:uppercase}.pending-book-management-container .status-cell.status-active{color:#28a745}.pending-book-management-container .status-cell.status-pending{color:#ffc107}.pending-book-management-container .status-cell.status-clear{color:#17a2b8}.pending-book-management-container .btn-status-action{align-items:center;background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;justify-content:center;padding:5px 10px;transition:background-color .2s ease,transform .1s ease}.pending-book-management-container .btn-status-action:hover:not(:disabled){transform:translateY(-1px)}.pending-book-management-container .btn-status-action.btn-status-active{background-color:#28a745}.pending-book-management-container .btn-status-action.btn-status-active:hover:not(:disabled){background-color:#218838}.pending-book-management-container .btn-status-action.btn-status-pending{background-color:#ffc107;color:#333}.pending-book-management-container .btn-status-action.btn-status-pending:hover:not(:disabled){background-color:#e0a800}.pending-book-management-container .btn-status-action.btn-status-clear{background-color:#17a2b8}.pending-book-management-container .btn-status-action.btn-status-clear:hover:not(:disabled){background-color:#138496}.pending-book-management-container .status-action-icon{font-size:.9rem}.pending-book-management-container .pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.pending-book-management-container .pagination-controls .btn-page{align-items:center;background-color:#007bff;border-radius:5px;color:#fff;display:flex;font-size:.85rem;gap:5px;padding:7px 10px}.pending-book-management-container .pagination-controls .btn-page:disabled{background-color:#ccc;cursor:not-allowed}.pending-book-management-container .pagination-controls span{color:#555;font-size:.85rem}.pending-book-management-container .total-records{color:#666;font-size:.85rem;margin-top:10px}.pending-book-management-container .items-per-page{align-items:center;color:#555;display:flex;font-size:.85rem;gap:5px}.pending-book-management-container .items-per-page label{font-weight:400;margin-bottom:0}.pending-book-management-container .items-per-page select{border:1px solid #ddd;border-radius:4px;color:#333;font-size:.85rem;padding:5px 8px}@media (max-width:991px){.pending-book-management-container{padding:15px}.pending-book-management-container .section-title{font-size:1.5rem;margin-bottom:20px}.pending-book-management-container .filters-section{padding:0}.pending-book-management-container .filters-section .form-container-card{padding:15px}.pending-book-management-container .form-title{font-size:1.2rem;margin-bottom:15px}.pending-book-management-container .form-row{flex-direction:column;gap:10px}.pending-book-management-container .form-row .form-group{margin-bottom:10px;min-width:100%}.pending-book-management-container .form-group{margin-bottom:10px}.pending-book-management-container .form-label{font-size:.85rem;margin-bottom:3px}.pending-book-management-container .form-input,.pending-book-management-container .form-select{font-size:.85rem;padding:8px}.pending-book-management-container .radio-group{align-items:flex-start;flex-direction:column;gap:10px}.pending-book-management-container .form-actions{flex-direction:column;gap:8px;margin-top:15px}.pending-book-management-container .form-actions .btn{font-size:.85rem;padding:10px;width:100%}.pending-book-management-container .books-display-section{padding:0}.pending-book-management-container .books-display-section .section-header,.pending-book-management-container .table-container{padding:15px}.pending-book-management-container .data-table td,.pending-book-management-container .data-table th{font-size:.7rem;padding:6px 8px}.pending-book-management-container .data-table th,.pending-book-management-container .status-cell{font-size:.7rem}.pending-book-management-container .btn-status-action{font-size:.7rem;padding:4px 8px}.pending-book-management-container .status-action-icon{font-size:.8rem}.pending-book-management-container .pagination-controls{gap:8px;margin-top:15px}.pending-book-management-container .pagination-controls .btn-page{font-size:.8rem;padding:6px 9px}.pending-book-management-container .items-per-page,.pending-book-management-container .pagination-controls span{font-size:.8rem}.pending-book-management-container .items-per-page select{font-size:.8rem;padding:4px 6px}}.create-set-management-container{align-content:center;background-color:#f3f4f6;box-sizing:initial;font-family:sans-serif;margin-top:40px;min-height:100vh;padding:1rem}@media (min-width:640px){.create-set-management-container{margin-top:0;padding:1.5rem}}.moved-header-container{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;color:#374151;display:flex;flex-direction:column;justify-content:space-between}.moved-header-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}@media (min-width:640px){.moved-header-title{font-size:1.875rem}}@media (min-width:768px){.moved-header-title{margin-bottom:0}}.moved-header-totals{align-items:center;display:flex;flex-wrap:wrap;font-size:1.125rem;font-weight:600;gap:2rem;justify-content:center}@media (min-width:768px){.moved-header-totals{justify-content:flex-end}}.total-item{background-color:#f9fafb;padding:.3rem 1rem}.total-item,.total-item1{border:1px solid #d1d5db;border-radius:.375rem}.total-item1{background-color:#d6e4f1;padding:.5rem 1.2rem}.error-message{align-items:center;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;color:#b91c1c;display:flex;justify-content:center;margin-bottom:1.5rem;padding:.75rem;text-align:center}.error-icon{font-size:1.25rem;margin-right:.5rem}.main-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.main-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.left-panel{display:flex;flex-direction:column;gap:1.5rem;grid-column:span 1/span 1}.section-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:.5rem}.section-header{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.section-header1{background:#e5efff;border-left:4px solid #3498db;border-radius:4px;border-right:4px solid #3498db;box-shadow:0 1px 4px #0000000d;color:#2c3e50;display:inline-block;font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;padding:4px 10px;width:100%}.form-label{color:#4b5563;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input,.form-select{box-shadow:0 1px 2px 0 #0000000d;outline:none;padding:.5rem .75rem;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.form-select{background-color:#fff}.form-input:focus,.form-select:focus{border-color:#9ca3af;box-shadow:0 0 0 1px #9ca3af}.form-grid-2-cols{display:grid;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:640px){.form-grid-2-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkbox-group{align-items:center;display:flex;margin-bottom:1rem}.checkbox-input{border-color:#d1d5db;border-radius:.25rem;color:#2563eb;cursor:pointer;height:1rem;width:1rem}.checkbox-label{color:#111827;cursor:pointer;display:block;font-size:.875rem;margin-left:.5rem}.btn-base{align-items:center;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:.625rem 1rem;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}.btn-base:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.05)}.btn-primary{background-color:#3d3d3d}.btn-primary:hover{background-color:#374151}.btn-success{background-color:#008458;border-radius:5px;color:#fff;font-size:15px;font-weight:700;padding:5px;width:30%}.btn-success:hover{background-color:#059669}.btn-purple{background-color:#6600c3;border-radius:5px;color:#fff;font-size:15px;font-weight:700;padding:8px;width:100%}.btn-purple:hover{background-color:#7e22ce}.btn-blue{background-color:#2563eb;border-radius:5px;color:#fff}.btn-blue:hover{background-color:#1d4ed8}.btn-secondary{background-color:#4b5563;margin-left:8px}.btn-secondary:hover{background-color:#374151}.btn-download{align-items:center;background-color:#4b5563;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;display:flex;font-size:.875rem;font-weight:600;padding:.375rem .75rem;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.btn-download:hover{background-color:#374151;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-icon-mr{margin-right:.5rem}.btn-download-icon-mr{margin-right:.375rem}.right-panel{display:flex;flex-direction:column;grid-column:span 1/span 1}@media (min-width:1280px){.right-panel{grid-column:span 2/span 2}}.table-container{border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;overflow-x:auto}.data-table{border-collapse:collapse;min-width:100%;table-layout:auto}.table-header-group{background-color:#e5e7eb;color:#4b5563}.table-header-cell{border-bottom:1px solid #d1d5db;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-align:left;text-transform:uppercase}.table-header-cell.table-cell-center{text-align:center}.table-body{background-color:#fff}.table-row{border-bottom:1px solid #f3f4f6;transition-duration:.15s;transition-property:background-color}.table-row:hover{background-color:#f9fafb}.table-cell{color:#374151;font-size:.875rem;padding:.5rem 1rem}.table-cell.font-medium{color:#111827;font-weight:500}.table-cell.whitespace-nowrap{white-space:nowrap}.table-cell.whitespace-normal{white-space:normal}.table-cell.text-center{text-align:center}.table-action-btn{border-radius:9999px;padding:.25rem;transition-duration:.2s;transition-property:all}.table-action-btn.edit-btn{color:#2563eb;margin-right:.25rem}.table-action-btn.edit-btn:hover{background-color:#eff6ff;color:#1d4ed8}.table-action-btn.delete-btn{color:#dc2626}.table-action-btn.delete-btn:hover{background-color:#fee2e2;color:#b91c1c}.table-action-icon{font-size:1rem}.table-footer-row{background-color:#e5e7eb;color:#4b5563;font-weight:700}.table-footer-cell{font-size:.875rem;padding:.5rem 1rem;text-transform:uppercase}.table-footer-cell.text-right{text-align:right}.table-footer-cell.text-left{text-align:left}.no-items-message{color:#6b7280;font-size:1.125rem;padding-bottom:1rem;padding-top:1rem;text-align:center}.empty-table-row{background-color:#fff;border-bottom:1px solid #f3f4f6;height:2.5rem}.empty-table-cell{color:#d1d5db;font-size:.875rem;padding:.5rem 1rem;text-align:center}.download-dropdown-menu{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.download-dropdown-menu button{background-color:initial;border:none;color:#333;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease-in-out}.download-dropdown-menu button:hover:enabled{background-color:#f0f4f8}.download-dropdown-menu button:disabled{color:#a0aec0;cursor:not-allowed}.form-grid-2x2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.form-grid-left-right{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-top:1rem}.form-left{display:flex;flex-direction:column;gap:1rem}.form-right{align-items:flex-start;display:flex;justify-content:flex-end}.school-quantity-flex{align-items:center;display:flex;gap:10px}.school-quantity-flex .form-select{flex:1 1}.school-quantity-flex .quantity-btn{flex:0 0 auto;font-size:13px;padding:6px 12px;white-space:nowrap}.dashboard-container{background-color:#f4f7f9}.sidebar{background-color:#2c3e50;box-shadow:2px 0 5px #0000000d;color:#4b5563;display:flex;flex-direction:column;height:calc(100vh - 96px);height:100vh;left:0;overflow-y:auto;position:fixed;top:96px;top:60;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1500}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 1rem}.user-greeting{display:flex;flex-direction:row;overflow:hidden;white-space:nowrap}.sidebar-nav{flex-grow:1;overflow-y:auto;padding-top:1rem}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{position:relative}.sidebar-nav button{align-items:center;background-color:initial;border:none;color:#4b5563;cursor:pointer;display:flex;font-size:1rem;padding:12px 16px;text-align:left;transition:background-color .2s ease,padding .2s ease;width:100%}.sidebar-nav button.active,.sidebar-nav button:hover{background-color:#34495e}.dropdown-icon,.nav-icon{font-size:1.25rem;min-width:2rem;text-align:center}.sidebar .text{margin-left:10px;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease;white-space:nowrap}.dropdown-arrow{margin-left:auto;transition:transform .2s ease}.dropdown-menu{background-color:#f3f4f6;box-shadow:inset 0 2px 4px #0000000d;list-style:none;margin:0;padding:0}.dropdown-menu button{padding-left:3rem}.main-content-wrapper{margin-left:0;transition:margin-left .3s ease,width .3s ease}.main-content-wrapper.sidebar-open{margin-left:250px;width:calc(100% - 250px)}.dashboard-container{background-color:#eaeaea}@media (max-width:480px){.dashboard-container{margin-top:-60px}}@media (max-width:320px){.dashboard-container{margin-top:-80px}}.counter-sale-container{align-items:center;background-color:#f3f4f6;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;padding:1.5rem}.counter-sale-header{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;max-width:600px;padding:1rem;text-align:center;width:100%}.counter-sale-title{color:#1f2937;flex-grow:1;font-size:2rem;font-weight:700;margin:0}.counter-sale-back-btn{align-items:center;background-color:#60a5fa;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease-in-out;white-space:nowrap}.counter-sale-back-btn:hover{background-color:#3b82f6}.counter-sale-error-message{align-items:center;background-color:#fee2e2;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#dc2626;display:flex;margin-bottom:1.5rem;max-width:600px;padding:.75rem 1rem;width:100%}.counter-sale-error-message .error-icon{font-size:1.25rem;margin-right:.5rem}.counter-sale-section{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem;max-width:600px;padding:1.5rem;width:100%}.section-title{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:600}.form-input,.form-select{border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;color:#1f2937;font-size:1rem;padding:.75rem;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680;outline:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.loading-spinner{align-items:center;color:#4f46e5;display:flex;flex-direction:column;font-size:1.25rem;gap:1rem;justify-content:center;min-height:200px}.customer-selection-section{padding-top:.5rem}.customer-list{display:flex;flex-direction:column;gap:1rem}.customer-card{background-color:#e0f2fe;border:1px solid #90cdf4;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:1rem 1.25rem;transition:all .2s ease-in-out}.customer-card:hover{background-color:#bfdbfe;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.customer-name{color:#1e40af;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.customer-info{color:#3b82f6;font-size:.875rem;margin-bottom:.75rem}.customer-classes{display:flex;flex-wrap:wrap;gap:.5rem}.class-tag{background-color:#60a5fa;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;padding:.3rem .7rem;white-space:nowrap}.empty-message{color:#6b7280;padding:1rem;text-align:center}.class-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.class-filter-tag{background-color:#cbd5e1;border:none;border-radius:.5rem;color:#4b5563;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease-in-out}.class-filter-tag:hover{background-color:#9ca3af}.class-filter-tag.active{background-color:#10b981;box-shadow:0 2px 4px #0000001a;color:#fff}.sets-list{display:flex;flex-direction:column;gap:.75rem}.set-card{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;padding:.75rem 1rem}.set-info{display:flex;flex-direction:column;flex-grow:1}.set-name{color:#1f2937;font-weight:600}.set-price{color:#6b7280;font-size:.875rem}.set-actions{align-items:center;display:flex;gap:.5rem}.set-quantity-input{-moz-appearance:textfield;border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .6rem;text-align:center;width:60px}.set-quantity-input::-webkit-inner-spin-button,.set-quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.set-toggle-btn{align-items:center;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s ease-in-out}.set-toggle-btn.add-to-cart{background-color:#22c55e}.set-toggle-btn.add-to-cart:hover{background-color:#16a34a}.set-toggle-btn.remove-from-cart{background-color:#ef4444}.set-toggle-btn.remove-from-cart:hover{background-color:#dc2626}.bill-summary-section{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;margin-top:2rem;max-width:600px;padding:1.5rem;width:100%}.bill-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.bill-info span{color:#4b5563;font-size:.9rem;margin-right:1rem}.remove-all-items{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.bill-items-table{margin-bottom:1rem}.bill-items-table h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.bill-items-table table{border-collapse:collapse;margin-bottom:1rem;width:100%}.bill-items-table td,.bill-items-table th{border:1px solid #e5e7eb;color:#374151;font-size:.875rem;padding:.5rem;text-align:left}.bill-items-table th{background-color:#f3f4f6;font-weight:600}.bill-items-table tr:last-child{background-color:#e5e7eb;font-weight:700}.bill-footer{align-items:center;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:1rem}.print-token-btn{background-color:#6b7280;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:background-color .2s ease-in-out}.print-token-btn:hover{background-color:#4b5563}.total-display{align-items:center;display:flex;gap:1rem}.total-amount-display{color:#22c55e;font-size:1.75rem;font-weight:700}.pay-now-btn{background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:background-color .2s ease-in-out}.pay-now-btn:hover{background-color:#2563eb}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content.payment-modal-content{animation:fadeInScale .3s ease-out;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px #0003;max-width:450px;padding:2rem;text-align:center;width:90%}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.payment-modal-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.payment-modal-grid .form-group{margin-bottom:0}.radio-group{display:flex;gap:1rem;grid-column:span 2;justify-content:center;margin-bottom:1rem;margin-top:.5rem}.radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:1rem;gap:.5rem}.radio-label input[type=radio]{cursor:pointer;transform:scale(1.2)}.modal-actions{display:flex;gap:1rem;justify-content:space-around;margin-top:1.5rem}.modal-actions .btn{border:none;border-radius:.375rem;color:#fff;cursor:pointer;flex-grow:1;font-weight:700;padding:.75rem 1rem;transition:background-color .2s ease-in-out}.modal-actions .btn.btn-secondary{background-color:#6b7280}.modal-actions .btn.btn-secondary:hover{background-color:#4b5563}.modal-actions .btn.btn-primary{background-color:#3b82f6}.modal-actions .btn.btn-primary:hover{background-color:#2563eb}@media (max-width:768px){.counter-sale-header{align-items:flex-start;flex-direction:column;gap:.75rem}.counter-sale-title{font-size:1.75rem}.counter-sale-back-btn{justify-content:center;width:100%}.counter-sale-section{padding:1rem}.customer-card{padding:.75rem 1rem}.customer-name{font-size:1rem}.customer-info{font-size:.8rem}.class-tag{font-size:.7rem;padding:.2rem .5rem}.class-filter-tag{font-size:.8rem;padding:.4rem .8rem}.set-card{align-items:flex-start;flex-direction:column;gap:.5rem}.set-actions{justify-content:space-between;width:100%}.set-quantity-input{width:50px}.bill-summary-section{padding:1rem}.bill-header{align-items:flex-start;flex-direction:column;gap:.5rem}.bill-info span{margin-right:.5rem}.remove-all-items{justify-content:flex-end;width:100%}.bill-items-table td,.bill-items-table th{font-size:.75rem;padding:.4rem}.bill-footer{flex-direction:column;gap:1rem}.pay-now-btn,.print-token-btn{width:100%}.total-display{justify-content:space-between;width:100%}.total-amount-display{font-size:1.5rem}.modal-content.payment-modal-content{padding:1.5rem}.payment-modal-grid{grid-template-columns:1fr}.radio-group{align-items:flex-start;grid-column:span 1}.modal-actions{flex-direction:column}}
/*# sourceMappingURL=main.4080cf86.css.map*/