body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary-darkest: #0D1B2A;--color-primary-dark: #1B263B;--color-primary-medium: #415A77;--color-primary-light: #778DA9;--color-primary-lightest: #E0E1DD;--color-accent-blue: #4285F4;--color-accent-blue-dark: #2B6ADF;--color-accent-light: #EAF1FA;--color-white: #FFFFFF;--color-text: #333333;--gradient-primary: linear-gradient(135deg, var(--color-primary-darkest) 0%, var(--color-primary-dark) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-primary-medium) 100%);--shadow-light: rgba(13, 27, 42, .1);--shadow-medium: rgba(13, 27, 42, .2);--shadow-dark: rgba(13, 27, 42, .3)}.landing-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text);width:100%;overflow-x:hidden;margin:0;padding:0}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}.full-width-section{width:100%;margin:0;padding:0}.landing-header{background:transparent;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;transition:all .3s ease;padding:1rem 0}.landing-header.scrolled{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px var(--shadow-light);padding:.5rem 0}.landing-header .container{display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:relative}.logo{display:flex;align-items:center;gap:.75rem}.logo .logo-image{width:50px;height:50px;object-fit:contain;border-radius:50%;padding:4px}.logo h1{margin:0;color:var(--color-white);font-size:1.8rem;font-weight:700;transition:color .3s ease}.landing-header.scrolled .logo h1{color:var(--color-accent-blue)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links .nav-link{color:#ffffffe6;font-weight:500;transition:color .3s;cursor:pointer;text-decoration:none}.landing-header.scrolled .nav-links .nav-link{color:#666}.nav-links a:hover,.landing-header.scrolled .nav-links a:hover{color:var(--color-accent-blue)}.header-buttons{display:flex;align-items:center;gap:1rem;margin-left:2rem}.btn-login{background:#ffffff1a;color:#fff;padding:.6rem 1.5rem;border:1.5px solid rgba(255,255,255,.3);border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.landing-header.scrolled .btn-login{background:#4285f41a;color:var(--color-accent-blue);border-color:#4285f44d;backdrop-filter:none;-webkit-backdrop-filter:none}.btn-login:hover{background:#fff3;color:#fff;border-color:#fff9;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.landing-header.scrolled .btn-login:hover{background:#4285f41a;color:var(--color-primary-medium);border-color:var(--color-accent-blue);transform:translateY(-1px);box-shadow:0 4px 12px #4285f41a}.btn-signup{background:var(--gradient-accent);color:var(--color-white);padding:.6rem 1.5rem;border:none;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 12px #4285f44d}.landing-header.scrolled .btn-signup{background:var(--gradient-accent);color:var(--color-white);box-shadow:0 4px 12px #4285f466}.btn-signup:hover,.landing-header.scrolled .btn-signup:hover{background:linear-gradient(135deg,var(--color-accent-blue) 0%,var(--color-primary-medium) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem;position:relative;z-index:1001}.mobile-menu-toggle span{width:25px;height:3px;background:var(--color-white);margin:3px 0;transition:.3s;transform-origin:center}.landing-header.scrolled .mobile-menu-toggle span{background:var(--color-accent-blue)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:0 0 12px 12px;box-shadow:0 8px 32px var(--shadow-light);padding:1.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:999;border-top:1px solid rgba(66,133,244,.1)}.mobile-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav .nav-links{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.mobile-nav .nav-links .nav-link{color:var(--color-text);font-size:1.1rem;padding:.5rem 0}.mobile-nav .nav-links .nav-link:hover{color:var(--color-accent-blue)}.mobile-nav .header-buttons{flex-direction:column;gap:.75rem;margin-left:0}.mobile-nav .btn-login,.mobile-nav .btn-signup{background:var(--gradient-accent);color:var(--color-white);padding:.75rem 1.5rem;font-size:.9rem;text-align:center;border:none;border-radius:8px;box-shadow:0 4px 12px #4285f44d}.mobile-nav .btn-signup:hover{background:linear-gradient(135deg,var(--color-accent-blue) 0%,var(--color-primary-medium) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4285f466}.hero{padding:8rem 0 4rem;background:var(--gradient-accent);color:var(--color-white);width:100%;min-height:80vh;display:flex;align-items:center;margin:0;box-sizing:border-box}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.hero-text{width:100%;animation:fadeInUp 1s ease}.hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.3rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn-primary{background:var(--color-white);color:var(--color-accent-blue);padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--shadow-medium)}.btn-secondary{background:transparent;color:var(--color-white);padding:1rem 2rem;border:2px solid var(--color-white);border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s}.btn-secondary:hover{background:var(--color-white);color:var(--color-accent-blue)}.hero-note{font-size:.9rem;opacity:.8}.hero-image{width:100%;display:flex;justify-content:center;align-items:center;animation:fadeInRight 1s ease}.pos-mockup{display:flex;justify-content:center;align-items:center;width:100%}.pos-screen{background:var(--color-primary-dark);border-radius:12px;padding:2rem;box-shadow:0 20px 40px var(--shadow-dark);width:100%;max-width:400px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pos-header{color:var(--color-accent-blue);font-weight:600;margin-bottom:1.5rem;text-align:center}.pos-item{background:var(--color-primary-medium);color:var(--color-white);padding:.75rem;margin-bottom:.5rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease}.pos-item:hover{transform:translate(5px)}.pos-total{background:var(--color-accent-blue);color:var(--color-white);padding:1rem;border-radius:6px;font-weight:600;text-align:center;margin-top:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.section-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-primary-dark)}.section-subtitle{font-size:1.2rem;color:var(--color-primary-light);max-width:600px;margin:0 auto}.features{padding:5rem 0;background:var(--color-accent-light);width:100%;margin:0;box-sizing:border-box}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.feature-card{background:var(--color-white);padding:2rem;border-radius:12px;box-shadow:0 4px 6px var(--shadow-light);text-align:center;transition:transform .3s,box-shadow .3s;width:100%;box-sizing:border-box}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--shadow-medium)}.feature-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-primary-dark)}.feature-card p{color:var(--color-primary-light);line-height:1.6}.benefits{padding:5rem 0;background:var(--color-white);width:100%;margin:0;box-sizing:border-box}.benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.benefits-text{width:100%}.benefits-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.benefits-intro{font-size:1.1rem;color:#6b7280;margin-bottom:2rem}.benefit-list{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{display:flex;gap:1rem;align-items:flex-start;animation:slideInLeft .8s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.benefits-checkmark{color:#333;width:20px;height:20px;border:2px solid #333333;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:.8rem;background:transparent;margin-top:.5rem}.benefit-item h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.benefit-item p{color:#6b7280}.benefits-visual{display:flex;flex-direction:column;gap:2rem;width:100%}.benefits-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:12px;transition:transform .3s ease}.stat:hover{transform:scale(1.05)}.stat-number{font-size:1.8rem;font-weight:700;color:#2563eb;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.benefits-illustration{display:flex;flex-direction:column;gap:1rem}.illustration-card{background:#f0f9ff;padding:1.5rem;border-radius:8px;border-left:4px solid #2563eb;transition:transform .3s ease}.illustration-card:hover{transform:translate(5px)}.illustration-card h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.illustration-card p{font-size:.9rem;color:#6b7280;margin:0}.contact{padding:5rem 0;background:#f8fafc;width:100%;margin:0;box-sizing:border-box}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.contact-info{width:100%}.contact-info h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.contact-description{font-size:1.1rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.contact-methods{display:flex;flex-direction:column;gap:2rem}.contact-method{display:flex;gap:1rem;align-items:flex-start;transition:transform .3s ease}.contact-method:hover{transform:translate(5px)}.contact-icon{font-size:2rem;flex-shrink:0}.contact-method h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.contact-method p{color:#6b7280;margin:.2rem 0}.contact-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;width:100%;box-sizing:border-box}.contact-form h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#1f2937}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f41a}.form-group textarea{resize:vertical;min-height:100px}.btn-submit{background:var(--color-accent-blue);color:var(--color-white);padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s,transform .3s;width:100%}.btn-submit:hover{background:var(--color-primary-medium);transform:translateY(-2px)}.cta{padding:5rem 0;background:var(--color-primary-medium);color:var(--color-white);text-align:center;width:100%;margin:0;box-sizing:border-box}.cta-content{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-primary.large,.btn-secondary.large{padding:1.2rem 2.5rem;font-size:1.1rem}.landing-footer{background:var(--color-primary-darkest);color:var(--color-white);padding:3rem 0 1rem;width:100%;margin:0;box-sizing:border-box}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px;box-sizing:border-box}.footer-section h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--color-white)}.footer-section p{color:#9ca3af;line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--color-primary-light);text-decoration:none;transition:color .3s;cursor:pointer}.footer-section ul li a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;text-align:center;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box}.footer-bottom p{color:var(--color-primary-light);margin:0}.landing-header{transition:all .3s ease}@media (max-width: 1024px){.hero-content,.benefits-content,.contact-content{gap:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.container,.hero-content,.features-grid,.benefits-content,.contact-content,.cta-content,.footer-content{padding:0 15px}.footer-bottom{padding-left:15px;padding-right:15px}.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero{padding:6rem 0 3rem;min-height:70vh}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.benefits-content{grid-template-columns:1fr;gap:2rem}.benefits-text h2{font-size:2rem}.benefits-stats{grid-template-columns:1fr 1fr;gap:1rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info h2{font-size:2rem}.contact-methods{gap:1.5rem}.contact-form{padding:1.5rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary.large,.btn-secondary.large{width:100%;max-width:300px}.header-buttons{gap:.5rem;margin-left:1rem}.btn-login,.btn-signup{padding:.5rem 1rem;font-size:.85rem}}@media (max-width: 480px){.logo h1{font-size:1.5rem}.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.8rem}.benefits-stats{grid-template-columns:1fr}.stat{padding:1rem}.stat-number{font-size:1.5rem}.contact-method{flex-direction:column;align-items:center;text-align:center}.pos-screen{padding:1.5rem;min-width:250px}.footer-content{grid-template-columns:1fr;text-align:center}.header-buttons{gap:.4rem;margin-left:.5rem}.btn-login,.btn-signup{padding:.4rem .9rem;font-size:.8rem}}.terms-page{min-height:100vh;background:#eaf1fa;display:flex;flex-direction:column}.terms-nav{background:#fff;border-bottom:1px solid #E0E1DD;padding:1rem 0;position:sticky;top:0;z-index:100}.terms-nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.terms-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#0d1b2a;font-weight:600;font-size:1.2rem}.logo-image-small{width:32px;height:32px;object-fit:contain;border-radius:50%;background:#4285f41a;padding:2px}.terms-navigation{display:flex;gap:1.5rem}.nav-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#778da9;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .3s}.nav-item:hover{background:#eaf1fa;color:#4285f4}.terms-main{flex:1;padding:2rem 0}.terms-container{max-width:800px;margin:0 auto;padding:0 2rem}.terms-content{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 6px #0d1b2a1a;border:1px solid #E0E1DD}.terms-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #E0E1DD}.terms-icon{width:80px;height:80px;background:linear-gradient(135deg,#4285f4,#415a77);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff}.terms-content h1{font-size:2.5rem;font-weight:700;color:#0d1b2a;margin:0 0 1rem}.terms-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:#778da9;font-size:.9rem}.terms-body{line-height:1.7}.terms-body section{margin-bottom:2.5rem}.terms-body section h2{font-size:1.5rem;font-weight:600;color:#1b263b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #E0E1DD}.terms-body section h3{font-size:1.2rem;font-weight:600;color:#415a77;margin:1.5rem 0 .75rem}.terms-body section p{color:#333;margin:0 0 1rem}.terms-body section ul{margin:1rem 0;padding-left:1.5rem}.terms-body section li{color:#333;margin:.5rem 0}.terms-body section div{margin:1.5rem 0;padding-left:1rem;border-left:3px solid #E0E1DD}.terms-body section div h3{margin:0 0 .75rem}.terms-body h1{font-size:2.5rem;font-weight:700;color:#0d1b2a;margin:0 0 2rem;text-align:center}.terms-body strong{font-weight:600;color:#1b263b}.terms-section{margin-bottom:2.5rem}.terms-section h2{font-size:1.5rem;font-weight:600;color:#1b263b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #E0E1DD}.terms-section h3{font-size:1.2rem;font-weight:600;color:#415a77;margin:1.5rem 0 .75rem}.terms-section p{color:#333;margin:0 0 1rem}.terms-section ul{margin:1rem 0;padding-left:1.5rem}.terms-section li{color:#333;margin:.5rem 0}.subsection{margin:1.5rem 0;padding-left:1rem;border-left:3px solid #E0E1DD}.privacy-highlight{background:#eaf1fa;border:1px solid #4285F4;border-radius:8px;padding:1.5rem;margin:1.5rem 0;display:flex;gap:1rem;align-items:flex-start}.privacy-highlight svg{color:#4285f4;font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.privacy-highlight h3{margin:0 0 .5rem;color:#1b263b}.privacy-highlight p{margin:0;color:#415a77}.contact-info-terms{background:#eaf1fa;padding:1rem;border-radius:6px;margin:1rem 0}.contact-info p{margin:.5rem 0}.terms-footer{text-align:center;padding-top:2rem;border-top:2px solid #E0E1DD;margin-top:2rem}.effective-date{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#778da9;font-weight:500;margin:0 0 1rem}.terms-agreement{color:#333;font-style:italic;margin:0}.terms-footer-nav{background:#0d1b2a;color:#fff;padding:2rem 0 1rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section h4{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#fff}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin:.5rem 0}.footer-section a{color:#778da9;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #415A77;margin-top:2rem;padding-top:1rem;text-align:center;color:#778da9;font-size:.9rem}.terms-agreement-section{margin-top:2rem}.agreement-card{background:#fff;border:2px solid #E0E1DD;border-radius:12px;padding:2rem;text-align:center}.agreement-card h3{font-size:1.3rem;font-weight:600;color:#0d1b2a;margin:0 0 1rem}.agreement-card p{color:#778da9;margin:0 0 1.5rem}.agreement-checkbox{margin:1.5rem 0;text-align:left}.agreement-checkbox .checkbox-label{font-size:.95rem;line-height:1.5;gap:1rem}.agreement-btn{background:linear-gradient(135deg,#4285f4,#415a77);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto;min-width:200px}.agreement-btn:hover:not(:disabled){background:linear-gradient(135deg,#415a77,#1b263b);transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.agreement-btn.disabled{background:#778da9;cursor:not-allowed;transform:none!important;box-shadow:none!important}.agreement-btn.loading{pointer-events:none}@media (max-width: 768px){.terms-nav-container{padding:0 1rem;flex-direction:column;gap:1rem}.terms-navigation{gap:1rem}.terms-container{padding:0 1rem}.terms-content{padding:2rem 1.5rem}.terms-content h1{font-size:2rem}.terms-meta{flex-direction:column;gap:1rem}.privacy-highlight{flex-direction:column;text-align:center}.footer-container{grid-template-columns:1fr;text-align:center}.agreement-card{padding:1.5rem}.agreement-btn{width:100%;min-width:auto}}.email-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.email-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.email-input::placeholder{color:#9ca3af}.email-input.has-icon{padding-left:2.75rem}.email-input:valid:not(:placeholder-shown){border-color:#10b981}.email-input:invalid:not(:placeholder-shown){border-color:#ef4444}.email-input.error{border-color:#ef4444}.email-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.email-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.password-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.password-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-input::placeholder{color:#9ca3af}.password-input.has-left-icon{padding-left:2.75rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#374151;background:#0000000d}.password-toggle:focus{outline:none;color:#3b82f6;background:#3b82f61a}.password-input.error{border-color:#ef4444}.password-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.password-input:disabled+.password-toggle{color:#9ca3af;cursor:not-allowed}.auth-page{min-height:100vh;background:linear-gradient(135deg,#0d1b2a,#1b263b);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:2rem}.auth-header{text-align:center}.auth-logo{color:#fff;text-decoration:none;display:inline-block}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-image{width:100px;height:100px;object-fit:contain;border-radius:50%;padding:8px}.auth-logo h1{font-size:2.5rem;font-weight:700;margin:0;color:#fff}.auth-logo span{font-size:.9rem;opacity:.8;display:block}.auth-content{display:flex;justify-content:center}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0d1b2a4d;overflow:hidden;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #E0E1DD}.auth-card-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid #E0E1DD}.auth-card-header h2{font-size:1.8rem;font-weight:600;color:#0d1b2a;margin:0 0 .5rem}.auth-subtitle{color:#778da9;margin:0;font-size:.95rem}.auth-card-body{padding:1.5rem 2rem 2rem}.auth-card-footer{padding:1rem 2rem 2rem;text-align:center;border-top:1px solid #E0E1DD;background:#eaf1fa}.auth-card-footer span{color:#778da9;font-size:.9rem}.auth-link{color:#4285f4;text-decoration:none;font-weight:500;margin-left:.5rem}.auth-link:hover{color:#415a77;text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.register-form{gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.1rem;font-weight:600;color:#1b263b;margin:0;padding-bottom:.5rem;border-bottom:2px solid #E0E1DD}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.9rem;font-weight:500;color:#333}.form-field input,.form-field textarea,.form-field select{padding:.75rem 1rem;border:2px solid #E0E1DD;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.form-field input.error,.form-field textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-field input:disabled,.form-field textarea:disabled,.form-field select:disabled{background:#eaf1fa;cursor:not-allowed;opacity:.6}.disabled-field{background:#eaf1fa!important;color:#778da9!important;cursor:not-allowed!important}.field-note{color:#778da9;font-size:.8rem;margin-top:.25rem;font-style:italic}.password-input{position:relative;display:flex;align-items:center}.password-input input{flex:1;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:4px;transition:background .2s}.password-toggle:hover{background:#eaf1fa}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.strength-bar{flex:1;height:4px;background:#e0e1dd;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-text{font-size:.8rem;font-weight:500;min-width:60px}.form-options{display:flex;justify-content:space-between;align-items:center;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:#333;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid #E0E1DD;border-radius:4px;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#333;border-color:#333}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label:hover .checkmark{border-color:#666}.checkbox-label a{color:#4285f4;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.forgot-link{color:#4285f4;text-decoration:none;font-size:.9rem;font-weight:500}.forgot-link:hover{text-decoration:underline;color:#415a77}.auth-submit-btn{background:linear-gradient(135deg,#4285f4,#415a77);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #4285f44d}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#415a77,#1b263b);transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.auth-submit-btn.loading{pointer-events:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.route-guard-loading{position:fixed;inset:0;background:#0d1b2af5;display:flex;align-items:center;justify-content:center;z-index:10000;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.route-guard-loading .loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.route-guard-loading .loader-content .spinner{width:56px;height:56px;border-width:4px;border-color:#ffffff2e;border-top-color:#fff}.route-guard-loading .loader-text{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;opacity:.85}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.error-icon{font-size:1.1rem}.field-error{color:#dc2626;font-size:.8rem;font-weight:500}.auth-footer{text-align:center;color:#fffc;font-size:.85rem}.auth-footer p{margin:0 0 .5rem}.auth-footer-links{display:flex;justify-content:center;gap:1.5rem}.auth-footer-links a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.auth-footer-links a:hover{color:#fff;text-decoration:underline}@media (max-width: 768px){.auth-page{padding:1rem}.auth-container{max-width:100%}.auth-logo h1{font-size:2rem}.auth-logo span{font-size:.8rem}.auth-card-header{padding:1.5rem 1.5rem 1rem}.auth-card-header h2{font-size:1.5rem}.auth-card-body,.auth-card-footer{padding:1rem 1.5rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}.auth-footer-links{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.auth-page{padding:.5rem}.auth-logo h1{font-size:1.8rem}.auth-card{border-radius:12px}.auth-card-header{padding:1rem 1rem .75rem}.auth-card-body,.auth-card-footer{padding:.75rem 1rem 1rem}}.text-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.text-input::placeholder{color:#9ca3af}.text-input.has-left-icon{padding-left:2.75rem}.text-input.has-right-icon{padding-right:2.75rem}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:1rem;pointer-events:none}.input-icon.left{left:.75rem}.input-icon.right{right:.75rem}.text-input.error{border-color:#ef4444}.text-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.text-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.input-container{position:relative;display:flex;align-items:center}.select-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none}.select-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;transition:color .2s ease}.select-input:focus+.select-arrow{color:#3b82f6}.select-input:disabled+.select-arrow{color:#9ca3af}.select-input.error{border-color:#ef4444}.select-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.select-input.error+.select-arrow{color:#ef4444}.input-helper{font-size:.75rem;color:#6b7280}.select-input option{padding:.5rem;color:#111827}.select-input option:disabled{color:#9ca3af}.select-input option[value=""]{color:#9ca3af;font-style:italic}.create-store-form{gap:1.5rem}.create-store-success{text-align:center;padding:2rem 0}.create-store-success .success-icon{width:100px;height:100px;background:linear-gradient(135deg,#4285f4,#415a77);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:3rem;color:#fff}.create-store-success h3{font-size:1.8rem;font-weight:600;color:#0d1b2a;margin:0 0 1rem}.create-store-success p{color:#778da9;margin:.5rem 0}@media (max-width: 768px){.create-store-success .success-icon{width:80px;height:80px;font-size:2rem}}.verify-email-form{display:flex;flex-direction:column;gap:2rem}.verify-header{text-align:center}.email-icon{width:80px;height:80px;background:linear-gradient(135deg,#4285f4,#415a77);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff}.verify-header h3{font-size:1.5rem;font-weight:600;color:#0d1b2a;margin:0 0 1rem}.verify-description{color:#778da9;margin:0 0 .5rem}.email-address{font-weight:600;color:#4285f4;font-size:1.1rem;margin:0}.verification-form{display:flex;flex-direction:column;gap:1.5rem}.verification-input{text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;padding:1rem!important}.code-helper{display:flex;justify-content:flex-end;margin-top:.5rem}.code-length{font-size:.8rem;color:#778da9}.resend-section{text-align:center;padding:1rem;background:#eaf1fa;border-radius:8px}.timer-text{color:#778da9;margin:0;font-size:.9rem}.resend-available p{margin:0 0 1rem;color:#778da9}.resend-btn{background:transparent;color:#4285f4;border:1px solid #4285F4;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:.5rem;margin:0 auto}.resend-btn:hover:not(:disabled){background:#4285f4;color:#fff}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.verify-footer{text-align:center;font-size:.9rem;color:#778da9}.verify-footer p{margin:.5rem 0}.verify-footer a{color:#4285f4;text-decoration:none;font-weight:500}.verify-footer a:hover{text-decoration:underline}.verify-success{text-align:center;padding:2rem 0}.success-icon{width:100px;height:100px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:3rem;color:#fff}.verify-success h3{font-size:1.8rem;font-weight:600;color:#0d1b2a;margin:0 0 1rem}.verify-success p{color:#778da9;margin:0 0 2rem}.btn-continue{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;transition:transform .3s}.btn-continue:hover{transform:translateY(-2px)}.spinner-icon{margin-right:.5rem}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-back{margin-bottom:.5rem}.forgot-password-back-btn{background:none;border:none;color:#778da9;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.5rem 0;transition:color .2s ease}.forgot-password-back-btn:hover{color:#0d1b2a}.forgot-password-icon{display:flex;justify-content:center;margin:1rem 0}.forgot-password-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1b263b,#415a77);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.forgot-password-description{text-align:center;color:#778da9;font-size:.95rem;line-height:1.6;margin:0}.forgot-password-error{background-color:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center}.forgot-password-form-group{width:100%}.forgot-password-form-actions{margin-top:.5rem}.forgot-password-submit-btn{width:100%}.forgot-password-footer{display:flex;justify-content:center;align-items:center;gap:.5rem;padding-top:1rem;margin-top:1rem;border-top:1px solid #E0E1DD;font-size:.9rem;color:#778da9}.forgot-password-link{background:none;border:none;color:#1b263b;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.forgot-password-link:hover{color:#0d1b2a}@media (max-width: 480px){.forgot-password-icon-wrapper{width:60px;height:60px;font-size:1.5rem}.forgot-password-description{font-size:.9rem}}.table-container{width:100%;overflow-x:auto;background:var(--color-white);border-radius:12px}.table{width:100%;border-collapse:separate;border-spacing:0}.table-head th{background:#f8fafc;color:var(--color-primary-dark);font-weight:600;text-align:left;padding:.875rem 1rem;border-bottom:1px solid var(--color-primary-lightest);position:relative}.table-head.sticky th{position:sticky;top:0;z-index:2}.table tbody td{padding:.875rem 1rem;border-bottom:1px solid var(--color-primary-lightest);color:var(--color-primary-dark)}.table tbody tr:last-child td{border-bottom:none}.table-row:hover{background:var(--color-accent-light)}.table-row.clickable{cursor:pointer}.table-empty{text-align:center;padding:2rem 1rem;color:var(--color-primary-light)}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}@media (max-width: 768px){.table-head th,.table tbody td{padding:.75rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease;padding:1rem;overflow-y:auto}.modal-card{background:var(--color-white);border-radius:20px;box-shadow:0 20px 60px var(--shadow-dark);overflow:hidden;border:1px solid var(--color-primary-lightest);animation:slideUp .25s ease;max-height:calc(100vh - 2rem);width:100%;max-width:min(700px,95vw);display:flex;flex-direction:column}.modal-body{padding:1rem 1.25rem 1.25rem;overflow-y:auto;flex:1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.modal-card{max-width:min(95vw,900px)}}@media (max-width: 768px){.modal-overlay{padding:.75rem}.modal-card{max-width:95vw;max-height:calc(100vh - 1.5rem);border-radius:16px}.modal-header{padding:.875rem 1rem}.modal-header h3{font-size:1.125rem}.modal-body{padding:.875rem 1rem 1rem}}@media (max-width: 480px){.modal-overlay{padding:.5rem}.modal-card{max-height:calc(100vh - 1rem);border-radius:12px;max-width:100vw}.modal-header{padding:.75rem .875rem}.modal-header h3{font-size:1rem}.modal-body{padding:.75rem .875rem .875rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:8px;border:1px solid transparent;background:#fff;color:#0b2447;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-md{padding:.5rem 1rem;font-size:.95rem}.btn-lg{padding:.75rem 1.25rem;font-size:1rem}.btn-primary{background:#1f6feb;color:#fff}.btn-secondary{background:#e9eef6;color:#0b2447;border-color:#cfd8e3}.btn-danger{background:#dc3545;color:#fff}.btn-ghost{background:transparent;color:#1f6feb;border-color:#bcd0ff}.btn-link{background:transparent;color:#1f6feb;padding:0;border:none}.btn-add{background:#16a34a;border-color:#16a34a;color:#fff}.btn-add:hover{background:#138a3f;border-color:#138a3f}.btn-view{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.btn-view:hover{background:#0c8bc4;border-color:#0c8bc4}.btn-edit{background:#f59e0b;border-color:#f59e0b;color:#0b2447}.btn-edit:hover{background:#d48809;border-color:#d48809}.btn-delete{background:#ef4444;border-color:#ef4444;color:#fff}.btn-delete:hover{background:#d13636;border-color:#d13636}.btn-primary:hover{background:#215fd1}.btn-secondary:hover{background:#dde6f3}.btn-danger:hover{background:#bb2d3b}.btn-ghost:hover{background:#1f6feb14}.btn-link:hover{text-decoration:underline}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1f6feb59}.btn-disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon.left,.btn-icon.right{display:inline-flex}.btn-label{line-height:1}.pagination{display:flex;align-items:center;justify-content:center;gap:.25rem;margin:10px 0}.page-btn{min-width:2rem;height:2rem;padding:0 .5rem;border-radius:6px;border:1px solid #d7dee9;background:#fff;color:#0b2447;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease}.page-btn:hover{background:#f3f6fb}.page-btn.active{background:#1f6feb;color:#fff;border-color:#1f6feb}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1f6feb59}.stat-card{background:#fff;border:1px solid rgba(230,235,243,.9);border-radius:18px;padding:1.2rem 1.35rem 1.4rem;box-shadow:0 18px 35px #0f172a1a;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;background-image:linear-gradient(130deg,#3b82f608,#6366f10d)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 28px 50px #0f172a26;border-color:#6366f12e}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--stat-card-accent, linear-gradient(180deg, rgba(25, 130, 255, .3), rgba(25, 118, 210, .8)));border-radius:16px 0 0 16px}.stat-header{display:flex;gap:.75rem;align-items:center}.stat-icon{display:inline-flex;width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;background:#eef2ff;color:#1f6feb}.stat-title{margin:0;font-size:.875rem;color:#5b6b86}.stat-value{margin:.1rem 0 0;font-size:1.25rem;color:#0b2447}.stat-subtext{margin:.15rem 0 0;font-size:.8rem;color:#7e8aa6}.stat-change{margin-top:.25rem;font-size:.75rem;color:#5b6b86}.stat-blue .stat-icon{background:#e8f0fe;color:#1f6feb}.stat-green .stat-icon{background:#e6f4ea;color:#137333}.stat-purple .stat-icon{background:#f3e8ff;color:#6d28d9}.stat-yellow .stat-icon{background:#fff8e1;color:#b45309}.stat-red .stat-icon{background:#fee2e2;color:#b91c1c}.stat-gray .stat-icon{background:#f2f4f7;color:#3e5066}.stat-card-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.stat-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:12px;font-size:.9rem;font-weight:700;border:1px solid transparent;box-shadow:0 2px 6px #0000001a}.status-in-stock{background:#1f6feb;color:#fff;border-color:#1f6feb}.status-low-stock{background:#ffc107;color:#1a1a1a;border-color:#e0a800}.status-out-of-stock{background:#df1b1b;color:#fff;border-color:#c21717}.stock-count{font-weight:700;font-size:.95rem;color:#ffc107}.stock-low{color:#ffc107}.stock-out{color:#df1b1b}.stock-ok{color:#4285f4}.input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.textarea-container{position:relative;width:100%}.textarea-container.has-helper .textarea-input{padding-right:3.25rem;padding-bottom:1.75rem}.textarea-helper{position:absolute;right:1rem;bottom:.7rem;font-size:.75rem;color:#9ca3af;pointer-events:none;-webkit-user-select:none;user-select:none}.input-label{font-size:.875rem;font-weight:600;color:#374151;margin:0}.textarea-input{width:100%;min-height:100px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#111827;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;line-height:1.5}.textarea-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea-input::placeholder{color:#9ca3af}.textarea-input.resize-none{resize:none}.textarea-input.resize-vertical{resize:vertical}.textarea-input.resize-horizontal{resize:horizontal}.textarea-input.resize-both{resize:both}.textarea-input.error{border-color:#ef4444}.textarea-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error{font-size:.75rem;color:#ef4444;font-weight:500}.textarea-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.icon-btn{appearance:none;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.icon-btn:hover{background:#1f6feb14}.icon-btn:active{background:#1f6feb1f}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1f6feb59}.icon-btn-sm{font-size:18px}.icon-btn-md{font-size:20px}.icon-btn-lg{font-size:22px}.btn-view-icon{color:#0ea5e9}.btn-edit-icon{color:#f59e0b}.btn-delete-icon{color:#ef4444}.breadcrumbs-inline{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-weight:600}.crumb-store{color:var(--color-primary-dark)}.crumb-sep{color:var(--color-primary-light)}.crumb-page{color:var(--color-primary-medium)}.chart-container{background:var(--color-white);border-radius:16px;box-shadow:0 4px 20px var(--shadow-light);overflow:hidden;transition:all .3s ease;border:1px solid var(--color-primary-lightest)}.chart-container:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow-medium);border-color:var(--color-accent-blue)}.chart-header{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{font-size:1.125rem;font-weight:600;color:var(--color-primary-dark);margin:0}.chart-content{padding:0 1.5rem 1.5rem}.chart-tabs{display:flex;gap:.75rem}.chart-tabs .tab{background:var(--color-white);border:2px solid var(--color-primary-lightest);color:var(--color-primary-medium);padding:.5rem 1rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.chart-tabs .tab:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue);transform:translateY(-1px)}.chart-tabs .tab.active{background:var(--color-accent-blue);color:var(--color-white);border-color:var(--color-accent-blue);box-shadow:0 2px 8px #4285f44d}.chartjs-container{height:280px;padding:1rem;background:var(--color-white);border-radius:12px;position:relative}.chartjs-container canvas{border-radius:8px}.chart-footer{padding:0 1.5rem 1rem;background:var(--color-white);text-align:center}.chart-date{font-size:.875rem;color:var(--color-primary-dark);font-weight:500}.chart-date-mobile{display:none}@media (max-width: 768px){.chart-header{padding:1rem 1rem 0}.chart-content{padding:0 0 1rem}.chart-footer{padding:.75rem 1rem}.chart-date-desktop{display:none}.chart-date-mobile{display:block}.chart-date{font-size:.75rem}}.search-bar{width:100%}.search-bar-input{position:relative;display:flex;align-items:center;background:var(--color-white);border:2px solid var(--color-primary-lightest);border-radius:12px;transition:all .3s ease;overflow:hidden}.search-bar-input:focus-within{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f41a}.search-icon{position:absolute;left:1rem;color:var(--color-primary-medium);font-size:.875rem;z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color-primary-dark);font-family:inherit}.search-input::placeholder{color:var(--color-primary-light)}.clear-button{position:absolute;right:.75rem;background:none;border:none;color:var(--color-primary-medium);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem}.clear-button:hover{background:var(--color-primary-lightest);color:var(--color-primary-dark)}@media (max-width: 768px){.search-bar{max-width:100%}.search-input{padding:.625rem .875rem .625rem 2.25rem;font-size:.8125rem}.search-icon{left:.875rem;font-size:.8125rem}.clear-button{right:.625rem;font-size:.6875rem}}.date-selector-container{position:relative;display:flex;align-items:center;background:var(--color-white);border:2px solid rgba(0,0,0,.1);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease;padding:.875rem 1.25rem;min-width:fit-content;-webkit-user-select:none;user-select:none}.date-selector-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.date-icon{color:var(--color-text-secondary);font-size:.875rem;margin-right:.5rem;flex-shrink:0}.date-input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color-text-primary);font-family:inherit;font-weight:600;min-width:120px;cursor:pointer;flex:1;pointer-events:auto}.date-input:disabled{opacity:.6;cursor:not-allowed}.date-clear{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;line-height:1;margin-left:.5rem}.date-clear:hover{color:var(--color-text-primary);background-color:var(--color-background)}.date-clear:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.date-selector-container{padding:.875rem 1rem}.date-input{min-width:100px}}.dialog-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:3000}.dialog-container{width:100%;max-width:450px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;padding:24px;max-height:90vh;display:flex;flex-direction:column}.dialog-container:has(.return-confirm-dialog-content),.dialog-container.return-dialog{max-width:600px;max-height:85vh}.dialog-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#111827;flex-shrink:0}.dialog-message{font-size:15px;line-height:1.6;color:#374151;margin-bottom:16px;overflow-y:auto;flex:1;min-height:0}.dialog-container:has(.return-confirm-dialog-content) .dialog-message,.dialog-container.return-dialog .dialog-message{max-height:calc(85vh - 140px);overflow-y:auto;padding-right:8px;margin-right:-8px}.dialog-message::-webkit-scrollbar{width:8px}.dialog-message::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dialog-message::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dialog-message::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dialog-message p{margin:0 0 12px}.dialog-message ul,.dialog-message ol{margin:0 0 12px 20px}.dialog-message strong{color:#111827}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;margin-top:auto;padding-top:16px}.dialog-btn{appearance:none;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:14px;padding:8px 14px;border-radius:8px;cursor:pointer}.dialog-btn:disabled{opacity:.6;cursor:not-allowed}.dialog-cancel:hover{background:#f3f4f6}.dialog-confirm{background:#2563eb;color:#fff;border-color:#2563eb}.dialog-confirm:hover{background:#1d4ed8;border-color:#1d4ed8}.dialog-confirm.destructive{background:#dc2626;border-color:#dc2626}.dialog-confirm.destructive:hover{background:#b91c1c;border-color:#b91c1c}@media (max-width: 768px){.dialog-overlay{padding:1rem;align-items:flex-end}.dialog-container{max-width:100%;width:100%;border-radius:16px 16px 0 0;max-height:90vh;padding:20px}.dialog-container:has(.return-confirm-dialog-content),.dialog-container.return-dialog{max-width:100%;max-height:90vh}.dialog-title{font-size:16px;margin-bottom:12px}.dialog-message{font-size:14px;margin-bottom:16px}.dialog-container:has(.return-confirm-dialog-content) .dialog-message,.dialog-container.return-dialog .dialog-message{max-height:calc(90vh - 120px)}.dialog-actions{flex-direction:column-reverse;gap:8px;padding-top:12px}.dialog-btn{width:100%;padding:10px 16px;font-size:14px}}@media (max-width: 480px){.dialog-overlay{padding:0;align-items:flex-end}.dialog-container{border-radius:12px 12px 0 0;padding:16px;max-height:95vh}.dialog-title{font-size:15px;margin-bottom:10px}.dialog-message{font-size:13px;margin-bottom:14px}.dialog-container:has(.return-confirm-dialog-content) .dialog-message,.dialog-container.return-dialog .dialog-message{max-height:calc(95vh - 110px)}.dialog-actions{padding-top:10px;gap:6px}.dialog-btn{padding:9px 14px;font-size:13px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;display:inline-block}.skeleton-text{height:1em;width:100%}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:0}.skeleton-rounded{border-radius:8px}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-wave{animation:skeleton-wave 1.6s ease-in-out infinite}.skeleton-none{animation:none}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-stat-card{background:var(--color-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.skeleton-stat-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skeleton-stat-card-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-stat-card-footer{margin-top:.5rem}.skeleton-chart{background:var(--color-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.skeleton-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.skeleton-chart-tabs{display:flex;gap:.5rem}.skeleton-chart-content{margin-top:1rem}.skeleton-table{background:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.skeleton-table table{width:100%;border-collapse:collapse}.skeleton-table thead{background:var(--color-gray-50)}.skeleton-table th,.skeleton-table td{padding:1rem;border-bottom:1px solid var(--color-gray-200)}.skeleton-table-row td{padding:1.5rem 1rem}.skeleton-card{background:var(--color-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.skeleton-card-header{margin-bottom:1rem}.skeleton-card-content{display:flex;flex-direction:column;gap:1rem}.skeleton-list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.skeleton-list-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.skeleton-breadcrumbs{display:flex;gap:.5rem;align-items:center}.skeleton-actions{display:flex;gap:1rem}@media (max-width: 768px){.skeleton-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.skeleton-actions{width:100%}.skeleton-actions .skeleton-rounded{flex:1}}.verify-otp-form{display:flex;flex-direction:column;gap:1.5rem}.verify-otp-back{margin-bottom:.5rem}.verify-otp-back-btn{background:none;border:none;color:#778da9;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.5rem 0;transition:color .2s ease}.verify-otp-back-btn:hover{color:#0d1b2a}.verify-otp-icon{display:flex;justify-content:center;margin:1rem 0}.verify-otp-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1b263b,#415a77);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.verify-otp-description{text-align:center;color:#778da9;font-size:.95rem;margin:.5rem 0 0}.verify-otp-email{text-align:center;color:#0d1b2a;font-size:.95rem;font-weight:600;margin:0 0 1rem}.verify-otp-error{background-color:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center}.verify-otp-inputs{display:flex;justify-content:center;gap:.75rem;margin:1rem 0}.verify-otp-input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid #E0E1DD;border-radius:8px;background:#fff;color:#0d1b2a;transition:all .2s ease}.verify-otp-input:focus{outline:none;border-color:#1b263b;box-shadow:0 0 0 3px #1b263b1a}.verify-otp-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.verify-otp-timer{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#dc2626;font-size:.9rem;font-weight:600;margin-top:-.5rem}.verify-otp-form-actions{margin-top:.5rem}.verify-otp-submit-btn{width:100%}.verify-otp-resend{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;color:#778da9}.verify-otp-resend-btn{background:none;border:none;color:#1b263b;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.verify-otp-resend-btn:hover{color:#0d1b2a}.verify-otp-resend-disabled{color:#778da9;font-size:.85rem}.verify-otp-footer{display:flex;justify-content:center;align-items:center;gap:.5rem;padding-top:1rem;margin-top:1rem;border-top:1px solid #E0E1DD;font-size:.9rem;color:#778da9}.verify-otp-link{background:none;border:none;color:#1b263b;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.verify-otp-link:hover{color:#0d1b2a}@media (max-width: 480px){.verify-otp-icon-wrapper{width:60px;height:60px;font-size:1.5rem}.verify-otp-inputs{gap:.5rem}.verify-otp-input{width:42px;height:50px;font-size:1.25rem}.verify-otp-description,.verify-otp-email{font-size:.9rem}}.change-password-form{display:flex;flex-direction:column;gap:1.5rem}.change-password-icon{display:flex;justify-content:center;margin:1rem 0}.change-password-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1b263b,#415a77);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.change-password-description{text-align:center;color:#778da9;font-size:.95rem;line-height:1.6;margin:0}.change-password-error{background-color:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center}.change-password-form-group{display:flex;flex-direction:column;gap:.5rem}.change-password-form-group label{font-size:.9rem;font-weight:600;color:#0d1b2a}.change-password-error-text{color:#dc2626;font-size:.85rem;margin-top:-.25rem}.change-password-requirements{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem;background-color:#f8f9fa;border-radius:8px}.requirement-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#778da9;transition:color .2s ease}.requirement-item.valid,.check-icon-valid{color:#10b981}.check-icon-invalid{color:#d1d5db}.requirement-item span{flex:1}.change-password-form-actions{margin-top:.5rem}.change-password-submit-btn{width:100%}.change-password-footer{display:flex;justify-content:center;align-items:center;gap:.5rem;padding-top:1rem;margin-top:1rem;border-top:1px solid #E0E1DD;font-size:.9rem;color:#778da9}.change-password-link{background:none;border:none;color:#1b263b;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.change-password-link:hover{color:#0d1b2a}@media (max-width: 480px){.change-password-icon-wrapper{width:60px;height:60px;font-size:1.5rem}.change-password-description{font-size:.9rem}.change-password-requirements{padding:.5rem}.requirement-item{font-size:.8rem}}.admin-sidebar{width:280px;min-height:100vh;background:var(--color-primary-darkest);border-right:1px solid rgba(255,255,255,.06);box-shadow:2px 0 10px var(--shadow-light);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:width .3s ease,transform .3s ease;color:var(--color-white)}.admin-sidebar.collapsed.fully-closed{width:0;transform:translate(-100%);border-right:none;box-shadow:none;overflow:hidden;visibility:hidden}.admin-sidebar.collapsed.fully-closed *{opacity:0;pointer-events:none}.sidebar-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;min-height:64px}.sidebar-logo{display:flex;align-items:center;gap:.5rem}.sidebar-logo .logo-image{width:50px;height:50px;border-radius:50%;object-fit:contain}.sidebar-logo .logo-text{font-size:1rem;font-weight:700;color:var(--color-white)}.sidebar-nav{flex:1;padding:.5rem 0}.sidenav-list{list-style:none;padding:0;margin:0}.sidenav-item{margin-bottom:.25rem}.sidenav-link{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:0 .5rem;color:#ffffffd9;text-decoration:none;border-radius:8px;transition:all .2s ease;font-weight:500}.sidenav-link:hover{background:#ffffff14;color:var(--color-white);transform:translate(2px)}.sidenav-link.active{background:#4285f42e;color:var(--color-white);width:95%}.sidenav-link .active-extend{content:"";position:absolute;right:-8px;top:6px;bottom:6px;width:8px;border-top-right-radius:8px;border-bottom-right-radius:8px}.sidenav-icon{font-size:1.05rem;width:20px;text-align:center}.admin-sidebar.collapsed .nav-label{display:none}.sidebar-logout{border-top:1px solid rgba(255,255,255,.06);padding:.75rem}.logout-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:#ffffffe6;text-decoration:none;border-radius:6px;transition:background .2s ease}.logout-link:hover{background:#f443361f;color:#ff7676}.logout-icon{width:16px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%);width:280px;z-index:1001}.admin-sidebar:not(.collapsed){transform:translate(0)}.admin-sidebar.collapsed{transform:translate(-100%)}}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);width:280px;z-index:1001}.admin-sidebar:not(.collapsed){transform:translate(0)}.admin-sidebar.collapsed{transform:translate(-100%)}}.admin-header{background:var(--color-white);border-bottom:1px solid var(--color-primary-lightest);box-shadow:0 2px 10px var(--shadow-light);position:sticky;top:0;z-index:999;padding:0 2rem}.header-content{display:flex;align-items:center;justify-content:space-between;min-height:70px;max-width:100%}.header-left{display:flex;align-items:center;gap:.25rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin:0;line-height:1.2}.page-title.store-selector{font-weight:600;font-size:1rem;color:var(--color-primary-dark);padding:.5rem 2.25rem .5rem .75rem;border:1px solid var(--color-primary-lightest);border-radius:10px;background:linear-gradient(0deg,#fff,#fafbff);box-shadow:0 1px 2px #1018280a;appearance:none;outline:none;cursor:pointer;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title.store-selector:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f42e}.page-title.store-selector{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5L10 12l4.5-4.5' stroke='%2390A4AE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.page-title.store-selector:hover{border-color:var(--color-primary-light)}.header-right{display:flex;align-items:center;gap:1rem}.header-action{background:none;border:none;color:var(--color-primary-medium);font-size:1.125rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:all .3s ease;position:relative}.header-action:hover{background:var(--color-accent-light);color:var(--color-accent-blue)}.notification-badge{position:absolute;top:.5rem;right:.5rem;background:#f44336;color:var(--color-white);font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:16px;text-align:center;line-height:1}.user-menu-wrapper{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.user-menu-trigger:hover{background:var(--color-accent-light)}.user-avatar{width:36px;height:36px;background:var(--color-accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1.125rem}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:.875rem;font-weight:600;color:var(--color-primary-dark);line-height:1.2}.user-role{font-size:.75rem;color:var(--color-primary-light);line-height:1.2}.dropdown-arrow{color:var(--color-primary-light);font-size:.75rem;transition:transform .3s ease}.user-menu-trigger:hover .dropdown-arrow{color:var(--color-accent-blue)}.user-menu-dropdown{position:absolute;top:100%;right:0;background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:12px;box-shadow:0 8px 32px var(--shadow-medium);min-width:280px;z-index:1000;overflow:hidden;margin-top:.5rem}.dropdown-header{padding:1rem;background:var(--color-accent-light);border-bottom:1px solid var(--color-primary-lightest)}.dropdown-user-info{display:flex;align-items:center;gap:.75rem}.dropdown-avatar{width:48px;height:48px;background:var(--color-accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1.25rem}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-details{flex:1}.dropdown-name{font-size:1rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:.25rem}.dropdown-email{font-size:.875rem;color:var(--color-primary-medium)}.dropdown-menu{padding:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-primary-medium);text-decoration:none;transition:all .3s ease;font-size:.875rem}.dropdown-item:hover{background:var(--color-accent-light);color:var(--color-accent-blue)}.dropdown-item.logout{color:#f44336}.dropdown-item.logout:hover{background:#f443361a;color:#f44336}.dropdown-divider{height:1px;background:var(--color-primary-lightest);margin:.5rem 0}@media (max-width: 768px){.admin-header{padding:0 1rem}.page-title{font-size:1.25rem}.breadcrumbs{display:none}.search-input{width:200px}.user-info{display:none}.user-menu-dropdown{min-width:240px}}.header-menu-btn{background:none;border:none;color:var(--color-primary-medium);font-size:1.2rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-menu-btn:hover{background:var(--color-accent-light);color:var(--color-accent-blue);transform:scale(1.05)}@media (max-width: 480px){.header-search{display:none}.header-right{gap:.5rem}}.admin-layout{display:flex;min-height:100vh;background:var(--color-accent-light);overflow-x:hidden;position:relative}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-backdrop.active{opacity:1;visibility:visible}.admin-main{flex:1;margin-left:280px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 280px)}.admin-main.sidebar-collapsed{margin-left:0;width:100%}.admin-content{flex:1;padding:2rem;overflow-y:auto;width:100%;overflow-x:hidden}.content-wrapper{max-width:100%;margin:0 auto;width:100%}@media (max-width: 1024px){.admin-main,.admin-main.sidebar-collapsed{margin-left:0;width:100%}}@media (max-width: 768px){.admin-main,.admin-main.sidebar-collapsed{margin-left:0;width:100%}.admin-content{padding:.5rem}}.recent-sales-card .card-header{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recent-sales-card .card-content{padding:0 0 1.5rem}.recent-sales-card .table-container{background:transparent;border:none;box-shadow:none;border-radius:0}.recent-sales-card .table{width:100%;overflow:hidden}.recent-sales-card thead th{background:var(--color-primary-darkest);color:var(--color-white);text-transform:uppercase;letter-spacing:.02em;font-size:.9rem;padding:1rem 1.25rem;border-radius:0}.recent-sales-card tbody td{padding:1rem 1.25rem;font-size:.95rem}.recent-sales-card .table-row:hover{background:#4285f40f}.low-stock-card .card-header{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.low-stock-card .card-content{padding:0 0 1.5rem}.low-stock-card .table-container{background:transparent;border:none;box-shadow:none;border-radius:0}.low-stock-card thead th{background:var(--color-primary-darkest);color:var(--color-white);text-transform:uppercase;letter-spacing:.02em;font-size:.9rem;padding:1rem 1.25rem}.low-stock-card tbody td{padding:1rem 1.25rem}.lowstock-table .low-name{font-weight:700}.lowstock-table .low-variant{color:var(--color-primary-light);font-size:.85rem}.lowstock-table .low-category{color:var(--color-primary-dark);font-weight:600}.lowstock-table .low-left{font-weight:700;color:var(--color-accent-blue)}.lowstock-table .low-left.warn{color:#f59e0b}.lowstock-table .low-left.danger{color:#ef4444}.stats-grid.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.stats-grid.three-cols{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.stats-grid.three-cols{grid-template-columns:1fr;gap:1rem}}.chart-date-selector-btn{display:flex;align-items:center;gap:.5rem}.chart-date-modal-content{padding:1rem 0}.chart-modal-description{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.5}.chart-quick-ranges{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.chart-quick-btn{padding:.5rem 1rem;border:1px solid var(--color-primary-lightest);border-radius:6px;background:var(--color-white);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.chart-quick-btn:hover{background:var(--color-primary-lightest);border-color:var(--color-primary)}.chart-date-inputs{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.chart-date-input{display:flex;flex-direction:column;gap:.5rem}.chart-date-input label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.chart-date-input-field{padding:.75rem;border:1px solid var(--color-primary-lightest);border-radius:6px;font-size:.875rem;color:var(--color-text-primary);background:var(--color-white);transition:border-color .2s ease}.chart-date-input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4285f41a}.chart-date-input-field:disabled{background:var(--color-primary-lightest);cursor:not-allowed}.chart-modal-actions{display:flex;justify-content:flex-end;gap:1rem}.chart-modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}.reports-generate-pdf{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.reports-generate-btn{display:flex;align-items:center;gap:.5rem}.reports-pdf-modal .modal-content{max-width:500px}.reports-modal-content{padding:1rem 0}.reports-modal-description{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.5}.reports-store-input{margin-bottom:1.5rem}.reports-date-inputs{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.reports-date-input{display:flex;flex-direction:column;gap:.5rem}.reports-date-input label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.reports-modal-actions{display:flex;justify-content:flex-end;gap:1rem}.reports-modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}.reports-trends{width:100%}.reports-trends .chart-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.reports-trends .chart-header-left .chart-title{display:none}.reports-trends .chart-header-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.reports-trends .chartjs-container{min-height:260px}@media (max-width: 1024px){.reports-trends .chart-header{flex-direction:column}.reports-trends .chart-header-right{width:100%;justify-content:center}}@media (max-width: 640px){.reports-trends .chartjs-container{padding:.5rem;min-height:220px}}.reports-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.reports-daily-sales-card,.reports-sales-projection-card{background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:1rem}.reports-card-header{display:flex;align-items:center;gap:.75rem}.reports-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.reports-icon-green{background-color:#10b981}.reports-icon-orange{background-color:#f59e0b}.reports-card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.reports-card-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.reports-card-value{font-size:1.5rem;font-weight:700;color:var(--color-success)}.reports-card-subtext{font-size:.875rem;color:var(--color-text-secondary)}.reports-card-comparison{display:flex;justify-content:space-between;align-items:flex-end;margin-top:.5rem}.reports-comparison-left{display:flex;flex-direction:column;gap:.25rem}.reports-comparison-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.reports-comparison-item{display:flex;flex-direction:column;gap:.25rem}.reports-comparison-value{font-size:1rem;font-weight:600;color:var(--color-success)}.reports-comparison-label,.reports-comparison-details{font-size:.875rem;color:var(--color-text-secondary)}.reports-comparison-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:6px;background:var(--color-primary-lightest);color:var(--color-text-secondary)}.reports-badge-green{background:#d1fae5;color:#065f46}.reports-badge-blue{background:#dbeafe;color:#1d4ed8}.reports-comparison-percentage{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.reports-comparison-percentage.baseline{color:#1d4ed8}@media (max-width: 768px){.reports-stats-grid{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.dashboard-card{background:var(--color-white);border-radius:16px;box-shadow:0 4px 20px var(--shadow-light);overflow:hidden;transition:all .3s ease;border:1px solid var(--color-primary-lightest)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow-medium);border-color:var(--color-accent-blue)}.card-header{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-primary-dark);margin:0}.card-icon{color:var(--color-primary-light);font-size:1.25rem}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:1rem}.card-header{padding:1rem 1rem 0}.card-content{padding:0 1rem 1rem}}.stats-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-card{width:min(720px,92vw);background:var(--color-white);border-radius:20px;box-shadow:0 20px 60px var(--shadow-dark);overflow:hidden;animation:slideUp .3s ease;border:1px solid var(--color-primary-lightest)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-primary-lightest)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--color-primary-dark)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-primary-medium)}.modal-body{padding:1rem 1.25rem 1.25rem}.sale-meta{display:grid;gap:.75rem;margin-bottom:1rem;color:var(--color-primary-medium)}.items-section h4{margin:0 0 .75rem}.items-table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-primary-lightest);text-align:left}.items-total{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.75rem;font-weight:700}@media (max-width: 1024px){.stats-grid.three-cols,.sale-meta{grid-template-columns:1fr}}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.inventory-stats{grid-template-columns:1fr}}.inventory-table-container{background:var(--color-white);border-radius:16px;box-shadow:0 4px 20px var(--shadow-light);overflow:hidden;border:1px solid var(--color-primary-lightest)}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead th{text-align:left;padding:1rem .75rem;background:var(--color-primary-darkest);color:var(--color-white);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.inventory-table .product-name{font-size:1rem}.inventory-table tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--color-primary-lightest);transition:background-color .2s ease}.inventory-table tbody tr:hover{background-color:var(--color-accent-light)}.inventory-table tbody tr:last-child td{border-bottom:none}.product-image{width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--color-primary-lightest);display:flex;align-items:center;justify-content:center}.product-name{font-weight:600;color:var(--color-primary-dark)}.product-description{color:var(--color-primary-medium)}.product-price{font-weight:600;color:var(--color-primary-dark)}.product-category{color:var(--color-primary-medium)}.product-stock{font-weight:600;color:var(--color-primary-dark);text-align:center}.action-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:.875rem}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.add-stock-btn{color:var(--color-accent-blue)}.add-stock-btn:hover{background:var(--color-accent-light);color:var(--color-accent-blue)}.inventory-table-empty-cell{text-align:center;padding:16px;color:#6b7280}@media (max-width: 768px){.inventory-table-container{overflow-x:auto}.inventory-table{min-width:800px}}.inventory-search{display:flex;align-items:center;width:100%}.inventory-search-bar{width:100%}@media (max-width: 768px){.inventory-search{margin-bottom:1rem}.inventory-search-bar{max-width:100%}}.filter-modal-content{padding:0}.filter-sections{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--color-primary-lightest);border-radius:12px;margin-bottom:1.5rem}.filter-section{display:flex;flex-direction:column;gap:.75rem}.filter-title{font-size:.875rem;font-weight:600;color:var(--color-primary-dark);margin:0;text-transform:uppercase;letter-spacing:.5px}.filter-summary{padding:1.5rem;background:var(--color-white);border-radius:12px;border:1px solid var(--color-primary-lightest);margin-bottom:1.5rem}.summary-title{font-size:.875rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-accent-blue);color:var(--color-white);padding:.5rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.remove-filter{background:none;border:none;color:var(--color-white);cursor:pointer;padding:.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.625rem;transition:all .2s ease}.remove-filter:hover{background:#fff3;transform:scale(1.1)}.no-filters{color:var(--color-primary-medium);font-size:.875rem;font-style:italic}.filter-actions{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem;background:var(--color-primary-lightest);border-radius:12px}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .2s ease;background:var(--color-white);border:1px solid var(--color-primary-light);color:var(--color-primary-medium)}.clear-filters-btn:hover{background:var(--color-accent-red);border-color:var(--color-accent-red);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.apply-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .2s ease;background:var(--color-accent-blue);border:1px solid var(--color-accent-blue);color:var(--color-white)}.apply-filters-btn:hover{background:var(--color-accent-blue-dark);border-color:var(--color-accent-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}@media (max-width: 768px){.filter-sections{padding:1rem;gap:1rem}.filter-summary{padding:1rem}.filter-actions{flex-direction:column;padding:1rem}.clear-filters-btn,.apply-filters-btn{width:100%;justify-content:center}}@media (max-width: 480px){.filter-sections,.filter-summary,.filter-actions{padding:.75rem}.active-filters{flex-direction:column;align-items:flex-start}}.view-product-content{padding:0}.product-image-section{display:flex;justify-content:center;margin-bottom:2rem;padding:1rem;background:var(--color-primary-lightest);border-radius:12px}.product-image-large{width:200px;height:200px;border-radius:12px;overflow:hidden;background:var(--color-white);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--shadow-light)}.product-image-large img{width:100%;height:100%;object-fit:cover}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-primary-lightest)}.product-title{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin:0}.product-details{display:flex;flex-direction:column;gap:1.5rem}.detail-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:8px;transition:all .2s ease}.detail-item:hover{border-color:var(--color-accent-blue);box-shadow:0 2px 8px var(--shadow-light)}.detail-icon{width:40px;height:40px;background:var(--color-accent-blue);color:var(--color-white);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.detail-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.detail-label{font-size:.875rem;font-weight:600;color:var(--color-primary-medium);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:1rem;font-weight:600;color:var(--color-primary-dark)}@media (max-width: 768px){.product-image-large{width:150px;height:150px}.product-header{flex-direction:column;align-items:flex-start;gap:1rem}.product-title{font-size:1.25rem}.detail-item{padding:.75rem}.detail-icon{width:35px;height:35px;font-size:.875rem}}.add-product-form{padding:0}.image-preview{display:flex;justify-content:center;align-items:center;width:100%;min-height:200px;border:2px dashed var(--color-primary-lightest);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.image-preview:hover{border-color:var(--color-accent-blue);background:var(--color-accent-light)}.image-preview.drag-over{border-color:var(--color-accent-blue);background:var(--color-accent-light);transform:scale(1.02)}.image-preview img{width:250px;height:auto;object-fit:cover;border-radius:8px}@media (max-width: 768px){.image-preview img{width:100%}.form-sections{gap:1.5rem}.form-section{padding:1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.image-preview{height:100%}.form-actions{flex-direction:column;padding:1rem}.form-actions button{width:100%}}.edit-product-form{padding:0}.form-sections{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.form-section{padding:1.5rem;background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:12px}.section-title{font-size:1.125rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-primary-lightest)}.image-upload-area{display:flex;flex-direction:column;gap:1rem}.edit-image-preview{display:flex;justify-content:center;align-items:center;width:100%;min-height:200px;border:2px dashed var(--color-primary-lightest);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.edit-image-preview:hover{border-color:var(--color-accent-blue);background:var(--color-accent-light)}.edit-image-preview.drag-over{border-color:var(--color-accent-blue);background:var(--color-accent-light);transform:scale(1.02)}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.edit-image-preview img{width:250px;height:250px;object-fit:cover;border-radius:8px}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.875rem}.remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-primary-medium);font-size:.875rem;font-weight:500;text-align:center;padding:2rem}.image-placeholder small{color:var(--color-primary-light);font-size:.75rem}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;font-weight:500}.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-primary-medium);font-size:.875rem;font-weight:500}.image-placeholder svg{font-size:2rem;color:var(--color-primary-light)}@media (max-width: 768px){.edit-image-preview img{width:100%}.form-sections{gap:1.5rem}.form-section{padding:1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.form-actions{flex-direction:column;padding:1rem}.form-actions button{width:100%}}@media (max-width: 480px){.form-sections{gap:1rem}.form-section{padding:.75rem}.section-title{font-size:1rem;margin-bottom:1rem}}.add-stock-content{padding:0}.product-info{display:flex;gap:1rem;padding:1.5rem;background:var(--color-primary-lightest);border-radius:12px;margin-bottom:2rem}.product-image{width:80px;height:80px;border-radius:12px;overflow:hidden;background:var(--color-white);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-light);flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover}.product-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.product-name{font-size:1.125rem;font-weight:700;color:var(--color-primary-dark);margin:0}.product-description{color:var(--color-primary-medium);font-size:.875rem;margin:0}.current-stock{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.stock-label{font-size:.875rem;font-weight:600;color:var(--color-primary-medium)}.stock-value{font-size:.875rem;font-weight:700;color:var(--color-accent-blue);background:var(--color-white);padding:.25rem .5rem;border-radius:6px;border:1px solid var(--color-accent-blue)}.form-group{margin-bottom:2rem}.form-help{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--color-accent-light);border-radius:8px;font-size:.875rem;color:var(--color-primary-medium)}.help-icon{color:var(--color-accent-blue);font-size:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-radius:12px;margin-top:1rem}@media (max-width: 768px){.product-info{flex-direction:column;text-align:center;padding:1rem}.product-image{width:100px;height:100px;margin:0 auto}.product-details{align-items:center}.current-stock{justify-content:center}.form-actions{flex-direction:column;padding:1rem}.form-actions button{width:100%}}@media (max-width: 480px){.product-info,.form-actions{padding:.75rem}}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.inventory-search-and-actions{display:flex;align-items:center;gap:.75rem;flex:1;max-width:500px}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:12px;font-weight:600;font-size:.875rem;transition:all .3s ease;white-space:nowrap;min-width:fit-content;background:var(--color-white)}.filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.filter-text{display:inline}@media (max-width: 768px){.filter-text{display:none}.filter-btn{padding:.875rem;min-width:44px;justify-content:center}}@media (max-width: 1024px){.action-bar{flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem}.inventory-search-and-actions{justify-content:center;max-width:none}}@media (max-width: 768px){.action-bar{padding:1rem;margin-bottom:1.5rem}.inventory-search-and-actions{flex-direction:column;gap:.75rem;align-items:stretch}}@media (max-width: 480px){.action-bar{padding:.75rem;border-radius:12px}}.pos-search-container{width:100%;display:flex;gap:.75rem;align-items:center}.pos-search-input-wrapper{position:relative;flex:1;min-width:0}.pos-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-primary-light);font-size:1rem;z-index:1}.pos-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid var(--color-primary-lightest);border-radius:8px;font-size:1rem;background:var(--color-white);transition:all .2s ease}.pos-search-input:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f41a}.pos-search-input::placeholder{color:var(--color-primary-light)}.pos-return-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid var(--color-accent-blue);border-radius:8px;background:var(--color-white);color:var(--color-accent-blue);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pos-return-button:hover{background:var(--color-accent-blue);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.pos-return-button:active{transform:translateY(0)}.pos-return-button-icon,.pos-return-button-text{font-size:1rem}@media (max-width: 768px){.pos-search-container{flex-direction:column;gap:.5rem}.pos-search-input-wrapper{width:100%}.pos-search-input{padding:.625rem .875rem .625rem 2.25rem;font-size:.875rem}.pos-search-icon{left:.875rem;font-size:.875rem}.pos-return-button{width:100%;justify-content:center;padding:.625rem 1rem;font-size:.875rem}.pos-return-button-icon,.pos-return-button-text{font-size:.875rem}}.pos-filters-container{width:100%;position:relative;display:flex;align-items:center;gap:.5rem}.pos-filters-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth;flex:1;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.pos-filters-tabs::-webkit-scrollbar{height:6px}.pos-filters-tabs::-webkit-scrollbar-thumb{background:var(--color-primary-lightest);border-radius:3px}.pos-filters-tabs::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@media (min-width: 769px){.pos-filters-tabs::-webkit-scrollbar{display:none}.pos-filters-tabs{-ms-overflow-style:none;scrollbar-width:none}}.pos-scroll-btn{position:relative;background:var(--color-white);border:2px solid var(--color-primary-lightest);border-radius:50%;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:var(--color-primary-medium);box-shadow:0 2px 8px #0000001a;flex-shrink:0}.pos-scroll-btn:hover{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:var(--color-white);transform:scale(1.1);box-shadow:0 4px 12px #00000026}.pos-scroll-btn:active{transform:scale(.95)}.pos-scroll-btn-left,.pos-scroll-btn-right{position:relative}.pos-filter-tab{padding:.5rem 1rem;border:2px solid var(--color-primary-lightest);border-radius:8px;background:var(--color-white);color:var(--color-primary-medium);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:fit-content}.pos-filter-tab:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:var(--color-accent-light)}.pos-filter-tab.active,.pos-filter-tab.active:hover{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:var(--color-white)}@media (max-width: 1024px){.pos-scroll-btn{width:28px;height:28px;min-width:28px}}@media (max-width: 768px){.pos-filter-tab{padding:.375rem .75rem;font-size:.75rem}.pos-scroll-btn{display:none}.pos-filters-container{gap:0}}.pos-product-grid-container{flex:1;overflow-y:auto;padding-right:.5rem}.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;padding:.5rem 0}.pos-product-card{background:var(--color-white);border:2px solid var(--color-primary-lightest);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 4px var(--shadow-light)}.pos-product-card:hover{border-color:var(--color-accent-blue);box-shadow:0 4px 12px var(--shadow-medium);transform:translateY(-2px)}.pos-product-image{width:70px;height:70px;background:var(--color-primary-lightest);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;overflow:hidden}.pos-product-image img{width:100%;height:100%;object-fit:cover}.pos-product-placeholder{font-size:2rem;color:var(--color-primary-light)}.pos-product-info{width:100%}.pos-product-name{font-size:.875rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 .25rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-product-description{font-size:.6875rem;color:var(--color-primary-medium);margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-product-category{font-size:.75rem;color:var(--color-primary-light);margin:0 0 .5rem}.pos-product-price{font-size:.875rem;font-weight:600;color:var(--color-accent-blue);margin:0}.pos-product-grid-container::-webkit-scrollbar{width:6px}.pos-product-grid-container::-webkit-scrollbar-thumb{background:var(--color-primary-lightest);border-radius:3px}.pos-product-grid-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@media (max-width: 1024px){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}}@media (max-width: 768px){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.pos-product-card{padding:.5rem}.pos-product-image{width:50px;height:50px;margin-bottom:.25rem}.pos-product-placeholder{font-size:1.5rem}.pos-product-name{font-size:.6875rem;line-height:1.1}.pos-product-description{font-size:.5625rem;line-height:1.2}.pos-product-category{font-size:.625rem}.pos-product-price{font-size:.75rem}}@media (max-width: 480px){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.375rem}.pos-product-card{padding:.375rem}.pos-product-image{width:45px;height:45px}.pos-product-placeholder{font-size:1.25rem}.pos-product-name{font-size:.625rem}.pos-product-description{font-size:.5rem;line-height:1.2}.pos-product-category{font-size:.5625rem}.pos-product-price{font-size:.6875rem}}.pos-order-list-container{flex:1;display:flex;flex-direction:column}.pos-order-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-primary-dark);border-radius:8px;margin-bottom:1rem}.pos-order-title{color:var(--color-white);font-size:1.125rem;font-weight:600;margin:0}.pos-clear-btn{background:var(--color-white);color:var(--color-primary-dark);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pos-clear-btn:hover{background:var(--color-accent-light);color:var(--color-accent-blue)}.pos-order-items{flex:1;overflow-y:auto;padding-right:.5rem;min-height:300px;max-height:400px}.pos-empty-order{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-primary-medium);font-size:1.125rem;font-weight:500;text-align:center;padding:2rem;background:var(--color-accent-light);border:2px dashed var(--color-primary-lightest);border-radius:10px;margin:1rem 0}.pos-order-item{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:10px;margin-bottom:.75rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.pos-order-item:hover{box-shadow:0 2px 6px #0000001a;border-color:var(--color-primary-light)}.pos-order-item-image{width:60px;height:60px;background:var(--color-accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-primary-lightest)}.pos-order-item-image img{width:100%;height:100%;object-fit:cover}.pos-order-placeholder{font-size:1rem;color:var(--color-primary-light)}.pos-order-item-info{flex:1;display:flex;flex-direction:column;justify-content:center}.pos-order-item-name{font-size:1rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-order-item-price{font-size:.875rem;color:var(--color-accent-blue);margin:0;font-weight:600}.pos-order-item-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pos-quantity-btn{width:32px;height:32px;border:2px solid var(--color-primary-lightest);background:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:var(--color-primary-medium);box-shadow:0 1px 3px #0000000d}.pos-quantity-btn:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:var(--color-accent-light);transform:scale(1.1);box-shadow:0 2px 6px #0000001a}.pos-quantity{font-size:.9375rem;font-weight:700;color:var(--color-accent-blue);min-width:24px;text-align:center;padding:0 .25rem}.pos-remove-btn{width:32px;height:32px;border:none;background:#ff6b6b;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:var(--color-white);box-shadow:0 1px 3px #ff6b6b4d}.pos-remove-btn:hover{background:#ff5252;transform:scale(1.1);box-shadow:0 2px 6px #ff525266}.pos-order-total{padding:1rem;background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-primary-lightest) 100%);border-radius:10px;margin-top:1rem;border:2px solid var(--color-primary-lightest);box-shadow:0 2px 8px #0000000d}.pos-total-row{display:flex;justify-content:space-between;align-items:center}.pos-total-label{font-size:1.125rem;font-weight:600;color:var(--color-primary-dark)}.pos-total-amount{font-size:1.5rem;font-weight:700;color:var(--color-accent-blue)}.pos-order-items::-webkit-scrollbar{width:6px}.pos-order-items::-webkit-scrollbar-thumb{background:var(--color-primary-lightest);border-radius:3px}.pos-order-items::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@media (max-width: 768px){.pos-order-header{padding:.75rem}.pos-order-title{font-size:1rem}.pos-clear-btn{padding:.375rem .75rem;font-size:.75rem}.pos-order-item{padding:.5rem;gap:.5rem}.pos-order-item-image{width:32px;height:32px}.pos-order-item-name{font-size:.75rem}.pos-order-item-price{font-size:.625rem}.pos-quantity-btn,.pos-remove-btn{width:20px;height:20px;font-size:.625rem}.pos-quantity{font-size:.75rem}}@media (max-width: 768px){.pos-order-items{min-height:200px;max-height:300px}.pos-order-total{padding:.5rem}.pos-total-label{font-size:.75rem}.pos-total-amount{font-size:1rem}}@media (max-width: 480px){.pos-order-items{min-height:150px;max-height:250px}}@media (max-width: 480px){.pos-order-header{padding:.625rem}.pos-order-title{font-size:.875rem}.pos-clear-btn{padding:.25rem .5rem;font-size:.6875rem}.pos-order-item{padding:.375rem;gap:.375rem}.pos-order-item-image{width:28px;height:28px}.pos-order-item-name{font-size:.6875rem}.pos-order-item-price{font-size:.5625rem}.pos-quantity-btn,.pos-remove-btn{width:20px;height:20px;font-size:.5625rem}.pos-quantity{font-size:.6875rem}}.pos-payment-container{margin-top:1rem}.pos-payment-section{background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:8px;padding:1.5rem}.pos-payment-title{font-size:1.125rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 1rem}.pos-payment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pos-payment-row:last-of-type{margin-bottom:1.5rem}.pos-payment-field{margin-bottom:1rem}.pos-payment-field .pos-payment-label{display:block;margin-bottom:.5rem}.pos-payment-label{font-size:.875rem;font-weight:500;color:var(--color-primary-medium)}.pos-payment-value{font-size:1rem;font-weight:600;color:var(--color-primary-dark)}.pos-payment-input-wrapper{position:relative;display:flex;align-items:center}.pos-peso-symbol{position:absolute;left:.75rem;color:var(--color-primary-medium);font-size:.875rem;font-weight:500;z-index:1}.pos-payment-input{width:100%;padding:.5rem .5rem .5rem 2rem;border:2px solid var(--color-primary-lightest);border-radius:6px;font-size:.875rem;text-align:right;transition:all .2s ease}.pos-payment-input:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f41a}.pos-payment-input::placeholder{color:var(--color-primary-light)}.pos-payment-actions{display:flex;gap:.75rem}.pos-back-btn{flex:1;padding:.75rem;border:2px solid var(--color-primary-lightest);background:var(--color-white);color:var(--color-primary-medium);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pos-back-btn:hover{border-color:var(--color-primary-light);background:var(--color-accent-light);color:var(--color-primary-dark)}.pos-complete-sale-btn{flex:2;padding:.75rem;border:none;background:var(--color-accent-blue);color:var(--color-white);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pos-complete-sale-btn:hover:not(:disabled){background:var(--color-accent-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.pos-complete-sale-btn:disabled{background:var(--color-primary-lightest);color:var(--color-primary-light);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.pos-payment-section{padding:1rem}.pos-payment-title{font-size:1rem}.pos-payment-row{margin-bottom:.75rem}.pos-payment-label{font-size:.75rem}.pos-payment-value{font-size:.875rem}.pos-payment-input{padding:.375rem;font-size:.75rem}.pos-payment-actions{flex-direction:column;gap:.5rem}.pos-back-btn,.pos-complete-sale-btn{padding:.625rem;font-size:.75rem}}@media (max-width: 480px){.pos-payment-section{padding:.75rem}.pos-payment-title{font-size:.875rem;margin-bottom:.75rem}.pos-payment-row{margin-bottom:.5rem}.pos-payment-row:last-of-type{margin-bottom:1rem}.pos-payment-label{font-size:.6875rem}.pos-payment-value{font-size:.8125rem}.pos-payment-input-wrapper{margin-bottom:.5rem}.pos-peso-symbol{font-size:.8125rem;left:.5rem}.pos-payment-input{padding:.5rem .5rem .5rem 1.75rem;font-size:.6875rem}.pos-payment-actions{gap:.375rem}.pos-back-btn,.pos-complete-sale-btn{padding:.5625rem;font-size:.6875rem}}.pos-receipt-container{display:flex;flex-direction:column;width:100%;max-width:360px;margin:0 auto;background:var(--color-white);border:1px dashed var(--color-primary-lightest);border-radius:6px;box-shadow:0 2px 6px var(--shadow-light);overflow:hidden;font-family:Courier New,monospace}.pos-receipt-header{background:var(--color-white);color:var(--color-primary-dark);padding:1rem;text-align:center}.pos-receipt-title{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;letter-spacing:.5px}.pos-receipt-subtitle{font-size:.75rem;margin:0 0 .25rem;opacity:.85}.pos-receipt-datetime{font-size:.75rem;margin:0 0 .5rem;opacity:.8}.pos-receipt-divider-header{height:1px;background:var(--color-primary-lightest);margin:0}.pos-receipt-content{flex:1;padding:1rem}.pos-receipt-items{margin-bottom:1rem}.pos-receipt-items-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem;padding:.25rem 0;border-bottom:1px dashed var(--color-primary-lightest);font-weight:600;font-size:.75rem;color:var(--color-primary-medium);text-transform:uppercase;letter-spacing:.5px}.pos-receipt-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem;padding:.4rem 0;border-bottom:1px dotted var(--color-primary-lightest);font-size:.875rem}.pos-receipt-item:last-child{border-bottom:none}.pos-receipt-item-name{color:var(--color-primary-dark);word-break:break-word}.pos-receipt-item-qty{color:var(--color-primary-medium)}.pos-receipt-item-price{color:var(--color-primary-dark);font-weight:500}.pos-receipt-divider{height:1px;background:var(--color-primary-lightest);margin:1rem 0}.pos-receipt-summary{margin-bottom:1.5rem}.pos-receipt-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem}.pos-receipt-summary-row.total-row{border-top:1px solid var(--color-primary-lightest);padding-top:.5rem;margin-top:.5rem;font-weight:600;font-size:1rem}.pos-receipt-summary-label{color:var(--color-primary-medium)}.pos-receipt-summary-value{color:var(--color-primary-dark);font-weight:500}.pos-receipt-summary-row.total-row .pos-receipt-summary-value{color:var(--color-accent-blue);font-weight:700}.pos-receipt-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--color-primary-lightest)}.pos-receipt-thankyou{font-size:.875rem;color:var(--color-primary-medium);margin:0 0 .5rem;font-style:italic}.pos-receipt-store{font-size:.75rem;color:var(--color-primary-light);margin:0;font-weight:500}.pos-receipt-actions{padding:1rem 1.5rem;background:var(--color-accent-light);border-top:1px solid var(--color-primary-lightest)}.pos-new-order-btn{width:100%;padding:.875rem;border:none;background:var(--color-accent-blue);color:var(--color-white);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pos-new-order-btn:hover{background:var(--color-accent-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}@media (max-width: 768px){.pos-receipt-header{padding:1rem}.pos-receipt-title{font-size:1.25rem}.pos-receipt-subtitle{font-size:.75rem}.pos-receipt-datetime{font-size:.625rem}.pos-receipt-content{padding:1rem}.pos-receipt-items-header,.pos-receipt-item,.pos-receipt-summary-row{font-size:.75rem}.pos-receipt-summary-row.total-row{font-size:.875rem}.pos-receipt-thankyou{font-size:.75rem}.pos-receipt-store{font-size:.625rem}.pos-receipt-actions{padding:.75rem 1rem}.pos-new-order-btn{padding:.75rem;font-size:.875rem}}.return-modal-content{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto}.modal-card:has(.return-modal-content){max-width:900px;width:90%}.return-modal-section{display:flex;flex-direction:column;gap:.5rem}.return-modal-label{font-weight:600;color:var(--color-primary-dark);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.return-modal-select{padding:.75rem;border:2px solid var(--color-primary-lightest);border-radius:8px;font-size:1rem;background:var(--color-white);color:var(--color-primary-dark);cursor:pointer;transition:all .2s ease}.return-modal-select:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f41a}.return-modal-select:disabled{background:var(--color-accent-light);cursor:not-allowed;opacity:.6}.return-modal-select option:disabled{color:var(--color-primary-light);font-style:italic}.return-modal-select option:not(:disabled){color:var(--color-primary-dark)}.return-modal-loading{padding:.75rem;text-align:center;color:var(--color-primary-medium);font-style:italic}.return-modal-sale-info{background:var(--color-accent-light);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.return-modal-sale-info-row{display:flex;align-items:center;gap:.5rem}.return-modal-sale-info-label{font-weight:600;color:var(--color-primary-medium);font-size:.875rem}.return-modal-sale-info-value{color:var(--color-primary-dark);font-size:.875rem}.return-modal-items-container{border:1px solid var(--color-primary-lightest);border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.return-modal-items-table{width:100%;min-width:700px;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.return-modal-items-table thead{background:var(--color-accent-light);position:sticky;top:0;z-index:1}.return-modal-items-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;border-bottom:2px solid var(--color-primary-lightest)}.return-modal-items-table td{padding:.75rem;border-bottom:1px solid var(--color-primary-lightest);color:var(--color-primary-dark)}.return-modal-items-table tbody tr:hover{background:var(--color-accent-light)}.return-modal-items-table tbody tr.return-modal-item-selected{background:#4285f41a}.return-modal-items-table tbody tr:last-child td{border-bottom:none}.return-modal-table-checkbox{width:50px;min-width:50px}.return-modal-table-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent-blue)}.return-modal-table-product{width:28%;min-width:150px;font-weight:500}.return-modal-table-qty-purchased{width:12%;min-width:100px;text-align:center}.return-modal-already-returned{font-size:.7rem;color:var(--color-primary-medium);font-style:italic;display:block;margin-top:.125rem}.return-modal-table-price{width:12%;min-width:90px;text-align:center}.return-modal-table-qty-return{width:18%;min-width:120px;text-align:center}.return-modal-remaining-hint{font-size:.7rem;color:var(--color-primary-medium);font-style:italic;display:block;margin-top:.125rem}.return-modal-table-subtotal{width:12%;min-width:100px;text-align:right;font-weight:600;color:var(--color-primary-dark)}.return-modal-quantity-input{width:60px;padding:.375rem;border:1px solid var(--color-primary-lightest);border-radius:4px;text-align:center;font-size:.875rem}.return-modal-quantity-input:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 2px #4285f41a}.return-modal-quantity-input:disabled{background:var(--color-accent-light);cursor:not-allowed;opacity:.6}.return-modal-empty{padding:2rem;text-align:center;color:var(--color-primary-medium);font-style:italic}.return-modal-empty-state{padding:2rem;text-align:center;color:var(--color-primary-medium);font-style:italic;background:var(--color-accent-light);border-radius:8px}.return-modal-totals{background:var(--color-accent-light);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;border:2px solid var(--color-accent-blue)}.return-modal-totals-row{display:flex;justify-content:space-between;align-items:center}.return-modal-totals-label{font-weight:600;color:var(--color-primary-dark);font-size:.875rem}.return-modal-totals-value{color:var(--color-primary-dark);font-size:.875rem;font-weight:500}.return-modal-totals-refund{font-size:1.25rem;font-weight:700;color:var(--color-accent-blue)}.return-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-primary-lightest)}.return-modal-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.return-modal-button:disabled{opacity:.6;cursor:not-allowed}.return-modal-button-cancel{background:var(--color-primary-lightest);color:var(--color-primary-dark)}.return-modal-button-cancel:hover:not(:disabled){background:var(--color-primary-light)}.return-modal-button-confirm{background:var(--color-accent-blue);color:var(--color-white)}.return-modal-button-confirm:hover:not(:disabled){background:var(--color-accent-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}@media (max-width: 1024px){.modal-card:has(.return-modal-content){max-width:95vw;width:95%}.return-modal-content{max-height:65vh;gap:1.25rem}.return-modal-items-container{max-height:350px}.return-modal-items-table{font-size:.8125rem}.return-modal-items-table th,.return-modal-items-table td{padding:.625rem}}@media (max-width: 768px){.return-modal-content{max-height:60vh;gap:1rem}.return-modal-section{gap:.375rem}.return-modal-label{font-size:.8125rem}.return-modal-select{padding:.625rem;font-size:.9375rem}.return-modal-sale-info{padding:.875rem;gap:.375rem}.return-modal-sale-info-row{flex-wrap:wrap;gap:.375rem}.return-modal-sale-info-label{font-size:.8125rem;min-width:100px}.return-modal-sale-info-value{font-size:.8125rem}.return-modal-items-container{max-height:300px;border-radius:6px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.return-modal-items-table{font-size:.75rem;min-width:600px;width:100%}.return-modal-items-table thead{display:table-header-group}.return-modal-items-table th{padding:.5rem .375rem;font-size:.7rem;white-space:nowrap}.return-modal-items-table td{padding:.5rem .375rem;white-space:nowrap}.return-modal-table-checkbox{width:30px;text-align:center}.return-modal-table-checkbox input[type=checkbox]{width:16px;height:16px}.return-modal-table-product{width:28%;min-width:120px;font-weight:500;font-size:.8125rem;word-wrap:break-word;white-space:normal}.return-modal-table-qty-purchased,.return-modal-table-price{width:12%;min-width:70px;text-align:center;font-size:.75rem}.return-modal-table-qty-return{width:18%;min-width:90px;text-align:center}.return-modal-table-subtotal{width:12%;min-width:80px;text-align:right;font-weight:600;font-size:.75rem}.return-modal-quantity-input{width:60px;font-size:.75rem;padding:.375rem .25rem;text-align:center}.return-modal-already-returned{display:block;font-size:.65rem;margin-top:.125rem}.return-modal-remaining-hint{font-size:.65rem;margin-top:.125rem}.return-modal-totals{padding:.875rem;gap:.375rem}.return-modal-totals-row{flex-wrap:wrap}.return-modal-totals-label,.return-modal-totals-value{font-size:.8125rem}.return-modal-totals-refund{font-size:1.125rem}.return-modal-actions{flex-direction:column;gap:.75rem;padding-top:.875rem}.return-modal-button{width:100%;padding:.875rem 1.25rem;font-size:.9375rem}}@media (max-width: 480px){.return-modal-content{max-height:55vh;gap:.875rem}.return-modal-label{font-size:.75rem}.return-modal-select{padding:.5rem;font-size:.875rem}.return-modal-sale-info{padding:.75rem}.return-modal-sale-info-label{font-size:.75rem;min-width:90px}.return-modal-sale-info-value{font-size:.75rem}.return-modal-items-container{max-height:250px}.return-modal-items-table{font-size:.7rem;min-width:550px}.return-modal-items-table th{padding:.4375rem .25rem;font-size:.65rem}.return-modal-items-table td{padding:.4375rem .25rem}.return-modal-table-checkbox{width:28px}.return-modal-table-checkbox input[type=checkbox]{width:14px;height:14px}.return-modal-table-product{min-width:100px;font-size:.75rem}.return-modal-table-qty-purchased,.return-modal-table-price,.return-modal-table-subtotal{min-width:60px;font-size:.7rem}.return-modal-table-qty-return{min-width:80px}.return-modal-quantity-input{width:50px;font-size:.7rem;padding:.3125rem .1875rem}.return-modal-already-returned,.return-modal-remaining-hint{font-size:.6rem}.return-modal-totals{padding:.75rem}.return-modal-totals-label,.return-modal-totals-value{font-size:.75rem}.return-modal-totals-refund{font-size:1rem}.return-modal-button{padding:.75rem 1rem;font-size:.875rem}}.return-confirm-dialog-content{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;min-height:0}.return-confirm-dialog-section{display:flex;flex-direction:column;gap:.75rem}.return-confirm-dialog-intro{margin:0;color:var(--color-primary-dark);font-size:.875rem;line-height:1.5}.return-confirm-dialog-receipt-info{background:var(--color-accent-light);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.return-confirm-dialog-info-row{display:flex;justify-content:space-between;align-items:center}.return-confirm-dialog-info-label{font-weight:600;color:var(--color-primary-medium);font-size:.875rem}.return-confirm-dialog-info-value{color:var(--color-primary-dark);font-size:.875rem;font-weight:500}.return-confirm-dialog-items-title{margin:0;font-weight:600;color:var(--color-primary-dark);font-size:.875rem}.return-confirm-dialog-items-list{background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;overflow-x:hidden}.return-confirm-dialog-items-list::-webkit-scrollbar{width:6px}.return-confirm-dialog-items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.return-confirm-dialog-items-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.return-confirm-dialog-items-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.return-confirm-dialog-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--color-accent-light);border-radius:4px}.return-confirm-dialog-item-name{font-weight:600;color:var(--color-primary-dark);font-size:.875rem}.return-confirm-dialog-item-details{color:var(--color-primary-medium);font-size:.75rem}.return-confirm-dialog-summary{background:var(--color-accent-light);border:2px solid var(--color-accent-blue);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.return-confirm-dialog-summary-row{display:flex;justify-content:space-between;align-items:center}.return-confirm-dialog-summary-label{font-weight:600;color:var(--color-primary-dark);font-size:.875rem}.return-confirm-dialog-summary-value{color:var(--color-primary-dark);font-size:.875rem;font-weight:500}.return-confirm-dialog-summary-total{border-top:1px solid var(--color-primary-lightest);padding-top:.75rem;margin-top:.25rem}.return-confirm-dialog-summary-total .return-confirm-dialog-summary-label{font-size:1rem}.return-confirm-dialog-summary-total .return-confirm-dialog-summary-value{font-size:1.25rem;font-weight:700;color:var(--color-accent-blue)}.return-confirm-dialog-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.return-confirm-dialog-warning p{margin:0;color:var(--color-primary-dark);font-size:.875rem;line-height:1.5}.return-confirm-dialog-warning p strong{color:var(--color-primary-dark);font-weight:600}.return-confirm-dialog-warning ul{margin:0;padding-left:1.5rem;color:var(--color-primary-dark);font-size:.875rem;line-height:1.6}.return-confirm-dialog-warning ul li{margin-bottom:.25rem}.return-confirm-dialog-warning-text{margin-top:.5rem!important;font-style:italic;color:var(--color-primary-medium)!important}@media (max-width: 1024px){.return-confirm-dialog-content{gap:1.25rem}.return-confirm-dialog-items-list{max-height:200px}}@media (max-width: 768px){.return-confirm-dialog-content{gap:1rem}.return-confirm-dialog-section{gap:.625rem}.return-confirm-dialog-intro{font-size:.8125rem}.return-confirm-dialog-receipt-info{padding:.875rem;gap:.375rem}.return-confirm-dialog-info-row,.return-confirm-dialog-summary-row{flex-direction:column;align-items:flex-start;gap:.25rem}.return-confirm-dialog-info-label,.return-confirm-dialog-summary-label{font-size:.8125rem}.return-confirm-dialog-info-value,.return-confirm-dialog-summary-value{font-size:.8125rem;align-self:flex-start;font-weight:600}.return-confirm-dialog-items-title{font-size:.8125rem}.return-confirm-dialog-items-list{max-height:150px;padding:.625rem;gap:.375rem}.return-confirm-dialog-item{padding:.4375rem;gap:.1875rem}.return-confirm-dialog-item-name{font-size:.8125rem}.return-confirm-dialog-item-details{font-size:.7rem}.return-confirm-dialog-summary{padding:.875rem;gap:.375rem}.return-confirm-dialog-summary-total .return-confirm-dialog-summary-label{font-size:.9375rem}.return-confirm-dialog-summary-total .return-confirm-dialog-summary-value{font-size:1.125rem}.return-confirm-dialog-warning{padding:.875rem;gap:.625rem}.return-confirm-dialog-warning p{font-size:.8125rem}.return-confirm-dialog-warning ul{font-size:.8125rem;padding-left:1.25rem}}@media (max-width: 480px){.return-confirm-dialog-content{gap:.875rem}.return-confirm-dialog-section{gap:.5rem}.return-confirm-dialog-intro{font-size:.75rem}.return-confirm-dialog-receipt-info{padding:.75rem}.return-confirm-dialog-info-label,.return-confirm-dialog-summary-label,.return-confirm-dialog-info-value,.return-confirm-dialog-summary-value,.return-confirm-dialog-items-title{font-size:.75rem}.return-confirm-dialog-items-list{max-height:120px;padding:.5rem}.return-confirm-dialog-item{padding:.375rem}.return-confirm-dialog-item-name{font-size:.75rem}.return-confirm-dialog-item-details{font-size:.6875rem}.return-confirm-dialog-summary{padding:.75rem}.return-confirm-dialog-summary-total .return-confirm-dialog-summary-label{font-size:.875rem}.return-confirm-dialog-summary-total .return-confirm-dialog-summary-value{font-size:1rem}.return-confirm-dialog-warning{padding:.75rem;gap:.5rem}.return-confirm-dialog-warning p{font-size:.75rem}.return-confirm-dialog-warning ul{font-size:.75rem;padding-left:1rem}.return-confirm-dialog-warning-text{font-size:.7rem!important}}.pos-receipt-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.pos-receipt-modal{width:100%;max-width:720px;background:var(--color-white);border-radius:12px;box-shadow:0 20px 50px var(--shadow-dark);overflow:hidden;display:flex;flex-direction:column}.pos-receipt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-primary-lightest)}.pos-receipt-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-primary-dark)}.pos-receipt-modal-close{background:transparent;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--color-primary-medium)}.pos-receipt-modal-close:hover{color:var(--color-primary-dark)}.pos-receipt-modal-body{max-height:70vh;overflow:auto;padding:12px 16px;background:#fafbfc}@media print{.pos-receipt-modal-overlay,.pos-receipt-modal-close{display:none!important}.pos-receipt-modal{box-shadow:none;max-width:none}.pos-receipt-modal-body{max-height:none;padding:0;background:#fff}}.pos-container{display:flex;gap:1rem;background:var(--color-accent-light);width:100%;max-width:100%;height:calc(100vh - 140px);min-height:500px;box-sizing:border-box}.pos-products-section{flex:2;display:flex;flex-direction:column;gap:1rem;padding:1rem;min-width:0;overflow:hidden}.pos-order-section{flex:1;display:flex;flex-direction:column;gap:1rem;background:var(--color-white);border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #00000014;min-width:400px;max-width:450px;height:100%;max-height:calc(100vh - 90px);overflow-y:auto;border:1px solid var(--color-primary-lightest);box-sizing:border-box}@media (max-width: 1024px){.pos-order-section{min-width:unset}}.pos-order-section::-webkit-scrollbar{width:8px}.pos-order-section::-webkit-scrollbar-thumb{background:var(--color-primary-lightest);border-radius:4px}.pos-order-section::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@media (max-width: 1024px){.pos-container{flex-direction:column;height:auto;min-height:calc(100vh - 120px);gap:.75rem}.pos-products-section{flex:none;min-height:50vh;max-height:60vh;width:100%}.pos-order-section{flex:none;min-width:unset;max-width:100%;min-height:40vh;max-height:50vh;width:100%}}@media (max-width: 768px){.pos-container{padding:.5rem;gap:.5rem;height:calc(100vh - 60px);min-height:calc(100vh - 60px)}.pos-products-section{padding:.75rem;min-height:45vh;max-height:55vh}.pos-order-section{padding:1rem;min-height:35vh;max-height:45vh}}@media (max-width: 480px){.pos-container{padding:.25rem;gap:.5rem;min-height:calc(100vh - 50px)}.pos-products-section,.pos-order-section{padding:.5rem}.pos-order-section{max-width:100%}}.audit-logs-date-selector{width:100%;display:flex}.audit-logs-date-selector-container{position:relative;display:flex;align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease;min-width:fit-content;width:100%;padding:.875rem 1.25rem}.audit-logs-date-selector-container .date-selector{width:100%}.audit-logs-date-selector-container .date-selector-container{width:100%;padding:0;border:none;background:transparent}.audit-logs-date-selector-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.audit-logs-date-icon{color:var(--color-text-secondary);font-size:.875rem;margin-right:.5rem;flex-shrink:0}.audit-logs-date-input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color-text-primary);font-family:inherit;font-weight:600;min-width:120px}.audit-logs-date-input:disabled{opacity:.6;cursor:not-allowed}.audit-logs-date-clear{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;line-height:1;margin-left:.5rem}.audit-logs-date-clear:hover{color:var(--color-text-primary);background-color:var(--color-background)}.audit-logs-date-clear:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.audit-logs-date-input{min-width:100px}}@media (max-width: 768px){.audit-logs-date-selector{width:auto;flex:0 0 auto}.audit-logs-date-selector-container{min-width:auto;justify-content:flex-start;width:auto;padding:.75rem 1rem}.audit-logs-date-selector-container .date-selector,.audit-logs-date-selector-container .date-selector-container{width:auto}.audit-logs-date-input{display:block;min-width:100px;font-size:.875rem}.audit-logs-date-clear{display:flex}}@media (max-width: 420px){.audit-logs-date-selector{width:100%}.audit-logs-date-selector-container{min-width:auto;width:100%;padding:.75rem 1rem}.audit-logs-date-selector-container .date-selector,.audit-logs-date-selector-container .date-selector-container{width:100%}}.sales-details-modal-info-section{margin-bottom:1.5rem}.sales-details-modal-info-header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-gray-200)}.sales-details-modal-info-row{display:flex;align-items:center;margin-bottom:.5rem}.sales-details-modal-info-label{font-size:.875rem;color:var(--color-gray-600)}.sales-details-modal-info-value{font-weight:500;margin-left:.5rem}.sales-details-modal-items-title{margin-bottom:.75rem;font-weight:700;font-size:1.125rem}.sales-details-modal-total-row{margin-top:1rem;display:flex;justify-content:flex-end;gap:.75rem;font-weight:700}.sales-details-modal-payment-row,.sales-details-modal-change-row{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.75rem;font-weight:700}.sales-details-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.sales-details-modal-delete-preview{margin-top:8px;padding:8px;background-color:var(--color-gray-50);border-radius:4px}.sales-details-modal-delete-item,.sales-details-modal-delete-sale-id{font-size:.875rem}.sales-details-modal-delete-more-items{font-size:.875rem;font-style:italic}.sales-details-modal-delete-total{margin-top:4px;font-size:.875rem;font-weight:600}.sales-details-modal-delete-warning{margin-top:8px}.sales-details-modal-return-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--color-gray-300)}.sales-details-modal-return-title{margin-bottom:1rem;font-weight:700;font-size:1.125rem;color:var(--color-primary-dark)}.sales-details-modal-return-items{margin-bottom:1rem}.sales-details-modal-return-items-title{margin-bottom:.75rem;font-weight:600;font-size:1rem;color:var(--color-primary-medium)}.sales-details-modal-returned-amount-row{margin-top:1rem;display:flex;justify-content:flex-end;gap:.75rem;font-weight:600;color:var(--color-danger)}.sales-details-modal-returned-amount{color:var(--color-danger);font-size:1.125rem}.sales-details-modal-net-total-row{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.75rem;font-weight:700;font-size:1.125rem;color:var(--color-primary-dark);padding-top:.75rem;border-top:1px solid var(--color-gray-200)}.audit-logs-table-container{background:var(--color-white);border-radius:16px;box-shadow:0 4px 20px var(--shadow-light);overflow:hidden;border:1px solid var(--color-primary-lightest);margin-top:1.5rem}.audit-logs-table-container .table-head th{background:var(--color-primary-darkest);color:var(--color-white);text-transform:uppercase;letter-spacing:.5px}.audit-logs-timestamp{display:flex;flex-direction:column;gap:.25rem}.audit-logs-date{font-weight:600;color:var(--color-primary-dark);font-size:.875rem}.audit-logs-time{font-size:.75rem;color:var(--color-primary-medium)}.audit-logs-store{font-weight:600;color:var(--color-primary-dark);font-size:.875rem}.audit-logs-user{display:flex;align-items:center;gap:.75rem}.audit-logs-user-icon{color:var(--color-primary-medium);font-size:.875rem}.audit-logs-action{font-weight:600;color:var(--color-primary-dark);background:var(--color-accent-light);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.audit-logs-resource{font-weight:500;color:var(--color-primary-dark)}.audit-logs-details{color:var(--color-primary-medium);line-height:1.4;font-size:.875rem}@media (max-width: 1200px){.audit-logs-table-container{margin-top:1.25rem}}@media (max-width: 1024px){.audit-logs-table-container{margin-top:1rem;border-radius:12px}}@media (max-width: 768px){.audit-logs-table-container{overflow-x:auto;margin-top:1rem;border-radius:8px}.audit-logs-table{min-width:800px}.audit-logs-table-container .table-head th{padding:.75rem .5rem;font-size:.8rem}.audit-logs-table-container .table tbody td{padding:.5rem;font-size:.8rem}.audit-logs-timestamp{gap:.125rem}.audit-logs-date{font-size:.8rem}.audit-logs-time{font-size:.7rem}.audit-logs-store{font-size:.8rem}.audit-logs-user{gap:.5rem}.audit-logs-user-icon{font-size:.8rem}.audit-logs-action{font-size:.7rem;padding:.2rem .4rem}.audit-logs-resource,.audit-logs-details{font-size:.8rem}}@media (max-width: 480px){.audit-logs-table-container{border-radius:6px;margin-top:.75rem}.audit-logs-table{min-width:700px}.audit-logs-table-container .table-head th{padding:.5rem .375rem;font-size:.75rem}.audit-logs-table-container .table tbody td{padding:.375rem;font-size:.75rem}.audit-logs-timestamp{gap:.1rem}.audit-logs-date{font-size:.75rem}.audit-logs-time{font-size:.65rem}.audit-logs-store{font-size:.75rem}.audit-logs-user{gap:.375rem}.audit-logs-user-icon{font-size:.75rem}.audit-logs-action{font-size:.65rem;padding:.15rem .3rem}.audit-logs-resource,.audit-logs-details{font-size:.75rem}}@media (max-width: 360px){.audit-logs-table-container{border-radius:4px;margin-top:.5rem}.audit-logs-table{min-width:600px}.audit-logs-table-container .table-head th{padding:.375rem .25rem;font-size:.7rem}.audit-logs-table-container .table tbody td{padding:.25rem;font-size:.7rem}}.sales-page-header{background:var(--color-accent-verylight, transparent);border-radius:12px;margin-bottom:1rem}.sales-header-content h1{margin:0 0 .25rem;font-size:2rem;color:var(--color-primary-dark)}.sales-header-content p{margin:0;font-size:.95rem;color:var(--color-primary)}.sales-controls{margin-bottom:1rem}.sales-controls-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.sales-table-actions{display:flex;gap:8px}.sales-table-icon-with-margin{margin-right:.5rem}.sales-table-pagination-container{margin-top:1rem}.sales-table-items-cell{display:flex;flex-direction:column;gap:.25rem}.sales-table-returned-items-badge{font-size:.75rem;color:var(--color-danger);font-weight:600;font-style:italic}.sales-table-all-returned-badge{font-size:.875rem;font-weight:700;font-style:italic;border-radius:4px;display:inline-block}@media (max-width: 768px){.sales-controls-row{flex-direction:column;align-items:stretch;gap:.5rem}}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.reports-chart-section{margin-top:1.5rem}.user-management-search{display:flex;align-items:center;width:100%;max-width:500px}.user-management-search-bar{width:100%}@media (max-width: 768px){.user-management-search{margin-bottom:1rem}.user-management-search-bar{max-width:100%}}.user-management-table-container{background:var(--color-white);border-radius:16px;box-shadow:0 4px 20px var(--shadow-light);overflow:hidden;border:1px solid var(--color-primary-lightest)}.user-management-table{width:100%;border-collapse:collapse}.user-management-table thead th{text-align:left;padding:1rem .75rem;background:var(--color-primary-darkest);color:var(--color-white);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.user-management-table .user-management-name{font-size:1rem}.user-management-table tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--color-primary-lightest);transition:background-color .2s ease}.user-management-table tbody tr:hover{background-color:var(--color-accent-light)}.user-management-table tbody tr:last-child td{border-bottom:none}.user-management-info{display:flex;align-items:center;gap:.75rem}.user-management-avatar{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.user-management-avatar img{width:100%;height:100%;border-radius:8px;object-fit:cover}.user-management-name-text{font-weight:600;color:var(--color-primary-dark)}.user-management-email{color:var(--color-primary-medium);font-size:.875rem}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.manager{background:var(--color-accent-blue);color:var(--color-white)}.role-badge.cashier{background:#10b981;color:var(--color-white)}.role-badge.admin{background:var(--color-primary-dark);color:var(--color-white)}.user-management-action-buttons{display:flex;gap:.5rem;align-items:center}.user-management-action-btn{background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:.875rem}.user-management-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.user-management-edit-btn{color:var(--color-accent-blue)}.user-management-edit-btn:hover{background:var(--color-accent-light);color:var(--color-accent-blue)}.user-management-delete-btn{color:#dc2626}.user-management-delete-btn:hover{background:#fee2e2;color:#dc2626}.user-management-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-primary-medium)}.user-management-loading-spinner{width:32px;height:32px;border:3px solid var(--color-primary-lightest);border-top:3px solid var(--color-accent-blue);border-radius:50%;animation:user-management-spin 1s linear infinite;margin-bottom:1rem}@keyframes user-management-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-management-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-primary-medium)}.user-management-empty-icon{font-size:2rem;margin-bottom:1rem;opacity:.5}@media (max-width: 768px){.user-management-table-container{overflow-x:auto}.user-management-table{min-width:800px}}.user-management-add-modal{width:100%;max-width:500px;margin:0 auto}.user-management-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--color-primary-lightest);margin-bottom:2rem}.user-management-modal-header h2{font-size:1.5rem;font-weight:600;color:var(--color-primary-dark);margin:0}.user-management-close-button{background:none;border:none;color:var(--color-primary-medium);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1rem}.user-management-close-button:hover:not(:disabled){background:var(--color-primary-lightest);color:var(--color-primary-dark)}.user-management-close-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.user-management-add-modal{max-width:100%;margin:0}.user-management-modal-header{padding-bottom:1rem;margin-bottom:1.5rem}.user-management-modal-header h2{font-size:1.25rem}.user-management-form{gap:1.25rem}.user-management-form-actions{flex-direction:column;gap:.75rem}.user-management-form-actions button{width:100%}}@media (max-width: 480px){.user-management-modal-header{padding-bottom:.75rem;margin-bottom:1.25rem}.user-management-modal-header h2{font-size:1.125rem}.user-management-form{gap:1rem}.user-management-form-actions{padding-top:.75rem;margin-top:.75rem}}.user-management-edit-modal{width:100%;max-width:500px;margin:0 auto}.user-management-form{display:flex;flex-direction:column;gap:1.5rem}.user-management-form-group{display:flex;flex-direction:column;gap:.5rem}.user-management-form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-primary-lightest);margin-top:1rem}.user-management-password-field{display:flex;flex-direction:column;gap:.5rem}.user-management-input-label{font-size:.875rem;font-weight:500;color:var(--color-primary-dark);margin-bottom:.25rem}.user-management-input-container{position:relative;display:flex;align-items:center}.user-management-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid var(--color-primary-lightest);border-radius:8px;background:var(--color-white);color:var(--color-primary-dark);font-size:.875rem;font-family:inherit;transition:all .3s ease;outline:none}.user-management-input:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f41a}.user-management-input.error{border-color:#dc2626}.user-management-input::placeholder{color:var(--color-primary-light)}.user-management-password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--color-primary-medium);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.875rem;z-index:1}.user-management-password-toggle:hover{color:var(--color-accent-blue);background:var(--color-primary-lightest)}.user-management-input-error{font-size:.75rem;color:#dc2626;margin-top:.25rem}@media (max-width: 768px){.user-management-edit-modal{max-width:100%;margin:0}.user-management-form{gap:1.25rem}.user-management-form-actions{flex-direction:column;gap:.75rem}.user-management-form-actions button{width:100%}}@media (max-width: 480px){.user-management-form{gap:1rem}.user-management-form-actions{padding-top:.75rem;margin-top:.75rem}}.user-management-page{min-height:100vh;background:var(--color-background)}.user-management-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.user-management-header-content h1{font-size:2rem;font-weight:700;color:var(--color-primary-dark);margin:0 0 .5rem}.user-management-header-content p{font-size:1rem;color:var(--color-primary-medium);margin:0}.user-management-add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;white-space:nowrap;transition:all .3s ease}.user-management-add-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4285f44d}.user-management-page-content{display:flex;flex-direction:column;gap:1.5rem}.user-management-search-and-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.user-management-add-button-inline{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;white-space:nowrap;transition:all .3s ease;flex-shrink:0}.user-management-add-button-inline:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4285f44d}@media (max-width: 1024px){.user-management-page{padding:1.5rem}.user-management-page-header{flex-direction:column;align-items:stretch;gap:1.5rem}.user-management-add-button{align-self:flex-start}}@media (max-width: 768px){.user-management-page{padding:1rem}.user-management-page-header{margin-bottom:1.5rem}.user-management-header-content h1{font-size:1.75rem}.user-management-header-content p{font-size:.875rem}.user-management-add-button{padding:.625rem 1.25rem;font-size:.875rem}.user-management-page-content{gap:1.25rem}.user-management-search-and-actions{flex-direction:column;align-items:stretch;gap:1rem}.user-management-add-button-inline{align-self:flex-start}}@media (max-width: 480px){.user-management-page{padding:.75rem}.user-management-page-header{margin-bottom:1.25rem}.user-management-header-content h1{font-size:1.5rem}.user-management-header-content p{font-size:.8125rem}.user-management-add-button{padding:.5rem 1rem;font-size:.8125rem}.user-management-page-content{gap:1rem}}.store-management-store-card{background:var(--color-white);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--color-primary-lightest)}.store-management-store-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.store-management-store-image{width:100%;height:200px;overflow:hidden;position:relative}.store-management-store-image img{width:100%;height:100%;object-fit:cover}.store-management-store-content{padding:1.5rem}.store-management-store-name{font-size:1.25rem;font-weight:700;color:var(--color-primary-dark);margin:0 0 1rem}.store-management-store-details{margin-bottom:1.5rem}.store-management-store-detail-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--color-primary-light)}.store-management-store-detail-icon{color:var(--color-accent-blue);font-size:.875rem;width:16px}.store-management-store-documents h4{font-size:1rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 .75rem}.store-management-store-documents-toggle{display:inline-flex;align-items:center;gap:.25rem;background:transparent;border:1px solid var(--color-primary-lightest);color:var(--color-primary);padding:.375rem .75rem;border-radius:6px;cursor:pointer;font-weight:600;margin-bottom:1rem}.store-management-store-documents-toggle:hover{background:var(--color-accent-verylight)}.store-management-store-document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.store-management-store-document-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;background:var(--color-accent-light);border-radius:8px;border:1px solid var(--color-primary-lightest);transition:background-color .2s ease;overflow:hidden}.store-management-store-document-item:hover{background:var(--color-accent-verylight)}.store-management-store-document-image{width:100%;height:80px;border-radius:8px 8px 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center}.store-management-store-document-image img{width:100%;height:100%;object-fit:cover}.store-management-store-document-name{font-size:.75rem;font-weight:600;color:var(--color-primary-dark);text-align:center;line-height:1.2;padding:.5rem;background:var(--color-accent-light);width:100%}.store-management-store-document-not-uploaded{display:flex;align-items:center;justify-content:center;width:100%;height:80px;background:var(--color-accent-light);border-radius:8px;border:1px solid var(--color-primary-lightest)}.store-management-store-document-not-uploaded .store-management-store-document-name{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:.5rem}.store-management-store-actions{display:flex;gap:.75rem;justify-content:flex-end}.store-management-document-preview-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;cursor:pointer}.store-management-document-preview-container{max-width:90%;max-height:90%;position:relative;padding:2rem;text-align:center}.store-management-document-preview-title{color:#fff;margin-bottom:1rem}.store-management-document-preview-image{max-width:100%;max-height:80vh;object-fit:contain;border:2px solid white;border-radius:8px}.store-management-document-preview-close-text{color:#fff;margin-top:1rem;font-size:.875rem}.store-management-store-document-image-clickable{cursor:pointer}.store-management-store-icon-with-margin{margin-right:.5rem}@media (max-width: 768px){.store-management-store-content{padding:1rem}.store-management-store-document-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.store-management-store-document-item{padding:.5rem}.store-management-store-document-image{width:50px;height:50px}.store-management-store-actions{flex-direction:column}}@media (max-width: 480px){.store-management-store-image{height:160px}.store-management-store-name{font-size:1.125rem}.store-management-store-document-grid{grid-template-columns:1fr}}.store-management-modal{max-width:700px;width:90vw}.store-management-form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-primary-lightest)}.store-management-form-section:last-of-type{border-bottom:none;margin-bottom:0}.section-title{font-size:1.125rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 1rem}.store-management-image-upload-container{margin-top:.5rem;display:flex;align-items:center;justify-content:center}.store-management-image-upload-area{border:2px dashed var(--color-primary-light);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--color-primary-lightest)}.store-management-image-upload-area:hover{border-color:var(--color-primary);background-color:var(--color-primary-lightest)}.store-management-upload-icon{font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.store-management-upload-hint{font-size:.75rem;color:var(--color-text-secondary);margin:.25rem 0 0}.store-management-image-preview{position:relative;display:inline-block;border-radius:8px;overflow:hidden;max-width:100%}.store-management-image-preview img{width:100%;max-width:300px;height:200px;object-fit:cover;border-radius:8px}.store-management-remove-image-btn{position:absolute;top:.5rem;right:.5rem;background:#dc2626e6;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.store-management-remove-image-btn:hover{background:#dc2626}.store-management-document-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.store-management-document-upload-item{display:flex;flex-direction:column;gap:.5rem}.store-management-document-label{font-size:.875rem;font-weight:600;color:var(--color-primary-dark)}.store-management-document-upload-area{border:2px dashed var(--color-primary-light);border-radius:8px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--color-primary-lightest);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.store-management-document-upload-area:hover{border-color:var(--color-primary);background-color:var(--color-primary-lightest)}.store-management-document-upload-area .store-management-upload-icon{font-size:1.5rem;margin-bottom:.5rem}.store-management-document-upload-area p{margin:.25rem 0;font-size:.875rem;color:var(--color-text)}.store-management-document-preview{position:relative;border-radius:8px;overflow:hidden;min-height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-lightest)}.store-management-document-preview img{width:100%;height:120px;object-fit:cover;border-radius:8px}.store-management-remove-document-btn{position:absolute;top:.25rem;right:.25rem;background:#dc2626e6;color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;font-size:.75rem}.store-management-remove-document-btn:hover{background:#dc2626}.store-management-error-message{color:var(--color-error);font-size:.75rem;margin-top:.25rem;display:block}.store-management-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-primary-lightest)}@media (max-width: 768px){.store-management-modal{width:95vw;max-width:none}.store-management-document-upload-grid{grid-template-columns:1fr;gap:.75rem}.store-management-image-upload-area{padding:1.5rem 1rem}.store-management-document-upload-area{padding:1rem;min-height:100px}.store-management-modal-actions{flex-direction:column}.form-row{grid-template-columns:1fr;gap:.75rem}}.store-management-file-input-hidden{display:none}.store-management-page{padding:0}.store-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:var(--color-accent-verylight);border-radius:12px}.store-management-header-content h1{margin:0 0 .25rem;font-size:2rem;color:var(--color-primary-dark)}.store-management-header-content p{margin:0;font-size:.95rem;color:var(--color-primary)}.create-store-btn{flex-shrink:0}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--color-white);border-radius:12px;border:1px solid var(--color-primary-lightest)}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 .5rem}.empty-state p{color:var(--color-primary-light);margin:0 0 1.5rem}.store-management-icon-with-margin{margin-right:.5rem}@media (max-width: 768px){.store-management-header{flex-direction:column;gap:1rem;align-items:stretch}.create-store-btn{align-self:flex-start}.stores-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.store-management-header{padding:1rem}.store-management-header-content h1{font-size:1.75rem}.stores-grid{grid-template-columns:1fr}}.settings-sidebar{width:280px;background:var(--color-white);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px var(--shadow-light);height:fit-content;position:sticky;top:2rem}.settings-sidebar h3{font-size:1.25rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-primary-lightest)}.settings-nav{list-style:none;padding:0;margin:0}.settings-nav li{margin-bottom:.5rem}.settings-nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;background:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--color-primary-light)}.settings-nav-item:hover{background:var(--color-accent-light);color:var(--color-accent-blue)}.settings-nav-item.active{background:var(--color-accent-blue);color:var(--color-white)}.settings-nav-item svg{font-size:1.125rem;width:20px;flex-shrink:0}.settings-nav-item div{display:flex;flex-direction:column;gap:.25rem}.nav-title{font-weight:500;font-size:.875rem}.nav-description{font-size:.75rem;opacity:.8}@media (max-width: 768px){.settings-sidebar{width:100%;position:static}}@media (max-width: 480px){.settings-sidebar{border-radius:8px;padding:1rem}}.settings-main{flex:1;background:var(--color-white);border-radius:12px;box-shadow:0 4px 6px var(--shadow-light);overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-primary-lightest)}.settings-header h2{font-size:1.5rem;font-weight:600;color:var(--color-primary-dark);margin:0}.settings-content{padding:1.5rem}.settings-group{margin-bottom:2rem}.settings-group h4{font-size:1.125rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-primary-lightest)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:var(--color-primary-dark);margin-bottom:.5rem;font-size:.875rem}.settings-input,.settings-select{width:100%;padding:.75rem;border:1px solid var(--color-primary-lightest);border-radius:6px;font-size:.875rem;transition:border-color .2s ease;background:var(--color-white)}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f41a}.toggle-group{display:flex;flex-direction:column;gap:1rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--color-primary-dark)}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent-blue);cursor:pointer}.toggle-text{font-weight:500}.backup-actions{display:flex;gap:1rem;margin-top:1rem}.settings-placeholder{text-align:center;padding:3rem 1rem;color:var(--color-primary-light)}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.settings-placeholder h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-primary-dark)}.settings-placeholder p{font-size:.875rem;opacity:.8}.single-store-note{font-size:.75rem;color:var(--color-primary-light);margin-top:.5rem;font-style:italic}.about-info{display:flex;flex-direction:column;gap:1rem}.about-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-accent-light);border-radius:6px}.about-label{font-weight:500;color:var(--color-primary-dark)}.about-value{color:var(--color-primary-light);font-weight:600}.help-options{display:flex;flex-direction:column;gap:1.5rem}.help-item{display:flex;gap:1rem;padding:1rem;background:var(--color-accent-light);border-radius:8px;align-items:flex-start}.help-icon{font-size:1.5rem;color:var(--color-accent-blue);margin-top:.25rem}.help-content h5{font-size:1rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:.5rem}.help-content p{font-size:.875rem;color:var(--color-primary-light);margin-bottom:1rem}.contact-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.contact-item{display:flex;gap:1rem;align-items:center;padding:.75rem;background:var(--color-accent-light);border-radius:6px}.contact-icon{font-size:1.25rem;color:var(--color-accent-blue)}.contact-details{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.75rem;color:var(--color-primary-light);font-weight:500}.contact-value{font-size:.875rem;color:var(--color-primary-dark);font-weight:600}.contact-actions{display:flex;gap:1rem}@media (max-width: 768px){.settings-header{flex-direction:column;gap:1rem;align-items:flex-start}.backup-actions{flex-direction:column}}@media (max-width: 480px){.settings-main{border-radius:8px}.settings-content,.settings-header{padding:1rem}}.edit-profile-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.edit-profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:1px solid var(--color-primary-lightest);background:#f1f5f9}.edit-profile-avatar img{width:100%;height:100%;object-fit:cover}.edit-profile-actions{display:flex;gap:.75rem;margin-top:1rem;align-items:center;justify-content:end}.edit-profile-file-input-hidden{display:none}@media (max-width: 480px){.edit-profile-avatar{width:104px;height:104px}}.settings-profile{display:flex;flex-direction:column}.settings-profile-toolbar{display:flex;justify-content:flex-end;margin-bottom:.5rem}.settings-profile-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.settings-profile-avatar{width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--color-primary-lightest);background:#f1f5f9}.settings-profile-avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-info{text-align:left;width:100%}.settings-profile-name{font-weight:600;color:var(--color-primary-dark)}.settings-profile-email{font-size:.875rem;color:var(--color-primary-light)}.settings-profile-meta{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.settings-profile-label{font-size:.875rem;color:var(--color-primary-light)}.settings-profile-value{font-weight:600;color:var(--color-primary-dark)}.settings-profile-badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.settings-profile-badge{background:var(--color-accent-light);color:var(--color-primary-dark);border:1px solid var(--color-primary-lightest);border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.settings-profile-info-list{width:100%;display:flex;flex-direction:column;gap:.75rem}.settings-profile-info-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-accent-light);border:1px solid var(--color-primary-lightest);border-radius:8px}.settings-profile-info-row .label{font-weight:600;color:var(--color-primary-dark)}.settings-profile-info-row .value{color:var(--color-primary-light);font-weight:600}@media (max-width: 768px){.settings-profile-card{padding:1.25rem .75rem 1.5rem}}@media (max-width: 480px){.settings-profile-avatar{width:112px;height:112px}}.settings-container{display:flex;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.settings-container{flex-direction:column;gap:1rem}}@media (max-width: 480px){.settings-container{padding:0 .5rem}}.audit-logs-search{flex:1;min-width:0}@media (max-width: 1024px){.audit-logs-search{flex:1 1 300px;min-width:250px}}@media (max-width: 768px){.audit-logs-search{flex:none;min-width:auto}}.audit-logs-filter{position:relative;display:inline-block;flex-shrink:0}.audit-logs-filter *{box-sizing:border-box}.audit-logs-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:.875rem;transition:all .3s ease;white-space:nowrap;min-width:fit-content;background:var(--color-white)}.audit-logs-filter-icon{display:inline-block!important;width:.875rem;height:.875rem;flex-shrink:0;visibility:visible!important;opacity:1!important}.audit-logs-filter-toggle svg,.audit-logs-filter-toggle .audit-logs-filter-icon{display:inline-block!important;width:.875rem;height:.875rem;flex-shrink:0;visibility:visible!important;opacity:1!important}.audit-logs-filter-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.audit-logs-filter-toggle.has-filters{background:var(--color-primary-light);border-color:var(--color-primary)}.audit-logs-filter-count{position:absolute;top:-.5rem;right:-.5rem;background:var(--color-primary);color:var(--color-white);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:1.25rem;text-align:center;line-height:1}.audit-logs-filter-panel{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1000;margin-top:.5rem;min-width:320px;max-width:400px}.audit-logs-filter-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.audit-logs-filter-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.audit-logs-filter-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease}.audit-logs-filter-close:hover{color:var(--color-text-primary);background-color:var(--color-background)}.audit-logs-filter-content{padding:1.5rem;max-height:400px;overflow-y:auto}.audit-logs-filter-section{margin-bottom:1.5rem}.audit-logs-filter-section:last-child{margin-bottom:0}.audit-logs-filter-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.audit-logs-filter-options{display:flex;flex-direction:column;gap:.5rem}.audit-logs-filter-actions-scrollable{max-height:400px;overflow-y:auto}.audit-logs-filter-option{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.audit-logs-filter-option:hover{background-color:var(--color-background)}.audit-logs-filter-option.selected{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.audit-logs-filter-option input[type=checkbox]{margin:0;accent-color:var(--color-primary)}.audit-logs-filter-date-range{display:flex;gap:1rem}.audit-logs-filter-date-input{flex:1;display:flex;flex-direction:column;gap:.5rem}.audit-logs-filter-date-input label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.audit-logs-filter-date-input input[type=date]{padding:.5rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;color:var(--color-text-primary);background:var(--color-white);transition:border-color .2s ease}.audit-logs-filter-date-input input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.audit-logs-filter-actions{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.audit-logs-filter-clear{padding:.5rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.audit-logs-filter-clear:hover:not(:disabled){background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.audit-logs-filter-clear:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.audit-logs-filter-toggle{padding:.875rem 1rem}}@media (max-width: 768px){.audit-logs-filter-toggle{padding:.75rem .875rem;min-width:auto;justify-content:center;width:auto;flex:0 0 auto}.audit-logs-filter-toggle span{display:inline;font-size:.8rem}.audit-logs-filter-icon,.audit-logs-filter-toggle svg,.audit-logs-filter-toggle .audit-logs-filter-icon{display:inline-block!important;width:.875rem;height:.875rem;flex-shrink:0;visibility:visible!important;opacity:1!important}.audit-logs-filter-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;max-height:80vh;margin:0;z-index:1001}.audit-logs-filter-content{max-height:300px}.audit-logs-filter-date-range{flex-direction:column;gap:.75rem}.audit-logs-filter-options{gap:.375rem}.audit-logs-filter-option{padding:.375rem;font-size:.8rem}}@media (max-width: 480px){.audit-logs-filter-toggle{padding:.75rem .875rem;min-width:auto}.audit-logs-filter-toggle span{display:inline}.audit-logs-filter-icon,.audit-logs-filter-toggle svg,.audit-logs-filter-toggle .audit-logs-filter-icon{display:inline-block!important;width:.875rem;height:.875rem;visibility:visible!important;opacity:1!important}.audit-logs-filter-toggle .audit-logs-filter-count{position:absolute;top:-.25rem;right:-.25rem;font-size:.625rem;padding:.125rem .375rem;min-width:1rem}}@media (max-width: 360px){.audit-logs-filter-toggle{width:100%;justify-content:center}.audit-logs-filter-toggle span{display:inline}.audit-logs-filter-panel{width:95vw;max-width:350px;max-height:85vh}.audit-logs-filter-header{padding:.75rem 1rem}.audit-logs-filter-content{padding:1rem;max-height:250px}.audit-logs-filter-actions{padding:.75rem 1rem}}@media (max-width: 420px){.audit-logs-filter-toggle{padding:.75rem 1rem;min-width:auto;width:100%;justify-content:center}.audit-logs-filter-toggle span{display:inline}.audit-logs-filter-panel{width:98vw;max-width:320px}.audit-logs-filter-header{padding:.5rem .75rem}.audit-logs-filter-content{padding:.75rem;max-height:200px}.audit-logs-filter-actions{padding:.5rem .75rem}}.audit-logs-sort-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:.875rem;transition:all .3s ease;white-space:nowrap;min-width:fit-content;background:var(--color-white)}.audit-logs-sort-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.audit-logs-sort-icon{font-size:.875rem;color:var(--color-text-secondary)}@media (max-width: 1024px){.audit-logs-sort-button{padding:.875rem 1rem}}@media (max-width: 768px){.audit-logs-sort-button{padding:.75rem .875rem;min-width:auto;justify-content:center;font-size:.8rem;width:auto;flex:0 0 auto}.audit-logs-sort-button span{display:inline}.audit-logs-sort-icon{font-size:.8rem}}@media (max-width: 480px){.audit-logs-sort-button{padding:.75rem 1rem}}@media (max-width: 420px){.audit-logs-sort-button{padding:.75rem 1rem;width:100%;justify-content:center}}.audit-logs-page{min-height:100vh;background:var(--color-background)}.audit-logs-header-content{margin:0 auto}.audit-logs-header-content h1{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.audit-logs-header-content p{margin:0;font-size:1rem;color:var(--color-text-secondary)}.audit-logs-page-content{margin:0 auto;padding:1rem 0 0}.audit-logs-controls{margin-bottom:1.5rem}.audit-logs-controls-row{display:flex;gap:1rem;align-items:center;flex-wrap:nowrap}.audit-logs-controls-row .audit-logs-search{flex:1 1 auto;min-width:0}.audit-logs-controls-row-separator{display:flex;gap:1rem;align-items:center;flex-shrink:0;flex-wrap:nowrap}@media (max-width: 1200px){.audit-logs-page-content{padding:1.5rem}.audit-logs-header-content{padding:0 1.5rem}.audit-logs-controls-row{gap:.75rem}}@media (max-width: 1024px){.audit-logs-page-content{padding:1.25rem}.audit-logs-header-content{padding:0 1.25rem}.audit-logs-controls-row,.audit-logs-controls-row-separator{gap:.75rem}}@media (max-width: 768px){.audit-logs-page-header{padding:1.5rem 0}.audit-logs-header-content{padding:0 1rem}.audit-logs-header-content h1{font-size:1.5rem}.audit-logs-header-content p{font-size:.875rem}.audit-logs-page-content{padding:1rem}.audit-logs-controls-row{flex-direction:column;gap:.75rem;align-items:stretch}.audit-logs-search{width:100%;min-width:auto;flex:none}.audit-logs-controls-row-separator{display:flex;flex-direction:row;gap:.5rem;width:100%;flex-wrap:nowrap;justify-content:flex-end}.audit-logs-controls-row-separator>*{flex:0 0 auto;min-width:0}.audit-logs-filter,.audit-logs-sort{flex-shrink:1}.audit-logs-date-selector{flex-shrink:0}}@media (max-width: 480px){.audit-logs-page-header{padding:1rem 0}.audit-logs-header-content{padding:0 .75rem}.audit-logs-header-content h1{font-size:1.25rem}.audit-logs-header-content p{font-size:.8rem}.audit-logs-page-content{padding:.75rem}.audit-logs-controls{margin-bottom:1.25rem}.audit-logs-controls-row{gap:.75rem}}@media (max-width: 420px){.audit-logs-page-content{padding:.5rem}.audit-logs-header-content{padding:0 .5rem}.audit-logs-header-content h1{font-size:1.125rem}.audit-logs-header-content p{font-size:.75rem}.audit-logs-controls-row{flex-direction:column;gap:.75rem;align-items:stretch}.audit-logs-search{width:100%;min-width:auto;flex:none}.audit-logs-controls-row-separator{display:flex;flex-direction:column;gap:.75rem;width:100%}.audit-logs-controls-row-separator>*{width:100%;flex:none}}.auditlog-view{padding:.5rem .25rem}.auditlog-view__row{display:flex;align-items:center;gap:1rem;margin:.4rem 0}.auditlog-view .label{color:#6b7280;min-width:120px}.auditlog-view .value{color:#111827;font-weight:500}.auditlog-view__block{margin-top:.8rem}.auditlog-view .details-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.6rem;color:#111827;white-space:pre-wrap}.superadmin-sidebar{width:280px;min-height:100vh;background:var(--color-primary-darkest);border-right:1px solid rgba(255,255,255,.06);box-shadow:2px 0 10px var(--shadow-light);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:width .3s ease,transform .3s ease;color:var(--color-white)}.superadmin-sidebar.collapsed.fully-closed{width:0;transform:translate(-100%);border-right:none;box-shadow:none;overflow:hidden;visibility:hidden}.superadmin-sidebar.collapsed.fully-closed *{opacity:0;pointer-events:none}.superadmin-sidebar-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;min-height:64px}.superadmin-sidebar-logo{display:flex;align-items:center;gap:.5rem}.superadmin-sidebar-logo .superadmin-logo-image{width:50px;height:50px;border-radius:50%;object-fit:contain}.superadmin-sidebar-logo .superadmin-logo-text{font-size:1rem;font-weight:700;color:var(--color-white)}.superadmin-sidebar-nav{flex:1;padding:1rem 0}.superadmin-sidenav-list{list-style:none;padding:0}.superadmin-sidenav-item{margin-bottom:.25rem}.superadmin-sidenav-link{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:0 .5rem;color:#ffffffd9;text-decoration:none;border-radius:8px;transition:all .2s ease;font-weight:500}.superadmin-sidenav-link:hover{background:#ffffff14;color:var(--color-white);transform:translate(2px)}.superadmin-sidenav-link.active{background:#4285f42e;color:var(--color-white);width:95%}.superadmin-sidenav-link .superadmin-active-extend{content:"";position:absolute;right:-8px;top:6px;bottom:6px;width:8px;border-top-right-radius:8px;border-bottom-right-radius:8px}.superadmin-sidenav-icon{font-size:1.05rem;width:20px;text-align:center}.superadmin-sidebar.collapsed .superadmin-nav-label{display:none}.superadmin-sidebar-logout{border-top:1px solid rgba(255,255,255,.06);padding:.75rem}.superadmin-logout-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:#ffffffe6;text-decoration:none;border-radius:6px;transition:background .2s ease}.superadmin-logout-link:hover{background:#f443361f;color:#ff7676}.superadmin-logout-icon{width:16px}.superadmin-sidebar-nav::-webkit-scrollbar{width:6px}.superadmin-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.superadmin-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 1024px){.superadmin-sidebar{transform:translate(-100%);width:280px;z-index:1001}.superadmin-sidebar:not(.collapsed){transform:translate(0)}.superadmin-sidebar.collapsed{transform:translate(-100%)}}@media (max-width: 768px){.superadmin-sidebar{transform:translate(-100%);width:280px;z-index:1001}.superadmin-sidebar:not(.collapsed){transform:translate(0)}.superadmin-sidebar.collapsed{transform:translate(-100%)}}.superadmin-header{background:var(--color-white);border-bottom:1px solid var(--color-primary-lightest);box-shadow:0 2px 10px var(--shadow-light);position:sticky;top:0;z-index:999;padding:0 2rem}.superadmin-header-content{display:flex;align-items:center;justify-content:space-between;min-height:70px;max-width:100%}.superadmin-header-left{display:flex;align-items:center;gap:1rem}.superadmin-page-title{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin:0;line-height:1.2}.superadmin-header-right{display:flex;align-items:center;gap:1rem}.superadmin-header-action{background:none;border:none;color:var(--color-primary-medium);font-size:1.125rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.superadmin-header-action:hover{background:var(--color-accent-light);color:var(--color-accent-blue)}.superadmin-user-menu-wrapper{position:relative}.superadmin-user-menu-trigger{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.superadmin-user-menu-trigger:hover{background:var(--color-accent-light)}.superadmin-user-avatar{width:36px;height:36px;background:var(--color-accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1.125rem}.superadmin-user-avatar img{width:100%;height:100%;object-fit:cover}.superadmin-user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.superadmin-user-name{font-size:.875rem;font-weight:600;color:var(--color-primary-dark);line-height:1.2}.superadmin-user-role{font-size:.75rem;color:var(--color-primary-light);line-height:1.2}.superadmin-dropdown-arrow{color:var(--color-primary-light);font-size:.75rem;transition:transform .3s ease}.superadmin-user-menu-trigger:hover .superadmin-dropdown-arrow{color:var(--color-accent-blue)}.superadmin-user-menu-dropdown{position:absolute;top:100%;right:0;background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:12px;box-shadow:0 8px 32px var(--shadow-medium);min-width:280px;z-index:1000;overflow:hidden;margin-top:.5rem}.superadmin-dropdown-header{padding:1rem;background:var(--color-accent-light);border-bottom:1px solid var(--color-primary-lightest)}.superadmin-dropdown-user-info{display:flex;align-items:center;gap:.75rem}.superadmin-dropdown-avatar{width:48px;height:48px;background:var(--color-accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1.25rem}.superadmin-dropdown-avatar img{width:100%;height:100%;object-fit:cover}.superadmin-dropdown-details{flex:1}.superadmin-dropdown-name{font-size:1rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:.25rem}.superadmin-dropdown-email{font-size:.875rem;color:var(--color-primary-medium)}.superadmin-dropdown-menu{padding:.5rem 0}.superadmin-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-primary-medium);text-decoration:none;transition:all .3s ease;font-size:.875rem}.superadmin-dropdown-item:hover{background:var(--color-accent-light);color:var(--color-accent-blue)}.superadmin-dropdown-item.logout{color:#f44336}.superadmin-dropdown-item.logout:hover{background:#f443361a;color:#f44336}.superadmin-dropdown-divider{height:1px;background:var(--color-primary-lightest);margin:.5rem 0}@media (max-width: 768px){.superadmin-header{padding:0 1rem}.superadmin-page-title{font-size:1.25rem}.breadcrumbs{display:none}.search-input{width:200px}.superadmin-user-info{display:none}.superadmin-user-menu-dropdown{min-width:240px}}.superadmin-header-menu-btn{background:none;border:none;color:var(--color-primary-medium);font-size:1.2rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.superadmin-header-menu-btn:hover{background:var(--color-accent-light);color:var(--color-accent-blue);transform:scale(1.05)}@media (max-width: 480px){.header-search{display:none}.superadmin-header-right{gap:.5rem}}.superadmin-layout{display:flex;min-height:100vh;background:var(--color-accent-light);overflow-x:hidden;position:relative}.superadmin-sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.superadmin-sidebar-backdrop.active{opacity:1;visibility:visible}.superadmin-main{flex:1;margin-left:280px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 280px)}.superadmin-main.sidebar-collapsed{margin-left:0;width:100%}.superadmin-content{flex:1;padding:2rem;overflow-y:auto;width:100%}.superadmin-content-wrapper{max-width:100%;margin:0 auto;width:100%}@media (max-width: 1024px){.superadmin-main,.superadmin-main.sidebar-collapsed{margin-left:0;width:100%}}@media (max-width: 768px){.superadmin-main,.superadmin-main.sidebar-collapsed{margin-left:0;width:100%}.superadmin-content{padding:1rem}}.cashier-header{position:fixed;top:0;left:0;right:0;height:70px;background:var(--color-white);border-bottom:1px solid var(--color-primary-lightest);z-index:1000;box-shadow:0 2px 4px #0000001a}.cashier-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.5rem;max-width:100%}.cashier-header-left{display:flex;align-items:center;gap:1rem}.cashier-logo{height:40px;width:auto}.cashier-logo img{height:100%;width:auto;object-fit:contain}.cashier-page-title{font-size:1.5rem;font-weight:600;color:var(--color-primary-dark);margin:0}.cashier-header-right{display:flex;align-items:center}.cashier-user-menu-wrapper{position:relative}.cashier-user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.cashier-user-menu-trigger:hover{background:var(--color-primary-lightest)}.cashier-user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--color-primary-lightest)}.cashier-user-avatar img{width:100%;height:100%;object-fit:cover}.cashier-user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.cashier-user-name{font-size:.875rem;font-weight:500;color:var(--color-primary-dark);line-height:1.2}.cashier-user-role{font-size:.75rem;color:var(--color-text-light);line-height:1.2}.cashier-dropdown-arrow{font-size:.75rem;color:var(--color-text-light);transition:transform .2s ease}.cashier-user-menu-trigger:hover .cashier-dropdown-arrow{transform:rotate(180deg)}.cashier-user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:280px;z-index:1001;overflow:hidden}.cashier-dropdown-header{padding:1rem;background:var(--color-primary-lightest);border-bottom:1px solid var(--color-primary-lightest)}.cashier-dropdown-user-info{display:flex;align-items:center;gap:.75rem}.cashier-dropdown-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-white)}.cashier-dropdown-avatar img{width:100%;height:100%;object-fit:cover}.cashier-dropdown-details{flex:1}.cashier-dropdown-name{font-size:.875rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:.25rem}.cashier-dropdown-email{font-size:.75rem;color:var(--color-text-light)}.cashier-dropdown-menu{padding:.5rem 0}.cashier-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;transition:background-color .2s ease;font-size:.875rem}.cashier-dropdown-item:hover{background:var(--color-primary-lightest);color:var(--color-primary-dark)}.cashier-dropdown-item svg{font-size:1rem;color:var(--color-text-light)}.cashier-dropdown-item:hover svg{color:var(--color-primary-dark)}.cashier-dropdown-divider{height:1px;background:var(--color-primary-lightest);margin:.5rem 0}.cashier-logout{color:var(--color-danger)}.cashier-logout:hover{background:var(--color-danger-lightest);color:var(--color-danger-dark)}.cashier-logout svg{color:var(--color-danger)}.cashier-logout:hover svg{color:var(--color-danger-dark)}@media (max-width: 768px){.cashier-header-content{padding:0 1rem}.cashier-page-title{font-size:1.25rem}.cashier-user-info{display:none}.cashier-user-menu-trigger{padding:.5rem}.cashier-user-menu-dropdown{min-width:240px}}.cashier-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-accent-light)}.cashier-main{flex:1;display:flex;flex-direction:column;margin-top:70px}.cashier-content-wrapper{flex:1;padding:1.5rem;overflow-y:auto;width:100%;overflow-x:hidden;box-sizing:border-box}@media (max-width: 768px){.cashier-content-wrapper{padding:1rem}}.system-logs-filter{width:100%}.filter-controls-row{display:flex;align-items:center;gap:1rem}.search-section,.logs-search-input{width:100%}.filter-section{flex-shrink:0}.filter-button{position:relative;min-width:120px;height:44px;padding:0 1.5rem;font-size:.95rem;font-weight:500;background:#fff;border:1px solid #e5e7eb;transition:all .2s ease}.filter-button:hover{background:#e5e7eb;border-color:var(--color-primary)}.filter-count-badge{position:absolute;top:-8px;right:-8px;background:var(--color-danger);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.sort-section{flex-shrink:0}.sort-button{min-width:160px;height:44px;padding:0 1.5rem;font-size:.95rem;font-weight:500;background:#fff;border:1px solid #e5e7eb;transition:all .2s ease}.sort-button:hover{background:#e5e7eb;border-color:var(--color-primary)}.filter-modal-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.filter-modal-section h4{color:var(--color-primary-dark);font-size:1rem;font-weight:600;margin:0 0 .75rem}.filter-modal-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-border-light)}.modal-buttons{display:flex;gap:.75rem}.date-range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-input-group label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}@media (max-width: 768px){.filter-controls-row{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.search-section,.filter-section,.sort-section{width:100%}.filter-button,.sort-button{width:100%;height:48px}.date-range-inputs{grid-template-columns:1fr}.filter-modal-actions{flex-direction:column;gap:1rem;align-items:stretch}.modal-buttons{justify-content:stretch}.modal-buttons button{flex:1}}.system-logs-table-container{background:var(--color-white);border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.table-header h3{color:var(--color-primary-dark);font-size:1.25rem;font-weight:600;margin:0}.logs-count{color:var(--color-text-secondary);font-size:.875rem;background:#e5e7eb;padding:.25rem .75rem;border-radius:4px}.timestamp-cell{display:flex;flex-direction:column;gap:.25rem}.timestamp-date{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.timestamp-time{color:var(--color-text-secondary);font-size:.75rem}.log-level{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;width:fit-content}.log-level.error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.log-level.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.log-level.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.log-level.debug{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.log-category{color:var(--color-text-primary);font-weight:500;font-size:.875rem}.log-message{color:var(--color-text-primary)}.message-text{font-size:.875rem;line-height:1.4}.log-source{color:var(--color-text-secondary);font-size:.875rem;font-family:Courier New,monospace}.view-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.view-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid var(--color-border-light);background:var(--color-background-light)}.pagination-info{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.logs-pagination{margin:0}.log-details-modal{max-width:600px;max-height:80vh;overflow-y:auto}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.log-level-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius-full);font-weight:600;text-transform:uppercase}.log-level-badge.error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.log-level-badge.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.log-level-badge.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.log-level-badge.debug{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.log-timestamp{color:var(--color-text-secondary);font-size:.875rem}.log-content{display:flex;flex-direction:column;gap:1rem}.log-field{display:flex;flex-direction:column;gap:.5rem}.log-field label{font-weight:600;color:var(--color-primary-dark);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.log-field p{color:var(--color-text-primary);font-size:.875rem;line-height:1.5;margin:0;word-break:break-word}.user-agent{font-family:Courier New,monospace;font-size:.75rem;background:#f8f9fa;padding:.5rem;border-radius:var(--border-radius-sm);border:1px solid #e9ecef}.metadata-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:var(--border-radius-sm);padding:1rem;font-size:.75rem;color:var(--color-text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px}@media (max-width: 768px){.table-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.log-header{flex-direction:column;align-items:flex-start;gap:.75rem}.pagination-container{flex-direction:column;gap:1rem;align-items:center;padding:1rem}.pagination-info{order:2;text-align:center}.logs-pagination{order:1}}.system-logs-page{margin:0 auto}.system-logs-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.system-logs-header .header-title h1{color:var(--color-primary-dark);font-size:2rem;font-weight:700;margin:0 0 .5rem}.system-logs-header .header-title p{color:var(--color-text-secondary);font-size:1rem;margin:0}.system-logs-content{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.system-logs-page{padding:1rem}.system-logs-header .header-title h1{font-size:1.5rem}}.add-super-admin-form{background:var(--color-white);border-radius:8px;box-shadow:var(--shadow-sm);padding:2rem;margin-bottom:2rem;overflow:hidden}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{color:var(--color-primary-dark);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.form-header p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.super-admin-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border-light)}@media (max-width: 480px){.form-actions{flex-direction:column-reverse}}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.super-admins-table-container{background:var(--color-white);border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:1.5rem;margin-bottom:2rem;overflow:hidden}.super-admins-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.super-admins-table-title{color:var(--color-primary-dark);font-size:1.25rem;font-weight:600;margin:0}.super-admins-table-count{color:var(--color-text-secondary);font-size:.875rem;background:#e5e7eb;padding:.25rem .75rem;border-radius:var(--border-radius-sm)}.super-admin-name-cell{display:flex;align-items:center;gap:.75rem}.super-admin-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary-dark)}.super-admin-name-info{display:flex;flex-direction:column}.super-admin-full-name{font-weight:500;color:var(--color-text-primary)}.super-admin-email{font-size:.875rem;color:var(--color-text-secondary)}.super-admin-date{color:var(--color-text-primary)}.super-admin-status{display:inline-block;padding:.25rem .75rem;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:500;text-transform:uppercase}.super-admin-status.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.super-admin-status.inactive{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.delete-confirmation-content{text-align:center}.delete-confirmation-text{margin:0 0 1rem;color:var(--color-text-primary)}.delete-confirmation-info{background:var(--color-background-light);padding:1rem;border-radius:var(--border-radius-md);margin:1rem 0}.delete-confirmation-name{display:block;color:var(--color-text-primary);font-size:1rem;margin-bottom:.25rem}.delete-confirmation-email{color:var(--color-text-secondary);font-size:.875rem}.delete-confirmation-warning{color:var(--color-warning-dark);font-size:.875rem;font-weight:500;margin:1rem 0 0}.delete-icon-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.delete-icon-btn:hover{background:#fee2e2;color:#b91c1c}.delete-icon-btn:active{transform:scale(.95)}.add-super-admin-page{margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{color:var(--color-primary-dark);font-size:2rem;font-weight:700;margin:0 0 .5rem}.page-header p{color:var(--color-text-secondary);font-size:1rem;margin:0}.content-container{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.add-super-admin-page{padding:1rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}.content-container{gap:1.5rem}}.cashier-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-primary-lightest)}.cashier-avatar-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:1rem;border:3px solid var(--color-primary-lightest);background:var(--color-white)}.cashier-avatar-preview img{width:100%;height:100%;object-fit:cover}.cashier-avatar-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary-lightest);color:var(--color-primary-dark);border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.cashier-avatar-upload-btn:hover{background:var(--color-primary);color:var(--color-white)}.cashier-avatar-input{display:none}.cashier-btn-secondary{background:#4a5568!important;color:#fff!important;border:2px solid #4a5568!important;font-weight:700!important;box-shadow:0 3px 6px #0000004d!important;font-size:.9rem!important}.cashier-btn-secondary:hover{background:#2d3748!important;color:#fff!important;border-color:#2d3748!important;transform:translateY(-1px);box-shadow:0 5px 10px #0006!important}@media (max-width: 768px){.cashier-form-actions{flex-direction:column}.cashier-btn{width:100%;justify-content:center}}.cashier-change-password-card{background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:12px;padding:2rem;margin-top:2rem;box-shadow:0 2px 8px #0000001a}.cashier-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-primary-lightest)}.cashier-card-icon{width:48px;height:48px;background:var(--color-primary-lightest);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary-dark);font-size:1.25rem}.cashier-card-title h3{font-size:1.25rem;font-weight:600;color:var(--color-primary-dark);margin:0 0 .25rem}.cashier-card-title p{font-size:.875rem;color:var(--color-text-light);margin:0}.cashier-change-password-form{display:flex;flex-direction:column;gap:1.5rem}.cashier-form-group{display:flex;flex-direction:column}.cashier-form-group label{font-weight:500;color:var(--color-primary-dark);margin-bottom:.5rem;font-size:.875rem}.cashier-password-input-wrapper{position:relative;display:flex;align-items:center}.cashier-form-input{width:100%;padding:.75rem 3rem .75rem .75rem;border:1px solid var(--color-primary-lightest);border-radius:8px;font-size:.875rem;transition:border-color .2s ease}.cashier-form-input.error{border-color:var(--color-danger)}.cashier-form-input.error:focus{box-shadow:0 0 0 3px var(--color-danger-lightest)}.cashier-password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:.25rem;transition:color .2s ease}.cashier-password-toggle:hover{color:var(--color-primary-dark)}.cashier-error-message{font-size:.75rem;color:var(--color-danger);margin-top:.25rem}.cashier-form-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-primary-lightest)}.cashier-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cashier-btn-primary{background:#1a365d!important;color:#fff!important;border:2px solid #1a365d!important;font-weight:700!important;box-shadow:0 3px 6px #0000004d!important;font-size:.9rem!important}.cashier-btn-primary:hover{background:#2c5282!important;color:#fff!important;border-color:#2c5282!important;transform:translateY(-1px);box-shadow:0 5px 10px #0006!important}@media (max-width: 768px){.cashier-change-password-card{padding:1rem;margin-top:1.5rem}.cashier-card-header{gap:.75rem}.cashier-card-icon{width:40px;height:40px;font-size:1rem}.cashier-card-title h3{font-size:1.125rem}}.cashier-profile-container{max-width:1000px;margin:0 auto;padding:2rem}.cashier-back-section{margin-bottom:1.5rem}.cashier-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary-dark);color:var(--color-white);text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:700;transition:all .2s ease;border:2px solid var(--color-primary-dark);box-shadow:0 2px 4px #0003}.cashier-back-btn:hover{background:var(--color-primary);color:var(--color-text);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.cashier-back-btn:active{transform:translateY(0)}.cashier-profile-card{background:var(--color-white);border:1px solid var(--color-primary-lightest);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.cashier-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-primary-lightest)}.cashier-profile-title{font-size:2rem;font-weight:600;color:var(--color-primary-dark);margin:0}.cashier-profile-edit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary-dark);color:var(--color-white);border:2px solid var(--color-primary-dark);border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.cashier-profile-edit-btn:hover{background:var(--color-primary);color:var(--color-text);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.cashier-profile-edit-btn:active{transform:translateY(0)}.cashier-profile-content{display:flex;gap:3rem;align-items:flex-start}.cashier-profile-avatar-section{flex-shrink:0}.cashier-profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--color-primary-lightest);background:var(--color-white)}.cashier-profile-avatar-img{width:100%;height:100%;object-fit:cover}.cashier-profile-info-section{flex:1;width:100%}.cashier-profile-info-item{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-primary-lightest)}.cashier-profile-info-item:last-child{border-bottom:none}.cashier-profile-info-label{font-weight:600;color:var(--color-primary-dark);min-width:120px;margin-right:1rem}.cashier-profile-info-value{color:var(--color-text);flex:1}.cashier-edit-profile-form{padding:1rem 0}.cashier-form-group{margin-bottom:1.5rem}.cashier-form-group label{display:block;font-weight:500;color:var(--color-primary-dark);margin-bottom:.5rem}.cashier-form-input{width:100%;padding:.75rem;border:1px solid var(--color-primary-lightest);border-radius:8px;font-size:.875rem;transition:border-color .2s ease}.cashier-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.cashier-form-textarea{width:100%;padding:.75rem;border:1px solid var(--color-primary-lightest);border-radius:8px;font-size:.875rem;resize:vertical;min-height:80px;transition:border-color .2s ease}.cashier-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.cashier-form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-primary-lightest)}.cashier-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cashier-btn-secondary{background:var(--color-gray-light);color:var(--color-text)}.cashier-btn-secondary:hover{background:var(--color-gray);color:var(--color-white)}.cashier-btn-primary{background:var(--color-primary);color:var(--color-white)}.cashier-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.cashier-btn:active{transform:translateY(0)}@media (max-width: 768px){.cashier-profile-container{padding:1rem}.cashier-profile-header{gap:1rem;align-items:flex-start}.cashier-profile-title{font-size:1.5rem}.cashier-profile-content{flex-direction:column;gap:2rem;align-items:center}.cashier-profile-info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.cashier-profile-info-label{min-width:auto;margin-right:0}.cashier-form-actions{flex-direction:column}.cashier-btn{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}