.kz-header{position:fixed;top:0;left:0;right:0;width:100%;background-color:#2a2c41;z-index:1000;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.kz-header--scrolled{background-color:#2a2c41;box-shadow:0 2px 8px #00000026}.kz-header--hidden{transform:translateY(-100%)}.kz-header--menu-open{background-color:#2a2c41}.kz-logo{height:50px;width:auto;object-fit:contain;transition:height .3s ease;padding:8px 12px}@media (max-width: 599px){.kz-logo{height:35px;padding:6px 70px 0 0;margin-left:0}}@media (min-width: 600px) and (max-width: 768px){.kz-logo{height:40px;padding:7px 10px}}.kz-nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;padding:0 2rem;background-color:#2a2c41;min-height:64px;margin:0 auto}@media (max-width: 599px){.kz-nav{padding:0 12px;min-height:56px}}@media (min-width: 600px) and (max-width: 959px){.kz-nav{padding:0 16px;min-height:60px}}@media (min-width: 1400px){.kz-nav{max-width:1600px;padding:0 1rem}.kz-links a{font-size:1.1rem;padding:.75rem 1rem}.kz-auth a{font-size:1.1rem;padding:10px 16px}}@media (min-width: 1920px){.kz-nav{max-width:2000px;padding:0 1rem}.kz-logo{height:60px}.kz-links a{font-size:1.2rem;padding:1rem 1.25rem}.kz-auth a{font-size:1.2rem;padding:12px 20px}}@media (min-width: 2560px){.kz-nav{max-width:2800px;padding:0 1rem}.kz-logo{height:70px}.kz-links a{font-size:1.4rem;padding:1.25rem 1.5rem}.kz-auth a{font-size:1.4rem;padding:16px 24px}}.kz-header,.kz-header .kz-links a,.kz-header .kz-menu-btn,.kz-auth a{color:var(--text-color, #ffffff)}.kz-header .kz-links a:hover,.kz-header .kz-auth a:hover{background-color:var(--hover-bg)}.kz-links{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}@media (max-width: 599px){.kz-links{gap:.25rem}}@media (min-width: 600px) and (max-width: 959px){.kz-links{gap:.75rem}}.kz-links.desktop-nav{margin-right:2rem}@media (max-width: 599px){.kz-links.desktop-nav{margin-right:0}}@media (min-width: 600px) and (max-width: 959px){.kz-links.desktop-nav{margin-right:.75rem}}.kz-links a{color:var(--text-color, #ffffff);text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:4px;transition:background-color .2s ease}@media (max-width: 599px){.kz-links a{padding:12px 16px;font-size:16px;font-weight:500}}@media (min-width: 600px) and (max-width: 959px){.kz-links a{padding:10px 14px;font-size:15px}}.kz-menu-btn{display:none;background:none;border:none;font-size:.85rem;cursor:pointer;padding:.2rem;color:var(--text-color, #ffffff);min-height:44px;min-width:44px;border-radius:6px;transition:background-color .2s ease}.kz-menu-btn:hover{background-color:#ffffff1a}.kz-menu-btn:active{background-color:#fff3}@media (max-width: 599px){.kz-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.1rem}.kz-links-container{position:fixed;top:56px;left:0;right:0;background:#fff;padding:.75rem;box-shadow:0 8px 16px -4px #0003;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:calc(100vh - 56px);overflow-y:auto;z-index:9999;border-top:1px solid #e5e7eb}.kz-links-container.active{transform:translateY(0);opacity:1;pointer-events:auto}.kz-links{display:flex;flex-direction:row;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:4px 6px 0;flex-wrap:nowrap}.kz-links>li{flex:0 0 auto}.kz-links a{display:inline-flex;align-items:center;padding:6px 8px;font-size:13px;border-radius:12px;margin:0;transition:background-color .2s ease;min-height:30px;color:#1f2937!important;text-decoration:none;white-space:nowrap}.kz-links a:hover{background-color:#f3f4f6;color:#1f2937!important}.kz-links.mobile-only{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:6px}.kz-links.mobile-only>li{flex:0 0 auto}.kz-links.mobile-only a{display:inline-flex;white-space:nowrap}}@media (min-width: 600px) and (max-width: 768px){.kz-menu-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:1.15rem}.kz-links-container{position:fixed;top:60px;left:0;right:0;background:#fff;padding:1rem;box-shadow:0 6px 12px -2px #00000026;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease;max-height:80vh;overflow-y:auto;border-top:1px solid #e5e7eb}.kz-links-container.active{transform:translateY(0);opacity:1;pointer-events:auto}.kz-links{display:flex;flex-direction:row;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:6px 10px 0;flex-wrap:nowrap}.kz-links a{display:inline-flex;padding:8px 10px!important;font-size:14px;border-radius:12px;transition:background-color .2s ease;color:#1f2937!important;text-decoration:none;white-space:nowrap}.mobile-greeting-chip{display:inline-flex;align-items:center;padding:4px 8px;font-size:12.5px;line-height:1;color:#4b5563;background:#f3f4f6;border-radius:12px;margin:0 6px 0 0;white-space:nowrap}.kz-links a:hover{background-color:#f3f4f6;color:#1f2937!important}.mobile-greeting-chip{display:inline-flex;align-items:center;padding:4px 8px;font-size:12px;line-height:1;color:#4b5563;background:#f3f4f6;border-radius:12px;margin:0 6px 0 0;white-space:nowrap}.mobile-account-inline{gap:6px!important;padding:0 4px!important}.mobile-icon-btn{padding:6px!important;border-radius:8px!important}}.kz-auth{display:flex;align-items:center;gap:10px}@media (max-width: 599px){.kz-auth{gap:8px}}@media (min-width: 600px) and (max-width: 959px){.kz-auth{gap:12px}}.kz-auth a{display:flex;align-items:center;justify-content:center;color:var(--text-color, #ffffff);text-decoration:none;padding:8px 12px;border-radius:6px;transition:all .2s ease;font-size:1rem}@media (max-width: 599px){.kz-auth a{padding:6px 10px;font-size:14px;min-height:40px}}@media (min-width: 600px) and (max-width: 959px){.kz-auth a{padding:7px 11px;font-size:15px}}.kz-auth a:hover{background-color:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--text-color, #ffffff)}.kz-links a{color:var(--text-color, #ffffff);text-decoration:none;transition:color .2s ease}.kz-links a:hover{color:var(--text-color, #ffffff);opacity:.8}.kz-menu-btn{color:var(--text-color, #ffffff)}.kz-header--scrolled .kz-menu-btn{color:#111827}.kz-menu-btn{color:#fff}.mobile-account-button{display:flex;align-items:center;padding:12px 16px;width:100%;text-align:left;background:none;border:none;font-size:16px;color:#4b5563;text-decoration:none;border-top:1px solid #E5E7EB}.kz-auth .cart-button{position:relative;padding:8px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#fff;text-decoration:none;border-radius:50%;width:40px;height:40px;margin-right:1rem;transition:all .2s ease}.kz-auth .cart-button svg{color:#f28c28}.kz-auth .cart-button:hover{background-color:#f8f9fa;transform:translateY(-1px)}.cart-badge{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mobile-cart-button{display:flex;align-items:center;gap:8px;padding:12px 16px;width:100%;text-align:left;background:none;border:none;font-size:16px;color:#4b5563;text-decoration:none;border-top:1px solid #E5E7EB}.mobile-login-button{width:100%;padding:12px 16px;background:#2a2c41;color:#fff;border:none;border-radius:6px;font-size:16px;margin-top:8px;cursor:pointer;min-height:48px;transition:all .2s ease}.mobile-login-button:hover{background:#1f2134;transform:translateY(-1px)}@media (max-width: 599px){.mobile-login-button{padding:14px 16px;font-size:16px;min-height:48px;border-radius:8px;background:#2a2c41}}@media (max-width: 599px){.kz-auth.desktop-only{display:none!important}.mobile-only{display:block}.desktop-only{display:none!important}.kz-menu-btn{color:#fff}.mobile-account-button{display:flex;align-items:center;padding:12px 16px;width:100%;text-align:left;background:none;border:none;font-size:16px;color:#1f2937;text-decoration:none;border-top:1px solid #E5E7EB;min-height:48px;transition:background-color .2s ease}.mobile-account-button:hover{background-color:#f3f4f6}}@media (min-width: 600px) and (max-width: 768px){.kz-auth.desktop-only{display:none!important}.mobile-only{display:block}.desktop-only{display:none!important}.kz-menu-btn{color:#fff}.mobile-account-button{display:flex;align-items:center;padding:14px 18px;width:100%;text-align:left;background:none;border:none;font-size:17px;color:#4b5563;text-decoration:none;border-top:1px solid #E5E7EB}}@media (min-width: 769px){.mobile-only{display:none}.desktop-only{display:flex!important}}.mobile-cart-button{display:flex;align-items:center;gap:8px;padding:12px 16px;width:100%;text-align:left;background:none;border:none;font-size:16px;color:#ff7402;background-color:#fff;text-decoration:none;border-top:1px solid #E5E7EB;min-height:48px;transition:background-color .2s ease}.mobile-cart-button:hover{background-color:#f8f9fa}.mobile-login-button{width:100%;padding:12px 16px;background:#ff7402;color:#fff;border:none;border-radius:6px;font-size:16px;margin-top:8px;cursor:pointer;min-height:48px;transition:all .2s ease}.mobile-login-button:hover{background:#e67e22;transform:translateY(-1px)}.mobile-login-button:active{transform:translateY(0)}.login-signup-btn{background:#e5e7eb;border:none;color:#1f2937;font-weight:500;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .2s ease;font-size:14px;white-space:nowrap}.login-signup-btn:hover{background:#d1d5db;transform:translateY(-1px)}.login-signup-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-page-new{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.onboarding-page-new{position:relative;min-height:100vh;background:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1555396273-367ea4eb4db5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;overflow:hidden}.onboarding-background{display:none}.onboarding-content-new{position:relative;z-index:1;max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:80px 40px;box-sizing:border-box}.onboarding-left-panel{flex:1;color:#fff;padding-right:60px;max-width:550px}.onboarding-process-label{font-size:1em;font-weight:500;letter-spacing:1px;margin-bottom:10px;color:#f7b054}.onboarding-title{font-size:3.5em;font-weight:700;line-height:1.1;margin-bottom:20px;color:#fff}.onboarding-subtitle{font-size:1.2em;line-height:1.5;margin-bottom:30px;color:#fff}.highlight-text{color:#f7b054;font-weight:600}.onboarding-terms{font-size:.85em;margin-top:-15px;margin-bottom:20px;color:#ccc}.onboarding-learn-more{color:#f7b054;text-decoration:underline;font-size:.95em;font-weight:500}.onboarding-learn-more:hover{color:#ffb74d}.onboarding-right-panel{flex-shrink:0;width:400px;display:flex;justify-content:flex-end}.onboarding-form-card{background:#2b2c2ee6;border-radius:12px;padding:40px;box-shadow:0 8px 30px #0006;color:#fff}.form-info-text{font-size:.9em;margin-bottom:25px;line-height:1.5;color:#e0e0e0}.required-documents{list-style:none;padding:0;margin-bottom:35px}.required-documents li{margin-bottom:15px;font-size:.95em;color:#fff;display:flex;align-items:flex-start}.bullet-point{color:#f7b054;font-size:1.2em;margin-right:10px;line-height:1}.onboarding-action-button{width:100%;height:55px;font-size:1.1em;font-weight:600;background-color:#ff6e1d;border:none;border-radius:8px;transition:all .3s ease;margin-top:10px}.onboarding-action-button:hover,.onboarding-action-button:focus{background-color:#e05e17;transform:translateY(-2px);box-shadow:0 6px 20px #ff6e1d4d}.onboarding-help-link{text-align:center;font-size:.9em;margin-top:30px;color:#e0e0e0}.onboarding-help-link a{color:#f7b054;text-decoration:none;font-weight:500}.onboarding-help-link a:hover{text-decoration:underline}@media (max-width: 1024px){.onboarding-content-new{flex-direction:column;padding:60px 20px}.onboarding-left-panel{padding-right:0;text-align:center;margin-bottom:50px;max-width:100%}.onboarding-title{font-size:2.8em}.onboarding-right-panel{width:100%;justify-content:center}.onboarding-form-card{max-width:450px;width:100%}}@media (max-width: 768px){.onboarding-title{font-size:2.2em}.onboarding-subtitle{font-size:1.1em}.onboarding-form-card{padding:30px 25px}.onboarding-action-button{height:50px;font-size:1em}}@media (max-width: 480px){.onboarding-content-new{padding:40px 15px}.onboarding-left-panel{margin-bottom:40px}.onboarding-title{font-size:1.8em}.onboarding-subtitle{font-size:1em}.onboarding-form-card{padding:25px 20px}.required-documents li{font-size:.9em}.onboarding-action-button{height:45px;font-size:.95em}.form-info-text,.onboarding-help-link{font-size:.85em}}.floating-cart-container{position:fixed;bottom:20px;right:20px;z-index:1000}.floating-cart-button{position:relative;width:64px;height:64px;background:linear-gradient(135deg,#f28c28,#ff6b35);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f28c2866;transition:all .3s ease}.floating-cart-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f28c2880;animation-play-state:paused}.floating-cart-button:active{transform:translateY(0)}.floating-cart-button.has-items{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.cart-badges{position:absolute;top:0;right:8px;background:#dc2626;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white}@media (max-width: 768px){.floating-cart-container{bottom:80px;right:16px}.cart-badges{position:absolute;right:6px;background:#ef4444;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.floating-cart-button{width:56px;height:56px}.cart-badges{width:20px;height:20px;font-size:12px}}.category-page-container{width:100%;max-width:1700px;margin:0 auto;padding:0 15px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-bottom:20px!important;min-height:100vh;overflow-x:hidden}@media (max-width: 768px){.desktop-actions{display:none!important}}@media (min-width: 769px){.mobile-actions{display:none!important}}.mobile-filter-button{display:none!important}@media (max-width: 990px) and (min-width: 700px){.mobile-filter-button{display:flex!important;position:fixed;bottom:20px;right:20px;z-index:1000;align-items:center;justify-content:center;background-color:#3b82f6;color:#fff;border:none;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .2s}.mobile-filter-button svg{width:24px;height:24px}.mobile-filter-button span{display:none}.mobile-filter-button .filter-icon{margin-right:0}}@media (max-width: 566px){.mobile-filter-button{display:flex!important;position:fixed;bottom:20px;right:20px;z-index:1000;align-items:center;justify-content:center;background-color:#3b82f6;color:#fff;border:none;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .2s}.mobile-filter-button svg{width:24px;height:24px}.mobile-filter-button span{display:none}.mobile-filter-button .filter-icon{margin-right:0}}.main-content{flex:1;width:100%;overflow-y:auto;padding-bottom:20px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0;width:100%;margin:0 auto}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0}#root{display:flex;flex-direction:column}.banner{background-size:cover;background-position:center;color:#1f2937;padding:100px 20px;text-align:center;margin-bottom:20px;box-shadow:0 4px 12px #0000001a}.banner h1{font-size:2rem;margin-bottom:10px}.banner p{font-size:1rem;max-width:700px;margin:0 auto}.filters-sidebar{display:block;position:fixed;top:0;left:0;height:100%;width:80%;max-width:320px;background-color:#fff;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto;box-shadow:none;padding:20px;box-sizing:border-box}.filters-sidebar.show{transform:translate(0);box-shadow:4px 0 10px #0003}.filters-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.filters-sidebar.show~.filters-overlay{display:block}.filters-sidebar .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;top:0;background-color:#fff;padding:10px 0;z-index:1001;border-bottom:1px solid #e5e7eb}.filters-sidebar .filter-header h3{font-size:1.2rem;margin:0}.filters-sidebar .filter-header .clear-all-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:500;padding:5px 0}.filters-sidebar .filter-header .close-filter-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.filter-section{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.filter-section:last-child{border-bottom:none}.filter-section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:15px}.filter-section-header h4{font-size:1rem;color:#1f2937;font-weight:600;margin:0}.filter-options{display:flex;flex-direction:column;gap:10px;margin-top:10px}.filter-option{display:flex;align-items:center;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease;color:#4b5563}.filter-option:hover{background-color:#f3f4f6}.filter-option-selected{background-color:#e0f2fe;color:#0369a1;font-weight:500}.filter-option .custom-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid #9ca3af;margin-right:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.filter-option.filter-option-selected .custom-checkbox{border-color:#0ea5e9;background-color:#0ea5e9;color:#fff;font-size:12px;font-weight:700}.main-content{flex:1;width:100%;min-width:0;padding:0;box-sizing:border-box}.main-content-header{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.main-content-header h2{font-size:1.8rem;color:#1f2937;font-weight:600;margin:0}.search-cart-area{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.button-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap;width:100%;justify-content:flex-start;margin-top:10px}@media (min-width: 768px){.button-container{justify-content:flex-end;width:auto;margin-left:auto;margin-top:0}}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;min-width:200px}.search-input-wrapper input{padding:8px 16px 8px 40px;border-radius:8px;border:1px solid #e5e7eb;min-width:100%;font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .2s}.search-input-wrapper input:focus{border-color:#f7941e}.search-input-wrapper .search-icon{position:absolute;left:12px;color:#9ca3af;transition:color .2s}.search-input-wrapper input:focus+.search-icon{color:#f7941e}.search-input-wrapper .clear-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#9ca3af;transition:color .2s}.search-input-wrapper .clear-search-icon:hover{color:#f59e0b}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;box-sizing:border-box}.no-products-message{text-align:center;padding:50px 20px;grid-column:1 / -1;color:#6b7280;font-size:1.1rem}body.no-scroll{overflow:hidden}.back-button,.cart-button,.mobile-filter-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#1f2937;white-space:nowrap}.back-button:hover,.cart-button:hover,.mobile-filter-button:hover{background-color:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.cart-button .cart-count-badge{background-color:#f59e0b;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}@media (min-width: 992px){.category-page-container{flex-direction:row;padding:0}.banner{padding:150px 20px;margin-bottom:30px}.banner h1{font-size:2.5rem}.banner p{font-size:1.2rem}.filters-sidebar{display:block;position:sticky;top:20px;height:fit-content;width:280px;margin-right:30px;box-shadow:0 2px 8px #0000001a;transform:none;flex-shrink:0}.filters-sidebar.show{transform:none}.filters-sidebar .filter-header .close-filter-btn,.filters-overlay{display:none}.mobile-filter-button{display:none!important}.main-content{padding:0 20px}.search-cart-area{justify-content:flex-start;gap:15px;flex-wrap:nowrap}.search-input-wrapper input{width:auto;min-width:250px}}@media (min-width: 600px){.product-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media (min-width: 992px){.product-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (min-width: 1200px){.product-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (min-width: 1400px){.product-grid{grid-template-columns:repeat(5,1fr)}}.mobile-overlay{display:none}@media (max-width: 768px){.mobile-overlay{display:block;position:fixed!important;inset:0;background-color:#00000080;z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.filters-open{overflow:hidden;height:100vh;position:fixed;width:100%}}.main-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}@supports (-webkit-touch-callout: none){.main-content{height:100%}}.bs-setup-container{max-width:1120px;margin:0 auto;padding:80px 24px 24px;min-height:100vh}.bs-setup-header{margin-bottom:16px}.bs-title{margin:0 0 4px;font-size:30px;font-weight:700;color:#0f172a}.bs-subtitle{margin:0;color:#64748b}.bs-steps-card{margin:12px 0 20px;border-radius:12px;box-shadow:0 2px 10px #0f172a0f}.bs-content-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}.bs-form-card,.bs-help-card{border-radius:12px;box-shadow:0 2px 10px #0f172a0f}.bs-form-card .ant-form-item{margin-bottom:16px}.bs-aside .bs-tips{margin:0;padding-left:16px;color:#475569}.bs-form-card .ant-btn-primary{background:#111827}@media (max-width: 992px){.bs-content-grid{grid-template-columns:1fr}}.bs-setup-header{padding:16px 20px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:12px}.bs-steps-card{background:#fff;border:1px solid #e5e7eb}.bs-steps-card .ant-steps{padding:8px 12px}.bs-steps-card .ant-steps-item-process .ant-steps-item-icon{background-color:#111827;border-color:#111827}.bs-steps-card .ant-steps-item-process .ant-steps-item-title,.bs-steps-card .ant-steps-item-process .ant-steps-item-description{color:#111827}.bs-form-card,.bs-help-card{background:#fff;border:1px solid #e5e7eb;padding:20px}.bs-form-card .ant-form-item-label>label{color:#1f2937;font-weight:600}.bs-form-card .ant-input,.bs-form-card .ant-input-number,.bs-form-card .ant-select-selector,.bs-form-card .ant-picker,.bs-form-card .ant-upload,.bs-form-card .ant-input-textarea{border-radius:10px!important;border-color:#e5e7eb!important;background:#f9fafb}.bs-form-card .ant-input:focus,.bs-form-card .ant-input-focused,.bs-form-card .ant-input-number-focused,.bs-form-card .ant-select-focused .ant-select-selector,.bs-form-card .ant-picker-focused,.bs-form-card .ant-input:focus-within{border-color:#111827!important;box-shadow:0 0 0 3px #1118271a!important;background:#fff}.bs-form-card .ant-select-selection-placeholder,.bs-form-card .ant-input::placeholder{color:#94a3b8}.bs-form-card .ant-upload,.bs-form-card .ant-upload-list{width:100%}.bs-form-card .ant-btn-primary{background:#111827;border-color:#111827;border-radius:10px;box-shadow:0 8px 16px #11182726}.bs-form-card .ant-btn-primary:hover,.bs-form-card .ant-btn-primary:focus{background:#0b1220;border-color:#0b1220}.bs-form-card .ant-btn,.bs-help-card .ant-btn{border-radius:10px}.bs-aside .bs-tips li{margin-bottom:6px}.bs-form-card .bs-section{margin-bottom:24px}.bs-form-card .bs-section-title{margin:0 0 12px;color:#1f2937;font-size:16px;font-weight:600}.bs-form-card .bs-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 768px){.bs-form-card .bs-grid-2{grid-template-columns:1fr}.bs-setup-container{padding:70px 16px 16px}}.bs-setup-container .ant-card{transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb}.bs-setup-container .ant-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.bs-setup-container .ant-form-item,.bs-setup-container .ant-input,.bs-setup-container .ant-select-selector,.bs-setup-container .ant-picker{transition:all .2s ease}.bs-setup-container .ant-input:focus,.bs-setup-container .ant-select-focused .ant-select-selector,.bs-setup-container .ant-picker-focused{transform:translateY(-1px);box-shadow:0 4px 12px #1118271a}.bs-setup-container .ant-btn{transition:all .2s ease}.bs-setup-container .ant-btn:hover{transform:translateY(-1px)}.addresses-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0rem;gap:1rem}.addresses-header .section-header{flex:1}.addresses-header .section-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;text-align:left}@media (max-width: 768px){.addresses-header{flex-direction:column;gap:.75rem;margin-bottom:.5rem}.addresses-header .section-title{font-size:1.125rem;margin-bottom:.5rem}.addresses-header .btn-modern{padding:.75rem 1rem;font-size:.875rem;justify-content:center;align-self:stretch}.addresses-card{padding:1rem}}@media (max-width: 480px){.addresses-header{gap:.5rem;margin-bottom:.25rem}.addresses-header .section-title{font-size:1rem;margin-bottom:.25rem}.addresses-header .btn-modern{padding:.625rem .875rem;font-size:.8125rem}.addresses-card{padding:.75rem}}.btn-small{padding:.5rem 1rem!important;font-size:.875rem!important;min-height:auto!important;height:auto!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-small svg{width:14px!important;height:14px!important;flex-shrink:0}@media (max-width: 768px){.btn-small{white-space:normal!important;word-wrap:break-word!important;text-align:center!important;line-height:1.3!important;padding:.625rem .875rem!important}}@media (max-width: 480px){.btn-small{font-size:.8125rem!important;padding:.5rem .75rem!important}}.add-address-button-container{display:flex;justify-content:center;align-items:center;padding:1rem;margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#FF6B35;cursor:pointer}.edit-address-form .form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important}.edit-address-form .form-group.full-width{grid-column:1 / -1!important}.edit-address-form .form-group label{display:block!important;margin-bottom:.5rem!important;font-weight:600!important;color:#374151!important;font-size:.875rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}.edit-address-form .form-group input,.edit-address-form .form-group select{width:100%!important;padding:.75rem!important;border:2px solid #F4F4F8!important;border-radius:8px!important;font-size:.875rem!important;transition:all .3s ease!important;box-sizing:border-box!important}.edit-address-form .form-group input:focus,.edit-address-form .form-group select:focus{outline:none!important;border-color:#f55d00!important;box-shadow:0 0 0 4px #f55d001a!important;transform:translateY(-1px)!important}.edit-address-form .form-group input::placeholder{color:#9ca3af!important}@media (max-width: 768px){.edit-address-form .form-row{grid-template-columns:1fr!important}}.profile-simple{width:100%;min-height:100vh;background:linear-gradient(135deg,#f4f4f8,#fff);padding:2rem;flex:1;display:flex;flex-direction:column;align-items:flex-start}.profile-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#f55d00,#2a2c41);border-radius:16px;width:100%;box-shadow:0 8px 32px #f55d0033}.profile-header-simple h2{font-size:1.75rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.user-mode{background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.profile-tabs-simple{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:12px;box-shadow:0 4px 20px #00000014;width:100%}.profile-tabs-simple button{padding:.75rem 1.5rem;border:none;background:transparent;color:#2a2c41;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;flex:1}.profile-tabs-simple button:hover{background:#f55d001a;color:#f55d00;transform:translateY(-1px)}.profile-tabs-simple button.active{background:linear-gradient(135deg,#f55d00,#2a2c41);color:#fff;box-shadow:0 4px 12px #f55d004d;transform:translateY(-1px)}.profile-content-simple{width:100%}.profile-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.profile-main-content,.profile-sidebar{min-width:0}.addresses-card{background:#fff;padding:0rem;border-radius:16px;border:1px solid rgba(245,93,0,.1);box-shadow:0 8px 32px #0000000f;transition:all .3s ease;height:fit-content}.addresses-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f55d001a}.add-address-form-inline{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.add-address-form-inline:hover{box-shadow:0 4px 16px #00000014}.form-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.form-header-inline h4{margin:0;font-size:1.125rem;font-weight:700;color:#111827;letter-spacing:-.025em}.btn-close-inline{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;padding:.375rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.btn-close-inline:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db;transform:scale(1.05)}.address-form-grid{display:flex;flex-direction:column;gap:1rem}.address-form-grid .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.address-form-grid .form-group{display:flex;flex-direction:column;gap:.375rem}.address-form-grid .form-group label{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.address-form-grid .form-group input,.address-form-grid .form-group select{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background:#fff;transition:all .2s ease}.address-form-grid .form-group input:focus,.address-form-grid .form-group select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.address-form-grid .form-group input::placeholder{color:#9ca3af}.address-form-grid .form-group.full-width{grid-column:1 / -1}.address-form-grid .form-actions-inline{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f3f4f6}.btn-cancel-inline{padding:.625rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel-inline:hover{background:#f9fafb;border-color:#9ca3af}.save-btn-inline{padding:.625rem 1.25rem;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #f59e0b33}.save-btn-inline:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.account-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;padding:2rem;border-radius:16px;border:1px solid rgba(245,93,0,.1);box-shadow:0 8px 32px #0000000f;transition:all .3s ease}.form-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f55d001a}.section-header-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-with-button h3{margin:0;font-size:1.25rem;font-weight:700;color:#2a2c41}.edit-btn-inline{background:linear-gradient(135deg,#f55d00,#2a2c41);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f55d0033;text-transform:uppercase;letter-spacing:.5px}.edit-btn-inline:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f55d004d}.form-actions-inline{display:flex;gap:.75rem;align-items:center}.btn-cancel-inline{background:#fff;color:#64748b;border:2px solid #e2e8f0;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-cancel-inline:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.save-btn-inline{background:linear-gradient(135deg,#f55d00,#2a2c41);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f55d0033;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.save-btn-inline:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f55d004d}.save-btn-inline:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-btn-inline:disabled:hover{transform:none;box-shadow:0 4px 12px #f55d0033}.form-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#2a2c41;text-align:center}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f4f4f8,#f55d00);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:4px solid #ffffff;box-shadow:0 8px 32px #f55d0033;transition:all .3s ease}.avatar:hover{transform:scale(1.05);box-shadow:0 12px 40px #f55d004d}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:2.5rem;color:#fff}.avatar-buttons{display:flex;gap:1rem}.avatar-buttons button{padding:.75rem 1.5rem;border:2px solid #F55D00;background:#fff;color:#f55d00;border-radius:25px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #f55d0033}.avatar-buttons button:hover{background:#f55d00;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #f55d004d}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-size:.875rem;font-weight:600;color:#2a2c41;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:1rem;border:2px solid #F4F4F8;border-radius:12px;font-size:.875rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f55d00;box-shadow:0 0 0 4px #f55d001a;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover{border-color:#f55d004d;box-shadow:0 4px 12px #00000014}.form-group input:disabled,.form-group select:disabled{background:#f8fafc;border-color:#e2e8f0;color:#64748b;cursor:not-allowed;opacity:.8}.form-group input:disabled:hover,.form-group select:disabled:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.phone-input{display:flex;gap:.75rem}.phone-input select{min-width:120px;background:linear-gradient(135deg,#f4f4f8,#fff)}.form-actions{display:flex;justify-content:center;padding-top:2rem;border-top:2px solid #F4F4F8;margin-top:1rem}.save-btn{background:linear-gradient(135deg,#f55d00,#2a2c41);color:#fff;border:none;padding:1rem 3rem;border-radius:25px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #f55d004d;text-transform:uppercase;letter-spacing:1px}.save-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #f55d0066}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-btn:disabled:hover{transform:none;box-shadow:0 8px 32px #f55d004d}.btn-cancel{background:#fff;color:#64748b;border:2px solid #e2e8f0;padding:1rem 2rem;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-right:1rem}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.loading-simple{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:2rem;background:linear-gradient(135deg,#f4f4f8,#fff);border-radius:16px;padding:3rem}.spinner{width:48px;height:48px;border:4px solid #F4F4F8;border-top:4px solid #F55D00;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 4px 12px #f55d0033}.loading-simple p{color:#2a2c41;margin:0;font-size:1.125rem;font-weight:600;text-align:center}.business-details-section,.personal-information-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}.detail-item span{font-size:.875rem;font-weight:500;color:#1f2937;word-break:break-word}@media (max-width: 768px){.profile-simple{width:100%;padding:.5rem}.business-details-section,.personal-information-section{padding:1rem;margin-bottom:.75rem;border-radius:8px}.section-header-with-edit{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem}.section-header-with-edit h3{font-size:1.125rem;text-align:center}.edit-button{width:100%;padding:.75rem;font-size:.875rem;border-radius:8px}.business-details-grid,.personal-details-grid{grid-template-columns:1fr;gap:.75rem}.detail-item{gap:.125rem;padding:.5rem;background:#f8fafc;border-radius:6px;border:1px solid #f1f5f9}.detail-item label{font-size:.6875rem}.detail-item span{font-size:.8125rem;line-height:1.4}.btn-modern,.btn-primary-modern,button[class*=btn]{white-space:normal!important;word-wrap:break-word!important;text-align:center!important;line-height:1.3!important;min-height:44px}.profile-header-simple{flex-direction:row;gap:.5rem;text-align:center;padding:.75rem 1rem;margin:.85rem 0}.profile-header-simple h2{font-size:1.375rem;margin:0}.form-grid,.form-grid-three{grid-template-columns:1fr;gap:.25rem!important}.form-group{gap:.25rem!important;margin-bottom:.25rem!important}.form-group label{font-size:.8125rem;margin-bottom:.125rem!important;margin:0 0 .125rem!important}.form-group input,.form-group select{padding:.625rem;font-size:.875rem;margin-bottom:0!important}.avatar-section{flex-direction:column;text-align:center}.avatar-buttons{justify-content:center;flex-direction:column;gap:.375rem}.avatar-buttons button{width:100%}.profile-tabs-simple{flex-direction:column;gap:.25rem;padding:.5rem;margin-bottom:.75rem}.profile-tabs-simple button{border-radius:12px;text-align:center;padding:.625rem;font-size:.875rem}.profile-tabs-simple button.active{background:linear-gradient(135deg,#f55d00,#2a2c41);color:#fff}.form-section{padding:.5rem!important;margin-bottom:.5rem!important}.form-section h3{margin-bottom:.5rem!important;font-size:1rem;margin:0 0 .5rem!important}.section-header-with-button{margin-bottom:.5rem!important}.section-header-with-button h3{font-size:1rem;margin:0!important}.save-btn{width:100%;padding:.875rem}.profile-layout-grid{grid-template-columns:1fr;gap:.5rem!important}.addresses-grid{gap:.375rem!important;padding:0!important}.addresses-card>*{margin-bottom:.25rem!important}.addresses-card>*:last-child{margin-bottom:0!important}.addresses-header *{margin-top:0!important}.form-section *{margin-bottom:.25rem!important}.form-section *:last-child{margin-bottom:0!important}.form-group:last-child{margin-bottom:0!important}.form-group input,.form-group select,.form-group label{margin-top:0!important}.addresses-card{padding:.5rem!important}.addresses-header{margin-bottom:1.25rem!important;gap:.5rem!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.addresses-header .section-title{font-size:1rem!important;margin:0!important;flex:1!important}.addresses-header .section-header{margin-bottom:0!important;flex:1!important}.addresses-header .btn-modern,.addresses-header .btn-primary-modern,.addresses-header .btn-small{margin-top:0!important;margin-bottom:0!important;white-space:nowrap!important;padding:.375rem .5rem!important;min-height:auto!important;height:auto!important;border-radius:6px!important}.addresses-header .btn-small svg{width:12px!important;height:12px!important}.add-address-form-inline{padding:.5rem!important;margin-bottom:.5rem!important}.form-header-inline{margin-bottom:.5rem!important;padding-bottom:.375rem!important}.form-header-inline h4{font-size:.9375rem!important;margin:0!important}.address-form-grid,.address-form-grid .form-row{gap:.375rem!important}.address-card-modern{padding:.5rem!important;margin-bottom:.375rem!important}.address-card-header{margin-bottom:.375rem!important}.address-type-badge{font-size:.8125rem!important;padding:.25rem .5rem!important}.address-line{margin-bottom:.125rem!important;line-height:1.3!important}.address-line:last-child{margin-bottom:0!important}.address-label{font-size:.75rem!important}.address-value{font-size:.8125rem!important}.empty-state{padding:1rem!important}.empty-title{margin-bottom:.5rem!important;font-size:1rem!important}.empty-description{margin-bottom:.75rem!important;font-size:.875rem!important}.business-section{padding:.75rem;margin-bottom:.75rem}.business-card,.financial-card,.contact-card{padding:.75rem}.business-details-grid,.financial-details-grid{gap:.5rem}.detail-item{gap:.125rem}.detail-item label{font-size:.8125rem}.detail-item span{font-size:.875rem}.business-header{margin-bottom:.75rem}.business-description{margin-top:.5rem;padding-top:.5rem}.section-title{font-size:1rem;margin-bottom:.75rem}}@media (max-width: 480px){.profile-simple{padding:.375rem}.profile-header-simple{padding:.5rem .75rem;margin-bottom:.5rem;gap:.375rem}.profile-header-simple h2{font-size:1.25rem}.profile-tabs-simple{padding:.375rem;margin-bottom:.5rem;gap:.125rem}.profile-tabs-simple button{padding:.5rem;font-size:.8125rem}.form-section{padding:.5rem;margin-bottom:.5rem}.form-section h3{font-size:.9375rem;margin-bottom:.5rem}.section-header-with-button{margin-bottom:.5rem}.section-header-with-button h3{font-size:.9375rem}.form-grid,.form-grid-three{gap:.125rem!important}.form-group{gap:.125rem!important;margin-bottom:.125rem!important}.form-group label{font-size:.75rem;margin-bottom:.0625rem!important;margin:0 0 .0625rem!important}.form-group input,.form-group select{padding:.5rem;font-size:.8125rem;margin-bottom:0!important}.form-section *{margin-bottom:.125rem!important}.form-section *:last-child{margin-bottom:0!important}.addresses-card{padding:.375rem!important}.addresses-header{gap:.375rem!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.addresses-header .section-title{font-size:.9375rem!important;margin:0!important;flex:1!important}.addresses-header .section-header{margin-bottom:0!important;flex:1!important}.addresses-header .btn-modern,.addresses-header .btn-primary-modern,.addresses-header .btn-small{margin-top:0!important;margin-bottom:0!important;white-space:nowrap!important;padding:.25rem .375rem!important;min-height:auto!important;height:auto!important;border-radius:4px!important}.addresses-header .btn-small svg{width:10px!important;height:10px!important}.add-address-form-inline{padding:.375rem!important;margin-bottom:.375rem!important}.form-header-inline{margin-bottom:.375rem!important;padding-bottom:.25rem!important}.form-header-inline h4{font-size:.875rem!important}.address-form-grid,.address-form-grid .form-row{gap:.25rem!important}.address-card-modern{padding:.375rem!important;margin-bottom:.25rem!important}.address-card-header{margin-bottom:.25rem!important}.address-type-badge{font-size:.75rem!important;padding:.1875rem .375rem!important}.address-line{margin-bottom:.0625rem!important;line-height:1.2!important}.address-label{font-size:.6875rem!important}.address-value{font-size:.75rem!important}.empty-state{padding:.75rem!important}.empty-title{margin-bottom:.375rem!important;font-size:.9375rem!important}.empty-description{margin-bottom:.5rem!important;font-size:.8125rem!important}.business-section{padding:.5rem;margin-bottom:.5rem}.business-card,.financial-card,.contact-card{padding:.5rem}.business-details-grid,.financial-details-grid{gap:.375rem}.detail-item label{font-size:.75rem}.detail-item span{font-size:.8125rem}.section-title{font-size:.9375rem;margin-bottom:.5rem}.profile-layout-grid{gap:.375rem!important}.addresses-grid{gap:.25rem!important;padding:0!important}}@media (max-width: 991px){.profile-container{padding:1rem}}@media (min-width: 1400px){.profile-container{padding:2rem 3rem}}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem}.profile-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.user-mode-indicator{display:flex;align-items:center}.mode-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mode-badge.consumer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mode-badge.retail_business{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.mode-badge.delivery_partner{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.profile-router-container{max-width:none;margin:0;padding:1rem;background:#f8fafc;min-height:100vh;width:100%;flex:1}.mode-selector-container{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.mode-selector-container h3{text-align:center;margin-bottom:2rem;color:#1a202c;font-size:1.5rem;font-weight:600}.mode-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1rem}.mode-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.mode-card:hover{border-color:#4299e1;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.mode-card.active{border-color:#4299e1;background:linear-gradient(135deg,#ebf8ff,#bee3f8)}.mode-card.disabled{opacity:.6;cursor:not-allowed;border-color:#e53e3e;background:linear-gradient(135deg,#fed7d7,#feb2b2)}.mode-card.disabled:hover{transform:none;box-shadow:none}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-card h4{margin:0 0 .5rem;color:#1a202c;font-size:1.25rem;font-weight:600}.mode-card p{color:#4a5568;margin-bottom:1rem;font-size:.875rem}.mode-features{display:flex;flex-direction:column;gap:.25rem}.mode-features span{color:#718096;font-size:.75rem;text-align:left}.current-mode-indicator{margin-bottom:1rem}.mode-badge-container{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.mode-switch-btn{background:#4299e1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.mode-switch-btn:hover{background:#3182ce}.profile-content-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.auth-required,.access-denied{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.auth-icon,.access-icon{font-size:4rem;margin-bottom:1rem}.auth-required h3,.access-denied h3{color:#1a202c;margin-bottom:.5rem}.auth-required p,.access-denied p{color:#4a5568;margin-bottom:1.5rem}.access-denied-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.access-denied-actions .btn{min-width:150px}.delivery-partner-register{max-width:800px;margin:0 auto;padding:2rem}.register-header{text-align:center;margin-bottom:2rem}.register-header h2{color:#1a202c;margin-bottom:.5rem;font-size:2rem;font-weight:700}.register-header p{color:#4a5568;font-size:1.125rem;margin-bottom:1.5rem}.register-benefits{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:1rem}.benefit-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f7fafc;border-radius:8px;min-width:120px}.benefit-icon{font-size:2rem}.benefit-item span:last-child{font-size:.875rem;font-weight:500;color:#2d3748;text-align:center}.step-indicator{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem}.step{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:opacity .3s}.step.active{opacity:1}.step-number{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:.5rem;transition:background-color .3s}.step.active .step-number{background:#4299e1;color:#fff}.step-label{font-size:.75rem;color:#4a5568;text-align:center}.form-step{background:#fff;padding:2rem;border-radius:12px;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.form-step h3{margin-bottom:1.5rem;color:#1a202c;font-size:1.25rem;font-weight:600}.form-grid-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s}.checkbox-label:hover{background:#f7fafc}.checkbox-label input[type=checkbox]{margin:0}.form-navigation{display:flex;justify-content:space-between;padding:1rem 2rem;background:#f7fafc;border-radius:0 0 12px 12px}.form-navigation .btn{min-width:120px}@media (max-width: 768px){.profile-router-container{padding:.5rem}.mode-selector-grid{grid-template-columns:1fr}.mode-badge-container{flex-direction:column;gap:1rem;text-align:center}.delivery-partner-register,.form-step{padding:1rem}.step-indicator{gap:.5rem}.step-number{width:30px;height:30px;font-size:.875rem}.step-label{font-size:.625rem}.form-navigation{padding:1rem}}.profile-tabs{display:flex;background:#fff;border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.tab-button{flex:1;padding:1rem 2rem;border:none;background:transparent;color:#64748b;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.tab-button:hover{background:#f1f5f9;color:#475569}.tab-button.active{background:linear-gradient(135deg,#f28c28,#ff6b35);color:#fff;box-shadow:0 4px 12px #f28c284d}.profile-tab-content{animation:fadeIn .3s ease-in-out}.tab-heading{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:2rem;padding-bottom:1rem}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #f28c28;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.no-addresses{text-align:center;padding:3rem;color:#64748b}.addresses-list{display:grid;gap:1.5rem}.address-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.address-card:hover{border-color:#f28c28;box-shadow:0 4px 12px #f28c281a}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.address-type{font-size:1.25rem;font-weight:600;color:#f28c28;margin:0}.address-actions{display:flex;gap:.5rem}.address-details p{margin:.5rem 0;color:#4a5568}.address-details strong{color:#2d3748}.add-address-btn{margin-top:1rem;width:100%;padding:1rem;border:2px dashed #e2e8f0;background:transparent;color:#64748b;border-radius:12px;cursor:pointer;transition:all .3s ease}.add-address-btn:hover{border-color:#f28c28;color:#f28c28;background:#fef7f0}.business-details{display:grid;gap:2rem}.business-section{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.section-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem}.business-card{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0}.business-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.business-logo{width:60px;height:60px;border-radius:8px;object-fit:cover}.business-info h5{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.business-info p{color:#64748b;margin:0 0 .5rem}.verification-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.verification-badge.approved{background:#d4edda;color:#155724}.verification-badge.pending{background:#fff3cd;color:#856404}.verification-badge.rejected{background:#f8d7da;color:#721c24}.business-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.detail-item label{font-weight:600;color:#4a5568;font-size:.875rem}.detail-item span{color:#2d3748}.business-description{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.business-description label{font-weight:600;color:#4a5568;display:block;margin-bottom:.5rem}.business-description p{color:#2d3748;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.feature-item{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.feature-code{font-weight:600;color:#f28c28;margin-right:.5rem}.feature-name{color:#2d3748;text-transform:capitalize}.financial-card{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0}.financial-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.contact-card{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0}.contact-card p{margin:.5rem 0;color:#4a5568}.contact-card strong{color:#2d3748}.contact-card a{color:#f28c28;text-decoration:none}.contact-card a:hover{text-decoration:underline}.contact-card,.contact-card p,.contact-card span,.business-details-grid .detail-item span,.detail-item span,.wrap-text{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.no-business{text-align:center;padding:3rem;color:#64748b}.phone-input-group{display:flex;gap:.5rem}.country-code-select{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#2d3748;font-size:1rem;min-width:80px}.phone-input-group .form-input{flex:1}.account-details-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem}.account-details-form{width:100%;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;animation:fadeUp .42s ease-out both}.account-heading{font-size:1.8rem;font-weight:700;color:#1a202c;text-align:center;margin:0}.form-section{background:#fff;border-radius:4px;margin-bottom:1rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:1.5rem}.form-label{display:block;font-size:.9rem;font-weight:600;color:#4a5568;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem}.avatar-section .form-label{margin-bottom:1rem}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.business-overview-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden;animation:fadeUp .42s ease-out both}.business-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:linear-gradient(135deg,#ea9666,#a24b4b);color:#fff}.business-header h3{margin:0;font-size:1.25rem;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#48bb78;color:#fff}.business-info{padding:2rem;justify-content:space-between;align-items:flex-start;gap:2rem}.business-info h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#1a202c}.business-type{margin:0 0 .25rem;font-size:1rem;color:#4a5568;font-weight:500}.business-category{margin:0;font-size:.875rem;color:#718096;text-transform:uppercase;letter-spacing:.5px}.business-stats{display:grid;grid-template-columns:repeat(2,1fr);padding:12px;width:100%}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:.875rem;color:#1a202c;font-weight:600;font-family:Courier New,monospace}@media (max-width: 768px){.business-info{flex-direction:column;gap:1.5rem}.business-stats{grid-template-columns:1fr;gap:1rem;padding:12px}}.avatar-controls{display:flex;align-items:center;gap:1.5rem}.avatar-wrapper{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:transform .2s ease}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-image{width:100%;height:100%;object-fit:cover;background:#edf2f7;border-radius:50%}.avatar-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#edf2f7;border-radius:50%}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease}.avatar-wrapper:hover .avatar-overlay{opacity:1}.camera-icon{font-size:1.5rem;color:#fff}.avatar-buttons{display:flex;flex-direction:row;gap:.75rem}.input-group,.input-group .input-label{margin-bottom:.5rem}.form-input{width:100%;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:7px;font-size:1rem;background:#f8fafc;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 3px #4299e133}.form-input:hover{border-color:#cbd5e0}.form-input::placeholder{color:#a0aec0}.form-input[readonly]{background:#f1f5f9;border-color:#e2e8f0;color:#475569;cursor:not-allowed;opacity:.8}.form-input[readonly]:hover{border-color:#e2e8f0;background:#f1f5f9}.form-input[readonly]:focus{outline:none;border-color:#e2e8f0;background:#f1f5f9;box-shadow:none}.input-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem;text-transform:none;letter-spacing:normal}.form-grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-textarea{width:100%;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;background:#f8fafc;transition:all .2s ease;box-sizing:border-box;margin-top:6px;resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 3px #4299e133}.form-textarea:hover{border-color:#cbd5e0}.form-textarea[readonly]{background:#f1f5f9;border-color:#e2e8f0;color:#475569;cursor:not-allowed;opacity:.8}.form-textarea[readonly]:hover{border-color:#e2e8f0;background:#f1f5f9}.form-textarea[readonly]:focus{outline:none;border-color:#e2e8f0;background:#f1f5f9;box-shadow:none}.btn{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;box-shadow:0 2px 5px #00000014}.btn-primary{background-color:#4299e1;color:#fff}.btn-primary:hover{background-color:#3182ce;transform:translateY(-2px);box-shadow:0 4px 10px #4299e14d}.btn-secondary{background-color:#e2e8f0;color:#4a5568}.btn-secondary:hover{background-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.toast{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:8px;color:#fff;z-index:1000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026}.toast.success{background-color:#38a169}.toast.error{background-color:#e53e3e}@media (min-width: 1440px){.account-details-container{padding:3rem;max-width:1200px;margin:0 auto}.account-heading{font-size:1.7rem}.business-overview-card{margin-bottom:2.5rem}.business-info{gap:3rem}.business-info h2{font-size:2rem}.form-grid-two{gap:2rem}.branch-selector-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.branch-selector-card h3{margin-bottom:1.5rem;color:#2d3748;font-size:1.5rem}.branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.branch-card{border:2px solid #e2e8f0;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease;background:#f8fafc}.branch-card:hover{border-color:#4299e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.branch-card.selected{border-color:#ff8400;background:#fff;box-shadow:0 4px 12px #e7822333}.branch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.branch-header h4{margin:0;color:#2d3748;font-size:1.2rem}.master-badge{background:#48bb78;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.branch-details p{margin:.5rem 0;color:#4a5568;font-size:.9rem}.status-active{color:#48bb78;font-weight:600}.branch-indicator{color:#718096;font-style:italic;font-size:.9rem}.branch-count{background:#4299e1;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem}.business-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.form-input{padding:.8rem 1rem;font-size:1rem}.btn{padding:1rem 2rem;font-size:1rem}}@media (max-width: 1439px) and (min-width: 1200px){.account-details-container{padding:2.5rem;max-width:1200px;margin:0 auto}.account-details-form{padding:2.5rem;max-width:1000px;margin:0 auto}.account-heading{font-size:2rem}.business-info{gap:2.5rem}.business-info h2{font-size:1.8rem}.form-grid-two{gap:1.75rem}.form-section{padding:1.75rem}.form-input{padding:.9rem 1.1rem;font-size:1.05rem}}@media (max-width: 1199px) and (min-width: 992px){.account-details-container{padding:2rem;max-width:1000px;margin:0 auto}.account-details-form{padding:2rem;max-width:900px;margin:0 auto}.account-heading{font-size:1.9rem}.business-info{gap:2rem}.business-info h2{font-size:1.75rem}.form-grid-two{gap:1.5rem}.form-section{padding:1.5rem}.form-input{padding:.85rem 1rem;font-size:1rem}}@media (max-width: 991px) and (min-width: 768px){.account-details-container{padding:1.5rem;max-width:900px;margin:0 auto}.account-details-form{padding:1.75rem;max-width:800px;margin:0 auto}.account-heading{font-size:1.8rem}.business-info{flex-direction:column;gap:1.5rem}.business-info h2{font-size:1.6rem}.business-stats{grid-template-columns:1fr;gap:1rem;padding:12px}.form-grid-two{grid-template-columns:1fr;gap:1rem}.form-section{padding:1.25rem;margin-bottom:1.25rem}.form-input{padding:.8rem 1rem;font-size:.95rem}.btn{padding:.7rem 1.4rem;font-size:.9rem}}@media (max-width: 767px){.account-details-container{padding:1rem}.account-details-form{padding:1.5rem;margin:1rem auto}.account-heading{font-size:1.6rem}.business-info{flex-direction:column;gap:1.5rem}.business-info h2{font-size:1.5rem}.business-stats{grid-template-columns:1fr;gap:1rem;padding:12px}.form-grid-two{grid-template-columns:1fr;gap:.75rem}.form-section{padding:1rem;margin-bottom:1rem}.form-input{padding:.75rem;font-size:.9rem}.avatar-section-modern{flex-direction:column;text-align:center}.avatar-container{flex-direction:column;align-items:center;gap:1.5rem}.form-grid-modern{grid-template-columns:1fr;gap:1rem}.avatar-actions{flex-direction:column;gap:.75rem}.btn-modern{justify-content:center}}.profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;animation:fadeUp .4s ease-out}.avatar-section-modern{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem}.avatar-container{display:flex;align-items:center;gap:2rem}.avatar-wrapper-modern{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;box-shadow:0 8px 32px #0000001f;transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar-wrapper-modern:hover{transform:scale(1.05);box-shadow:0 12px 40px #00000029}.avatar-image-modern{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avatar-placeholder-modern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.avatar-overlay-modern{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer;color:#fff}.avatar-wrapper-modern:hover .avatar-overlay-modern{opacity:1}.avatar-info{flex:1}.avatar-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.avatar-subtitle{color:#64748b;margin:0 0 1.5rem;font-size:.95rem}.avatar-actions{display:flex;gap:1rem}.btn-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-primary-modern{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 14px #667eea4d}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-secondary-modern{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary-modern:hover{background:#e2e8f0;transform:translateY(-1px)}.form-section-modern{padding:2rem}.form-section-modern:last-child{border-bottom:none}.section-header{margin-bottom:0rem}.section-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.section-subtitle{color:#64748b;margin:0;font-size:.9rem}.form-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.input-group-modern{display:flex;flex-direction:column}.input-group-modern.full-width{grid-column:1 / -1}.input-label-modern{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-input-modern{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.form-input-modern:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-input-modern:hover{border-color:#d1d5db}.phone-input-modern{display:flex;gap:.5rem}.country-select-modern{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:1rem;min-width:120px;transition:all .3s ease}.country-select-modern:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions-modern{padding:2rem;background:#f8fafc;display:flex;justify-content:flex-end}.btn-save-modern{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #10b9814d}.btn-save-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-save-modern:active{transform:translateY(0)}.profile-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:1.5rem}.profile-header{background:#fff;border-radius:16px;padding:1.5rem 2rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014;border-bottom:none}.profile-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-tabs{background:#fff;border-radius:16px;padding:.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014}.tab-button{border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container-modern{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;text-align:center}.loading-spinner-modern{width:48px;height:48px;border:4px solid #f1f5f9;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.loading-subtitle{color:#64748b;margin:0;font-size:1rem}.addresses-header{padding:1rem 1rem 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;margin-bottom:1.5rem;color:#64748b}.empty-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.empty-description{color:#64748b;margin:0 0 2rem;font-size:1rem}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding:2rem}.address-card-modern{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.address-card-modern:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.address-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.875rem;font-weight:600}.btn-icon-modern{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .3s ease}.btn-icon-modern:hover{background:#e2e8f0;color:#475569;transform:scale(1.05)}.btn-icon-modern.btn-danger:hover{background:#fee2e2;color:#dc2626}.address-content{display:flex;flex-direction:column;gap:.75rem}.address-line{display:flex;align-items:flex-start;gap:.75rem}.address-line.full-address{flex-direction:column;gap:.25rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #667eea}.address-label{font-weight:600;color:#64748b;font-size:.875rem;min-width:80px;flex-shrink:0}.address-value{color:#1a202c;font-size:.875rem;line-height:1.4}.add-address-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e0;border-radius:16px;padding:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:200px}.add-address-card:hover{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);transform:translateY(-2px)}.add-address-content{text-align:center}.add-address-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;margin:0 auto 1rem;color:#667eea;box-shadow:0 4px 12px #667eea33}.add-address-title{font-size:1.125rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}@media (max-width: 768px){.addresses-grid{grid-template-columns:1fr;padding:1rem;gap:1rem}.address-card-modern{padding:1rem}.address-card-header{flex-direction:row;align-items:flex-start;gap:1rem}.address-type-badge{align-self:flex-start}.address-actions-modern{align-self:flex-end}.add-address-card{padding:1.5rem;min-height:150px}}@media (max-width: 479px){.account-details-container{padding:.75rem}.account-details-form{padding:1rem;margin:.5rem auto}.account-heading{font-size:1.4rem}.business-info h2{font-size:1.3rem}.business-header{padding:.75rem;flex-direction:column;gap:.75rem;align-items:flex-start}.business-stats{grid-template-columns:1fr;gap:.75rem;padding:8px}.stat-label{font-size:.7rem}.stat-value{font-size:.8rem}.form-section{padding:.75rem;margin-bottom:.75rem}.form-input{padding:.65rem;font-size:.85rem}.btn{padding:.6rem 1.2rem;font-size:.8rem}.avatar-wrapper{width:70px;height:70px}.status-badge{font-size:.65rem;padding:.2rem .6rem}}@media (max-width: 319px){.account-details-container{padding:.5rem}.account-details-form{padding:.75rem;margin:.25rem auto}.account-heading{font-size:1.2rem}.business-info h2{font-size:1.1rem}.business-header{padding:.5rem}.business-stats{gap:.5rem;padding:6px}.form-section{padding:.5rem;margin-bottom:.5rem}.form-input{padding:.5rem;font-size:.8rem}.btn{padding:.5rem 1rem;font-size:.75rem}.avatar-wrapper{width:60px;height:60px}.status-badge{font-size:.6rem;padding:.15rem .5rem}}.error-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:3rem;text-align:center;animation:fadeUp .42s ease-out both}.error-icon{font-size:3rem;margin-bottom:1rem}.error-card h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#e53e3e}.error-card p{margin:0 0 2rem;font-size:1rem;color:#4a5568;line-height:1.6}.error-card .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.error-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.error-card .btn-primary:active{transform:translateY(0)}.edit-address-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.edit-address-content{background:#fff;border-radius:16px;padding:0;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease-out}.edit-address-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#f55d00,#2a2c41);border-radius:16px 16px 0 0}.edit-address-header h4{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.btn-close{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#fff3}.edit-address-form{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.edit-address-form .form-group{margin-bottom:1rem}.edit-address-form .form-group label{display:block;font-size:.875rem;font-weight:600;color:#2a2c41;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.edit-address-form .form-group input,.edit-address-form .form-group select,.edit-address-form .form-group textarea{width:100%;padding:.75rem;border:2px solid #F4F4F8;border-radius:8px;font-size:.875rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0000000a;box-sizing:border-box}.edit-address-form .form-group input:focus,.edit-address-form .form-group select:focus,.edit-address-form .form-group textarea:focus{outline:none;border-color:#f55d00;box-shadow:0 0 0 4px #f55d001a;transform:translateY(-1px)}.edit-address-form .form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;margin-top:1rem}.btn-cancel{background:#fff;color:#64748b;border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e0}.btn-save{background:linear-gradient(135deg,#f55d00,#2a2c41);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #f55d004d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f55d0066}.addresses-header{margin-bottom:2rem}.section-header{text-align:center}.section-subtitle{color:#64748b;margin:0}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.address-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.address-card-modern:hover{border-color:#f55d00;box-shadow:0 8px 25px #f55d001a;transform:translateY(-2px)}.address-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.address-type-badge{display:flex;align-items:center;gap:.5rem;background:#f55d001a;color:#f55d00;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.address-actions-modern{display:flex;gap:.5rem}.btn-icon-modern{background:none;border:1px solid #e2e8f0;padding:.5rem;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon-modern:hover{background:#f8fafc;border-color:#f55d00;color:#f55d00}.btn-icon-modern.btn-danger:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.address-content{display:flex;flex-direction:column;gap:.5rem}.address-line{display:flex;gap:.5rem}.address-label{font-weight:600;color:#64748b;min-width:80px;font-size:.875rem}.address-value{color:#2a2c41;font-size:.875rem}.address-line.full-address .address-value{font-weight:500;color:#1a202c}.empty-state{text-align:center;padding:3rem;color:#64748b}.empty-icon{margin-bottom:1rem;color:#cbd5e0}.empty-title{font-size:1.25rem;font-weight:600;color:#2a2c41;margin:0 0 .5rem}.empty-description{margin:0 0 1.5rem;color:#64748b}.btn-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none}.btn-primary-modern{background:linear-gradient(135deg,#f55d00,#2a2c41);color:#fff;box-shadow:0 4px 12px #f55d004d}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f55d0066}.add-address-card{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.add-address-card:hover{border-color:#f55d00;background:#fef7f0}.add-address-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.add-address-icon{color:#cbd5e0;transition:color .3s ease}.add-address-card:hover .add-address-icon{color:#f55d00}.add-address-title{font-size:1.125rem;font-weight:600;color:#2a2c41;margin:0}.add-address-subtitle{color:#64748b;margin:0;font-size:.875rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.edit-address-content{width:95%;margin:1rem}.edit-address-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:.75rem}.btn-cancel,.btn-save{width:100%;justify-content:center}.addresses-grid{grid-template-columns:1fr}}@media (max-width: 768px){.add-address-form-inline{padding:1rem;margin-bottom:1rem}.form-header-inline{margin-bottom:1rem;padding-bottom:.75rem}.form-header-inline h4{font-size:1rem}.address-form-grid .form-row{grid-template-columns:1fr;gap:.75rem}.address-form-grid{gap:.75rem}.address-form-grid .form-actions-inline{flex-direction:column-reverse;gap:.5rem;margin-top:1rem;padding-top:.75rem}.btn-cancel-inline,.save-btn-inline{width:100%;justify-content:center}}@media (max-width: 1200px){.account-details-container{padding:1.5rem}.account-details-form{max-width:100%;padding:1.5rem}}@media (max-width: 1199px) and (min-width: 768px){.account-details-container{padding:1rem}.account-details-form{padding:1.5rem;margin:0}.account-heading{font-size:1.6rem;margin-bottom:1.5rem}.avatar-controls{flex-direction:column;align-items:center;gap:1rem}.avatar-buttons{flex-direction:column;width:100%;max-width:200px}.avatar-buttons button{width:100%;padding:.75rem}.form-grid-two{grid-template-columns:1fr;gap:1rem}.form-section{padding:1.25rem;margin-bottom:1rem}.form-label{font-size:.85rem}.form-input{padding:.75rem;font-size:.95rem}.form-actions{flex-direction:column;gap:.75rem}.btn{width:100%;padding:.875rem}}@media (max-width: 767px){.account-details-container{padding:.75rem;min-height:100vh;align-items:stretch}.account-details-form{padding:1rem;margin:0;border-radius:12px;box-shadow:0 4px 20px #0000001a}.account-heading{font-size:1.4rem;margin-bottom:1.25rem;text-align:center}.avatar-section{padding:1rem;text-align:center}.avatar-controls{flex-direction:column;align-items:center;gap:1rem}.avatar-wrapper{width:80px;height:80px}.avatar-buttons{flex-direction:column;width:100%;gap:.5rem}.avatar-buttons button{width:100%;padding:.75rem;font-size:.875rem}.form-section{padding:1rem;margin-bottom:.75rem;border-radius:12px}.form-label{font-size:.8rem;margin-bottom:.75rem}.form-grid-two{grid-template-columns:1fr;gap:.75rem}.input-group{margin-bottom:.75rem}.input-label{font-size:.8rem;margin-bottom:.4rem}.form-input{padding:.75rem;font-size:.9rem;border-radius:8px}.phone-input-group{flex-direction:column;gap:.5rem}.country-code-select{width:100%;padding:.75rem;font-size:.9rem}.form-actions{flex-direction:column-reverse;gap:.75rem;padding-top:1.5rem;margin-top:.75rem}.btn{width:100%;padding:.875rem;font-size:.9rem;border-radius:8px}.btn-primary{order:-1}.loading-container{padding:2rem 1rem}.loading-spinner{width:32px;height:32px}}@media (max-width: 479px){.account-details-container{padding:.5rem}.account-details-form{padding:.75rem;border-radius:8px}.account-heading{font-size:1.25rem;margin-bottom:1rem}.form-section{padding:.75rem;margin-bottom:.5rem}.form-label{font-size:.75rem;margin-bottom:.5rem}.input-label{font-size:.75rem;margin-bottom:.3rem}.form-input{padding:.625rem;font-size:.85rem}.avatar-wrapper{width:70px;height:70px}.avatar-buttons button{padding:.625rem;font-size:.8rem}.btn{padding:.75rem;font-size:.85rem}}@media (max-width: 767px) and (orientation: landscape){.account-details-container{padding:.5rem}.account-details-form{padding:1rem}.account-heading{font-size:1.3rem;margin-bottom:1rem}.form-section{padding:.875rem}@media (min-width: 568px){.form-grid-two{grid-template-columns:1fr 1fr;gap:.75rem}.avatar-controls{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}.avatar-buttons{flex-direction:row;width:auto}}}@media (hover: none) and (pointer: coarse){.form-input,.btn{min-height:44px}.avatar-wrapper{min-width:44px;min-height:44px}.avatar-buttons button{min-height:44px;padding:.75rem 1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.avatar-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.account-details-form{animation:none}.form-input:focus{transform:none}.btn:hover,.avatar-wrapper:hover{transform:none}}@media (prefers-color-scheme: dark){.account-details-form{background:#1a202c;color:#e2e8f0}.form-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.form-input:focus{border-color:#667eea;background:#374151}.form-label,.input-label{color:#cbd5e0}.account-heading{color:#f7fafc}}@media print{.account-details-container{padding:0;background:#fff}.account-details-form{box-shadow:none;border:1px solid #000}.avatar-buttons,.form-actions{display:none}.form-input{border:1px solid #000;background:#fff}}@media screen and (max-width: 767px){.form-input,.country-code-select{font-size:16px}}.form-input::-webkit-input-placeholder{color:#a0aec0}.form-input::-moz-placeholder{color:#a0aec0;opacity:1}.form-input:-ms-input-placeholder{color:#a0aec0}@media (max-width: 767px){.account-details-container{padding-bottom:2rem}}@media (max-width: 767px){.form-input:focus{border-width:2px;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.btn:focus{outline:2px solid #4299e1;outline-offset:2px}}@media (max-width: 767px){.loading-container{min-height:50vh;padding:1.5rem}.loading-spinner{width:28px;height:28px;border-width:3px}}:root{--primary: #F55D00;--primary-hover: #e54d00;--secondary: #FDB502;--accent: #2A2C41;--text-primary: #1f2937;--text-secondary: #4b5563;--bg-light: #f9fafb;--border: #e5e7eb;--success: #10b981;--warning: #FDB502;--danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius: .5rem;--transition: all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}.suppliers-page{min-height:100vh;background-color:var(--bg-light);padding:1.5rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);line-height:1.5;width:100%}.suppliers-container{width:100%;padding:0 1.5rem;margin:0 auto}.suppliers-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:0}.suppliers-header-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:1rem;border-bottom:1px solid var(--border)}.suppliers-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);border:1px solid transparent}.btn-icon{padding:.5rem;border-radius:50%;background:#fff;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.btn-icon:hover{background:#f3f4f6;transform:translateY(-1px)}.table-header-container{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:0;border:1px solid var(--border);border-bottom:none;margin-bottom:0}.table-header-left{display:flex;align-items:center}.suppliers-count{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.table-header-right{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.suppliers-header-top{flex-direction:column;align-items:stretch;gap:1rem}.suppliers-header-top .submit{width:100%;padding:14px 20px;font-size:16px;border-radius:12px}.table-header-container{flex-direction:column;gap:1rem;padding:1rem;border-radius:12px}.table-header-right{width:100%;flex-direction:column;gap:.75rem}.filter-input,.filter-select{width:100%;padding:14px 16px;font-size:16px;border-radius:12px}}@media (max-width: 480px){.table-header-container{padding:.75rem}.suppliers-count{font-size:1rem}}.filter-input{width:250px;padding:.5rem .875rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;background-color:#fff;transition:var(--transition);color:var(--text-primary)}.filter-select{width:150px;padding:.5rem .875rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;background-color:#fff;transition:var(--transition);color:var(--text-primary);cursor:pointer}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #f55d001a;background-color:#fff}.suppliers-page::-webkit-scrollbar,.desktop-table::-webkit-scrollbar,.suppliers-list::-webkit-scrollbar,.suppliers-content::-webkit-scrollbar,.table-container::-webkit-scrollbar{display:none;width:0;height:0}.suppliers-page,.desktop-table,.suppliers-list,.suppliers-content,.table-container{-ms-overflow-style:none;scrollbar-width:none}.suppliers-list{background:#fff;border-radius:0;overflow:visible;box-shadow:none;margin-bottom:1.5rem;border:none}.suppliers-content{width:100%;overflow:visible}.desktop-table{width:100%;overflow-x:visible}.table-container{background:#fff;border-radius:0;overflow:visible;box-shadow:none;margin-bottom:1.5rem;border:1px solid var(--border);border-top:none}.suppliers-table{width:100%;border-collapse:collapse;table-layout:fixed;height:auto}.suppliers-table th,.suppliers-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:13px}.suppliers-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#2a2c41;white-space:nowrap;border-bottom:2px solid #e2e8f0}.suppliers-table th:nth-child(1),.suppliers-table td:nth-child(1){width:15%;min-width:130px}.suppliers-table th:nth-child(2),.suppliers-table td:nth-child(2){width:18%;min-width:150px}.suppliers-table th:nth-child(3),.suppliers-table td:nth-child(3){width:11%;min-width:90px}.suppliers-table th:nth-child(4),.suppliers-table td:nth-child(4){width:11%;min-width:90px}.suppliers-table th:nth-child(5),.suppliers-table td:nth-child(5){width:11%;min-width:90px}.suppliers-table th:nth-child(6),.suppliers-table td:nth-child(6){width:11%;min-width:100px}.suppliers-table th:nth-child(7),.suppliers-table td:nth-child(7){width:8%;min-width:70px;text-align:center}.suppliers-table th:nth-child(8),.suppliers-table td:nth-child(8){width:15%;min-width:120px;text-align:center}.suppliers-table tbody tr{transition:all .2s ease}.suppliers-table tbody tr:hover{background-color:#f8fafc;box-shadow:0 1px 3px #0000000d}.supplier-name{font-weight:600;color:#1a202c;font-size:14px;margin-bottom:2px;line-height:1.3}.supplier-code{font-size:11px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:3px;display:inline-block}.contact-info{font-size:12px;line-height:1.5;color:#64748b}.contact-info div:first-child{font-weight:500;color:var(--text-primary)}.products-supplied,.payment-terms,.bank-details{font-size:12px;color:#374151;line-height:1.4}.no-products,.no-bank-details{color:#94a3b8;font-size:12px;font-style:italic}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;min-width:70px}.status-badge.active{background-color:#d4f4dd;color:#22c55e;border:1px solid #22c55e20}.status-badge.inactive{background-color:#fef3c7;color:#92400e;border:1px solid #FDB50220}.status-badge.blacklisted{background-color:#e2e8f0;color:#2a2c41;border:1px solid #2A2C4120}.acction-buttons{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap;min-width:fit-content}@media (max-width: 768px){.suppliers-page{padding:12px;background:#f8fafc}.suppliers-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px}.filters-grid{grid-template-columns:1fr}.table-container{overflow-x:visible;-webkit-overflow-scrolling:touch}.btn,.filter-input,.filter-select,.mobile-action-btn,.mobile-view-btn{min-height:44px;-webkit-tap-highlight-color:transparent}.suppliers-list{border-radius:16px;box-shadow:0 4px 16px #00000014}}.fade-in{animation:fadeIn .3s ease-out forwards}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-contents{background:#fff;border-radius:12px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-title{font-size:18px;font-weight:600;margin:0;color:#111827;letter-spacing:-.01em}.modal-close{background:#fff;border:1px solid #e5e7eb;width:32px;height:32px;border-radius:8px;font-size:18px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.modal-close:hover{background:#f3f4f6;color:#111827;border-color:#d1d5db}.form-groups{margin-bottom:1.25rem}.form-control{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:0rem;border-top:1px solid var(--border);margin-top:0rem}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;color:#d1d5db}.empty-state-text{margin-bottom:1.5rem;max-width:24rem}.suppliers-header-content{display:flex;align-items:center;gap:16px}@media (max-width: 768px){.suppliers-header-content{width:100%}}.suppliers-title{color:#374151;font-size:28px;font-weight:700;margin:0}@media (max-width: 768px){.suppliers-title{font-size:24px}}.add-supplier-btn{background:#f55d00;color:#fff;border:none;border-radius:12px;padding:12px 20px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #f55d0040;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;min-height:48px;-webkit-tap-highlight-color:transparent}.add-supplier-btn:hover{background:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.add-supplier-btn:active{transform:translateY(0);box-shadow:0 2px 6px #ff6b3533}.add-supplier-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #ff6b3533}@media (max-width: 768px){.add-supplier-btn{padding:10px 16px;font-size:14px}}.suppliers-filters{background:#fff;padding:18px 20px;border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:16px;border:1px solid rgba(226,232,240,.6);transition:all .2s ease;display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.suppliers-filters:hover{box-shadow:0 4px 12px #00000014}@media (max-width: 1200px){.suppliers-filters{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width: 768px){.suppliers-filters{grid-template-columns:1fr;gap:8px}}.filter-input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fafbfc;color:#374151}.filter-input:focus{outline:none;border-color:#f55d00;background:#fff;box-shadow:0 0 0 3px #f55d0014;transform:translateY(-1px)}.filter-input:hover{border-color:#cbd5e1;background:#fff}.filter-input::placeholder{color:#9ca3af;font-weight:400}.filter-select{padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fafbfc;cursor:pointer;color:#374151}.filter-select:focus{outline:none;border-color:#f55d00;background:#fff;box-shadow:0 0 0 3px #f55d0014;transform:translateY(-1px)}.filter-select:hover{border-color:#cbd5e1;background:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-contents{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:#111827;font-size:18px;font-weight:600;letter-spacing:-.01em}.supplier-form{display:grid;grid-template-columns:1fr;gap:0px;padding:44px 28px;background:#fff}@media (max-width: 768px){.supplier-form{gap:16px;padding:20px}}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:0}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:16px}}.form-groups{display:flex;flex-direction:column;gap:0px;margin-bottom:0}.form-groups.full-width{grid-column:1 / -1}.supplier-form .form-row+.form-row{margin-top:0}.form-label{font-weight:500;color:#4b5563;font-size:13px;text-transform:none;letter-spacing:0;margin-bottom:0;margin-top:0}.form-input{padding:12px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .15s ease;background:#fff;color:#1f2937;font-weight:400;height:44px}.form-input:focus{outline:none;border-color:#f55d00;background:#fff;box-shadow:0 0 0 3px #f55d001a}.form-input:hover{border-color:#9ca3af}.form-input::placeholder{color:#9ca3af;font-weight:400;font-size:13px}.form-selects{padding:12px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .15s ease;background:#fff;cursor:pointer;color:#1f2937;font-weight:400;height:44px}.form-selects:focus{outline:none;border-color:#f55d00;background:#fff;box-shadow:0 0 0 3px #f55d001a}.form-selects:hover{border-color:#9ca3af}.form-textarea{padding:12px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .15s ease;background:#fff;color:#1f2937;resize:vertical;font-family:inherit;font-weight:400;min-height:90px}.form-textarea:focus{outline:none;border-color:#f55d00;background:#fff;box-shadow:0 0 0 3px #f55d001a}.form-textarea:hover{border-color:#9ca3af}.form-textarea::placeholder{color:#9ca3af;font-weight:400;font-size:13px}.checkbox-group{display:flex;align-items:flex-start;padding-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#4b5563;font-weight:500;margin:0}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#F55D00;margin:0}.checkbox-label span{-webkit-user-select:none;user-select:none}.form-actions{padding:10px 2px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.form-actions{flex-direction:column-reverse}}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-secondary{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:10px;font-weight:500;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.submit{background:#f55d00;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f55d0033;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.submit:hover{background:#e54d00;transform:translateY(-1px);box-shadow:0 4px 12px #f55d004d}@media (max-width: 768px){.submit{padding:10px 16px;font-size:14px}}.suppliers-list{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(226,232,240,.8)}.suppliers-list-header{padding:24px;border-bottom:1px solid #e2e8f0}.suppliers-count{font-size:18px;font-weight:600;color:#1a202c;margin:0}.suppliers-content{padding:8px}.loading-container{display:flex;justify-content:center;align-items:center;padding:64px;color:#64748b}.loading-container .spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #F55D00;border-radius:50%;animation:spin 1s linear infinite;margin-right:16px}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #F55D00;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:16px;color:#64748b;font-size:14px}.empty-state{text-align:center;padding:64px 32px;color:#64748b}.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#374151;margin:0 0 8px;font-size:18px}.empty-state p{margin:0;font-size:14px}.suppliers-table{width:100%;border-collapse:collapse}.suppliers-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:14px}.suppliers-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#64748b;font-size:14px;word-wrap:break-word}.suppliers-table tbody tr{transition:all .2s ease;border-bottom:1px solid #f1f5f9}.suppliers-table tbody tr:last-child{border-bottom:none}.suppliers-table tbody tr:hover{background:#f55d000d;box-shadow:0 2px 8px #0000000d}.suppliers-table tbody td{padding:14px 10px;vertical-align:middle;line-height:1.4}.supplier-name{font-weight:600;color:#1a202c;margin-bottom:1px;font-size:14px;line-height:1.2}.supplier-code{font-size:12px;color:#64748b;background:#f1f5f9;padding:1px 3px;border-radius:2px;display:inline-block}.contact-info{font-size:13px;line-height:1.2}.contact-info div{margin-bottom:1px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info div:first-child{color:#1a202c;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef3c7;color:#92400e}.status-badge.blacklisted{background:#fecaca;color:#991b1b}.move-btn{border:1px solid transparent;padding:5px 6px;border-radius:4px;cursor:pointer;font-weight:500;font-size:11px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:26px;min-height:26px;max-width:32px;color:#fff;margin:2%;flex-shrink:0}.move-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.suppliers-table td:nth-child(8){overflow:visible;white-space:nowrap}.suppliers-table td:nth-child(8) .acction-buttons{min-width:100px}.move-btn.edit{background:#f55d00}.move-btn.edit:hover{background:#e54d00}.move-btn.delete{background:#2a2c41}.move-btn.delete:hover{background:#1f2133}.move-btn.share{background:#fdb502;color:#2a2c41}.move-btn.share:hover{background:#e5a302;color:#2a2c41}.supplier-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:16px;overflow:hidden;border:1px solid rgba(226,232,240,.6);transition:all .3s ease;position:relative}.supplier-card:hover{box-shadow:0 6px 24px #0000001f;transform:translateY(-2px)}.supplier-card:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.supplier-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 0;margin-bottom:16px;position:relative}.supplier-card-header .status-badge{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.supplier-card-info{flex:1}.supplier-card-name{font-size:20px;font-weight:700;color:#1a202c;margin-bottom:6px;line-height:1.2;padding-right:80px}.supplier-card-code{font-size:12px;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:6px;display:inline-block;font-weight:500;letter-spacing:.5px}.supplier-card-content{padding:16px}.mobile-info-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.mobile-info-section:last-child{border-bottom:none;margin-bottom:0}.mobile-info-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.mobile-info-row:last-child{margin-bottom:0}.mobile-info-single{margin-bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px}.mobile-info-item{display:flex;flex-direction:column;gap:4px}.mobile-info-label{font-size:9px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.mobile-info-value{font-size:12px;color:#374151;font-weight:500;line-height:1.3;word-wrap:break-word}.mobile-products-container{margin-top:0;flex-shrink:0}.mobile-products-preview{display:flex;flex-direction:column;gap:12px}.product-tag-mobile{display:inline-block;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid #a5d6a7;line-height:1.3;word-wrap:break-word}.no-products-mobile{color:#64748b;font-style:italic;font-size:14px;margin-top:8px}.mobile-bank-container{margin-top:0;flex-shrink:0}.mobile-bank-preview{display:flex;justify-content:space-between;align-items:center;gap:12px}.bank-info-mobile{flex:1}.bank-name-mobile{font-weight:600;color:#374151;font-size:14px;margin-bottom:2px}.bank-account-mobile{font-size:13px;color:#64748b;font-family:Courier New,monospace}.no-bank-details-mobile{color:#64748b;font-style:italic;font-size:14px;margin-top:8px}.mobile-view-btn{background:#f55d00;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 6px #f55d0040;width:auto;min-height:32px;-webkit-tap-highlight-color:transparent}.mobile-view-btn:hover:not(:disabled){background:#e54d00;transform:translateY(-1px);box-shadow:0 4px 8px #f55d004d}.mobile-view-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.mobile-view-btn.products{background:#2a2c41}.mobile-view-btn.products:hover:not(:disabled){background:#1f2133}.mobile-view-btn.products:disabled{background:#e5e7eb;color:#9ca3af}.mobile-view-btn.bank{background:#fdb502;color:#2a2c41}.mobile-view-btn.bank:hover:not(:disabled){background:#e5a302}.mobile-view-btn.bank:disabled{background:#e5e7eb;color:#9ca3af}.supplier-card-actions{display:flex;gap:12px;padding:18px 20px;background:#f8fafc;border-top:1px solid #f1f5f9}.mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;min-height:48px;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 6px #0000001a}.mobile-action-btn span{font-size:12px}.mobile-action-btn.edit{background:#f55d00}.mobile-action-btn.edit:hover{background:#e54d00;transform:translateY(-1px)}.mobile-action-btn.delete{background:#2a2c41}.mobile-action-btn.delete:hover{background:#1f2133;transform:translateY(-1px)}.mobile-action-btn.share{background:#fdb502;color:#2a2c41}.mobile-action-btn.share:hover{background:#e5a302;transform:translateY(-1px)}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:24px;padding:16px}.pagination-info{color:#6b7280;font-size:14px;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-btn{width:40px;height:40px;border:none;border-radius:6px;background:#f55d00;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e54d00;transform:translateY(-1px)}.pagination-btn:disabled{background:#e5e7eb;cursor:not-allowed}.pagination-current{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#f55d00;font-weight:600;font-size:14px}@media (max-width: 768px){.suppliers-page{padding:12px;background:#f8fafc}.suppliers-container{padding:0 8px}.suppliers-header{padding:16px;margin-bottom:12px}.suppliers-header-content{flex-direction:column;gap:16px;align-items:stretch}.suppliers-filters{padding:16px;border-radius:12px;grid-template-columns:1fr;gap:12px}.filter-input{min-width:auto;padding:14px 16px;font-size:16px;border-radius:12px}.filter-select{padding:14px 16px;font-size:16px;border-radius:12px}.modal-contents{margin:0;border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}.form-row{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column-reverse;gap:12px}.suppliers-table{display:none}.pagination{flex-direction:column;gap:16px;text-align:center;padding:16px 12px}.pagination-controls{justify-content:center}.supplier-card{border-radius:16px;margin-bottom:16px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(226,232,240,.6)}.supplier-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.supplier-card-header{padding:20px 20px 0;margin-bottom:16px}.supplier-card-content{padding:20px}.supplier-card-actions{padding:16px 20px;background:#f8fafc;border-top:1px solid #f1f5f9;gap:12px}.mobile-action-btn{padding:14px 12px;font-size:14px;font-weight:600;border-radius:10px}.mobile-info-section{margin-bottom:20px;padding-bottom:16px}.mobile-info-row{gap:20px;margin-bottom:16px}.mobile-info-label{font-size:12px;font-weight:600;letter-spacing:.8px}.mobile-info-value{font-size:15px;font-weight:500;line-height:1.4}}.desktop-table{width:100%;border-radius:8px;border:1px solid #e2e8f0}@media (max-width: 768px){.desktop-table{display:none}}@media (min-width: 769px){.mobile-cards{display:none}}.btn:focus,.form-input:focus,.form-textarea:focus,.form-selects:focus,.filter-input:focus,.filter-select:focus{outline:2px solid #F55D00;outline-offset:2px}.supplier-form{animation:fadeIn .3s ease-out}.suppliers-table{table-layout:fixed;width:100%;border-collapse:collapse}.products-supplied{max-width:100%}.products-preview{display:flex;flex-direction:column;gap:6px}.products-text{font-size:12px;color:#374151;line-height:1.3;word-wrap:break-word}.product-tag{display:inline-block;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:500;border:1px solid #90caf9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.no-products{color:#64748b;font-style:italic;font-size:12px}.bank-preview{display:flex;flex-direction:column;gap:6px}.bank-info{font-size:12px;line-height:1.2}.bank-name{font-weight:600;color:#374151;font-size:12px;margin-bottom:2px}.bank-account{color:#64748b;font-family:Courier New,monospace;font-size:11px}.view-details-btn{background:#f55d00;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 3px #f55d0033}.view-details-btn:hover:not(:disabled){background:#e54d00;transform:translateY(-1px);box-shadow:0 2px 6px #f55d004d}.view-details-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.view-details-btn.products{background:#2a2c41;color:#fff}.view-details-btn.products:hover:not(:disabled){background:#1f2133}.view-details-btn.products:disabled{background:#e5e7eb;color:#9ca3af}.view-details-btn.bank{background:#fdb502;color:#2a2c41}.view-details-btn.bank:hover:not(:disabled){background:#e5a302}.view-details-btn.bank:disabled{background:#e5e7eb;color:#9ca3af}.supplier-products{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.product-tag-mobile{display:inline-block;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;border:1px solid #a5d6a7;margin-left:8px;margin-top:4px}.no-products-mobile{color:#64748b;font-style:italic;font-size:13px;margin-left:8px}.move-btn svg{flex-shrink:0;display:block;width:14px;height:14px}.share-modal{max-width:600px;width:90%}.share-options{padding:20px 0}.share-preview{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.share-preview h3{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.share-text{background:#fff;padding:12px;border-radius:6px;border:1px solid #d1d5db;font-family:Courier New,monospace;font-size:13px;line-height:1.5;color:#374151;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto;margin:0}.share-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;justify-items:center;align-items:center}.share-icon-btn{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #0000001a}.share-icon-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.share-icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000000d}.share-icon-btn:active{transform:translateY(-1px);box-shadow:0 6px 18px #00000026}.share-icon-btn.email{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.share-icon-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.share-icon-btn.copy{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.share-icon-btn.telegram{background:linear-gradient(135deg,#08c,#005580);color:#fff}.share-icon-btn.facebook{background:linear-gradient(135deg,#1877f2,#0d47a1);color:#fff}.share-icon-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff}.share-icon-btn.linkedin{background:linear-gradient(135deg,#0077b5,#005885);color:#fff}.share-icon-btn.native{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.share-icon-btn:after{content:attr(title);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.share-icon-btn:hover:after{opacity:1}@media (max-width: 768px){.share-icon-btn:after{display:none}}.payment-terms{font-size:13px;color:#374151;font-weight:500;line-height:1.2}.bank-details{font-size:12px;line-height:1.1}.bank-name{font-weight:600;color:#1a202c;margin-bottom:1px;font-size:12px}.bank-account{color:#64748b;font-family:Courier New,monospace;margin-bottom:1px;font-size:12px}.bank-ifsc{color:#64748b;font-size:12px}.no-bank-details{color:#94a3b8;font-style:italic;font-size:12px}.empty-state{text-align:center;padding:48px 24px;color:#64748b}.empty-state:before{content:"🏦";font-size:48px;display:block;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;font-weight:500;color:#475569}.bank-modal-body{padding:24px;background:#fff}.bank-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.bank-card{border:1px solid #e5e7eb;border-radius:12px;padding:0;background:#fff;box-shadow:0 1px 3px #0000000d;overflow:hidden}.bank-card.primary{border:1px solid #d1d5db;background:#f9fafb}.bank-card-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e5e7eb}.bank-card-title{font-size:16px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.bank-card-title:before{content:"🏦";font-size:18px}.badge-primary{background:#374151;color:#fff;border-radius:16px;padding:4px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bank-card-row{display:flex;gap:8px;font-size:14px;color:#6b7280;padding:12px 20px;border-bottom:1px solid #f3f4f6}.bank-card-row:last-child{border-bottom:none}.bank-card-row strong{color:#374151;font-weight:600;min-width:110px;font-size:13px}.bank-card-row span{color:#4b5563;font-weight:400;flex:1}.supplier-bank-details{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.bank-info-mobile{margin-left:8px;margin-top:4px;font-size:13px;color:#64748b;line-height:1.4}.bank-info-mobile div:first-child{font-weight:500;color:#374151}@media (max-width: 768px){.share-buttons-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.share-icon-btn{width:60px;height:60px;border-radius:12px}.share-modal{margin:0;border-radius:16px 16px 0 0;max-height:90vh}.supplier-card-actions{gap:8px;flex-wrap:nowrap}.move-btn{min-width:24px;min-height:24px;padding:4px 6px;font-size:11px}.move-btn svg{width:12px;height:12px}.suppliers-table th,.suppliers-table td{padding:10px 6px;font-size:12px}}.products-modal{max-width:800px;width:95%}.products-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.products-count{display:flex;align-items:center;gap:8px}.count-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.search-container{flex:1;max-width:300px;margin:0 16px}.search-input{width:100%;padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#f55d00;box-shadow:0 0 0 3px #f55d001a}.view-items-btn{background:#ff6b35;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.view-items-btn:hover:not(:disabled){background:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.view-items-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cart-count{background:#fff3;padding:2px 6px;border-radius:8px;font-size:12px;min-width:18px;text-align:center}.products-table-container{padding:16px 20px;max-height:none;overflow-y:visible}.products-table{width:100%;border-collapse:collapse;background:#fff}.products-table th{background:#f8fafc;padding:10px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:13px}.products-table th:nth-child(1){width:8%}.products-table th:nth-child(2){width:35%}.products-table th:nth-child(3){width:15%}.products-table th:nth-child(4){width:15%}.products-table th:nth-child(5){width:27%}.products-table td{padding:8px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;word-wrap:break-word}.products-table tr:hover{background:#f8fafc}.qty-input{width:50px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:13px}.qty-input:focus{outline:none;border-color:#f55d00;box-shadow:0 0 0 2px #f55d001a}.unit-select{padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.unit-select:focus{outline:none;border-color:#f55d00;box-shadow:0 0 0 2px #f55d001a}.added-to-cart-btn{background:#2a2c41;color:#fff;padding:5px 10px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.added-to-cart-btn:hover:not(:disabled){background:#1f2133;transform:translateY(-1px);box-shadow:0 4px 12px #2a2c414d}.added-to-cart-btn.added{background:#6b7280;cursor:not-allowed}.added-to-cart-btn:disabled{transform:none;box-shadow:none}.cart-modal{max-width:600px;width:95%}.cart-content{padding:24px}.empty-cart{text-align:center;padding:40px 20px;color:#64748b}.cart-items{max-height:300px;overflow-y:auto;margin-bottom:24px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;background:#fff}.cart-item:hover{background:#f8fafc}.cart-item-info{flex:1}.cart-item-name{font-weight:600;color:#1a202c;font-size:14px;margin-bottom:2px}.cart-item-supplier{font-size:12px;color:#64748b}.cart-item-details{display:flex;align-items:center;gap:12px}.cart-item-qty{font-weight:500;color:#374151;font-size:14px}.remove-btn{background:#fecaca;color:#dc2626;border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px}.remove-btn:hover{background:#fca5a5;transform:scale(1.1)}.cart-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #e2e8f0}.share-cart-buttons{display:flex;gap:8px}.btn-whatsapp{background:#25d366;color:#fff;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-email{background:#6b7280;color:#fff;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-clear-cart{background:#ef4444;color:#fff;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.btn-clear-cart:hover{opacity:.9}.btn-clear-cart:disabled{opacity:.5;cursor:not-allowed}.multiple-suppliers-note{font-size:12px;color:#64748b;font-style:italic;margin:0;text-align:center}@media (max-width: 768px){.products-modal{width:100%;max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:95vh}.products-modal-header{flex-direction:column;gap:12px;align-items:stretch;padding:16px 20px}.search-container{max-width:none;margin:0}.search-input{padding:12px 16px;font-size:16px;border-radius:10px;min-height:44px}.products-table-container{padding:16px;max-height:50vh}.products-table th,.products-table td{padding:10px 6px;font-size:13px}.qty-input{width:60px;padding:6px 8px;font-size:14px;border-radius:6px;min-height:36px}.added-to-cart-btn{font-size:11px;padding:6px 10px;border-radius:6px;min-height:36px}.cart-modal{width:100%;max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:95vh}.cart-actions{flex-direction:column;align-items:stretch;gap:12px}.share-cart-buttons{flex-direction:column;gap:10px}.btn-whatsapp,.btn-email,.btn-clear-cart{min-height:44px;padding:12px 16px;font-size:14px;border-radius:10px}}@media (max-width: 480px){.suppliers-page{padding:8px}.suppliers-container{padding:0 4px}.suppliers-title{font-size:22px}.suppliers-header{padding:12px}.suppliers-filters{padding:12px;border-radius:12px}.filter-input,.filter-select{padding:12px 14px;font-size:16px}.supplier-card{margin-bottom:12px;border-radius:16px}.supplier-card-header{padding:16px 16px 0}.supplier-card-content{padding:16px}.supplier-card-name{font-size:17px}.supplier-card-code{font-size:11px;padding:3px 8px}.mobile-info-row{grid-template-columns:1fr 1fr;gap:12px}.mobile-info-section{margin-bottom:16px;padding-bottom:12px}.mobile-action-btn{padding:12px 8px;font-size:13px;border-radius:10px}.mobile-action-btn span{font-size:12px}.mobile-view-btn{padding:8px 14px;font-size:12px;border-radius:10px}.product-tag-mobile{padding:8px 12px;font-size:12px;border-radius:16px}.mobile-info-label{font-size:11px;font-weight:600}.mobile-info-value{font-size:14px;font-weight:500}.bank-name-mobile{font-size:13px}.bank-account-mobile{font-size:12px}.status-badge{padding:4px 10px;font-size:11px;border-radius:12px}}@media (max-width: 360px){.suppliers-page{padding:6px}.suppliers-container{padding:0 2px}.suppliers-header{padding:10px}.suppliers-title{font-size:20px}.suppliers-filters{padding:10px}.supplier-card-header{padding:14px 14px 0}.supplier-card-content{padding:14px}.supplier-card-actions{padding:12px 14px;gap:8px}.mobile-action-btn{padding:10px 6px;gap:6px;font-size:12px}.mobile-action-btn svg{width:14px;height:14px}.mobile-info-row{gap:12px}.mobile-info-label{font-size:10px}.mobile-info-value{font-size:13px}.supplier-card-name{font-size:16px}.add-supplier-btn{padding:12px 16px;font-size:14px}}.business-page-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:1rem;background:#f8fafc;box-sizing:border-box}.business-page-content{width:100%;max-width:1200px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:1.5rem;animation:fadeUp .42s ease-out both;box-sizing:border-box;overflow-x:hidden}.business-page-heading{font-size:1.75rem;font-weight:700;color:#1a202c;text-align:center;margin:0 0 1.5rem}.branch-selector-section{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f}.branch-selector-title{margin:0 0 1rem;color:#2d3748;font-size:1.2rem;font-weight:600}.branch-card{display:grid;grid-template-rows:auto 1fr auto;gap:.75rem;border:2px solid #e2e8f0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;background:#f8fafc;min-height:140px}.branch-card:hover{border-color:#4299e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.branch-card.selected{border-color:#ff8400;background:#fff;box-shadow:0 4px 12px #df741e33}.branch-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem}.branch-header h4{margin:0;color:#2d3748;font-size:1rem;font-weight:600;line-height:1.2}.master-badge{background:#48bb78;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap}.branch-details{display:grid;gap:.3rem}.branch-details p{margin:0;color:#4a5568;font-size:.85rem;line-height:1.3}.status-active{color:#48bb78;font-weight:600}.business-overview-responsive{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin-bottom:1.5rem;overflow:hidden}.business-header-responsive{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background:linear-gradient(135deg,#ff9e00,#ff5e00);color:#fff;gap:1rem}.business-info-responsive{flex:1;min-width:0}.business-name-responsive{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#fff;word-wrap:break-word;overflow-wrap:break-word}.business-type-responsive{margin:0 0 .25rem;font-size:.95rem;color:#ffffffe6;font-weight:500;word-wrap:break-word}.branch-indicator-responsive{margin:0;font-size:.85rem;color:#fffc;font-style:italic}.business-status-responsive{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.status-badge-responsive{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#48bb78;color:#fff;white-space:nowrap}.branch-count-responsive{background:#fff3;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.business-stats-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1rem;background:#f8fafc}.stat-item-responsive{display:flex;flex-direction:column;gap:.25rem;text-align:center}.stat-label-responsive{font-size:1rem;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value-responsive{font-size:.85rem;color:#1a202c;font-weight:600;font-family:Courier New,monospace;word-break:break-all}.business-form-responsive{width:100%}.form-section-responsive{margin-bottom:.5rem;padding:.8rem;background:#fff;border-radius:8px;box-shadow:0 1px 6px #0000000a;border:1px solid #e2e8f0}.form-label-responsive{display:block;font-size:.85rem;font-weight:600;color:#4a5568;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.form-grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:0rem}.input-group-responsive{margin-bottom:.75rem}.input-label-responsive{display:block;font-weight:600;color:#374151;margin-bottom:.4rem;font-size:.85rem}.form-input-responsive{width:100%;padding:.7rem .9rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#f8fafc;transition:all .2s ease;box-sizing:border-box}.form-input-responsive:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 2px #4299e133}.form-input-responsive[readonly]{background:#f1f5f9;border-color:#e2e8f0;color:#475569;cursor:not-allowed;opacity:.8}.form-textarea-responsive{width:100%;padding:.7rem .9rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#f8fafc;transition:all .2s ease;box-sizing:border-box;resize:vertical;min-height:60px;font-family:inherit}.form-textarea-responsive:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 2px #4299e133}.form-textarea-responsive[readonly]{background:#f1f5f9;border-color:#e2e8f0;color:#475569;cursor:not-allowed;opacity:.8;height:180px}.form-actions-responsive{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:1rem}.btn-responsive{padding:.7rem 1.4rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;border:none;box-shadow:0 2px 4px #00000014}.btn-primary-responsive{background-color:#4299e1;color:#fff}.btn-primary-responsive:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px);box-shadow:0 4px 8px #4299e14d}.btn-primary-responsive:disabled{background-color:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}@media (min-width: 1920px){.branch-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.branch-card{padding:2rem;min-height:180px;gap:1rem}.branch-header h4{font-size:1.3rem}.branch-details p{font-size:1rem}.master-badge{font-size:.8rem;padding:.3rem .8rem}.business-page-container{padding:3rem}.business-page-content{max-width:100%;padding:3rem}.business-page-heading{font-size:2.5rem;margin-bottom:2rem}.business-name-responsive{font-size:2rem}.business-stats-responsive{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:1.5rem}.form-section-responsive{padding:1rem;margin-bottom:0rem}.form-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:.5rem}.form-input-responsive,.form-textarea-responsive{padding:1rem 1.2rem;font-size:1rem}.btn-responsive{padding:1rem 2rem;font-size:1rem}}@media (max-width: 1919px) and (min-width: 1440px){.branch-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.branch-card{padding:1.5rem;min-height:160px;gap:.9rem}.branch-header h4{font-size:1.2rem}.branch-details p{font-size:.9rem}.business-page-container{padding:.5rem}.business-page-content{max-width:100%;padding:2.5rem}.business-page-heading{font-size:2.2rem}.business-name-responsive{font-size:1.8rem}.business-stats-responsive{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem}.form-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.5rem}.form-input-responsive,.form-textarea-responsive{padding:.9rem 1.1rem;font-size:.95rem}}@media (max-width: 1439px) and (min-width: 1200px){.branch-grid-responsive{grid-template-columns:repeat(2,1fr);gap:1.25rem}.branch-card{padding:1.25rem;min-height:150px;gap:.8rem}.branch-header h4{font-size:1.1rem}.business-page-container{padding:.5rem}.business-page-content{max-width:100%;padding:2rem}.business-page-heading{font-size:2rem}.business-name-responsive{font-size:1.6rem}.business-stats-responsive{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.form-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.5rem}}@media (max-width: 1199px) and (min-width: 992px){.branch-grid-responsive{grid-template-columns:repeat(2,1fr);gap:1rem}.branch-card{padding:1rem;min-height:140px}.branch-header h4{font-size:1rem}.business-page-container{padding:.75rem}.business-page-content{max-width:100%;padding:1.75rem}.business-page-heading{font-size:1.8rem}.business-name-responsive{font-size:1.5rem}.business-header-responsive{padding:1rem}.business-stats-responsive{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:.75rem}.form-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 991px) and (min-width: 768px){.branch-grid-responsive{grid-template-columns:repeat(2,1fr);gap:1rem}.branch-card{padding:1rem;min-height:130px;gap:.6rem}.branch-header{grid-template-columns:1fr;gap:.4rem;text-align:center}.branch-header h4{font-size:.95rem}.master-badge{justify-self:center;font-size:.65rem;padding:.2rem .5rem}.branch-details{gap:.25rem}.branch-details p{font-size:.8rem;text-align:center}.business-page-container{padding:.5rem}.business-page-content{padding:1.5rem}.business-page-heading{font-size:1.6rem}.business-header-responsive{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.business-info-responsive{text-align:center}.business-status-responsive{align-items:center;flex-direction:row;justify-content:center;gap:.75rem}.business-name-responsive{font-size:1.4rem}.business-stats-responsive{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.stat-item-responsive{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.stat-label-responsive{font-size:.9rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.stat-value-responsive{font-size:.9rem;font-weight:600;color:#1a202c;font-family:Courier New,monospace;word-break:break-all}.form-grid-responsive{grid-template-columns:1fr;gap:0rem}.branch-grid-responsive{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 767px) and (min-width: 640px){.branch-grid-responsive{grid-template-columns:repeat(2,1fr);gap:.75rem}.branch-card{padding:.9rem;min-height:120px;gap:.5rem}.branch-header{grid-template-columns:1fr auto;gap:.5rem}.branch-header h4{font-size:.9rem}.master-badge{font-size:.6rem;padding:.15rem .4rem}.branch-details p{font-size:.75rem}.business-page-container{padding:.5rem}.business-page-content{padding:1.25rem}.business-page-heading{font-size:1.5rem}.business-header-responsive{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.business-info-responsive{text-align:center}.business-status-responsive{align-items:center;flex-direction:row;justify-content:center;gap:.5rem}.business-name-responsive{font-size:1.3rem}.business-stats-responsive{display:flex;flex-direction:column;gap:.6rem;padding:.75rem}.stat-item-responsive{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.stat-label-responsive{font-size:.85rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.stat-value-responsive{font-size:.85rem;font-weight:600;color:#1a202c;font-family:Courier New,monospace;word-break:break-all}.form-section-responsive{padding:.5rem;margin-bottom:0rem}.form-actions-responsive{justify-content:center}.btn-responsive{padding:.65rem 1.3rem;font-size:.8rem}}@media (max-width: 639px) and (min-width: 480px){.branch-grid-responsive{grid-template-columns:repeat(2,1fr);gap:.6rem}.branch-card{padding:.8rem;min-height:110px;gap:.4rem}.branch-header{grid-template-columns:1fr auto;gap:.4rem}.branch-header h4{font-size:.85rem;line-height:1.1}.master-badge{font-size:.55rem;padding:.1rem .3rem}.branch-details{gap:.2rem}.branch-details p{font-size:.7rem;line-height:1.2}.business-page-container{padding:.75rem}.business-page-content{padding:1rem}.business-page-heading{font-size:1.4rem}.business-header-responsive{padding:.75rem}.business-name-responsive{font-size:1.2rem}.business-stats-responsive{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;overflow-x:visible}.stat-item-responsive{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}.stat-label-responsive{font-size:.8rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.stat-value-responsive{font-size:.85rem;font-weight:600;color:#1a202c;font-family:Courier New,monospace;word-break:break-all;text-align:right;flex:1;margin-left:.5rem}.form-section-responsive{padding:.75rem}.form-input-responsive,.form-textarea-responsive{padding:.6rem .8rem;font-size:.85rem}.form-actions-responsive{flex-direction:column;align-items:stretch}.btn-responsive{width:100%;padding:.7rem;font-size:.85rem}}@media (max-width: 479px){.branch-grid-responsive{grid-template-columns:repeat(2,1fr);gap:.5rem}.branch-card{padding:.7rem;min-height:100px;gap:.3rem}.branch-header{grid-template-columns:1fr;gap:.3rem;text-align:left}.branch-header h4{font-size:.8rem;line-height:1.1}.master-badge{justify-self:start;font-size:.5rem;padding:.1rem .25rem}.branch-details{gap:.15rem}.branch-details p{font-size:.65rem;line-height:1.1}.business-page-container{padding:.5rem}.business-page-content{padding:.75rem;border-radius:8px}.business-page-heading{font-size:1.3rem;margin-bottom:1rem}.branch-selector-section{padding:.75rem;margin-bottom:1rem}.business-header-responsive{padding:.75rem;flex-direction:column;gap:.75rem}.business-name-responsive{font-size:1.1rem}.business-type-responsive{font-size:.85rem}.business-status-responsive{flex-direction:row;align-items:center;gap:.5rem}.business-stats-responsive{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;overflow-x:visible}.stat-item-responsive{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}.stat-label-responsive{font-size:.75rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.stat-value-responsive{font-size:.8rem;font-weight:600;color:#1a202c;font-family:Courier New,monospace;word-break:break-all;text-align:right;flex:1;margin-left:.5rem}.form-section-responsive{padding:.75rem;margin-bottom:.75rem}.form-label-responsive{font-size:.8rem;margin-bottom:.75rem}.input-label-responsive{font-size:.8rem;margin-bottom:.3rem}.form-input-responsive,.form-textarea-responsive{padding:.6rem;font-size:.8rem}.btn-responsive{padding:.65rem;font-size:.8rem}}@media (max-width: 319px){.branch-grid-responsive{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.branch-card{padding:.5rem;min-height:90px;gap:.25rem}.branch-header{grid-template-columns:1fr;gap:.2rem}.branch-header h4{font-size:.75rem;line-height:1}.master-badge{font-size:.45rem;padding:.05rem .2rem}.branch-details{gap:.1rem}.branch-details p{font-size:.6rem;line-height:1}.business-page-container{padding:.25rem}.business-page-content{padding:.5rem}.business-page-heading{font-size:1.1rem}.business-name-responsive{font-size:1rem}.business-type-responsive{font-size:.8rem}.business-header-responsive{padding:.5rem}.business-stats-responsive{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;overflow-x:visible}.stat-item-responsive{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;border-radius:4px;border:1px solid #e2e8f0;width:100%;box-sizing:border-box}.stat-label-responsive{font-size:.65rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.stat-value-responsive{font-size:.7rem;font-weight:600;color:#1a202c;font-family:Courier New,monospace;word-break:break-all;text-align:right;flex:1;margin-left:.4rem}.form-section-responsive{padding:.5rem;margin-bottom:.5rem}.form-input-responsive,.form-textarea-responsive,.btn-responsive{padding:.5rem;font-size:.75rem}}@media (max-width: 279px){.business-page-container{padding:.25rem}.business-page-content{padding:.5rem;border-radius:6px}.business-page-heading{font-size:1rem;margin-bottom:.75rem}.business-header-responsive{padding:.5rem;flex-direction:column;gap:.5rem}.business-name-responsive{font-size:.9rem;text-align:center}.business-type-responsive{font-size:.75rem;text-align:center}.business-status-responsive{flex-direction:row;justify-content:center;gap:.25rem}.status-badge-responsive,.branch-count-responsive{font-size:.6rem;padding:.2rem .4rem}.business-stats-responsive{padding:.25rem;gap:.25rem}.stat-item-responsive{padding:.4rem;flex-direction:column;text-align:center;gap:.2rem}.stat-label-responsive{font-size:.55rem}.stat-value-responsive{font-size:.65rem}.form-section-responsive{padding:.4rem;margin-bottom:.4rem}.form-input-responsive,.form-textarea-responsive,.btn-responsive{padding:.4rem;font-size:.7rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.business-page-container{padding:0;background:#fff}.business-page-content{box-shadow:none;border:1px solid #ccc}.form-actions-responsive,.branch-selector-section{display:none}}.order-details-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#fff);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;max-width:100vw;position:relative;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-spinner{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f55d00);display:flex;align-items:center;justify-content:center}.spinner-icon{color:#fff;font-size:1.5rem}.loading-text{color:#64748b;font-size:1.1rem;font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.error-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.error-message{color:#64748b;font-size:1rem;max-width:400px;line-height:1.6}.order-details-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}.order-details-grid>.card{margin-bottom:0}.order-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.8);width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:slideInUp .8s ease-out}.order-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1rem;padding-bottom:0;flex-wrap:wrap}.order-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.05)}.order-icon{color:#ff6b35;font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(255,107,53,.3))}.order-meta{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.95rem;font-weight:500;margin:0}.meta-icon{color:#94a3b8;font-size:.7rem}.order-status{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #10b9814d;position:relative;overflow:hidden}.order-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.order-status:hover:before{left:100%}.card.hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.hero-title{font-size:1.125rem;font-weight:700}.hero-sub{margin-top:2px}.pill-code{background:#f3f4f6;padding:6px 10px;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;word-break:break-all}.details-2col{display:grid;grid-template-columns:1.7fr 1fr;gap:1.25rem}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.card h3{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 1rem}.map-card{padding:0;overflow:hidden}.map-placeholder{position:relative;height:240px;background:linear-gradient(180deg,#111827,#0b1324);border-radius:12px;display:block}.map-placeholder:before{content:"";position:absolute;inset:0;background-image:url(https://maps.gstatic.com/tactile/pane/backdrop_2x.png);background-size:cover;opacity:.08}.live-pill{position:absolute;left:14px;top:14px;background:#e6f4ea;color:#22c55e;border:1px solid #bbf7d0;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.85rem;box-shadow:0 4px 12px #00000014}.driver-chip{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;box-shadow:0 8px 20px #00000014}.driver-chip .avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#93c5fd,#60a5fa)}.driver-chip .meta{line-height:1.1}.driver-chip .meta .name{font-weight:700;color:#0f172a}.driver-chip .meta .sub{color:#6b7280;font-size:.85rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.card-header .left{display:flex;align-items:center;gap:1rem}.order-items-container{max-height:300px;overflow-y:auto;margin-bottom:1.5rem}.order-items-table{width:100%;border-collapse:collapse}.order-items-table th{text-align:left;padding:.75rem 0;border-bottom:1px solid #e5e7eb;font-weight:600;color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.order-items-table td{padding:1rem 0;border-bottom:1px solid #f3f4f6;vertical-align:top}.product-info{display:flex;align-items:center;gap:.75rem}.product-image{width:48px;height:48px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.product-detail h4{font-weight:600;color:#111827;margin:0 0 .25rem;font-size:.95rem}.product-detail p{color:#6b7280;margin:0;font-size:.85rem}.quantity-cell{text-align:center;font-weight:600;color:#111827}.price-cell{text-align:right;font-weight:600;color:#111827}.total-cell{text-align:right;font-weight:700;color:#111827}.see-updates{display:inline-block;color:#1da1f2;font-weight:600;margin:.25rem 0 1rem;cursor:pointer}.see-updates:hover{text-decoration:underline}.review-card{margin-top:.5rem;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;padding:.75rem}.review-card .review-title{font-weight:600;margin-bottom:.25rem;color:#111827}.review-card .stars{display:inline-flex;gap:6px;margin:6px 0}.review-card .star{background:transparent;border:none;padding:2px;color:#d1d5db;font-size:20px;cursor:pointer;transition:transform .12s ease,color .12s ease}.review-card .star.active{color:#f59e0b;transform:scale(1.05)}.review-card .star.sm{font-size:16px;padding:0}.review-text{width:100%;margin-top:8px;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;resize:vertical;font:inherit}.review-actions{margin-top:8px;display:flex;gap:8px}.review-thanks .given{display:inline-flex;gap:4px;margin-bottom:4px}aside.sidebar{display:grid;gap:1rem;align-content:start;position:sticky;top:1rem;height:max-content}.btn.block{width:100%;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;margin-top:.75rem}@media (max-width: 960px){.details-2col{grid-template-columns:1fr}aside.sidebar{position:static}}.top-summary{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;margin-bottom:1.25rem}.fade-in-up{animation:fadeInUp .38s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vtracker{position:relative;padding-left:28px;margin-bottom:.5rem}.vtracker .vline{position:absolute;left:12px;top:0;bottom:0;width:2px}.vtracker .vline:before{content:"";position:absolute;inset:0;background:#e5e7eb;border-radius:999px}.vtracker .vline:after{content:"";position:absolute;left:0;top:0;width:100%;height:var(--vline-progress, 0%);background:#14b8a6;border-radius:999px;transition:height .42s ease}.vsteps{display:grid;gap:14px}.vstep{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}.vstep .bullet{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#e6fffb;color:#14b8a6;transition:all .24s ease;box-shadow:0 0 #14b8a600}.vstep .label{font-weight:600;color:#111827}.vstep .sub{color:#0ea5a4;font-size:.875rem;margin-top:2px}.vstep.done .bullet,.vstep.current .bullet{background:#ccfbf1;color:#0f766e;box-shadow:0 0 0 3px #14b8a62e}.vstep.current .label{color:#0f766e}.btn{background:#2563eb;color:#fff;border:none;padding:10px 12px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb33}.btn.secondary{background:#111827;color:#fff}.btn.ghost{background:#fff;color:#111827;border:1px solid #e5e7eb}.btn:active{transform:translateY(0);box-shadow:none}.link{background:transparent;border:none;padding:0;color:#2563eb;font-weight:600;cursor:pointer}.link:hover{text-decoration:underline}.tracker-actions{display:flex;gap:1rem;margin:.5rem 0 .75rem}.updates{list-style:none;padding:0 0 0 28px;margin:0 0 1rem;display:grid;gap:8px}.updates li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;flex-wrap:wrap}.updates .when{color:#6b7280;min-width:120px}.updates .what{color:#111827;font-weight:500}.updates .what .icon{display:inline-grid;place-items:center;width:18px;height:18px}.top-summary .left{display:flex;align-items:center;gap:1rem}.product-img{width:72px;height:72px;border-radius:8px;object-fit:cover}.muted{color:#6b7280}.courier-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;box-shadow:0 2px 10px #3b82f626}.contact-buttons{display:flex;gap:8px;margin-top:12px}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:9999px;font-weight:500;font-size:.9rem}.htracker{display:grid;grid-auto-flow:column;align-items:center;gap:10px;padding:8px 6px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.hstep{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;transition:background .16s ease,box-shadow .16s ease;white-space:nowrap}.hstep .hicon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:2px solid #d1d5db;color:#9ca3af;background:#fff;transition:all .16s ease}.hstep .hlabel{font-weight:600;color:#111827;font-size:.95rem}.hstep.done .hicon{border-color:#10b981;color:#10b981;box-shadow:0 0 0 3px #10b98126}.hstep.current{background:#f0fdf4;box-shadow:0 1px #e5efe9 inset}.hstep.current .hicon{border-color:#10b981;color:#10b981}.hstep.upcoming .hlabel{color:#6b7280;font-weight:500}.hconnector{height:2px;width:40px;background:#e5e7eb;border-radius:999px;position:relative}.hconnector.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:#10b981;border-radius:999px}.hconnector.current:after{content:"";position:absolute;left:0;top:0;bottom:0;width:45%;background:#10b981;border-radius:999px;transition:width .36s ease}.status-badge.processing{background:#e9e7fd;color:#7c3aed}.status-badge.out-for-delivery{background:#fff4e6;color:#f59e0b}.status-badge.delivered{background:#e6f4ea;color:#34a853}.status-badge.cancelled{background:#fee2e2;color:#b91c1c}.tracker{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;gap:.75rem;margin:1rem 0 1.25rem}.status-step{display:flex;align-items:center;gap:.6rem;opacity:.75;transition:opacity .2s ease,transform .2s ease,color .2s ease}.status-step .icon{width:32px;height:32px;border-radius:9999px;display:grid;place-items:center;background:#f3f4f6;color:#9ca3af;box-shadow:inset 0 0 0 2px #e5e7eb}.status-step .text{display:flex;flex-direction:column;align-items:flex-start}.status-step .label{font-size:.9rem;font-weight:700;color:#0f172a;white-space:nowrap}.status-step .caption{font-size:.75rem;color:#6b7280;line-height:1.2;white-space:nowrap}.status-step.done{opacity:1}.status-step.done .icon{background:#e6f4ea;color:#22c55e;box-shadow:inset 0 0 0 2px #bbf7d0}.status-step.current{opacity:1;transform:translateY(-1px)}.status-step.current .icon{background:#e8f5fe;color:#1da1f2;box-shadow:0 0 0 4px #eff6ff,inset 0 0 0 2px #bae6fd}.status-step.upcoming{opacity:.55}.status-step.upcoming .label{color:#374151;font-weight:600}.connector{position:relative;height:4px;border-radius:9999px;background:#e5e7eb;overflow:hidden}.connector:after{content:"";position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#60a5fa,#1da1f2);transition:width .35s ease}.connector.active:after{width:100%}.connector.current:after{width:50%}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.order-summary{padding-top:1rem;margin-top:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;color:#6b7280;font-size:.9rem}.summary-row.total{padding-top:.6rem;margin-top:.4rem;font-weight:700;color:#111827;font-size:1rem}.delivery-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.info-section h4{font-weight:600;color:#111827;margin:0 0 .75rem;font-size:.95rem}.info-section p{color:#6b7280;margin:.25rem 0;font-size:.9rem;line-height:1.5}.delivery-slot{color:#111827;font-weight:600}.sms-info{display:flex;align-items:center;gap:.5rem;color:#3b82f6;font-size:.85rem;margin-top:.5rem}.sms-info:before{content:"ℹ";display:inline-block;width:16px;height:16px;background:#dbeafe;border-radius:50%;text-align:center;line-height:16px;font-size:12px}.order-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-primary{background:#60a5fa;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background:#3b82f6}.btn-secondary{background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}@media (max-width: 768px){.order-details-page{padding:1rem}.order-header{padding:1rem;border-radius:12px}.order-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.order-header-actions{width:100%;flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:.875rem 1rem}.order-header-info{margin-top:1rem}.info-cards{display:block}.info-card{margin-bottom:1rem;padding:1rem}.order-items-section{padding:1rem;border-radius:12px}.section-title{font-size:1rem}.items-table{display:block}.table-header{display:none}.table-body{display:block}.table-row{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 4px #0000001a}.table-row:hover{background:#fff;transform:none}.table-cell{display:block;padding:0;margin-bottom:.75rem}.table-cell:last-child{margin-bottom:0}.image-cell{text-align:center;margin-bottom:1rem}.product-image-containers{width:80px;height:80px;margin:0 auto;border-radius:8px}.product-cell{text-align:center;margin-bottom:1rem}.product-name{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.product-description{font-size:.875rem;color:#6b7280;line-height:1.4}.quantity-cell{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.quantity-cell:before{content:"QUANTITY";font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.price-total-row{display:flex;gap:1rem;margin-top:.5rem;padding-top:.75rem;border-top:2px solid #e5e7eb}.price-cell,.total-cell{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;border-radius:8px}.price-cell,.total-cell{background:transparent}.price-cell:before{content:"PRICE";font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.total-cell:before{content:"TOTAL";font-size:.75rem;font-weight:600;color:#f97316;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.quantity-value,.price-value{font-size:1rem;font-weight:600;color:#1f2937}.total-value{font-size:1.125rem;font-weight:700;color:#f97316}.order-summary-card{padding:1rem;margin-top:1rem}.summary-title{font-size:.875rem}.summary-label,.summary-values{font-size:.8rem}}@media (max-width: 480px){.order-details-page{padding:.75rem}.order-header{padding:.875rem;border-radius:10px}.order-title{font-size:1.25rem}.order-meta{font-size:.8rem}.btn-primary,.btn-secondary{padding:.75rem;font-size:.875rem}.info-card-title{font-size:.75rem}.address-name{font-size:.875rem}.address-line,.contact-info{font-size:.8rem}.order-items-section{padding:.875rem;border-radius:10px}.section-title{font-size:.95rem}.table-row{padding:.875rem;margin-bottom:.875rem}.product-image-containers{width:70px;height:70px}.product-name{font-size:1rem}.product-description{font-size:.8rem}.price-total-row{gap:.75rem}.price-cell,.total-cell{padding:.625rem}.quantity-value,.price-value{font-size:.9rem}.total-value{font-size:1rem}.order-summary-card{padding:.875rem}.summary-title{font-size:.8rem}.summary-label,.summary-values{font-size:.75rem}.summary-row.total .summary-label,.summary-row.total .summary-values{font-size:.875rem}}@media (max-width: 360px){.order-details-page{padding:.5rem}.order-header{padding:.75rem;border-radius:8px}.order-title{font-size:1.125rem}.order-icon{font-size:1rem}.btn-primary,.btn-secondary{padding:.625rem;font-size:.8rem}.order-items-section{padding:.75rem;border-radius:8px}.table-row{padding:.75rem;margin-bottom:.75rem}.product-image-containers{width:60px;height:60px}.product-name{font-size:.95rem}.product-description{font-size:.75rem}.price-total-row{gap:.5rem}.price-cell,.total-cell{padding:.5rem}.price-cell:before,.total-cell:before{font-size:.65rem}.quantity-value,.price-value{font-size:.85rem}.total-value{font-size:.95rem}.order-summary-card{padding:.75rem}}@media (max-width: 768px){.btn-primary,.btn-secondary{min-height:48px;touch-action:manipulation}.order-title{line-height:1.3}.order-meta{line-height:1.4}.items-table::-webkit-scrollbar{height:4px}.items-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.items-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.items-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-row:hover{background:#f8fafc;transform:none}.info-card{border-radius:8px;box-shadow:0 2px 4px #0000001a}.info-card-title{font-weight:600;color:#374151}.summary-row{padding:.5rem 0;border-bottom:1px solid #f1f5f9}.summary-row.total{border-top:2px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;background:#f8fafc;border-radius:4px;padding-left:.5rem;padding-right:.5rem}}@media (max-width: 768px) and (orientation: landscape){.order-header-content{flex-direction:row;align-items:center}.order-header-actions{flex-direction:row;width:auto}.btn-primary,.btn-secondary{width:auto;min-width:120px}}.order-content{width:100%;margin:0;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.order-items-section{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;width:100%}.section-header{margin-bottom:0rem;padding-bottom:.5rem}.section-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.items-table{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.table-header{display:grid;grid-template-columns:80px 2fr 1fr 1fr 1fr 1.5fr;background:#f8fafc;border-bottom:1px solid #e2e8f0}.table-header:not(:has(.rating-header)){grid-template-columns:80px 2fr 1fr 1fr 1fr}.header-cell{padding:.5rem;font-size:.65rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:left}.table-body{background:#fff}.table-row{display:grid;grid-template-columns:80px 2fr 1fr 1fr 1fr 1.5fr;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.table-row:not(:has(.rating-cell)){grid-template-columns:80px 2fr 1fr 1fr 1fr}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.table-cell{padding:.5rem;display:flex;align-items:center}.image-cell{justify-content:center;padding:.5rem}.product-image-containers{width:50px;height:50px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0}.product-image{width:100%;height:100%;object-fit:cover;border-radius:6px;transition:opacity .3s ease}.product-image.loading{opacity:.5}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#94a3b8;background:#f1f5f9;border-radius:6px}.product-image-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#64748b;background:#f8fafc;border-radius:6px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.product-cell{justify-content:flex-start}.product-info{display:flex;align-items:flex-start}.product-detail{flex:1;min-width:0}.product-detail .product-name{font-size:.85rem;font-weight:600;color:#1e293b;margin:0 0 .15rem;line-height:1.3}.product-description{font-size:.7rem;color:#64748b;margin:0;line-height:1.3}.quantity-cell{justify-content:flex-start}.quantity-value{font-size:.85rem;font-weight:600;color:#1e293b}.price-cell{justify-content:flex-start}.price-value{font-size:.85rem;font-weight:600;color:#1e293b}.total-cell{justify-content:flex-start}.total-value{font-size:.85rem;font-weight:700;color:#ff6b35}.rating-cell{justify-content:center;flex-direction:column;align-items:flex-start;gap:.2rem}.rating-container{width:100%;display:flex;flex-direction:column;align-items:flex-start}.rating-container-inline{width:100%;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stars-display{display:flex;gap:.1rem}.stars-display .star-btn{background:none;border:none;cursor:pointer;padding:0;color:#d1d5db;font-size:.9rem;transition:all .2s ease}.stars-display .star-btn:hover{color:#fbbf24;transform:scale(1.1)}.stars-display .star-btn.active{color:#fbbf24}.stars-display .star-btn.disabled{cursor:not-allowed;opacity:.8;pointer-events:none}.stars-display .star-btn.disabled:hover{transform:none;color:inherit}.stars-display .star-btn:disabled{cursor:not-allowed;opacity:.8;pointer-events:none}.rating-status{font-size:.65rem;color:#10b981;font-weight:500;background:#dcfce7;padding:.15rem .5rem;border-radius:8px}.review-input-inline{flex:1;min-width:150px;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;font-family:inherit;transition:border-color .2s ease}.review-input-inline:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf241a}.review-input-inline::placeholder{color:#9ca3af}.submit-review-btn-inline{background:#fbbf24;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.submit-review-btn-inline:hover:not(:disabled){background:#f59e0b}.submit-review-btn-inline:disabled{background:#d1d5db;cursor:not-allowed}.reviewed-status{font-size:.75rem;color:#10b981;font-weight:600;background:#dcfce7;padding:.3rem .6rem;border-radius:6px;white-space:nowrap}.item-details{flex:1;min-width:0}.item-name{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.05)}.item-description{color:#64748b;font-size:1rem;margin:0 0 1rem;line-height:1.5}.item-meta{display:flex;gap:1.5rem;font-size:.9rem}.item-quantity{color:#475569;font-weight:600;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);padding:.25rem .75rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.item-price{color:#64748b;font-weight:500}.item-total{flex-shrink:0;text-align:right}.total-amount{font-size:1.25rem;font-weight:800;color:#ff6b35;text-shadow:0 1px 2px rgba(255,107,53,.2)}.rating-review-section{background:#fffc;border-radius:6px;padding:.75rem;border:1px solid #e2e8f0}.rating-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.rating-label{font-weight:600;color:#374151;font-size:.8rem}.stars-container{display:flex;gap:.25rem}.star-btn{background:none;border:none;cursor:pointer;padding:.15rem;color:#d1d5db;font-size:1rem;transition:all .2s ease}.star-btn:hover{color:#fbbf24;transform:scale(1.1)}.star-btn.active{color:#f59e0b}.review-actions{margin-bottom:.75rem}.review-btn{background:#ff6b35;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem}.review-btn:hover{background:#f55d00;transform:translateY(-1px)}.review-form{background:#fff;border-radius:6px;padding:.75rem;border:1px solid #e2e8f0}.review-textarea{width:100%;min-height:60px;padding:.6rem;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.85rem;resize:vertical;margin-bottom:.75rem}.review-form-actions{display:flex;justify-content:flex-end}.submit-review-btn{background:#10b981;color:#fff;border:none;padding:.4rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem}.submit-review-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.submit-review-btn:disabled{background:#9ca3af;cursor:not-allowed}.order-summary-card{background:#fff;border-radius:8px;padding:.875rem;margin-top:.75rem;border:1px solid #e2e8f0;width:100%;box-shadow:0 1px 3px #0000001a}.summary-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.summary-content{display:flex;flex-direction:column;gap:.1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;min-height:1.25rem}.summary-label{color:#64748b;font-weight:500;font-size:.875rem}.summary-values{color:#1e293b;font-weight:600;font-size:.875rem;text-align:right}.summary-row.total .summary-label{color:#1e293b;font-weight:700;font-size:1rem}.summary-row.total .summary-values{color:#ff6b35;font-weight:800;font-size:1rem}.summary-row.discount .summary-label{color:#10b981}.summary-values.discount-value{color:#10b981;font-weight:600}.summary-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.rate-review-btn{background:#2a2c41;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #2a2c4133}.rate-review-btn:hover{background:#1f2137;transform:translateY(-1px);box-shadow:0 2px 6px #2a2c414d}.rate-review-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.reviewed-container{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stars-display-small{display:flex;gap:.1rem}.star-small{font-size:.7rem;color:#d1d5db}.star-small.active{color:#fbbf24}.reviewed-status{font-size:.65rem;color:#10b981;font-weight:500}.rating-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.rating-modal{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#2a2c41;border-bottom:none;border-radius:8px 8px 0 0}.modal-head h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:#ffffffb3;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#fff}.modal-content{padding:1rem}.item-info h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1e293b}.item-description{margin:0 0 1rem;font-size:.85rem;color:#64748b}.rating-section{margin-bottom:1rem}.rating-section label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#1e293b}.modal-stars{display:flex;gap:.25rem}.modal-star-btn{background:none;border:none;font-size:1.5rem;color:#d1d5db;cursor:pointer;padding:.25rem;transition:all .2s ease}.modal-star-btn:hover{color:#fbbf24;transform:scale(1.1)}.modal-star-btn.active{color:#fbbf24}.review-section{margin-bottom:1rem}.review-section label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#1e293b}.review-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px}.review-textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.cancel-btn{background:#f8fafc;color:#64748b;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8}.submit-btn{background:#2a2c41;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2a2c4133}.submit-btn:hover{background:#1f2137;transform:translateY(-1px);box-shadow:0 4px 8px #2a2c414d}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.order-info-section{background:#fffffff2;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #0000000a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);width:100%}.info-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:0}.info-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:12px;padding:1.25rem;box-shadow:0 4px 20px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.info-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.info-card-title{font-size:.875rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.info-card-content{display:flex;flex-direction:column;gap:.3rem}.address-name{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.address-line{color:#64748b;font-size:.875rem;line-height:1.4;margin-bottom:.25rem}.contact-info{color:#475569;font-weight:600;margin-top:.5rem;font-size:.8rem}.no-address{color:#94a3b8;font-style:italic;text-align:center;padding:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid rgba(226,232,240,.3)}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-weight:600;font-size:.875rem}.detail-value{color:#1e293b;font-weight:700;font-size:.875rem}.status-highlight{color:#10b981!important;font-weight:700!important}.order-header-actions{display:flex;flex-direction:row;gap:1rem;justify-content:flex-end!important;align-items:center;margin-bottom:0;padding:0;flex-shrink:0;margin-left:auto}.order-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;width:100%;position:relative;z-index:1}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f55d00);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 3px 12px #ff6b3540;text-transform:uppercase;letter-spacing:.3px;transition:all .3s ease;position:relative;overflow:hidden;width:200px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover{background:linear-gradient(135deg,#f55d00,#ff6b35);transform:translateY(-1px);box-shadow:0 6px 20px #ff6b3559}.btn-primary:hover:before{left:100%}.btn-secondary{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 3px 12px #2d374840;text-transform:uppercase;letter-spacing:.3px;transition:all .3s ease;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn-secondary:hover{background:linear-gradient(135deg,#1a202c,#2d3748);transform:translateY(-1px);box-shadow:0 6px 20px #2d374859}.btn-secondary:hover:before{left:100%}.btn-icon{font-size:.85rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}a,a:hover{text-decoration:none}@media (max-width: 768px){.order-details-page{padding:1rem}.order-header{padding:1.5rem;margin-bottom:1.5rem}.order-header-content{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.order-title{font-size:1.25rem}.info-cards{grid-template-columns:1fr;gap:1rem;margin-bottom:0}.order-header-actions{flex-direction:column;gap:.75rem;width:100%;margin-bottom:0;align-self:stretch}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:1rem 1.5rem}.order-items-section,.order-info-section{padding:.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.table-header{display:none}.table-row{display:block;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.75rem;padding:.75rem;background:#fff}.table-cell{display:block;padding:.3rem 0;border-bottom:1px solid #f1f5f9}.table-cell:last-child{border-bottom:none}.table-cell:before{content:attr(data-label);font-weight:600;color:#374151;display:block;margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.image-cell:before{content:"Image"}.product-cell:before{content:"Product"}.quantity-cell:before{content:"Quantity"}.price-cell:before{content:"Price"}.total-cell:before{content:"Total"}.rating-cell:before{content:"Rating"}.image-cell{justify-content:flex-start;align-items:flex-start;flex-direction:column}.product-image-containers{margin-top:.25rem}.rating-cell{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}.rating-container,.review-section{width:100%}.info-cards{grid-template-columns:1fr;gap:.75rem}.order-actions{flex-direction:column;align-items:stretch;gap:.75rem}.btn-primary,.btn-secondary{justify-content:center}}@media (max-width: 480px){.order-header{padding:.5rem}.order-title{font-size:.9rem}.order-items-section,.order-info-section{padding:.4rem}.item-card{padding:.5rem}.product-placeholder{width:35px;height:35px;font-size:.9rem}.item-name{font-size:.8rem}.total-amount{font-size:.75rem}.btn-primary,.btn-secondary{padding:.35rem .7rem;font-size:.65rem}.section-title{font-size:.85rem}.table-cell{padding:.25rem 0}}.order-tracker-page{width:100%;padding:2rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.unified-tracker{max-width:1000px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.tracker-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;background:#fff}.order-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.back-btn{background:none;border:none;color:#6b7280;display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;margin-bottom:10px}.back-btn:hover{color:#374151;background:#f1f5f9}.header-content{flex:1;text-align:center}.header-content h1{color:#111827;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.order-meta{display:flex;align-items:center;justify-content:center;gap:1rem}.order-id{color:#f59e0b;font-size:1rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.order-date{color:#6b7280;font-size:.9rem}.refresh-btn{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;color:#2a2c41;width:58px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014,0 1px #fffc inset;position:relative;overflow:hidden;font-size:1.1rem}.progress-section{padding:4rem 2rem;position:relative;background:#fff}.progress-steps{display:flex;justify-content:space-between;position:relative;align-items:flex-start;max-width:900px;margin:0 auto;padding:0 1rem}.progress-steps:before{content:"";position:absolute;top:25px;left:50px;right:50px;height:3px;background:#e5e7eb;border-radius:2px;z-index:1}.progress-steps:after{content:"";position:absolute;top:25px;left:50px;height:3px;background:linear-gradient(90deg,#2a2c41,#4338ca);border-radius:2px;z-index:2;width:calc(var(--progress, 0%) * (100% - 100px) / 100%);transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #2a2c414d}.tracker-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;flex:1;text-align:center;min-width:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.tracker-step-indicator{position:relative;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tracker-step-icon{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.tracker-step-title{color:#374151;font-size:.85rem;font-weight:600;margin-bottom:.5rem;line-height:1.3;transition:all .3s cubic-bezier(.4,0,.2,1);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.tracker-step-description{display:none}.tracker-step.done .tracker-step-icon{background:linear-gradient(135deg,#2a2c41,#4338ca);border-color:#2a2c41;color:#fff;box-shadow:0 6px 20px #2a2c4166;transform:scale(1.05)}.tracker-step.current .tracker-step-icon{background:linear-gradient(135deg,#2a2c41,#4338ca);border-color:#2a2c41;color:#fff;box-shadow:0 8px 25px #2a2c4180,0 0 0 4px #2a2c411a;width:60px;height:60px;font-size:1.5rem;transform:scale(1.15);animation:currentPulse 2s infinite}.tracker-step.done .tracker-step-title{color:#2a2c41;font-weight:700}.tracker-step.current .tracker-step-title{font-size:1rem;font-weight:700;color:#2a2c41;transform:translateY(-2px)}.tracker-step.done .tracker-step-description,.tracker-step.current .tracker-step-description{color:#4b5563}.tracker-step.current .tracker-step-description{font-size:.9rem;font-weight:500}@keyframes currentPulse{0%,to{box-shadow:0 8px 25px #2a2c4180,0 0 0 4px #2a2c411a}50%{box-shadow:0 12px 35px #2a2c4199,0 0 0 8px #2a2c410d}}.tracker-content{display:flex;justify-content:center;padding:2rem;background:#fff}.left-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;width:100%}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.info-card h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.info-row:last-child{border-bottom:none}.info-row .label{color:#6b7280;font-size:.875rem;font-weight:500}.info-row .value{color:#111827;font-size:.875rem;font-weight:500;text-align:right}.info-row .value.status{background:#dcfce7;color:#166534;padding:.25rem .75rem;border-radius:20px;font-size:.75rem}.location-item{margin-bottom:1.5rem}.location-item:last-child{margin-bottom:0}.location-header{margin-bottom:.5rem}.location-title{color:#374151;font-size:.875rem;font-weight:600}.location-address{color:#6b7280;font-size:.875rem;line-height:1.5}.summary-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.store-info h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.store-info p{color:#6b7280;font-size:.9rem;margin:0}.order-amount{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.total-label{color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.total-price{color:#111827;font-size:1.75rem;font-weight:700}.summary-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f1f5f9}.items-info{color:#6b7280;font-size:.9rem}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 4px 12px #f59e0b33}.btn-primary:hover{background:linear-gradient(135deg,#d97706,#ea580c);transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b4d}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}@media (max-width: 1200px){.tracker-header,.progress-section,.tracker-content{padding-left:1.5rem;padding-right:1.5rem}.progress-steps{max-width:100%;padding:0 .5rem}}@media (max-width: 992px){.progress-section{padding:3rem 1rem}.progress-steps{padding:0}.tracker-step-title{font-size:.8rem}.tracker-step.current .tracker-step-title{font-size:.95rem}}@media (max-width: 768px){.order-tracker-page{padding:0;background:#f8fafc}.unified-tracker{border-radius:0;box-shadow:none;border:none}.tracker-header{padding:1rem;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e5e7eb}.order-title{font-size:1.1rem;font-weight:600}.back-btn{padding:.5rem;font-size:.85rem}.refresh-btn{width:55px;height:40px;font-size:1rem}.progress-section{padding:2.5rem .75rem;background:#fff}.progress-steps{max-width:100%;padding:0;gap:0}.progress-steps:before{left:25px;right:25px;top:20px;height:2px}.progress-steps:after{left:25px;top:20px;height:2px;width:calc(var(--progress, 0%) * (100% - 50px) / 100%)}.tracker-step{min-width:0;flex:1}.tracker-step-indicator{margin-bottom:.75rem}.tracker-step-icon{width:40px;height:40px;font-size:1rem;border-width:2px;box-shadow:0 2px 8px #0000001a}.tracker-step.current .tracker-step-icon{width:50px;height:50px;font-size:1.3rem;transform:scale(1.1);box-shadow:0 6px 20px #2a2c4166,0 0 0 3px #2a2c411a}.tracker-step.done .tracker-step-icon{transform:scale(1.02);box-shadow:0 4px 15px #2a2c414d}.tracker-step-title{font-size:.75rem;font-weight:600;line-height:1.2;margin-bottom:0;padding:0 .25rem}.tracker-step.current .tracker-step-title{font-size:.85rem;font-weight:700;transform:translateY(-1px)}.tracker-step.done .tracker-step-title{font-size:.75rem}.tracker-content{padding:1.5rem 1rem;background:#f8fafc}.left-column{grid-template-columns:1fr;gap:1rem;max-width:100%}.info-card{padding:1.25rem;border-radius:8px}}@media (max-width: 480px){.progress-section{padding:2rem .5rem}.tracker-step-title{font-size:.7rem;padding:0 .1rem}.tracker-step.current .tracker-step-title{font-size:.8rem}.tracker-step-icon{width:35px;height:35px;font-size:.9rem}.tracker-step.current .tracker-step-icon{width:45px;height:45px;font-size:1.2rem}.progress-steps:before,.progress-steps:after{left:22px;right:22px;top:17px}.progress-steps:after{width:calc(var(--progress, 0%) * (100% - 44px) / 100%)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s infinite}.animate-fadeIn{animation:fadeIn .5s ease-in-out}.animate-slideInLeft{animation:slideInLeft .5s ease-out}.animate-slideInRight{animation:slideInRight .5s ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-scaleIn{animation:scaleIn .3s ease-out}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-width{transition:width .8s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.order-history-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.order-history-main-content{width:100%;padding:1.5rem}.order-history-tabs-container{display:flex;gap:.5rem;margin-bottom:2rem;padding:.75rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(245,93,0,.1);justify-content:center;flex-wrap:wrap}.order-history-tab-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:8px;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;background:transparent;min-width:120px;justify-content:center}.order-history-tab-button.active{background:linear-gradient(135deg,#f55d00,#2a2c41);color:#fff;font-weight:700}.order-history-tab-button .tab-icon{font-size:1rem}.order-history-tab-button .order-count{background:#fff3;color:#f55d00;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:8px;min-width:1.25rem;text-align:center}.order-history-tab-button.active .order-count{background:#ffffff4d;color:#fff}.order-history-section{background:#fff;border-radius:12px;padding:1rem!important;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(245,93,0,.1);margin-bottom:2rem}.section-header1{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.section-title{font-size:1.5rem;font-weight:700;color:#2a2c41;margin:0 0 .5rem}.section-description{color:#64748b;margin:0;font-size:1rem;font-weight:400}.filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.custom-select{position:relative;min-width:180px}.custom-select select{width:100%;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;font-size:.875rem;color:#111827;cursor:pointer}.orders-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;width:100%;padding:.5rem}@media (max-width: 1200px){.orders-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.orders-list{grid-template-columns:repeat(2,1fr);gap:1rem;padding:.75rem}}@media (max-width: 600px){.orders-list{grid-template-columns:1fr;gap:1rem;padding:.5rem}}.order-cards{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:20px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000d;min-height:160px;width:100%;position:relative;margin:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.order-cards:hover:before{opacity:1}.order-details{display:flex;flex-direction:column;flex-grow:1;margin-bottom:1rem;gap:.75rem;padding-bottom:.5rem}.order-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.order-headers-left{display:flex;flex-direction:column;align-items:start;gap:6px;min-width:200px}.order-date-row{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280;font-weight:500}.order-headers-right{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:220px}.order-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.order-header-row{flex-direction:column;align-items:stretch;gap:10px}.order-headers-right{align-items:flex-start;display:flex;flex-direction:row}}.order-id{font-weight:700;font-size:1.1rem;color:#1f2937;margin:0;line-height:1.3;letter-spacing:-.025em}.order-date{font-size:.85rem;color:#64748b;margin:0;font-weight:500;display:flex;align-items:center;gap:.5rem}.order-date:before{content:"🕒";font-size:.8rem}.order-status-tags{display:flex;gap:.5rem;flex-wrap:nowrap;margin-top:.75rem;padding-top:.25rem;align-items:center}.order-tag{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em;border:none;display:inline-flex;align-items:center;gap:.25rem}.order-tag.confirmed,.order-tag.preparing,.order-tag.ready{background:#fef3c7;color:#b45309;border-color:#f59e0b}.order-tag.dispatched,.order-tag.out-for-delivery,.order-tag.travelling,.order-tag.out-for-delivery-grocery{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.order-tag.completed,.order-tag.delivered{background:#d1fae5;color:#065f46;border-color:#10b981}.order-tag.pending{background:#fef3c7;color:#b45309;border-color:#f59e0b}.order-tag.cancelled{background:#fecaca;color:#991b1b;border-color:#ef4444}.order-tag{padding:.6rem 1.2rem;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;transition:all .2s ease;border:2px solid;display:inline-flex;align-items:center;justify-content:center;min-width:100px;text-align:center;box-shadow:0 2px 4px #0000001a}.order-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease-in-out}.order-tag:hover:before{left:100%}.order-tag.delivery{background:#e0f2fe;color:#0c4a6e;border-color:#0ea5e9}.order-tag.pickup{background:#fff7ed;color:#9a3412;border-color:#ea580c}.order-tag.ready-for-pickup,.order-tag.ready-for-delivery{background:#fef3c7;color:#b45309;border-color:#f59e0b}.order-tag.in-transit,.order-tag.on-the-way{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.order-tag.processing,.order-tag.accepted{background:#e0e7ff;color:#4338ca;border-color:#6366f1}.order-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;filter:brightness(.95)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.8}}.order-action{margin-top:auto}.order-action-buttons{display:flex;gap:.75rem;width:100%;margin-top:auto;padding-top:1rem;border-top:1px solid #f8fafc}.view-details-btn{flex:1;background:#f8fafc;color:#475569;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.view-details-btn:hover{background:#e2e8f0;color:#fff;transform:translateY(-1px)}.track-order-btn{flex:1;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.track-order-btn:hover{background:linear-gradient(135deg,#d97706,#ea580c);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}@media (max-width: 768px){.order-history-main-content{padding:.75rem}.order-history-tabs-container{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem;padding:.75rem;margin-bottom:1rem}.order-history-tab-button{justify-content:center;min-width:auto;width:100%;padding:.75rem;font-size:.8125rem}.section-header1{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.section-title{font-size:1.25rem;margin-bottom:.25rem}.filters{flex-direction:column;gap:.75rem}.custom-select{min-width:auto;width:100%}.orders-list{grid-template-columns:1fr;gap:.75rem;padding:.25rem}.order-cards{padding:.75rem!important;min-height:auto!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.order-details{gap:.25rem!important;margin-bottom:.5rem!important;padding-bottom:0!important;flex-grow:0!important}.order-header-row{gap:.25rem!important;margin-bottom:.25rem!important}.order-headers-left{gap:.125rem!important;min-width:auto!important}.order-headers-right{gap:.25rem!important;min-width:auto!important}.order-status-tags{margin-top:.25rem!important;padding-top:0!important;gap:.25rem!important;margin-bottom:.25rem!important}.order-tag{padding:.25rem .5rem!important;font-size:.6875rem!important;border-radius:4px!important}.order-action-buttons{gap:.4rem;padding-top:.2rem!important;margin-top:.2rem!important;border-top:none!important}.view-details-btn,.track-order-btn{padding:.4rem .6rem!important;font-size:.7rem!important;border-radius:6px!important;min-height:32px!important}.order-id{font-size:.9375rem!important;line-height:1.2!important}.order-date{font-size:.75rem!important}.order-date-row{font-size:.75rem!important;gap:.25rem!important}}@media (max-width: 480px){.order-history-main-content{padding:.5rem}.order-history-section{padding:.75rem!important;margin-bottom:1rem}.orders-list{gap:.5rem;padding:0}.order-cards{padding:.5rem!important}.order-details{gap:.125rem!important;margin-bottom:.25rem!important;padding-bottom:0!important}.order-header-row{gap:.125rem!important;margin-bottom:.125rem!important}.order-status-tags{margin-top:.125rem!important;gap:.125rem!important;margin-bottom:.125rem!important}.order-tag{padding:.125rem .25rem!important;font-size:.625rem!important}.order-action-buttons{padding-top:.1rem!important;margin-top:.1rem!important;gap:1.2rem;border-top:none!important}.view-details-btn,.track-order-btn{padding:.3rem .4rem!important;font-size:.65rem!important;min-height:28px!important}.order-id{font-size:.875rem!important}.order-date,.order-date-row{font-size:.6875rem!important}}.template-container{min-height:100vh;background:linear-gradient(180deg,#f4f4f8,#fff);position:relative;overflow-x:hidden}.template-container:before{content:"";position:absolute;top:0;left:0;right:0;height:450px;background:linear-gradient(135deg,#2a2c41,#3d3f54);pointer-events:none;z-index:0;border-radius:0 0 50px 50px}.template-header-modern{padding:60px 20px;text-align:center;position:relative;z-index:10}.header-content{max-width:1200px;margin:0 auto}.header-title{font-size:2.75rem;font-weight:700;color:#f4f4f8;margin-bottom:16px;line-height:1.2;letter-spacing:-.5px}.gradient-text{background:linear-gradient(135deg,#f55d00,#ff8f65);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-description{font-size:1.0625rem;color:#f4f4f8e6;max-width:650px;margin:0 auto 40px;line-height:1.6;font-weight:400}.category-pills{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px}.category-pill{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,244,248,.2);border-radius:12px;color:#f4f4f8;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.category-pill:hover{background:#ffffff40;transform:translateY(-3px);border-color:#f4f4f866;box-shadow:0 4px 12px #00000026}.category-pill.active{background:linear-gradient(135deg,#f55d00,#ff8f65);color:#fff;box-shadow:0 8px 24px #f55d0066;border-color:#f55d00;transform:translateY(-2px)}.pill-icon{font-size:16px}.pill-count{background:#0003;padding:2px 8px;border-radius:8px;font-size:12px}.category-pill.active .pill-count{background:#fff3;color:#fff}.templates-grid-section{background:transparent;padding:60px 20px;min-height:100vh}.templates-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}.template-card-modern{background:#fff;border-radius:12px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #2a2c4114;animation:fadeInUp .5s ease-out forwards;opacity:0;border:1px solid rgba(42,44,65,.05);display:flex;flex-direction:column;height:100%}.template-card-modern:hover{transform:translateY(-6px);box-shadow:0 12px 28px #2a2c4126;border-color:#f55d00}.popular-badge{position:absolute;top:16px;right:16px;background:#f55d00;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:10;box-shadow:0 4px 12px #f55d004d}.card-image-wrapper{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,#2a2c41,#3d3f54)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.template-card-modern:hover .card-image{transform:scale(1.1)}.card-overlay{position:absolute;inset:0;background:#2a2c41d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5}.template-card-modern:hover .card-overlay{opacity:1}.coming-soon-overlay{background:#fffffff2;padding:10px 20px;border-radius:6px;font-weight:600;color:#2a2c41;font-size:13px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 12px #00000026}.coming-soon-overlay span:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#ff6b35;border-radius:2px}.card-content{padding:24px;display:flex;flex-direction:column;flex:1;min-height:0}.card-head{display:flex;gap:12px;margin-bottom:12px}.card-icon{width:40px;height:40px;background:linear-gradient(135deg,#2a2c41,#3d3f54);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.card-meta{flex:1}.card-title{font-size:1.125rem;font-weight:700;color:#2a2c41;margin-bottom:2px}.card-category{font-size:.8125rem;color:#6b7280}.card-description{color:#4b5563;font-size:.875rem;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feature-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#f3f4f6;border-radius:20px;font-size:12px;color:#4b5563}.feature-icon{color:#10b981;font-size:10px}.feature-more{padding:4px 12px;background:#e5e7eb;border-radius:20px;font-size:12px;color:#6b7280;font-weight:600}.card-actions{display:flex;gap:12px;opacity:.5;pointer-events:none;margin-top:auto;padding-top:8px}.btn-select-template{flex:1;padding:10px 16px;background:#2a2c41;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:not-allowed;transition:all .2s ease;position:relative}.btn-select-template:after{content:"Coming Soon";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f55d00;border-radius:8px;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.btn-view-details{padding:10px 16px;background:transparent;color:#2a2c41;border:2px solid #2A2C41;border-radius:8px;font-weight:600;font-size:13px;cursor:not-allowed;transition:all .2s ease;opacity:.5}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px}.no-results-icon{font-size:48px;color:#d1d5db;margin-bottom:20px}.no-results h3{font-size:1.5rem;color:#374151;margin-bottom:8px}.no-results p{color:#6b7280;margin-bottom:24px}.btn-reset{padding:12px 24px;background:#f55d00;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background:#d95200;transform:translateY(-2px)}@media (max-width: 1200px){.templates-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:0 20px}}@media (max-width: 992px){.templates-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.template-container:before{height:400px;border-radius:0 0 30px 30px}.template-header-modern{padding:50px 20px}.header-title{font-size:2.25rem}.header-description{font-size:1rem;margin-bottom:32px}.category-pills{gap:8px}.category-pill{padding:12px 20px;font-size:13px}.templates-grid{grid-template-columns:1fr;gap:16px;padding:0 16px}.card-actions{flex-direction:column}.btn-view-details{width:100%}}@media (max-width: 480px){.template-container:before{height:380px;border-radius:0 0 20px 20px}.template-header-modern{padding:40px 16px}.header-title{font-size:1.875rem}.header-description{font-size:.9375rem;margin-bottom:32px}.category-pill{padding:10px 18px;font-size:12px}}.how-it-works-section{max-width:1200px;margin:4rem auto;padding:2rem 1rem;text-align:center}.how-it-works-section h2{font-size:2.25rem;color:#1f2937;margin-bottom:3rem;position:relative;display:inline-block}.how-it-works-section h2:after{content:"";position:absolute;width:60%;height:4px;background:#3b82f6;bottom:-10px;left:20%;border-radius:2px}.how-it-works-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start;margin-top:2rem}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;flex:1;min-width:300px;max-width:800px}.step{flex:1;min-width:250px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.step:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.step-number{width:50px;height:50px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step h3{color:#fff;margin-bottom:1rem;font-size:1.25rem}.step p{color:#fff;line-height:1.6}.selected-template-preview{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:400px;width:100%;margin-top:2rem}.selected-template-preview h3{color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.template-preview-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s ease}.template-preview-card:hover{box-shadow:0 10px 15px -3px #0000001a}.template-preview-image{height:200px;overflow:hidden}.template-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-preview-card:hover .template-preview-image img{transform:scale(1.05)}.template-preview-content{padding:1.5rem}.template-preview-content h4{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem}.template-preview-content p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6;font-size:.9375rem}.use-template-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;background-color:#3b82f6;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease-in-out;text-decoration:none;width:100%}.use-template-btn:hover{background-color:#2563eb}@media (max-width: 1024px){.how-it-works-content{flex-direction:column;align-items:center}.selected-template-preview{max-width:600px}}@media (max-width: 768px){.steps{flex-direction:column;align-items:center}.step{max-width:350px}}.how-to-create{max-width:75rem;margin:5rem auto 4rem;padding:0 2rem;text-align:center;background:transparent}.how-to-create h2{font-size:2rem;font-weight:700;color:#2a2c41;margin-bottom:3rem;position:relative;display:inline-block}.how-to-create h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#f55d00;border-radius:2px}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;max-width:70rem;margin-left:auto;margin-right:auto;padding:0 1rem}.step{background:#2a2c41;border-radius:12px;padding:2.25rem 1.5rem;box-shadow:0 4px 12px #2a2c4126;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-top:4px solid #F55D00}.step:hover{transform:translateY(-8px);box-shadow:0 12px 28px #2a2c4140;border-top-color:#ff8f65}.step-number{width:3.25rem;height:3.25rem;background:linear-gradient(135deg,#f55d00,#ff8f65);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.375rem;font-weight:700;margin:0 auto 1.5rem;position:relative;z-index:1;box-shadow:0 4px 14px #f55d0066}.step h3{font-size:1.0625rem;font-weight:600;color:#f4f4f8;margin-bottom:.875rem;line-height:1.4;position:relative;z-index:1}.step p{color:#f4f4f8e0;font-size:.875rem;line-height:1.6;margin:0;position:relative;z-index:1}@media (max-width: 1200px){.steps-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}.how-to-create{max-width:60rem}}@media (max-width: 768px){.steps-container{grid-template-columns:1fr;max-width:28rem;gap:1.25rem}.step{padding:2rem 1.5rem}.step h3{font-size:1rem}.step p{font-size:.8125rem}.how-to-create h2{font-size:1.625rem;margin-bottom:2.5rem}.how-to-create{padding:0 1.5rem;margin:3.5rem auto 3rem}.step-number{width:2.875rem;height:2.875rem;font-size:1.125rem;margin-bottom:1.25rem}}.request-response-section{padding:0 1rem;text-align:center}.request-response-section h2{font-size:2rem;font-weight:700;color:#111827;margin-bottom:3rem;position:relative;display:inline-block}.request-response-section h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:#3b82f6;border-radius:2px}.request-response-section{min-height:calc(100vh - 200px);padding:1.5rem 0 8rem;box-sizing:border-box}.request-response-container{display:flex;gap:2rem;margin:0 auto;justify-content:space-between;flex-wrap:nowrap;align-items:stretch;max-width:1400px;padding:0 2rem;width:100%;box-sizing:border-box;min-height:100%;position:relative;z-index:1;margin-top:2rem}.request-card{flex:1;min-width:0;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;padding:2.5rem;text-align:left;box-sizing:border-box}.request-card h3{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.request-card .subtitle{color:#666;font-size:1rem;margin-bottom:2rem;display:block}.request-form{margin-top:1.5rem}.request-form h4{color:#1f2937;font-size:1.1rem;margin:1.5rem 0 1rem;font-weight:600;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.request-form h4:first-child{margin-top:0}.request-form .form-group{margin-bottom:1.5rem;width:100%;position:relative}.field-header{display:flex;justify-content:space-between;align-items:center}.remove-field-btn{background:#fee2e2;border:1px solid #fecaca;color:#ef4444;font-size:1rem;font-weight:700;width:24px;height:24px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;margin-left:.5rem;transition:all .2s ease;line-height:1;position:relative;top:-1px}.remove-field-btn:hover{background-color:#fecaca;color:#dc2626;transform:scale(1.1)}.remove-field-btn:focus{outline:none;box-shadow:0 0 0 2px #fca5a5}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem;line-height:1.25rem}.request-form .form-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#f9fafb;font-size:.9375rem;color:#1f2937;line-height:1.5;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;box-shadow:0 1px 2px #0000000d;cursor:pointer;font-family:inherit;height:2.75rem}select.form-select option{padding:.5rem 1rem;font-size:.9375rem;color:#1f2937;background-color:#fff;border:none}select.form-select option:checked{background-color:#f3f4f6;font-weight:500}select.form-select option:hover{background-color:#f3f4f6}.form-field-wrapper{position:relative;width:100%}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#4b5563}.form-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;line-height:1.5;color:#1f2937;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}select.form-select,input.form-input,textarea.form-input{font-family:inherit;height:2.75rem;appearance:none;background-color:#f9fafb;transition:all .2s ease}select.form-select:focus,input.form-input:focus,textarea.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.remove-item{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-left:.5rem;background:#ffffff80;border:none;color:#0369a1;font-size:1rem;font-weight:700;line-height:1;cursor:pointer;padding:0;border-radius:50%;transition:all .2s ease;flex-shrink:0}.remove-item:hover{background-color:#bae6fd;color:#075985;transform:scale(1.1)}.remove-item:focus{outline:none;box-shadow:0 0 0 2px #bae6fd}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9375rem;line-height:1.5}.form-select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.form-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.form-select.error{border-color:#ef4444}.form-select.error:focus{box-shadow:0 0 0 3px #ef44441a}@media (max-width: 640px){.form-select,.selected-items{width:100%}.selected-item{font-size:.8125rem;padding:.25rem .625rem}.remove-item{width:1.1rem;height:1.1rem;margin-left:.375rem}}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.request-form .form-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#f8fafc;transition:all .2s ease}.request-form .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background-color:#fff}.request-form .form-input::placeholder{color:#94a3b8}.request-form .textarea{min-height:100px;resize:vertical}.file-upload{display:block;width:100%;cursor:pointer;padding:1.5rem 1rem;border:2px dashed #d1d5db;border-radius:.5rem;background-color:#f9fafb;transition:all .2s ease;text-align:center}.file-upload span{display:block;margin-bottom:.5rem;color:#4b5563;font-size:.95rem;font-weight:500}.form-footer{margin-top:2rem;display:flex;flex-direction:column;gap:1rem;width:100%}.form-footer .button-group{display:flex;gap:1rem;width:100%}.more-details-btn{flex:1;padding:.75rem 1.5rem;background-color:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:.375rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.icon-spacing{display:flex;align-items:center;justify-content:center;font-size:.9em}.more-details-btn:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 1px 3px #0000001a}.submit-btn{flex:1;padding:.75rem 1.5rem;background-color:#2a2c41;color:#fff;border:none;border-radius:.375rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:center}.submit-btn:hover{background-color:#2a2c41;transform:translateY(-1px);box-shadow:0 1px 3px #0000001a}@media (max-width: 640px){.form-footer .button-group{flex-direction:column}.more-details-btn,.submit-btn{width:100%;flex:none}}.form-note{margin-top:1rem;font-size:.875rem;color:#6b7280;line-height:1.5}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem;cursor:pointer}@media (max-width: 768px){.request-form{margin-top:1rem}.request-form h4{font-size:1rem;margin:1.5rem 0 1rem}.form-group{margin-bottom:1rem}.file-upload{padding:1rem .75rem}.file-upload span{font-size:.9rem}.form-footer{margin-top:1.5rem}}.submit-btn:active{transform:translateY(1px)}.response-card{flex:1;min-width:0;background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;padding:2.5rem;display:flex;flex-direction:column;border-left:4px solid #10B981;margin-left:0}.response-card .card-content{display:flex;flex-direction:column;height:100%}.response-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.template-cta-btn{background-color:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;margin-top:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.template-cta-btn:hover{background-color:#0d9f71;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.template-cta-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.response-icon{width:60px;height:60px;background-color:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.response-card h3{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.response-card p{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem}.response-features{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.feature-item{display:flex;align-items:center;gap:.75rem}.feature-icon{width:24px;height:24px;background-color:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item span{color:#374151;font-size:.95rem;line-height:1.5}.response-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.response-card .selected-template-preview{width:100%;margin-top:1rem}.response-card .template-preview-card{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease;margin-top:1rem}.response-card .template-preview-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.response-card .template-preview-image{height:160px;overflow:hidden}.response-card .template-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.response-card .template-preview-card:hover .template-preview-image img{transform:scale(1.03)}.response-card .template-preview-content{padding:1.25rem;text-align:left}.response-card .template-preview-content h4{font-size:1.1rem;color:#1e293b;margin-bottom:.5rem}.response-card .template-preview-content p{color:#64748b;font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.response-card .template-cta-btn{display:block;background:#3b82f6;color:#fff;padding:.6rem 1.25rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:background-color .2s ease-in-out;border:none;cursor:pointer;font-size:.9rem;width:100%;text-align:center}.response-card .template-cta-btn:hover{background:#2563eb}@media (max-width: 1024px){.request-response-container{flex-direction:column;align-items:center}.request-card,.response-card{width:100%;max-width:500px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-card{animation:fadeIn .3s ease-out forwards;opacity:0}.template-card:nth-child(1){animation-delay:.1s}.template-card:nth-child(2){animation-delay:.2s}.template-card:nth-child(3){animation-delay:.3s}.template-card:nth-child(4){animation-delay:.4s}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:#fff;border-radius:.5rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003;animation:modalFadeIn .3s ease-out;position:relative;display:flex;flex-direction:column;border:1px solid #e5e7eb}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.modal-header h3{margin:0;font-size:1.25rem;color:#1f2937}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;line-height:1;padding:.5rem;margin:-.5rem -.5rem -.5rem auto}.close-modal:hover{color:#1f2937}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;position:sticky;bottom:0;margin-top:1rem}.btn{padding:.625rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem;min-width:120px;text-align:center;border:1px solid transparent}.btn-primary{background-color:#3b82f6;color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-secondary{background-color:#fff;color:#4b5563;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modal-actions .btn-group{display:flex;gap:1rem}.modal-actions .btn-primary{font-weight:600;padding:.625rem 1.75rem}.form-section{border-bottom:1px solid #e5e7eb}.form-section h4{color:#1f2937;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.form-group{margin-bottom:0;position:relative}.field-with-add{display:flex;align-items:flex-end;gap:.5rem;width:100%}.form-field-wrapper{flex:1}.add-field-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;border-radius:.375rem;cursor:pointer;transition:all .2s ease;padding:0;margin-bottom:.5rem}.add-field-button:hover{background:#e0f2fe;border-color:#7dd3fc;transform:scale(1.05)}.add-field-button:active{transform:scale(.95)}.add-field-button svg{width:1rem;height:1rem}.form-label{display:block;margin-bottom:.5rem;margin-top:1rem;font-weight:500;color:#374151;font-size:.9rem;border-bottom:none}.form-input,.form-input-file,select.form-input,textarea.form-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;line-height:1.5;color:#1f2937;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus,select.form-input:focus,textarea.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea.form-input{min-height:100px;resize:vertical}.file-upload{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border:1px dashed #d1d5db;border-radius:.375rem;background-color:#f9fafb;cursor:pointer;transition:all .2s ease;min-height:42px}.file-upload span{color:#6b7280;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:1rem}.file-name{color:#1f2937!important;font-weight:500}.modal-body{padding:0 2rem}@media (max-width: 640px){.modal-content{max-height:90vh;margin:.5rem;max-width:calc(100% - 1rem)}.modal-body{padding:1.25rem}.form-row{grid-template-columns:1fr;gap:1rem}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem}.modal-actions .btn,.modal-actions .btn-primary,.btn{width:auto;padding:.625rem 1.5rem}.form-section{margin-bottom:1.75rem;padding-bottom:1.25rem}.form-section h4{margin-bottom:1rem}}.file-upload{display:block;width:100%;padding:.5rem;border:1px dashed #d1d5db;border-radius:.375rem;text-align:center;cursor:pointer;transition:all .2s;background-color:#f9fafb}.file-upload:hover{border-color:#9ca3af;background-color:#f3f4f6}.file-upload input[type=file]{display:none}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 .5rem .5rem 0}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.9375rem;color:#1f2937;line-height:1.5;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;box-shadow:0 1px 2px #0000000d;cursor:pointer;font-family:inherit;height:2.75rem}.form-select:hover{border-color:#9ca3af;background-color:#fcfcfc}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background-color:#fff}.modal-content .form-select{background-color:#fff}.selected-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;min-height:2.5rem}.selected-item{display:inline-flex;align-items:center;background-color:#e0f2fe;color:#0369a1;padding:.35rem .75rem;border-radius:9999px;font-size:.875rem;line-height:1.25;font-weight:500;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-item:hover{background-color:#bae6fd;transform:translateY(-1px)}.remove-item{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-left:.5rem;background:#fff9;border:none;color:#0369a1;font-size:1rem;font-weight:700;line-height:1;cursor:pointer;padding:0;border-radius:50%;transition:all .2s ease;flex-shrink:0}.remove-item:hover{background-color:#fff;color:#075985;transform:scale(1.1)}.account-sidebar{position:fixed;top:72px;left:0;width:280px;height:calc(100vh - 100px);padding:2rem;background-color:#f9fafb;border-right:1px solid #e5e7eb;z-index:100;flex-direction:column;justify-content:space-between;height:100vh}.sidebar-title{font-size:1.25rem;font-weight:600;margin-bottom:2rem;color:#111827}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav a{display:block;padding:.75rem 1rem;color:#374151;text-decoration:none;border-radius:.5rem;transition:background-color .2s ease}.sidebar-nav a:hover{background-color:#f3f4f6}.sidebar-nav a.active{background-color:#e8f5fe;color:#1da1f2;font-weight:500}.sidebar-nav .category{margin-top:1.5rem}.sidebar-nav .category-title{font-weight:600;color:#111827}.sidebar-nav .submenu{margin-top:.5rem;padding-left:1rem}.sidebar-nav .submenu a{font-size:.875rem}.sidebar-footer{padding-top:auto;border-top:1px solid #e5e7eb}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background-color:transparent;color:#ef4444;font-size:1rem;font-weight:500;text-align:left;border-radius:.5rem;cursor:pointer;transition:background-color .2s,color .2s}.logout-btn:hover{background-color:#fee2e2;color:#b91c1c}@media (max-width: 768px){.account-sidebar{position:sticky;top:0;left:0;width:100%;height:auto;padding:.75rem 1rem;border-right:none;border-bottom:1px solid #e5e7eb;background-color:#fff}.sidebar-title{display:none}.sidebar-nav ul{gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sidebar-nav li{margin:0;flex:0 0 auto}.sidebar-nav a{display:inline-block;padding:.5rem .75rem;border-radius:999px;white-space:nowrap;background-color:#f9fafb}.sidebar-nav a.active{background-color:#e8f5fe}}.app-container{display:flex;flex-direction:column;min-height:100vh}.settings-layout{display:flex;flex:1}.settings-content{flex:1;width:100%;margin:0;width:calc(100% - 240px);justify-content:flex-start;align-items:flex-start}@media (min-width: 2560px){.settings-content{margin-left:300px;max-width:calc(100% - 300px);width:calc(100% - 300px);padding:0 0 0 4rem}}@media (max-width: 991px){.settings-layout{flex-direction:column}.settings-content{padding:0;margin-left:0;max-width:100%;width:100%;justify-content:flex-start}}@media (min-width: 992px) and (max-width: 1399px){.settings-content{padding:0 1rem 0 2rem}}.settings-content>*{animation:fadeIn .3s ease-in-out}.orders-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(8px,1.5vw,16px);margin-top:12px;width:100%;box-sizing:border-box;padding:0}@media (min-width: 1200px){.orders-grid-container{grid-template-columns:repeat(4,1fr);gap:16px}}@media (min-width: 900px) and (max-width: 1199px){.orders-grid-container{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width: 600px) and (max-width: 899px){.orders-grid-container{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 599px){.orders-grid-container{grid-template-columns:1fr;gap:12px}}@media (min-width: 2560px){.orders-grid-container{grid-template-columns:repeat(7,1fr)!important;gap:24px!important}}.acction-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}@media (max-width: 768px){.acction-buttons{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.acction-buttons{grid-template-columns:1fr!important}}.orders-grid-container.order-history{grid-template-columns:repeat(3,1fr);gap:12px}.orders-list-container{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.order-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;margin-bottom:16px}.order-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.order-list-item{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px;box-shadow:0 2px 8px #00000014;position:relative;width:100%;max-width:none}.order-list-content{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.order-details-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.order-details-row.grid-mode{display:block}.order-details-row.grid-mode>div:first-child{margin-bottom:15px}.order-history-info-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.order-history-info-row.grid-mode{display:block}@media (max-width: 768px){.order-card{padding:0;border-radius:16px;min-height:380px;margin-bottom:20px;box-shadow:0 4px 20px #00000014!important;border:none!important;background:linear-gradient(145deg,#fff,#f8fafc)!important;overflow:hidden;position:relative}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f97316,#fb923c)}.order-list-item{padding:15px;border-radius:8px}.order-list-content{grid-template-columns:1fr;gap:15px}.orders-list-container{gap:6px}.order-details-row{grid-template-columns:1fr;gap:10px}.order-history-info-row{grid-template-columns:1fr;gap:12px}.order-card-header{background:linear-gradient(135deg,#1f2937,#374151)!important;padding:16px 20px!important;margin:0!important;color:#fff!important;position:relative}.order-card h3{font-size:16px!important;margin:0!important;color:#fff!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.order-card-body{padding:20px!important}.order-card .order-details{margin-bottom:16px!important;padding:12px!important;background:#10b9810d!important;border-radius:8px!important;border-left:4px solid #10b981!important}.order-card .delivery-address{margin-bottom:20px!important;font-size:13px!important;line-height:1.5!important;padding:12px!important;background:#f59e0b0d!important;border-radius:8px!important;border-left:4px solid #f59e0b!important;font-weight:500!important}.order-card .delivery-address strong{color:#92400e!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;display:block!important;margin-bottom:6px!important}}@media (max-width: 480px){.order-card{padding:0;border-radius:14px;min-height:360px;margin-bottom:16px;box-shadow:0 3px 15px #0000001a!important;background:linear-gradient(145deg,#fff,#f8fafc)!important;border:none!important;overflow:hidden;position:relative}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f97316,#fb923c)}.order-list-item{padding:12px;border-radius:6px}.orders-list-container{gap:4px}.order-card-header{background:linear-gradient(135deg,#1f2937,#374151)!important;padding:14px 16px!important;margin:0!important;color:#fff!important}.order-card h3{font-size:14px!important;margin:0!important;color:#fff!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.order-card-body{padding:16px!important}.order-card .customer-info{margin-bottom:14px!important;font-size:12px!important;padding:10px!important;background:#3b82f60d!important;border-radius:6px!important;border-left:3px solid #3b82f6!important}.order-card .order-details{margin-bottom:14px!important;font-size:12px!important;padding:10px!important;background:#10b9810d!important;border-radius:6px!important;border-left:3px solid #10b981!important}.order-card .delivery-address{margin-bottom:16px!important;font-size:12px!important;line-height:1.4!important;padding:10px!important;background:#f59e0b0d!important;border-radius:6px!important;border-left:3px solid #f59e0b!important;font-weight:500!important}.order-card .delivery-address strong{color:#92400e!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.5px!important;display:block!important;margin-bottom:5px!important}}.order-card-content{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}@media (max-width: 768px){.order-card-content{grid-template-columns:1fr;gap:15px}}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding:8px;border:1px solid #f0f0f0}.order-header-left{display:flex;align-items:center;gap:12px}.order-header-right{display:flex;flex-direction:column;align-items:flex-end}.order-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;margin-left:12px}.order-header h3{margin:0;color:#333;font-size:18px}.order-header .order-meta{font-size:14px;color:#666;margin:4px 0 0}@media (max-width: 480px){.order-header{gap:8px;margin-bottom:12px}}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0}.order-info-item{padding:8px;background:#f9f9f9;border-radius:6px;transition:all .2s ease}.order-info-item:hover{background:#f0f0f0;transform:translateY(-2px)}@media (max-width: 768px){.order-info-grid{grid-template-columns:1fr;gap:10px;margin-bottom:12px}}.order-actions{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:12px;border-top:1px solid #f0f0f0;flex-wrap:wrap}@media (max-width: 768px){.order-actions{display:flex!important;flex-direction:column!important;gap:10px!important;padding:16px 20px 20px!important;align-items:stretch!important;width:100%!important;background:#f8fafc80!important;border-top:1px solid rgba(0,0,0,.05)!important;margin-top:auto!important}.action-button{width:100%!important;padding:14px 20px!important;font-size:13px!important;text-align:center!important;border-radius:10px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-weight:600!important;min-width:auto!important;box-shadow:0 3px 8px #0000001f!important;text-transform:none!important;letter-spacing:.3px!important;border:none!important;position:relative!important;overflow:hidden!important}.action-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #00000026!important}.action-button:active{transform:translateY(0)!important}}@media (max-width: 480px){.order-actions{display:flex!important;flex-direction:column!important;gap:8px!important;padding:14px 16px 18px!important;width:100%!important;background:#f8fafc80!important;border-top:1px solid rgba(0,0,0,.05)!important;margin-top:auto!important}.action-button{width:100%!important;padding:12px 18px!important;font-size:12px!important;text-align:center!important;border-radius:8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-weight:600!important;min-width:auto!important;box-shadow:0 2px 6px #0000001a!important;text-transform:none!important;letter-spacing:.2px!important;border:none!important;position:relative!important;overflow:hidden!important}.action-button:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000026!important}.action-button:active{transform:translateY(0)!important}}.action-button{padding:10px 24px;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;text-align:center;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.action-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transition:width .3s ease,height .3s ease;transform:translate(-50%,-50%);z-index:1}.action-button:active:before{width:300px;height:300px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap}@media (max-width: 480px){.status-badge{padding:3px 8px;font-size:11px}}.empty-orders-state{padding:60px 20px;background:#f8f9fa;border-radius:12px;text-align:center;color:#666;margin-top:20px}@media (max-width: 768px){.empty-orders-state{padding:40px 15px;margin-top:15px}}@media (max-width: 480px){.empty-orders-state{padding:30px 10px;border-radius:8px}}.view-toggle-container{display:flex;gap:8px;background:#fff;padding:4px;border-radius:12px;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.view-toggle-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;background:transparent;color:#4a5568}.view-toggle-btn.active{background:linear-gradient(135deg,#f55d00,#fdbf50);color:#fff}.view-toggle-btn:hover:not(.active){background:#f55d001a;color:#f55d00}@media (max-width: 768px){.view-toggle-container{padding:3px;border-radius:10px}.view-toggle-btn{padding:6px 12px;font-size:13px;gap:4px}}@media (max-width: 480px){.view-toggle-btn{padding:5px 10px;font-size:12px}.view-toggle-btn span{display:none}}@media (max-width: 768px){.header-section{padding:15px!important;border-radius:15px!important;margin-bottom:20px!important}}@media (max-width: 480px){.header-section{padding:10px!important;border-radius:10px!important;margin-bottom:15px!important}}.filter-view-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}@media (max-width: 768px){.filter-view-container{flex-direction:column;align-items:stretch;gap:15px}.filter-view-container>div:first-child{order:1}.filter-view-container>div:last-child{order:2;align-self:center}}@media (max-width: 480px){.filter-view-container{gap:10px}}@media (max-width: 768px){.orders-section{padding:15px!important;border-radius:15px!important}}@media (max-width: 480px){.orders-section{padding:10px!important;border-radius:10px!important}}.filter-buttons-container{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.filter-buttons-container{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;padding-bottom:5px!important;width:100%!important;max-width:100%!important;min-width:0!important}.filter-buttons-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.filter-button{padding:10px 16px!important;font-size:13px!important;gap:7px!important;white-space:nowrap!important;flex-shrink:0!important;min-width:max-content!important}}@media (max-width: 480px){.filter-buttons-container{gap:6px!important}.filter-button{padding:8px 14px!important;font-size:12px!important;border-radius:20px!important;white-space:nowrap!important;flex-shrink:0!important;min-width:max-content!important}}@media (max-width: 768px){.filter-view-container{flex-direction:column!important;align-items:stretch!important;gap:15px!important}.filter-view-container>div:first-child{width:100%!important;overflow:visible!important}div[style*="display: flex"][style*="justifyContent: space-between"] .filter-buttons-container{flex-wrap:nowrap!important;overflow-x:scroll!important;overflow-y:hidden!important;width:100%!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}div[style*="display: flex"][style*="justifyContent: space-between"] .filter-buttons-container .filter-button{flex-shrink:0!important;white-space:nowrap!important;min-width:max-content!important}}.order-card-new{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.order-card-content{flex:1;display:flex;flex-direction:column;gap:8px}.order-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.order-title{display:flex;align-items:center;gap:6px}.order-title .order-icon{font-size:16px;color:#f97316}.order-title h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.order-date{font-size:12px;color:#6b7280;font-weight:400;line-height:1.3}.status-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.badge{padding:3px 6px;border-radius:10px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.regular{background-color:#f97316;color:#fff}.badge.paid{background-color:#10b981;color:#fff}.badge.pending{background-color:#f59e0b;color:#fff}.badge.order-status{color:#fff}.order-details{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin-bottom:0;padding-bottom:0}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:1px 0;line-height:1.2;margin-bottom:8px}.detail-row .label{color:#6b7280;font-weight:400}.detail-row .value{color:#1f2937;font-weight:600}.detail-row .value.capitalize{text-transform:capitalize}.detail-row .value.amount{color:#f97316;font-weight:700}.final-amount{display:none}.delivery-partner-info{margin-bottom:0}.delivery-address{display:flex;flex-direction:row;gap:3px;margin-bottom:0}.delivery-address .label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.delivery-address .address{font-size:12px;color:#374151;line-height:1.4;font-weight:400}.acction-buttons{display:flex;gap:6px;margin-top:auto}.acction-buttons .btn{flex:1;padding:7px 10px;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:capitalize;letter-spacing:.2px}.btn.view-details,.acction-buttons .btn.view-details{background-color:#f97316!important;color:#fff!important;border:none!important;padding:8px 16px;font-size:13px;min-width:auto;width:auto;flex:0 0 auto}.btn.view-details:hover,.acction-buttons .btn.view-details:hover{background-color:#ea580c!important}.acction-buttons .btn.confirm-order{background-color:#10b981;color:#fff}.acction-buttons .btn.confirm-order.loading{background-color:#d1d5db;cursor:not-allowed}.acction-buttons .btn.notify-kirazee{background-color:#374151;color:#fff}@media (max-width: 768px){.order-card-new{padding:10px;min-height:220px;gap:6px}.order-title h3{font-size:13px}.order-date{font-size:10px}.status-badges{gap:3px}.badge{padding:2px 4px;font-size:8px}.order-details{grid-template-columns:1fr;gap:2px}.acction-buttons{flex-direction:row;gap:4px}.acction-buttons .btn{padding:8px 10px;font-size:9px}}@media (max-width: 480px){.order-card-new{padding:8px;min-height:200px;gap:4px}.order-title h3{font-size:12px}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.stats-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}@media (max-width: 768px){.stats-cards-container{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.stats-cards-container>div{padding:10px!important}.stats-cards-container .stats-icon{width:32px!important;height:32px!important}.stats-cards-container .stats-number{font-size:20px!important}.stats-cards-container .stats-label{font-size:10px!important}}@media (max-width: 480px){.stats-cards-container{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.stats-cards-container>div{padding:8px!important}.stats-cards-container .stats-icon{width:28px!important;height:28px!important}.stats-cards-container .stats-number{font-size:18px!important}.stats-cards-container .stats-label{font-size:9px!important}}@media (max-width: 360px){.stats-cards-container{gap:4px!important}.stats-cards-container>div{padding:6px!important}.stats-cards-container .stats-icon{width:24px!important;height:24px!important}.stats-cards-container .stats-number{font-size:16px!important}.stats-cards-container .stats-label{font-size:8px!important}}.status-dropdown-container{position:relative;display:inline-block;min-width:160px;margin-top:4px}.status-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;position:relative;display:inline-flex;align-items:center;min-width:120px}.status-dropdown:hover{border-color:#9ca3af;box-shadow:0 2px 4px #0000001a}.status-dropdown.open{border-color:#6b7280;box-shadow:0 2px 4px #0000001a}.status-dropdown.status-blue:hover,.status-dropdown.status-blue.open{border-color:#3b82f6}.status-dropdown.status-green:hover,.status-dropdown.status-green.open{border-color:#10b981}.status-dropdown.status-orange:hover,.status-dropdown.status-orange.open{border-color:#f59e0b}.status-dropdown.status-purple:hover,.status-dropdown.status-purple.open{border-color:#8b5cf6}.status-dropdown.status-indigo:hover,.status-dropdown.status-indigo.open{border-color:#6366f1}.status-dropdown.status-cyan:hover,.status-dropdown.status-cyan.open{border-color:#06b6d4}.status-dropdown.status-teal:hover,.status-dropdown.status-teal.open{border-color:#14b8a6}.status-dropdown.status-emerald:hover,.status-dropdown.status-emerald.open{border-color:#059669}.status-display{display:flex;align-items:center;gap:6px;width:100%;justify-content:space-between}.status-circle{width:14px;height:14px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;font-size:9px;font-weight:700}.status-circle.active{background-color:#2563eb;border:none;color:#fff}.status-circle.active:after{content:"✓"}.status-circle.next{background-color:#e5e7eb;border:none;color:#9ca3af}.status-circle.next:after{content:"✓"}.status-title{font-weight:500;color:#374151;font-size:13px;line-height:0;margin-bottom:-2px}.status-subtitle{font-size:11px;color:#9ca3af;font-weight:400;margin-top:10px;line-height:1}.dropdown-arrow{font-size:12px;color:#6b7280;transition:transform .2s ease;margin-left:auto}.status-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.status-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:0;margin-top:8px;overflow:hidden;animation:slideDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:14px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #f1f5f9}.dropdown-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .6s ease}.dropdown-item:hover:before{left:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--hover-bg, #f9fafb);transform:translate(4px)}.dropdown-item.action-item:hover{transform:translate(6px);box-shadow:0 4px 12px #0000001a}.dropdown-item.action-item .status-circle.next{color:#fff}.dropdown-item.action-item .status-title{font-weight:600}.dropdown-item.action-item .status-subtitle{color:#64748b}.acction-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.status-dropdown-container.more-actions{min-width:60px!important;max-width:80px!important;position:relative!important;z-index:0!important}.status-dropdown.more-actions{min-width:60px!important;max-width:80px!important;padding:8px 10px!important;justify-content:center!important}.status-dropdown.more-actions .status-display{justify-content:center!important;gap:4px!important}.status-dropdown.more-actions .status-info{display:none!important}.status-dropdown-menu.more-actions{min-width:200px!important;right:0!important;left:auto!important;z-index:0!important;position:absolute!important;top:100%!important;margin-top:8px!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;overflow:visible!important;transform:none!important}.status-dropdown-container{position:relative;z-index:1000}.status-dropdown-container:has(.status-dropdown.open){z-index:99998!important}.status-dropdown.open{z-index:99998!important}.status-dropdown-menu{z-index:99999!important;position:absolute!important}.orders-grid-container,.orders-list-container,.order-card-new,.order-list-item,.orders-section,.header-section{overflow:visible!important}.action-card{position:fixed!important;z-index:999999!important}body:has([role=dialog]) .action-card,body:has(.modal) .action-card,body.modal-open .action-card{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body{overflow-x:auto!important}.status-dropdown-container.more-actions.open{z-index:999998!important}.status-dropdown-container.more-actions .status-dropdown-menu{position:fixed!important;z-index:999999!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;min-width:200px!important;overflow:visible!important}.action-cards-overlay{position:relative;z-index:999999}.action-card{position:fixed!important;z-index:999999!important;background:#fff!important;border-radius:6px!important;padding:8px 10px!important;cursor:pointer!important;transition:none!important;min-width:140px!important;max-width:140px!important;box-shadow:0 3px 8px #0000001a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1.5px solid transparent!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;transform:none!important}.action-card.cancel-card{border-color:#ef4444;box-shadow:0 8px 25px #ef444426}.action-card.complete-card{border-color:#10b981;box-shadow:0 8px 25px #10b98126}.action-card:hover{transform:none!important;box-shadow:0 4px 12px #00000026!important}.action-card.cancel-card:hover{box-shadow:0 4px 12px #ef444426!important}.action-card.complete-card:hover{box-shadow:0 4px 12px #10b98126!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(-3px) scale(1)}}.status-dropdown.more-actions{min-width:80px!important;max-width:100px!important;padding:8px 12px!important;justify-content:center!important;display:flex!important;align-items:center!important;gap:6px!important}.status-dropdown.more-actions .status-display{display:none!important}@media (max-width: 768px){.action-card{min-width:130px!important;max-width:130px!important;padding:6px 8px!important}}@media (max-width: 480px){.action-card{min-width:120px!important;max-width:120px!important;padding:6px 8px!important}.status-dropdown.more-actions{min-width:100px!important;max-width:120px!important;font-size:11px!important}}@media (max-width: 600px){.order-card-new .action-buttons-container{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.order-card-new .action-buttons-container>*{width:100%!important;flex:none!important}}@media (max-width: 400px){.order-card-new .action-buttons-container{gap:6px!important}}@media (max-width: 768px){.status-dropdown-container{min-width:180px}.status-dropdown-container.more-actions{min-width:50px!important;max-width:70px!important}.status-dropdown{padding:10px}.status-dropdown.more-actions{padding:6px 8px!important}.status-title{font-size:13px}.status-subtitle{font-size:11px}}@media (max-width: 480px){.acction-buttons{flex-direction:column;align-items:stretch;gap:8px}.status-dropdown-container{min-width:100%}.status-dropdown-container.more-actions{min-width:45px!important;max-width:60px!important}.status-dropdown.more-actions{padding:5px 6px!important}}.orders-grid-container>*{min-width:0;max-width:100%;box-sizing:border-box}.orders-grid-container{overflow:hidden}@media (max-width: 1024px){.orders-grid-container{padding:0 8px}}@media (max-width: 768px){.orders-grid-container{padding:0 4px}}.order-card-new,.order-list-item{min-width:0;max-width:100%;box-sizing:border-box}.order-history-main-container{min-height:100vh;background:#f8fafc;padding:8px}.order-history-header{background:transparent;border-radius:0;padding:16px 0;margin-bottom:16px;box-shadow:none;border:none}.order-history-title{color:#1a202c;margin-bottom:4px;font-size:28px;font-weight:600;letter-spacing:-.3px}.order-history-subtitle{color:#64748b;font-size:14px;font-weight:400}.order-history-tabs{display:flex;background:#fff;border-radius:12px;padding:4px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.order-history-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.order-history-tab.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.order-history-tab:hover:not(.active){background:#f1f5f9;color:#3b82f6}.order-history-business-selector{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.order-history-business-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:16px;display:flex;align-items:center;gap:8px}.order-history-business-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.order-history-business-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2d3748;border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.order-history-business-card.selected{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;border-color:#f97316;box-shadow:0 4px 16px #f973164d}.order-history-business-card:hover:not(.selected){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.order-history-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.order-history-status-card{background:#fff;color:#1a202c;padding:12px;border-radius:8px;text-align:center;border:1px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden}.order-history-status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e0}.order-history-status-number{font-size:24px;font-weight:600;margin-bottom:2px;color:#3b82f6}.order-history-status-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:#64748b}.order-history-filter-section{margin-bottom:16px}.order-history-filter-desktop{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:40px}.order-history-filter-buttons{display:flex;gap:8px;flex-wrap:wrap;flex:1}.order-history-filter-btn{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:4px;position:relative;overflow:hidden}.order-history-filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.order-history-filter-btn:hover:not(.active){background:#f1f5f9;color:#3b82f6;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.order-history-filter-count{background:#fff3;color:inherit;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600;margin-left:2px}.order-history-filter-btn.active .order-history-filter-count{background:#ffffff4d}.order-history-view-toggle{display:flex;gap:2px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.order-history-view-btn{padding:6px 12px;background:transparent;color:#64748b;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:4px}.order-history-view-btn.active{background:#3b82f6;color:#fff;box-shadow:0 1px 3px #3b82f64d}.order-history-mobile-filter{margin-bottom:20px}.order-history-mobile-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.order-history-mobile-filter-btn{flex:1;padding:14px 18px;background:#fff;border:2px solid #f97316;border-radius:12px;color:#f97316;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #f973161a;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-history-mobile-filter-btn:hover{box-shadow:0 4px 16px #f9731633;transform:translateY(-1px)}.order-history-mobile-view-toggle{display:flex;gap:4px;background:#fff;padding:4px;border-radius:10px;border:2px solid #e2e8f0}.order-history-mobile-view-btn{padding:8px;background:transparent;color:#4a5568;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s ease}.order-history-mobile-view-btn.active{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}.order-history-mobile-filter-menu{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:20px;max-height:350px;overflow-y:auto;box-shadow:0 4px 20px #00000014}.order-history-mobile-filter-item{width:100%;padding:14px 16px;border:none;background:transparent;color:#4a5568;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;text-align:left;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-history-mobile-filter-item.active{background:#f973161a;color:#f97316;font-weight:600}.order-history-mobile-filter-item:hover:not(.active){background:#f8f9fa}.order-history-mobile-filter-separator{height:1px;background-color:#e2e8f0;margin:12px 0}.kirazee-orders-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;width:100%}.order-history-orders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px;width:100%}.order-history-orders-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.order-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column}.order-history-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#cbd5e0}.order-history-card-header{background:#f8fafc;padding:12px 16px;color:#1a202c;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.order-history-card-title{font-size:14px;font-weight:600;margin:0;display:flex;align-items:center;gap:6px}.order-history-card-date{font-size:11px;color:#64748b}.order-history-card-body{padding:12px 16px;flex:1;display:flex;flex-direction:column}.order-history-status-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.order-history-status-badge.delivered{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.order-history-status-badge.pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.order-history-status-badge.cancelled{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.order-history-status-badge.confirmed{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.order-history-info-section{margin-bottom:10px;padding:8px;border-radius:8px;border-left:3px solid}.order-history-customer-info{background:#3b82f60d;border-left-color:#3b82f6}.order-history-order-details{background:#10b9810d;border-left-color:#10b981}.order-history-delivery-address{background:#f59e0b0d;border-left-color:#f59e0b}.order-history-info-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#64748b;margin-bottom:4px}.order-history-info-content{font-size:12px;color:#1a202c;line-height:1.3}.order-history-card-actions{padding:12px 16px;background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:auto}.order-history-action-btn{width:100%;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #3b82f64d}.order-history-action-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #3b82f666;background:#2563eb}.order-history-action-btn:active{transform:translateY(0)}.order-history-list-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.order-history-list-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#cbd5e0}.order-history-list-content{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.order-history-list-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.order-history-empty-state{padding:80px 20px;background:#fff;border-radius:20px;color:#6b7280;text-align:center;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.order-history-empty-icon{font-size:64px;margin-bottom:24px;color:#f97316}.order-history-empty-title{color:#2d3748;margin-bottom:12px;font-size:24px;font-weight:600}.order-history-empty-text{color:#718096;font-size:16px}.order-history-loading{padding:60px 20px;text-align:center;background:#fff;border-radius:20px;margin:24px 0;box-shadow:0 4px 20px #00000014}.order-history-loading-text{font-size:18px;color:#6b7280;margin-bottom:16px}.order-history-loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #f97316;border-radius:50%;animation:order-history-spin 1s linear infinite;margin:0 auto}@keyframes order-history-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-history-error{padding:60px 20px;text-align:center;background:#fef2f2;border-radius:20px;margin:24px 0;border:1px solid #fecaca}.order-history-error-text{font-size:18px;color:#dc2626;margin-bottom:20px}.order-history-retry-btn{padding:12px 24px;background:#f97316;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.order-history-retry-btn:hover{background:#ea580c;transform:translateY(-1px)}.order-history-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;padding:20px}.order-history-pagination-btn{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.order-history-pagination-btn:hover:not(:disabled){background:#f97316;color:#fff;border-color:#f97316}.order-history-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.order-history-pagination-btn.active{background:#f97316;color:#fff;border-color:#f97316}@media (min-width: 1200px){.order-history-orders-grid,.kirazee-orders-grid-container{grid-template-columns:repeat(3,1fr);gap:20px;width:100%}}@media (max-width: 1024px) and (min-width: 900px){.order-history-orders-grid,.kirazee-orders-grid-container{grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.kirazee-order-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width: 899px) and (min-width: 769px){.order-history-orders-grid,.kirazee-orders-grid-container{grid-template-columns:repeat(2,1fr);gap:14px;width:100%}.kirazee-order-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}.order-history-list-info{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 768px){.order-history-main-container{padding:6px}.order-history-header{padding:12px 0;margin-bottom:12px}.order-history-title{font-size:22px}.order-history-subtitle{font-size:13px}.order-history-tabs{margin-bottom:12px;padding:3px}.order-history-tab{padding:8px 12px;font-size:12px}.order-history-status-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px}.order-history-status-card{padding:10px;border-radius:8px}.order-history-status-number{font-size:20px}.order-history-status-label{font-size:9px}.order-history-orders-grid,.kirazee-orders-grid-container{grid-template-columns:1fr;gap:12px;width:100%}.order-history-card{border-radius:10px;min-height:240px}.order-history-card-header{padding:10px 12px}.order-history-card-title{font-size:13px}.order-history-card-body{padding:10px 12px}.order-history-info-section{margin-bottom:8px;padding:6px}.order-history-card-actions{padding:10px 12px}.order-history-action-btn{padding:8px 12px;font-size:11px}.order-history-list-content{grid-template-columns:1fr;gap:12px}.order-history-list-info{grid-template-columns:1fr;gap:8px}.order-history-filter-desktop{display:none}.order-history-business-grid{grid-template-columns:1fr;gap:6px}.order-history-business-card{padding:10px}}@media (max-width: 480px){.order-history-main-container{padding:4px}.order-history-header{padding:8px 0;margin-bottom:8px}.order-history-title{font-size:20px}.order-history-status-card{padding:8px}.order-history-status-number{font-size:18px}.order-history-card{min-height:220px}.order-history-card-header,.order-history-card-body{padding:8px 10px}.order-history-info-section{padding:6px;margin-bottom:6px}.order-history-card-actions{padding:8px 10px}}*{scroll-behavior:smooth}.order-history-card,.order-history-list-item,.order-history-status-card,.order-history-business-card,.order-history-filter-btn,.order-history-action-btn{will-change:transform}.order-history-tab:focus,.order-history-filter-btn:focus,.order-history-action-btn:focus,.order-history-view-btn:focus{outline:2px solid #f97316;outline-offset:2px}@media print{.order-history-main-container{background:#fff;padding:0}.order-history-card,.order-history-list-item{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.order-history-filter-section,.order-history-tabs,.order-history-pagination{display:none}}.sales-dashboard{padding:8px;background-color:#f8f9fa;min-height:100vh;width:100%;max-width:100vw;box-sizing:border-box}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #F55D00;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.dashboard-header{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left h1{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}.business-info{text-align:right;padding:10px 15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border-left:4px solid #F55D00}.business-info h2{color:#f55d00;font-size:1.4rem;font-weight:600;margin:0 0 5px}.business-info p{color:#6c757d;font-size:1rem;margin:0;font-weight:500}.filters-section{display:flex;gap:20px;align-items:end;margin-top:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:#495057;font-size:.9rem}.filter-select,.filter-input{padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:.95rem;transition:border-color .3s ease;min-width:140px}.filter-select:focus,.filter-input:focus{outline:none;border-color:#f55d00;box-shadow:0 0 0 3px #f55d001a}.refresh-btn{background:#f55d00;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;height:fit-content}.refresh-btn:hover:not(:disabled){background:#e04d00;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.clear-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;height:fit-content;animation:fadeInSlide .3s ease-out;display:flex;align-items:center;gap:8px}.clear-btn:hover{background:#5a6268;transform:translateY(-1px)}.filter-count{background:#f55d00;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;animation:pulse .5s ease-out}@keyframes pulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.summary-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:12px;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.card-icon{font-size:1.8rem;background:linear-gradient(135deg,#f55d00,#ff7b2e);padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center}.card-content h3{color:#495057;font-size:.95rem;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.card-value{color:#000;font-size:1.25rem;font-weight:700;margin:0}.amount{color:#000;font-weight:700}.breakdown-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:16px}.breakdown-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:0}.breakdown-card h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #f8f9fa}.status-list{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;background:#ffffffb3;border-radius:8px;transition:background-color .3s ease;margin-bottom:8px;border:1px solid rgba(0,0,0,.05)}.status-item:hover{background:#e9ecef}.status-label{font-weight:600;color:#495057;flex:1;margin-right:15px;line-height:1.4;word-wrap:break-word;max-width:60%}.status-count{font-weight:700;color:#2c3e50;margin-right:15px;font-size:1.1rem;background:transparent;white-space:nowrap;min-width:80px;text-align:right}.status-percentage{font-size:1.1rem;color:#6c757d;background:transparent;padding:4px 8px;border-radius:4px;min-width:100px;text-align:right;white-space:nowrap;font-weight:700}.status-percentage.amount,.status-count.amount{color:#000!important;font-weight:700!important;background:transparent!important;font-size:1.1rem!important}.status-count,.status-percentage{background:transparent!important}.breakdown-card .status-label{color:#000!important;font-weight:700!important}.top-selling-combined .status-item,.top-selling-kirazee .status-item,.top-selling-rk .status-item,.top-selling-counter .status-item{display:flex;flex-direction:column;align-items:stretch;padding:18px;background:#ffffffe6;border-radius:10px;margin-bottom:12px;box-shadow:0 2px 8px #00000014}.top-selling-combined .status-item .status-label,.top-selling-kirazee .status-item .status-label,.top-selling-rk .status-item .status-label,.top-selling-counter .status-item .status-label{max-width:100%;margin-bottom:8px;font-size:1rem;line-height:1.3}.top-selling-combined .status-item .status-count,.top-selling-kirazee .status-item .status-count,.top-selling-rk .status-item .status-count,.top-selling-counter .status-item .status-count{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:1rem}.top-selling-combined .status-item .status-percentage,.top-selling-kirazee .status-item .status-percentage,.top-selling-rk .status-item .status-percentage,.top-selling-counter .status-item .status-percentage{margin-left:auto;padding:0;min-width:auto;font-size:1.1rem;font-weight:700;color:#000}.top-selling-combined{background:linear-gradient(135deg,#f8f9ff,#e8f0ff)!important;border-left:4px solid #4285f4!important}.top-selling-kirazee{background:linear-gradient(135deg,#fff8f0,#ffe8d6)!important;border-left:4px solid #F55D00!important}.top-selling-rk{background:linear-gradient(135deg,#f0fff4,#d6f5e0)!important;border-left:4px solid #28a745!important}.top-selling-counter{background:linear-gradient(135deg,#fef9f0,#fdecd6)!important;border-left:4px solid #ffc107!important}.breakdown-card:not([class*=top-selling]){background:linear-gradient(135deg,#fff,#f8f9fa);border-left:4px solid #6c757d;box-shadow:0 4px 12px #0000001a}.breakdown-card:not([class*=top-selling]) .status-item{background:#fffc;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:16px;margin-bottom:10px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease}.breakdown-card:not([class*=top-selling]) .status-item:hover{background:#fffffff2;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.breakdown-card:not([class*=top-selling]) .status-label{font-weight:600;color:#2c3e50;font-size:.95rem;margin-right:15px;flex:1}.breakdown-card:not([class*=top-selling]) .status-count{font-weight:700;color:#495057;font-size:1.1rem;margin-right:15px;min-width:60px;text-align:right}.breakdown-card:not([class*=top-selling]) .status-count.amount{color:#000!important;font-weight:700!important;font-size:1.15rem!important}.breakdown-card h3:contains("Counter Sales")~*{border-left-color:#ffc107!important}.breakdown-card h3:contains("Kirazee")~*{border-left-color:#f55d00!important}.breakdown-card h3:contains("RK Supermarket")~*{border-left-color:#28a745!important}.counter-sales-card{background:linear-gradient(135deg,#fef9f0,#fdecd6)!important;border-left:4px solid #ffc107!important}.kirazee-card{background:linear-gradient(135deg,#fff8f0,#ffe8d6)!important;border-left:4px solid #F55D00!important}.rk-supermarket-card{background:linear-gradient(135deg,#f0fff4,#d6f5e0)!important;border-left:4px solid #28a745!important}.top-items-section{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.top-items-section h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #f8f9fa}.table-container{overflow-x:auto}.top-items-table{width:100%;border-collapse:collapse;font-size:.95rem}.top-items-table thead{background:#f8f9fa}.top-items-table th{padding:15px 12px;text-align:left;font-weight:700;color:#495057;border-bottom:2px solid #dee2e6}.top-items-table td{padding:12px;border-bottom:1px solid #dee2e6;color:#495057}.top-items-table tbody tr:hover{background:#f8f9fa}.top-items-table tbody tr:nth-child(odd){background:#fdfdfd}.orders-summary-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;color:#111827;margin-bottom:16px;letter-spacing:-.025em}.orders-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,300px));gap:16px;justify-content:start}.order-card{background:#fff;padding:16px;border-radius:12px;border:2px solid #d1d5db;transition:all .2s ease;max-width:300px;min-height:auto}.order-card:hover{border-color:#9ca3af}.order-card-content{width:100%}.order-card-title{font-size:12px;font-weight:600;color:#6b7280;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.order-card-count{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1;letter-spacing:-.025em}.order-card-amount{font-size:12px;color:#6b7280;margin:0;font-weight:500;line-height:1.2}.charges-section{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.charges-section h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #f8f9fa}.charges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.charge-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;font-weight:600}.charge-item span:first-child{color:#495057}.charge-item span:last-child{color:#000;font-weight:700}@media (max-width: 1024px){.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.breakdown-section{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.sales-dashboard{padding:4px}div[style*="display: flex"][style="justify-content: space-between"][style="align-items: center"]{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}div[style*="display: flex"][style*="gap: 12px"][style*="align-items: center"]:has(input[type=date]){flex-wrap:wrap!important;width:100%!important}input[type=date]{min-width:120px!important;flex:1!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))"],div[style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"]{grid-template-columns:1fr!important}.dashboard-header{padding:12px}.header-content{flex-direction:column;align-items:flex-start;gap:15px}.header-left h1{font-size:1.8rem}.business-info{text-align:left;width:100%}.filters-section{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select,.filter-input{min-width:auto;width:100%}.summary-cards,.breakdown-section,.charges-grid{grid-template-columns:1fr}.card-content h3{font-size:.85rem}.card-value{font-size:1.5rem}.orders-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,280px));gap:12px}.order-card{padding:14px;max-width:280px}.order-card-count{font-size:20px}.order-card-title{font-size:11px;margin:0 0 3px}.order-card-amount{font-size:11px}}@media (max-width: 480px){.sales-dashboard{padding:2px}h1[style*="font-size: 28px"]{font-size:1.5rem!important;text-align:center!important}div[style*="display: flex"][style*="gap: 12px"][style*="align-items: center"]:has(input[type=date]){flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}input[type=date]{flex:1!important;min-width:100px!important}button[style*="background-color: #f97316"]{width:100%!important;padding:12px!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}div[style*="padding: 24px"][style*="background-color: white"]{padding:16px!important}p[style*="font-size: 36px"]{font-size:24px!important}.summary-card{padding:20px;flex-direction:column;text-align:center}.card-icon{font-size:2rem;padding:12px}.breakdown-card,.top-items-section,.charges-section{padding:12px}.top-items-table th,.top-items-table td{padding:8px 6px;font-size:.85rem}.orders-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.order-card{text-align:center;padding:12px;max-width:100%}.order-card-content{text-align:center}.order-card-count{font-size:18px}.order-card-title{font-size:10px;margin:0 0 2px}.order-card-amount{font-size:10px}}@media (max-width: 360px){.sales-dashboard{padding:1px}h1[style*="font-size: 28px"]{font-size:1.3rem!important}div[style*="padding: 24px"][style*="background-color: white"]{padding:12px!important}p[style*="font-size: 36px"]{font-size:20px!important}.order-card{padding:8px}.order-card-count{font-size:16px}}.staff-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.staff-modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:650px;width:100%;max-height:90vh;overflow-y:auto}.staff-modal-body{padding:2rem}.staff-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.staff-modal-title{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.staff-modal-close{border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem}.staff-modal-close:hover{background-color:#f3f4f6;color:#374151}.staff-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem}.staff-modal-full{grid-column:1 / -1}.staff-modal-field{display:flex;flex-direction:column}.staff-modal-label{font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.staff-modal-input,.staff-modal-select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;color:#374151;background-color:#f9fafb;transition:all .2s ease;min-height:44px}.staff-modal-select{padding-right:3rem}.staff-modal-input:focus,.staff-modal-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.staff-modal-salary{margin-top:.5rem;padding:1rem;background-color:#fbfbfd;border:1px dashed #2A2C41;border-radius:.625rem}.staff-modal-salary-title{font-weight:700;font-size:.9375rem;color:#111827;margin-bottom:.5rem}.staff-modal-salary-grid{display:grid;gap:1rem}.staff-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.staff-modal-submit{flex:1;padding:.875rem 1.25rem;background-color:#fdbf50;color:#2a2c41;border:none;border-radius:.5rem;font-weight:700;cursor:pointer}.staff-modal-submit:hover{background-color:#e3a93f}.staff-modal-cancel{flex:1;padding:.875rem 1.25rem;background-color:#6b7280;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer}.staff-modal-cancel:hover{background-color:#4b5563}@media (max-width: 768px){.staff-modal{max-width:95%}.staff-modal-body{padding:1.25rem}.staff-modal-grid{grid-template-columns:1fr}}.staff-page-container{display:flex;min-height:100vh;gap:1rem;background-color:#f8fafc}.staff-main-content{flex:1;padding:1.5rem}.staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.staff-title{margin:0;font-size:2.25rem;font-weight:700;color:#1f2937}.add-staff-button{padding:.75rem 1rem;background-color:#fdbf50;color:#2a2c41;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.add-staff-button:hover{background-color:#e3a93f;transform:translateY(-1px);box-shadow:0 4px 12px #f5bf5059}.add-staff-button:active{transform:translateY(0)}.error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:.75rem;margin-bottom:1rem;font-size:.875rem}.loading-message{color:#6b7280;font-size:1rem;text-align:center;padding:2rem}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,280px);gap:1.25rem;justify-content:start}.staff-card{background:#fff;border:1px solid #2A2C41;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s ease}.staff-card:hover{box-shadow:0 6px 16px #0000001f}.staff-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.staff-name{font-weight:700;font-size:1.375rem;text-transform:capitalize;color:#111827;margin:0 0 .25rem}.staff-role{font-size:1rem;color:#374151;font-weight:500;margin:0}.staff-status{font-size:.9375rem;font-weight:600;padding:.25rem .75rem;border-radius:.375rem}.staff-status.active{color:#059669;background-color:#d1fae5}.staff-status.inactive{color:#dc2626;background-color:#fee2e2}.staff-details{margin-top:.75rem;font-size:1.0625rem;color:#111827;line-height:1.6}.staff-details>div{margin-bottom:.5rem;overflow-wrap:anywhere;word-break:break-word}.staff-details strong{font-weight:600;color:#374151}.salary-section{margin-top:1rem;padding:1rem;background-color:#fbfbfd;border:1px dashed #2A2C41;border-radius:.625rem}.salary-title{font-weight:700;margin-bottom:.5rem;font-size:1.125rem;color:#111827}.salary-details{font-size:1.0625rem;line-height:1.6;color:#374151}.salary-details>div{margin-bottom:.25rem}.salary-details strong{font-weight:600}.no-salary{font-size:1.0625rem;color:#6b7280;font-style:italic}.salary-updated{font-size:.75rem;color:#6b7280;margin-top:.5rem}.attendance-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;font-size:.875rem}.attendance-info>div{margin-bottom:.25rem}.attendance-info>div:last-child{margin-bottom:0}.staff-actions{display:flex;gap:.75rem;margin-top:1rem}.action-buttones{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.update-button{background-color:#fdbf50;color:#2a2c41}.update-button:hover{background-color:#e3a93f;transform:translateY(-1px);box-shadow:0 4px 12px #fdbf504d}.delete-button{background-color:#f55d00;color:#fff}.delete-button:hover{background-color:#d64f00;transform:translateY(-1px);box-shadow:0 4px 12px #f55d004d}.action-buttones:active{transform:translateY(0)}.load-more-container{margin-top:1rem;text-align:center}.load-more-button{padding:.5rem .75rem;background-color:#111827;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s ease}.load-more-button:hover{background-color:#374151}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.modal-container{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;margin:auto;position:relative;z-index:10000}.form-container{padding:2rem}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.form-title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-button{border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.close-button:hover{background-color:#f3f4f6;color:#374151}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin-top:1.5rem}.form-fields .form-group.full-width,.form-fields .salary-form-section.full-width{grid-column:1 / -1}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;color:#374151;background-color:#fff;transition:all .2s ease;min-height:44px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:3rem}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-input:hover,.form-select:hover{border-color:#9ca3af}.salary-form-section{margin-top:1.5rem;padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.salary-form-title{font-weight:600;margin-bottom:1rem;font-size:.875rem;color:#475569;text-transform:uppercase;letter-spacing:.025em}.salary-form-fields{display:grid;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.submit-button{flex:1;padding:1rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;min-height:48px;display:flex;align-items:center;justify-content:center}.submit-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-button{flex:1;padding:1rem 1.5rem;background-color:#6b7280;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;min-height:48px;display:flex;align-items:center;justify-content:center}.cancel-button:hover{background-color:#4b5563;transform:translateY(-1px)}@media (max-width: 1360px){.staff-grid{grid-template-columns:repeat(auto-fit,280px)}}@media (max-width: 1020px){.staff-grid{grid-template-columns:repeat(auto-fit,280px)}}@media (max-width: 768px){.staff-main-content{padding:1rem}.staff-title{font-size:1.875rem}.staff-header{flex-direction:column;align-items:stretch;gap:1rem}.staff-grid{grid-template-columns:repeat(auto-fit,280px);gap:1rem}.staff-card{padding:1rem}.staff-name{font-size:1.25rem}.staff-actions{flex-direction:row;flex-wrap:nowrap;gap:.5rem}.action-buttones{padding:.5rem .25rem;font-size:.8125rem;min-width:0;flex:1}.modal-container{max-width:95%;margin:.5rem;max-height:90vh}.form-container{padding:1.5rem}.form-fields{grid-template-columns:1fr;gap:1.5rem}.form-actions{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.staff-main-content,.staff-card{padding:.75rem}.staff-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.staff-details,.salary-details{font-size:.875rem}.modal-overlay{padding:.5rem}.form-container{padding:.75rem}.staff-actions{gap:.25rem}.action-buttones{padding:.5rem .125rem;font-size:.75rem;gap:.25rem}.action-buttones svg{width:14px;height:14px}}.calendar-modal{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#2a2c41;color:#fff;border-radius:12px 12px 0 0}.calendar-title{margin:0;font-size:1.25rem;font-weight:600}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.nav-button{background:#f55d00;color:#fff;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-button:hover{background:#d64f00;transform:scale(1.05)}.month-year{margin:0;font-size:1.125rem;font-weight:600;color:#374151}.calendar-grid{padding:24px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekday{text-align:center;font-weight:600;color:#6b7280;font-size:.875rem;padding:8px 4px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:40px}.calendar-day.empty{cursor:default}.calendar-day.today{background:#dbeafe;border:2px solid #3b82f6;font-weight:600}.calendar-day.future{color:#d1d5db;cursor:not-allowed}.day-number{font-size:.875rem;font-weight:500;z-index:1}.attendance-indicator{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000001a}.attendance-indicator.present{background:#10b981}.attendance-indicator.absent{background:#ef4444}.attendance-indicator.leave{background:#f55d00}.attendance-indicator.holiday{background:#3b82f6}.calendar-day.present{background:#10b9811a;color:#065f46}.calendar-day.absent{background:#ef44441a;color:#991b1b}.calendar-day.leave{background:#f55d001a;color:#7c2d12}.calendar-day.holiday{background:#3b82f61a;color:#1e40af}.calendar-legend{display:flex;justify-content:center;gap:24px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#374151}.legend-indicator{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000001a}.legend-indicator.present{background:#10b981}.legend-indicator.absent{background:#ef4444}.legend-indicator.leave{background:#f55d00}.legend-indicator.holiday{background:#3b82f6}.calendar-button{background:#2a2c41;color:#fff;display:flex;align-items:center;gap:6px}.calendar-button:hover{background:#23253a;transform:translateY(-1px);box-shadow:0 4px 12px #2a2c414d}@media (max-width: 768px){.calendar-modal{width:95%;margin:20px auto}.calendar-header{padding:16px 20px}.calendar-title{font-size:1.125rem}.calendar-navigation{padding:12px 20px}.calendar-grid{padding:20px}.calendar-day{min-height:35px}.day-number{font-size:.8125rem}.attendance-indicator{width:10px;height:10px;top:2px;right:2px}}.staff-salary-container{min-height:100vh;background:#f8fafc;padding:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.staff-salary-content{max-width:100%;margin:0;padding:0}.staff-salary-header{margin-bottom:2rem;background:transparent;padding:0;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.staff-salary-title{font-size:1.75rem;font-weight:700;color:#2a2c41;margin:0;letter-spacing:-.02em}.header-filters{display:flex;gap:1rem;align-items:flex-end}@media (max-width: 768px){.staff-salary-header{flex-direction:column;align-items:flex-start}.header-filters{width:100%;flex-wrap:wrap}}.salary-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem 2rem;margin-bottom:2rem;border:1px solid #e5e7eb}.filters-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.filter-group{display:flex;flex-direction:column}.filter-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.filter-select{border:1.5px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;background-color:#fff;color:#1f2937;min-width:140px;transition:all .2s ease;cursor:pointer}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;box-shadow:0 0 0 3px #f55d001a;border-color:#f55d00}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}@media (max-width: 768px){.summary-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem}}@media (max-width: 480px){.summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1rem}}@media (max-width: 360px){.summary-grid{grid-template-columns:1fr 1fr;gap:6px}}.summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:1.5rem;border:1px solid #e2e8f0;transition:all .2s ease}@media (max-width: 768px){.summary-card{padding:10px 8px;border-radius:8px}.summary-card-content{flex-direction:column;gap:6px;text-align:center}.summary-icon{padding:8px;align-self:center}.summary-icon svg{width:1rem;height:1rem}.summary-title{font-size:.65rem;margin-bottom:2px;line-height:1.2}.summary-value{font-size:1rem;font-weight:700;line-height:1.1}}@media (max-width: 480px){.summary-card{padding:8px 6px}.summary-card-content{gap:4px}.summary-icon{padding:6px}.summary-icon svg{width:.875rem;height:.875rem}.summary-title{font-size:.6rem;margin-bottom:2px}.summary-value{font-size:.875rem}}.summary-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.summary-card-content{display:flex;align-items:center;gap:1rem}.summary-body{display:flex;flex-direction:column;gap:.25rem;flex:1}.summary-icon{padding:.75rem;border-radius:12px;flex-shrink:0}.summary-icon.blue{background:linear-gradient(135deg,#2a2c41,#1f2133)}.summary-icon.green{background:linear-gradient(135deg,#f55d00,#e54d00)}.summary-icon.yellow{background:linear-gradient(135deg,#fdb502,#e5a302)}.summary-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-icon svg{width:1.5rem;height:1.5rem;color:#fff}.summary-details h3,.summary-title{font-size:.875rem;font-weight:500;color:#64748b;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.summary-details p{font-size:1.75rem;font-weight:700;color:#2a2c41;margin:0}.summary-title{margin:0}.summary-value{font-size:1.75rem;font-weight:700;color:#2a2c41}.staff-details-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.staff-details-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.staff-details-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.staff-details-title{font-size:1rem}.header-filters{width:100%;justify-content:space-between}}.staff-details-title{font-size:1.25rem;font-weight:600;color:#2a2c41;margin:0;letter-spacing:-.01em}.staff-table-container{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.staff-table-container::-webkit-scrollbar{display:none}.staff-table{width:100%;border-collapse:collapse}.staff-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.staff-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#2a2c41;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.staff-table th:nth-child(4),.staff-table td:nth-child(4),.staff-table th:nth-child(5),.staff-table td:nth-child(5){text-align:right}.staff-table th:nth-child(6),.staff-table td:nth-child(6),.staff-table th:nth-child(7),.staff-table td:nth-child(7){text-align:center}.staff-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#374151;vertical-align:middle}.staff-table tbody tr{transition:all .2s ease}.staff-table tbody tr:hover{background:#f55d0008;transform:none}.staff-table tbody tr:nth-child(2n){background-color:#fafbfc}.staff-table tbody tr:nth-child(2n):hover{background:#f55d000d}.staff-info{display:flex;align-items:center}.staff-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#f55d00,#e54d00);display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;box-shadow:0 2px 8px #f55d0033}.staff-avatar-text{font-size:.875rem;font-weight:600;color:#fff}.staff-details h4{font-size:.875rem;font-weight:600;color:#2a2c41;margin:0 0 .25rem}.staff-details p{font-size:.875rem;color:#64748b;margin:0}.role-badge{display:inline-flex;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:16px;background:linear-gradient(135deg,#f55d00,#e54d00);color:#fff;border:none;box-shadow:0 1px 3px #f55d0033}.attendance-summary{display:flex;flex-direction:column;gap:.25rem}.attendance-item{font-size:.875rem;color:#374151;font-weight:500}.attendance-item.present{color:#10b981}.attendance-item.absent{color:#2a2c41}.attendance-item.leave{color:#fdb502}.salary-details{display:flex;flex-direction:column;gap:.25rem}.salary-item{font-size:.875rem;color:#374151;font-weight:500}.salary-item.payable{color:#10b981;font-weight:600}.salary-item.remaining{color:#f55d00;font-weight:600}.status-badge{display:inline-flex;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:16px;text-transform:uppercase;letter-spacing:.05em}.status-badge.paid{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 1px 3px #10b98133}.status-badge.pending{background:linear-gradient(135deg,#2a2c41,#1f2133);color:#fff;border:none;box-shadow:0 1px 3px #2a2c4133}.action-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem}.pay-salary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#f55d00,#e54d00);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f55d0040}.pay-salary-btn:hover{background:linear-gradient(135deg,#e54d00,#d44400);transform:translateY(-1px);box-shadow:0 4px 12px #f55d0059}.pay-salary-btn:active{transform:translateY(0);box-shadow:0 2px 8px #f55d0040}.pay-salary-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.pay-salary-btn svg{width:1rem;height:1rem}.paid-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;border:none;box-shadow:0 2px 8px #10b98140}.paid-indicator svg{width:1rem;height:1rem}.loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #F55D00;border-radius:50%;animation:spin 1s linear infinite}.error-container{background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px #dc26261a}@media (max-width: 768px){.staff-salary-container{padding:8px;background:#f8fafc}.staff-salary-title{font-size:1.25rem}.staff-salary-header{margin-bottom:1rem;padding-bottom:.75rem}.filters-row{flex-direction:column;align-items:stretch}.staff-table th,.staff-table td{padding:.5rem;font-size:.75rem}.staff-info{flex-direction:column;align-items:flex-start;gap:.5rem}.staff-avatar{margin-right:0}.staff-table-container{display:none}}.mobile-staff-cards{display:none}@media (max-width: 768px){.mobile-staff-cards{display:block;padding:8px}.staff-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;margin-bottom:8px;overflow:hidden;border:1px solid #e2e8f0;transition:all .2s ease}.staff-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.staff-card-header{padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.staff-card-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f55d00,#e54d00);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 4px #f55d0033}.staff-card-avatar-text{font-size:12px;font-weight:600;color:#fff}.staff-card-info h4{font-size:14px;font-weight:600;color:#2a2c41;margin:0 0 2px;line-height:1.2}.staff-card-info p{font-size:11px;color:#64748b;margin:0;line-height:1.2}.staff-card-content{padding:10px 12px}.mobile-info-section{margin-bottom:8px}.mobile-info-section:last-child{margin-bottom:0}.mobile-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mobile-info-item{display:flex;flex-direction:column;gap:2px}.mobile-info-label{font-size:9px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.1}.mobile-info-value{font-size:11px;color:#374151;font-weight:500;line-height:1.2}.mobile-role-badge{display:inline-flex;padding:2px 6px;font-size:8px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#f55d00,#e54d00);color:#fff;line-height:1.2}.mobile-status-badge{display:inline-flex;padding:2px 6px;font-size:8px;font-weight:600;border-radius:8px;text-transform:uppercase;line-height:1.2}.mobile-status-badge.paid{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mobile-status-badge.pending{background:linear-gradient(135deg,#2a2c41,#1f2133);color:#fff}.staff-card-actions{padding:8px 12px;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.mobile-pay-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#f55d00,#e54d00);color:#fff;border:none;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #f55d0040}.mobile-pay-btn:hover{background:linear-gradient(135deg,#e54d00,#d44400);transform:translateY(-1px)}.mobile-paid-indicator{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:10px;font-weight:600}}@media (max-width: 480px){.mobile-staff-cards{padding:6px}.staff-card{margin-bottom:6px}.staff-card-header,.staff-card-content{padding:8px 10px}.mobile-info-section{margin-bottom:6px}.mobile-info-grid{gap:6px}.staff-details-header{padding:.75rem}.staff-card-actions{padding:6px 10px}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .2s ease}.modal-body{padding:1.5rem}.payment-info{background-color:#f9fafb;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.info-row:not(:last-child){border-bottom:1px solid #e5e7eb}.info-row.highlight{background-color:#fef3c7;margin:.5rem -1rem -1rem;padding:.75rem 1rem;border-radius:0 0 .5rem .5rem;font-weight:600}.info-label{font-size:.875rem;color:#6b7280;font-weight:500}.info-value{font-size:.875rem;color:#111827;font-weight:600}.form-group{margin-bottom:1rem}.form-input,.form-textarea{width:100%;border:1px solid #d1d5db;border-radius:.375rem;padding:.75rem;font-size:.875rem;color:#111827;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel{padding:.75rem 1.5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f55d00,#e54d00);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #f55d0033}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#e54d00,#d44400);transform:translateY(-1px);box-shadow:0 4px 8px #f55d004d}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1100;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease}.toast:hover{transform:translate(-4px)}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-message{font-size:.875rem;color:#374151;font-weight:500}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s ease;flex-shrink:0}.toast-close:hover{color:#6b7280}@media (max-width: 640px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:1rem}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}.toast-container{left:.5rem;right:.5rem;top:.5rem;max-width:none}.pay-salary-btn,.paid-indicator{padding:.375rem .75rem;font-size:.75rem}}.attendance-container{min-height:100vh;background-color:#f8fafc;padding:1.5rem}.attendance-content{max-width:1400px;margin:0 auto}.attendance-header{margin-bottom:2rem}.attendance-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;letter-spacing:-.02em}.attendance-subtitle{color:#6b7280;font-size:1rem;margin:0}.date-selector{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.date-selector-content{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.date-input-group{display:flex;flex-direction:column}.date-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.date-input{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;background-color:#fff;color:#374151;min-width:150px}.date-input:focus{outline:none;box-shadow:0 0 0 2px #f55d0033;border-color:#f55d00}.date-info{font-size:.875rem;color:#6b7280}.date-info p{margin:.25rem 0}.date-info-highlight{font-weight:500;color:#374151}.instructions-panel{background-color:#f8fbff;border:1px solid #e1effe;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.25rem}.instructions-content{display:flex;align-items:flex-start}.instructions-icon{flex-shrink:0;margin-right:.75rem;margin-top:.125rem;font-size:1.25rem;color:#3b82f6}.instructions-text h3{font-size:.875rem;font-weight:500;color:#1e40af;margin:0 0 .5rem}.instructions-list{font-size:.875rem;color:#1e40af;margin:0;padding-left:1rem}.instructions-list li{margin-bottom:.25rem}.instructions-list strong{font-weight:600}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,320px));gap:1rem;justify-content:start;margin-bottom:2rem}.staff-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.staff-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.staff-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.staff-info-section{display:flex;align-items:center}.staff-avatar{width:2.75rem;height:2.75rem;border-radius:50%;background:linear-gradient(135deg,#f55d00,#d64f00);display:flex;align-items:center;justify-content:center;margin-right:.625rem;flex-shrink:0}.staff-avatar-text{font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.staff-details h3{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .125rem}.staff-details p{font-size:.6875rem;color:#6b7280;margin:0;line-height:1.3}.current-status{font-size:.75rem;font-weight:500;margin-top:.25rem;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.current-status.present{background-color:#dcfce7;color:#166534}.current-status.absent{background-color:#fee2e2;color:#991b1b}.current-status.leave{background-color:#fef3c7;color:#92400e}.current-status.holiday{background-color:#e0e7ff;color:#3730a3}.check-in-time{font-weight:400;opacity:.8}.attendance-details{display:flex;flex-direction:row;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.check-in-time,.check-out-time,.working-hours{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-weight:600;font-size:.6875rem;white-space:nowrap}.check-in-time{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.check-out-time{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.working-hours{background-color:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.status-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.action-buttons.single-button{justify-content:center;margin-top:auto;padding-top:1rem}.action-buttons.single-button .action-button{max-width:120px}.action-button{display:flex;align-items:center;justify-content:center;padding:.5rem .625rem;border:2px solid;border-radius:.375rem;font-size:.6875rem;font-weight:600;background-color:#fff;cursor:pointer;transition:all .2s ease;min-height:2.25rem;width:100%}.action-button:disabled{cursor:not-allowed;opacity:.4}.action-button svg{width:.75rem;height:.75rem;margin-right:.25rem;flex-shrink:0}.action-button.present{border-color:#10b981;color:#10b981}.action-button.present:hover:not(:disabled){background-color:#ecfdf5;transform:translateY(-1px)}.action-button.absent{border-color:#ef4444;color:#ef4444}.action-button.absent:hover:not(:disabled){background-color:#fef2f2;transform:translateY(-1px)}.action-button.leave{border-color:#f97316;color:#f97316}.action-button.leave:hover:not(:disabled){background-color:#fff7ed;transform:translateY(-1px)}.action-button.holiday{border-color:#3b82f6;color:#3b82f6}.action-button.holiday:hover:not(:disabled){background-color:#eff6ff;transform:translateY(-1px)}.action-button.checkout{border-color:#2a2c41;color:#2a2c41;grid-column:1 / -1}.action-button.checkout:hover:not(:disabled){background-color:#f3f4f6;transform:translateY(-1px)}.button-spinner{width:1rem;height:1rem;border:2px solid #e5e7eb;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.status-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:.5rem;font-weight:500;font-size:.875rem;margin-top:auto;width:100%;box-sizing:border-box}.status-indicator{flex-shrink:0;font-size:1.25rem;line-height:1}.status-message.absent-message{background-color:#fff;color:#ef4444;border:2px solid #ef4444}.status-message.leave-message{background-color:#fff;color:#f97316;border:2px solid #f97316}.status-message.holiday-message{background-color:#fff;color:#3b82f6;border:2px solid #3b82f6}.status-message.completed-attendance{background-color:#fff;color:#10b981;border:2px solid #10b981;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:.5rem}.status-message.completed-attendance .status-indicator{font-size:1.5rem;color:#10b981}.attendance-summary{display:flex;flex-direction:column;gap:.375rem;flex:1}.summary-title{font-weight:600;font-size:.8125rem;margin:0;line-height:1.2}.summary-details{display:flex;gap:.375rem;flex-wrap:wrap}.summary-details span{padding:.1875rem .375rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;white-space:nowrap;line-height:1.2}.summary-details span:nth-child(1){background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.summary-details span:nth-child(2){background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.summary-details span:nth-child(3){background-color:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-icon{font-size:3rem;color:#9ca3af;margin:0 auto .5rem;display:block}.empty-state h3{font-size:.875rem;font-weight:500;color:#111827;margin:0 0 .25rem}.empty-state p{font-size:.875rem;color:#6b7280;margin:0}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.error-container{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;margin:1rem 0}.error-content{display:flex;align-items:flex-start}.error-content>div{margin-left:.75rem}.error-title{font-size:.875rem;font-weight:500;color:#991b1b;margin:0 0 .5rem}.error-message{font-size:.875rem;color:#7f1d1d;margin:0 0 1rem}.error-button{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-button:hover{background-color:#fecaca}@media (max-width: 768px){.attendance-container{padding:1rem}.attendance-title{font-size:1.875rem}.staff-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.date-selector-content{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.staff-grid{grid-template-columns:1fr}.date-input{min-width:100%}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;transform:translate(100%);animation:slideIn .3s ease-out forwards;transition:all .2s ease}.toast:hover{transform:translate(0) scale(1.02)}.toast-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.toast-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-icon{flex-shrink:0;font-size:1.25rem;font-weight:700}.toast-message{font-size:.875rem;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:currentColor;opacity:.7;transition:opacity .2s ease;flex-shrink:0;font-size:1.25rem;line-height:1;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:1;background-color:#0000000d}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast-container{top:1rem;left:1rem;right:1rem;max-width:none}.toast{padding:.75rem}.toast-message{font-size:.8125rem}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;color:#6b7280;transition:all .2s ease;font-size:1.5rem;line-height:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#f55d00;box-shadow:0 0 0 3px #f55d001a}.form-textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background-color:#f3f4f6;color:#374151}.btn-cancel:hover{background-color:#e5e7eb}.btn-submit{background-color:#f55d00;color:#fff}.btn-submit:hover{background-color:#d64f00}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header{padding:1rem 1rem .75rem}.modal-form{padding:1rem}.modal-title{font-size:1rem}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;padding:.875rem}}.delivery-partners-page{padding:24px;background:#f9fafb;min-height:100vh}.delivery-partners-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.header-content h1.page-title{margin:0;font-size:1.5rem;font-weight:600;color:#2a2c41;display:flex;align-items:center}.header-content .page-subtitle{margin:0;color:#6b7280;font-size:1rem}.header-actions{display:flex;gap:12px;align-items:center}.refresh-button,.add-partner-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.refresh-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.refresh-button:hover{background:#e5e7eb}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.add-partner-button{background:#2a2c41;color:#fff}.add-partner-button:hover{background:#1f2137}.filters-section{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.search-input:focus{outline:none;border-color:#2a2c41;box-shadow:0 0 0 3px #2a2c411a}.status-filter{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px}.filter-select{border:none;background:none;font-size:14px;color:#374151;cursor:pointer}.filter-select:focus{outline:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:#2a2c41;margin-bottom:8px}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.error-container{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px;text-align:center}.error-message{color:#dc2626;margin-bottom:12px}.retry-button{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.retry-button:hover{background:#b91c1c}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;animation:fadeInUp .6s ease-out}.empty-state{grid-column:1 / -1;text-align:center;padding:48px 24px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{margin:0 0 12px;color:#111827;font-size:1.25rem;font-weight:600}.empty-state p{color:#64748b;max-width:500px;margin:0 auto 32px;line-height:1.7;font-size:1.1rem;position:relative;z-index:1}.add-first-partner-button{background:linear-gradient(135deg,#2a2c41,#1f2137);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #2a2c4163;position:relative;z-index:1}.add-first-partner-button:hover{background:linear-gradient(135deg,#1f2137,#171829);transform:translateY(-2px);box-shadow:0 8px 25px #2a2c4180}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.2);animation:slideUp .3s ease-out}@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:20px 20px 0;border-bottom:1px solid rgba(226,232,240,.6);margin-bottom:20px}.modal-body{padding:0 20px;max-height:65vh;overflow-y:auto}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#2a2c41}.modal-close{background:#6b72801a;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.modal-body{padding:0 24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid rgba(226,232,240,.6);margin-top:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.form-section{margin-bottom:20px}.form-section h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:6px;padding:0 0 8px;border-bottom:1px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:6px;font-weight:600;color:#1e293b;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;font-weight:500;box-shadow:0 1px 3px #0000000d}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;font-weight:400}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px);background:#fefefe}.send-otp-button,.verify-otp-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #10b98133}.send-otp-button:hover,.verify-otp-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.send-otp-button:disabled,.verify-otp-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.cancel-button,.submit-button{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:14px}.cancel-button{background:#f8fafc;color:#475569;border:2px solid #e2e8f0}.cancel-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f663}.submit-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 500px){.partners-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}@media (max-width: 400px){.partners-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center}}@media (max-width: 1024px){.partners-grid{grid-template-columns:1fr}}@media (max-width: 768px){.delivery-partners-page{padding:20px 16px}.delivery-partners-header{flex-direction:column;align-items:stretch;padding:20px;margin-bottom:32px}.header-actions{justify-content:stretch;margin-top:16px}.refresh-button,.add-partner-button{flex:1;justify-content:center}.filters-section{flex-direction:column}.search-box{min-width:auto}.partners-grid{gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.form-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:12px}.phone-input-group,.otp-input-group{flex-direction:column}.modal-content{margin:16px;max-height:calc(100vh - 32px);border-radius:16px}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.order-header{flex-direction:column;align-items:stretch;gap:12px}.order-meta{flex-direction:row;align-items:center;justify-content:space-between}.ordered-lists{max-height:300px}.empty-state{padding:48px 24px}.empty-state h3{font-size:1.5rem}.empty-state p{font-size:1rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px}.modal-close:hover{background:#f3f4f6}.modal-body{padding:0 20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb;margin-top:20px}.cancel-button,.submit-button{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:14px}.cancel-button{background:#f3f4f6;color:#374151}.cancel-button:hover{background:#e5e7eb}.submit-button{background:#3b82f6;color:#fff}.submit-button:hover{background:#2563eb}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.add-first-partner-button{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s ease;display:flex;align-items:center}.add-first-partner-button:hover{background:#2563eb}.radio-group{display:flex;gap:12px;margin-top:8px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#475569;padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;flex:1;justify-content:center}.radio-option:hover{border-color:#cbd5e1;background:#f8fafc}.radio-option input[type=radio]:checked+.radio-option,.radio-option:has(input[type=radio]:checked){border-color:#3b82f6;background:#3b82f60d;color:#3b82f6}.radio-option input[type=radio]{margin:0;width:18px;height:18px}.phone-input-group,.otp-input-group{display:flex;gap:8px;align-items:end}.phone-input-group input,.otp-input-group input{flex:1}.send-otp-button,.verify-otp-button{background:#10b981;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.send-otp-button:hover,.verify-otp-button:hover{background:#059669}.send-otp-button:disabled,.verify-otp-button:disabled{background:#9ca3af;cursor:not-allowed}.km-data{padding:16px 0}.km-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.km-stat{text-align:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.km-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:4px}.km-label{color:#6b7280;font-size:.875rem}.track-points h4{margin:0 0 16px;color:#1f2937}.track-points-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.track-point{padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px}.track-point:last-child{border-bottom:none}.point-time{font-weight:500;color:#1f2937;margin-bottom:4px}.point-location{color:#6b7280;font-size:13px}.orders-modal-info{margin-bottom:20px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.orders-modal-info p{margin:0;color:#6b7280;font-size:14px}.ordered-lists{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto}.order-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff;transition:box-shadow .2s ease}.order-item:hover{box-shadow:0 2px 8px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.order-info{flex:1}.order-id{font-weight:600;font-size:16px;color:#111827;margin-bottom:4px}.customer-name{font-size:14px;color:#6b7280;margin-bottom:4px}.order-date{font-size:13px;color:#9ca3af}.order-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.order-status{font-weight:600;text-transform:capitalize;color:#111827;padding:6px 12px;border-radius:6px;font-size:12px}.status-completed,.status-delivered{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-cancelled{background:#fee2e2;color:#dc2626}.status-in_progress{background:#dbeafe;color:#1e40af}.status-assigned{background:#e0e7ff;color:#3730a3}.status-unknown{background:#f3f4f6;color:#4b5563}.order-amount{font-size:14px;font-weight:600;color:#059669}.order-actions{display:flex;justify-content:flex-end;gap:8px}.view-distance-btn{padding:6px 12px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;font-weight:500;transition:background .2s ease}.view-distance-btn:hover{background:#1d4ed8}.empty-orders{text-align:center;padding:40px 20px;color:#6b7280}.empty-orders .empty-icon{font-size:48px;margin-bottom:16px}.empty-orders h4{margin:0 0 8px;color:#374151;font-size:18px}.empty-orders p{margin:0;font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#0f172a;background:#fff}html{scroll-behavior:smooth}:root{--brand-orange: #f7941e;--brand-blue: #0a60a8;--brand-white: #ffffff}.categories{background:#fff}.categories .kz-section-title{text-align:center;margin:0 0 22px}.categories .kz-section-inner{max-width:1100px;margin:0 auto}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.cat-card{background:#fff!important;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:24px 16px;text-decoration:none;color:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:180px;box-shadow:0 4px 12px #0f172a0a;transform:translateY(8px) scale(.98);opacity:0;animation:catReveal .56s cubic-bezier(.2,.65,.2,1) both;will-change:transform,opacity;transition:all .3s ease}.cat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 24px #0f172a14;background:#fff}.cat-card:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue),transparent 70%),0 14px 28px #0f172a1a;transform:translateY(-2px) scale(1.01)}.cat-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:#0a60a814;color:var(--brand-blue);transition:all .22s ease}.cat-icon-inner{font-size:24px;transform:translateY(2px);transition:transform .22s ease}.cat-card:hover .cat-icon{transform:translateY(-2px);background:#0a60a81f}.cat-card:hover .cat-icon-inner{transform:translateY(0) scale(1.06)}.cat-name{font-weight:700;letter-spacing:-.2px;font-size:15px;text-align:center}@keyframes catReveal{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.cat-grid{gap:14px}.cat-card{padding:16px 14px}.cat-icon{width:52px;height:52px}}.partners{background:#fff}.partners .kz-section-inner{width:100%;max-width:none;margin:0;padding:32px 98px}.partners .kz-section-title{text-align:center;margin-bottom:10px}@media (max-width: 992px){.partners .kz-section-inner{padding-left:20px;padding-right:20px}}.partners .partners-sub{text-align:center;color:#0f172ab8;max-width:720px;margin:0 auto 24px}.partners-grid{display:flex;margin:40px 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:30px;position:relative}.partners-grid::-webkit-scrollbar{display:none}.carousel-dots{display:flex;justify-content:center;gap:10px;padding:10px 0}.carousel-dots .dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;border:none;padding:0;cursor:pointer;transition:all .3s ease}.carousel-dots .dot.active{background:#1976d2;transform:scale(1.3)}.carousel-dots .dot:focus{outline:2px solid #1976d2;outline-offset:2px}.partner-card{flex:0 0 calc(33.333% - 17px);min-width:300px;scroll-snap-align:start;background:linear-gradient(180deg,#fff,#fafbff);border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:16px;box-shadow:0 6px 18px #0f172a0f;transform:translateY(10px) scale(.985);opacity:0;animation:partnerReveal .52s cubic-bezier(.2,.65,.2,1) both;transition:transform .26s cubic-bezier(.2,.65,.2,1),box-shadow .26s ease,border-color .26s ease;transform-origin:center;will-change:transform,box-shadow;cursor:pointer}.partner-card:hover{transform:translateY(-6px) scale(1.08);border-color:color-mix(in srgb,var(--brand-blue),rgba(15,23,42,.08) 40%);box-shadow:0 16px 36px #0f172a24,0 0 0 2px color-mix(in srgb,var(--brand-blue),transparent 70%),0 0 38px color-mix(in srgb,var(--brand-blue),transparent 70%),0 0 52px color-mix(in srgb,var(--brand-orange),transparent 78%)}.partner-card:active{transform:translateY(-2px) scale(1.04)}.partner-card:focus-visible{outline:none;transform:translateY(-2px) scale(1.005);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue),transparent 65%),0 14px 28px #0f172a1f}.pc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pc-brand{display:inline-flex;align-items:center;gap:10px}.pc-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#0a60a81a;color:var(--brand-blue);transition:transform .22s ease,background .22s ease}.partner-card:hover .pc-logo{transform:translateY(-2px) scale(1.06);background:#0a60a829}.pc-cat{color:#0f172a99;font-size:13px}.pc-verify{color:var(--brand-orange);font-weight:800}.pc-body{margin-top:10px}@keyframes partnerReveal{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.partners-grid{gap:14px}}.kz-header{position:fixed;top:0;left:0;right:0;z-index:9999;background-color:#fff0;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,backdrop-filter .3s ease,transform .3s ease;color:#0f172a;opacity:0;transform:translateY(-8px);animation:headerFadeIn .42s ease-out .12s forwards}.kz-header.kz-header--scrolled{background-color:#fff;box-shadow:0 4px 16px #0f172a0f;transform:translateY(0)}.kz-header.kz-header--menu-open{background-color:#fff;box-shadow:0 6px 18px #0f172a14;transform:translateY(0)}.kz-header.kz-header--hidden{transform:translateY(-100%);pointer-events:none}.kz-header.kz-header--scrolled:not(.kz-header--hidden),.kz-header.kz-header--menu-open:not(.kz-header--hidden){transform:translateY(0);pointer-events:auto}@media (max-width: 768px){.kz-header.kz-header--hidden{transform:translateY(0);pointer-events:auto}}@media (max-width: 768px){.kz-header{position:fixed!important;top:0;left:0;right:0;transform:translateY(0)!important;opacity:1!important;background-color:#fff!important;box-shadow:0 4px 12px #0f172a0f!important;z-index:9999!important}.kz-nav{padding:0 16px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important}.kz-menu-btn{display:inline-block!important;justify-self:end!important;grid-column:3!important}.kz-links{top:64px!important}body{padding-top:64px!important}}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.kz-nav{width:100%;max-width:none;margin:0 auto;padding:0 98px;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.kz-brand{justify-self:start;display:flex;align-items:center}.kz-links{justify-self:center}.kz-auth{justify-self:end;display:flex;align-items:center;gap:10px;font-weight:600}.kz-auth a{text-decoration:none;color:inherit}.kz-sep{opacity:.55}.kz-brand{font-weight:800;font-size:22px;letter-spacing:.2px}.kz-logo{height:75px;width:160px;display:block}.kz-links{list-style:none;display:flex;gap:32px;margin:0;padding:0;align-items:center;justify-content:center}.kz-links a{position:relative;text-decoration:none;color:inherit;font-weight:600;opacity:.92;padding:6px 2px}.kz-links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brand-orange);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}.kz-links a:hover{opacity:1}.kz-links a:hover:after{transform:scaleX(1)}.kz-header:not(.kz-header--scrolled) .kz-links a,.kz-header:not(.kz-header--scrolled) .kz-brand{text-shadow:0 1px 2px rgba(0,0,0,.15)}.kz-nav{position:relative;z-index:1}.hero{height:80vh;display:grid;align-items:center;padding:0 20px;background-size:108%;background-position:center;position:relative;overflow:hidden;transition:background-size .8s ease}.hero-inner{max-width:1200px;margin:0 auto}.hero .hero-inner{transform:translateY(-90px);transition:transform .22s ease}.hero h1{font-size:56px;line-height:1.05;margin:0 0 14px;letter-spacing:-.5px;animation:revealDown .6s cubic-bezier(.2,.65,.2,1) both}.hero p{font-size:18px;max-width:560px;margin:0 0 24px;opacity:.9;animation:revealDown .7s cubic-bezier(.2,.65,.2,1) .12s both}.hero .hero-inner,.hero h1,.hero p,.hero .hero-actions{text-align:center}.hero .hero-actions{justify-content:center}.hero h1,.hero p{margin-left:auto;margin-right:auto}.hero--left .hero-inner{margin:0 auto;padding-left:0}.hero--left .hero-inner,.hero--left h1,.hero--left p,.hero--left .hero-actions{text-align:center}.hero--left .hero-actions{justify-content:center;margin-bottom:55px}.hero .hero-actions{animation:revealDown .7s cubic-bezier(.2,.65,.2,1) .24s both}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 40%,rgba(0,0,0,.08),transparent 55%),linear-gradient(to right,#fff0,#fff0);pointer-events:none}@keyframes heroBgFloat{0%{background-position:50% 50%}to{background-position:52% 49%}}.hero{animation:heroBgFloat 18s ease-in-out infinite alternate}.hero-divider{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:64px;line-height:0;color:color-mix(in srgb,var(--brand-orange),white 84%)}.hero-divider svg{display:block;width:100%;height:64px;filter:drop-shadow(0 -2px 8px rgba(15,23,42,.08))}.hero-actions{display:flex;gap:16px}.btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease,filter .22s ease}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-orange);color:var(--brand-white);box-shadow:0 8px 24px color-mix(in srgb,var(--brand-orange),transparent 75%)}.btn-primary:hover{filter:brightness(.98);transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--brand-orange),transparent 68%)}.btn-outline{border:2px solid var(--brand-orange);color:var(--brand-orange);background:transparent;box-shadow:0 0 #0000}.btn-outline:hover{background:#f973160f;transform:translateY(-1px);box-shadow:0 8px 22px #0f172a14}@keyframes revealUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero h1{animation:revealUp .6s cubic-bezier(.2,.65,.2,1) both;animation-delay:80ms}.hero p{animation:revealUp .6s cubic-bezier(.2,.65,.2,1) both;animation-delay:.22s}.hero .hero-actions{animation:revealUp .6s cubic-bezier(.2,.65,.2,1) both;animation-delay:.36s}@keyframes revealLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.hero--left h1,.hero--left p,.hero--left .hero-actions{animation-name:revealLeft}@media (min-width: 1200px){.hero h1{font-size:64px}.hero p{font-size:19px}}@media (max-width: 992px){.kz-nav{grid-template-columns:auto 1fr auto;padding:0 20px;background:linear-gradient(to bottom,#f6f6f6,#fff)}.kz-links{gap:22px}.hero{background-size:180%}.hero--left .hero-inner{padding-left:20px}}@media (max-width: 768px){.kz-brand{font-size:20px}.kz-links{gap:16px}.hero{height:60vh}.hero .hero-inner{transform:translateY(-10px)}.hero h1{font-size:40px}.hero p{font-size:16px;max-width:100%}.hero-actions{gap:12px}.btn{padding:10px 16px;border-radius:8px}.hero--left .hero-inner{padding-left:16px}}.kz-section{padding:30px 0}.categories{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-orange),white 84%) 20%,color-mix(in srgb,var(--brand-orange),white 97%) 55%,#fff)}.kz-section-inner{width:70%;margin:0 auto 35px;padding:0 20px}@media (max-width: 768px){.kz-section-inner{width:100%;padding:0 16px}}.kz-section-title{margin:0 0 28px;font-size:28px;line-height:1.2;letter-spacing:-.2px;text-align:center}.cat-card{position:relative;display:grid;place-items:center;gap:12px;text-decoration:none;color:inherit;background:linear-gradient(180deg,#0f172a04,#0f172a08);border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:24px 18px;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease,background-color .26s ease;box-shadow:0 0 #0000;animation:catFadeUp .6s cubic-bezier(.2,.65,.2,1) both}.cat-card:before{content:"";position:absolute;inset:-1px;border-radius:16px;background:radial-gradient(600px 200px at 50% -10%,color-mix(in srgb,var(--glow),transparent 80%),transparent 70%);opacity:0;transition:opacity .26s ease;pointer-events:none}.cat-card:hover{transform:translateY(-6px) scale(1.01);border-color:color-mix(in srgb,var(--glow),rgba(15,23,42,.08) 60%);box-shadow:0 14px 28px #0f172a1a,0 0 0 1px color-mix(in srgb,var(--glow),transparent 80%),0 10px 30px color-mix(in srgb,var(--glow),transparent 80%)}.cat-card:focus-visible{outline:none;border-color:color-mix(in srgb,var(--glow),rgba(15,23,42,.08) 40%);box-shadow:0 0 0 3px color-mix(in srgb,var(--glow),transparent 80%),0 10px 22px #0f172a14}.cat-card:active{transform:translateY(-2px) scale(.995)}.cat-card:hover:before{opacity:1}.cat-name{font-weight:700}.cat-icon{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:var(--pill);border:1px solid rgba(15,23,42,.06);box-shadow:inset 0 1px #fff9}.cat-icon-inner{width:36px;height:36px;display:grid;place-items:center;background:var(--brand-white);border-radius:10px;box-shadow:0 6px 16px color-mix(in srgb,var(--glow),transparent 80%),0 1px #fff9 inset;color:currentColor}.cat-card.is-blue{--glow: var(--brand-blue);--pill: linear-gradient(180deg, color-mix(in srgb, var(--brand-blue), transparent 90%), color-mix(in srgb, var(--brand-blue), transparent 94%))}.cat-card.is-orange{--glow: var(--brand-orange);--pill: linear-gradient(180deg, color-mix(in srgb, var(--brand-orange), transparent 90%), color-mix(in srgb, var(--brand-orange), transparent 94%))}.cat-card.is-blue .cat-icon-inner{color:var(--brand-blue)}.cat-card.is-orange .cat-icon-inner{color:var(--brand-orange)}@keyframes catFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.cat-card,.hero,.hero h1,.hero p,.hero .hero-actions{animation:none!important;transition:none!important}}@media (min-width: 992px){.kz-section-inner{padding-left:98px;padding-right:98px}}.business-types-section:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border-radius:0 0 50% 50%/5%;transform:scale(1.5);z-index:0}.business-types-section .text-3xl{position:relative;font-weight:800;background:linear-gradient(90deg,#1e3a8a,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;font-size:2.5rem;line-height:1.2;z-index:1}.business-types-section .text-xl{color:#4b5563;line-height:1.6;position:relative;z-index:1;max-width:700px;margin:0 auto 3rem}.container{max-width:1200px;margin:0 auto;padding:0 10px;width:100%}.section-header{text-align:center;margin-bottom:15px;max-width:800px;margin-left:auto;margin-right:auto}.section-header h2{font-size:1.5rem;color:#1a1a1a;margin-bottom:15px;font-weight:700;line-height:1.2}.section-header p{font-size:1.1rem;color:#666;line-height:1.6}.business-types{padding:1rem 0;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-orange),white 84%),color-mix(in srgb,var(--brand-orange),white 97%) 50%,#fff 50%)}.business-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px;max-width:1200px;margin-left:auto;margin-right:auto;justify-content:center}.business-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.business-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.card-header{display:flex;align-items:center;margin-bottom:20px}.icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:24px}.business-card h3{font-size:1.5rem;color:#2d3748;margin:0;font-weight:600}.description{color:#4a5568;margin-bottom:25px;line-height:1.6;flex-grow:1}.features-list{margin:0 0 25px;padding:0;list-style:none}.features-list li{color:#4a5568;display:flex;line-height:1.5}.check-icon{color:#48bb78;font-weight:700;margin-right:10px;font-size:1.1rem}.cta-button{background:#4f46e5;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;margin-top:auto}.cta-button:hover{opacity:.9;transform:translateY(-2px)}.kz-menu-btn{display:none;background:none;border:0;font-size:1.5rem;cursor:pointer}.kz-links{list-style:none;margin:0;padding:0;display:flex;gap:2rem}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width: 768px){.kz-menu-btn{display:inline-block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#4b5563;padding:8px;margin-left:auto;z-index:10000}.kz-links-container{position:fixed;top:64px;left:0;right:0;background:#fff;z-index:9998;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:0;box-shadow:0 8px 20px #0000001a}.kz-links-container.active{max-height:calc(100vh - 64px);opacity:1;overflow-y:auto}.kz-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.kz-links li{border-bottom:1px solid #f0f0f0}.kz-links a,.kz-links .mobile-cart-button,.kz-links .mobile-login-button{display:flex;align-items:center;color:#1f2937;text-decoration:none;font-weight:500;transition:background-color .2s;width:100%;background:none;border:none;text-align:left;font-size:1rem;font-family:inherit;cursor:pointer}.mobile-cart-button{position:relative;display:flex;align-items:center;gap:12px}.cart-badge{position:absolute;right:6px;background:#ef4444;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.mobile-login-button{background:#f28c28!important;color:#fff!important;justify-content:center;border-radius:6px;margin:12px 20px;padding:12px}.mobile-only{display:block}.desktop-only{display:none!important}.kz-links a:hover,.kz-links .mobile-cart-button:hover,.kz-links .mobile-login-button:hover{background-color:#f9fafb}.kz-links .mobile-login-button:hover{background-color:#e67e22!important}}.kz-footer{background:#fff;border-top:1px solid rgba(15,23,42,.08)}.kz-footer-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.kz-footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.kz-footer-link{color:#475569;text-decoration:none;font-weight:600;font-size:14px}.kz-footer-link:hover{color:#0f172a}.kz-footer-iconlink{color:#475569;font-size:16px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#fff;transition:transform .16s ease,box-shadow .2s ease,color .16s ease,border-color .16s ease}.kz-footer-iconlink:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1a;color:var(--brand-blue);border-color:color-mix(in srgb,var(--brand-blue),rgba(15,23,42,.08) 40%)}.kz-footer-sep{width:1px;height:16px;background:#0f172a1f;display:inline-block}@media (max-width: 768px){.kz-footer-inner{flex-direction:column;align-items:flex-start;gap:12px}.kz-footer-links{gap:12px}}@media (max-width: 480px){.kz-footer-inner{padding:14px 16px}.kz-footer-link{font-size:13px}.kz-footer-iconlink{width:32px;height:32px;font-size:15px}.kz-footer-sep{display:none}}@media (max-width: 1024px){.business-grid{grid-template-columns:repeat(2,1fr);padding:0 10px;justify-content:center}}@media (max-width: 768px){.section-header h2{font-size:2rem}.section-header p{font-size:1rem}.business-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 5px;justify-content:center}.business-card{max-width:100%;margin:0 auto}}@media (max-width: 480px){.business-types{padding:15px 0}.section-header h2{font-size:1.75rem}.card-header{flex-direction:column;align-items:flex-start}.icon-wrapper{margin-bottom:15px}}.business-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #00000014}.business-card img{transition:transform .5s ease;width:100%;height:200px;object-fit:cover}.business-card:hover img{transform:scale(1.05)}.business-icon{font-size:1.75rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border-radius:.75rem;margin-right:1rem;flex-shrink:0}.business-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.business-card-header{display:flex;align-items:center;margin-bottom:1rem}.business-card h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;line-height:1.4}.business-card p{color:#4b5563;line-height:1.6;flex:1}@media (max-width: 1024px){.business-card h3{font-size:1.125rem}.business-card p{font-size:.9rem}}@media (max-width: 768px){.business-card h3{font-size:1rem}.business-card p{font-size:.875rem}}@media (max-width: 480px){.business-card h3{font-size:.9rem}.business-card p{font-size:.8rem}}.business-features{margin:1.5rem 0;padding:0;list-style:none}.business-features li{display:flex;align-items:flex-start;margin-bottom:.75rem;color:#4b5563;line-height:1.5;font-size:.95rem}.business-features svg{margin-right:.75rem;margin-top:.25rem;flex-shrink:0}.business-cta{display:inline-block;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;text-align:center;transition:all .2s ease;text-decoration:none;margin-top:auto;width:100%}@media (max-width: 1024px){.business-types-section .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.business-types-section .text-3xl{font-size:2.25rem}}@media (max-width: 768px){.business-types-section{padding:4rem 0}.business-types-section .text-3xl{font-size:2rem}.business-types-section .text-xl{font-size:1.125rem;margin-bottom:2rem}.business-card{max-width:400px;margin:0 auto}}@media (max-width: 640px){.business-types-section .grid{grid-template-columns:1fr;gap:2rem}.business-types-section .text-3xl{font-size:1.875rem}.business-card{max-width:100%}}.business-card{animation:fadeInUp .6s ease-out forwards;opacity:0;padding:18px;box-shadow:0 10px 28px #0f172a0f;transition:transform .22s ease,box-shadow .22s ease}.business-card:nth-child(1){animation-delay:.1s}.business-card:nth-child(2){animation-delay:.2s}.business-card:nth-child(3){animation-delay:.3s}.business-card:nth-child(4){animation-delay:.4s}.partner-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0f172a1a}.pc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pc-brand{display:flex;gap:10px;align-items:center}.pc-logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand-blue),white 85%);color:var(--brand-blue);font-size:18px}.pc-title{font-weight:800;letter-spacing:-.2px}.pc-cat{font-size:12px;opacity:.75}.pc-verify{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--brand-orange),white 80%);color:var(--brand-blue);font-weight:900}.pc-desc{font-size:13px;opacity:.75;margin:8px 0 10px}.pc-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pc-chip{font-size:13px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand-blue),white 88%);color:var(--brand-blue);font-weight:600}.pc-chip span{margin-right:6px}.pc-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pc-products{font-size:13px;color:#0f172ae6}.pc-status{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #16a34a26}.pc-cta{width:100%;display:inline-block;text-align:center;border-radius:12px;margin-top:6px}.partners-cta-wrap{display:grid;place-items:center;margin-top:20px}.partners-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:14px;background:linear-gradient(180deg,#fffffffa,#fffffff2);border:1.5px solid color-mix(in srgb,var(--brand-orange),transparent 60%);color:var(--brand-orange);font-weight:500;text-decoration:none;box-shadow:0 14px 28px #f7941e29,0 1px #fffc inset;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.partners-cta:after{content:"→";font-weight:800}.partners-cta:hover{transform:translateY(-1px);box-shadow:0 18px 34px #f7941e33}.partners-cta:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-orange),transparent 60%),0 14px 28px #f7941e29}.categories{padding:2rem 1rem;background-color:#f8f9fa;position:relative;overflow:hidden}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:2.5rem;max-width:1400px;margin-left:auto;margin-right:auto}.cat-card{background:#fff;border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:20px;align-items:center;position:relative;overflow:hidden;opacity:0;animation:fadeInUp .6s ease-out forwards}.cat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;transition:all .3s ease}.cat-card.is-orange:before{background:linear-gradient(90deg,#ff9800,#ffb74d)}.cat-card.is-blue:before{background:linear-gradient(90deg,#1976d2,#63a4ff)}.cat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.cat-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;position:relative;z-index:1;transition:all .3s ease}.cat-card:hover .cat-icon{transform:scale(1.1)}.cat-card.is-orange .cat-icon{background-color:#fff8e1;color:#ff9800}.cat-card.is-blue .cat-icon{background-color:#e3f2fd;color:#1976d2}.cat-icon svg{width:28px;height:28px}.cat-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin-top:.75rem;transition:all .3s ease}.cat-card:hover .cat-name{color:#111827}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.cat-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media (max-width: 768px){.cat-grid{grid-template-columns:repeat(2,1fr);max-width:100%;gap:1rem}.cat-card{padding:1.5rem 1rem}.cat-icon{width:56px;height:56px}.cat-name{font-size:1.1rem}}.why-partner{padding:3rem 1rem;position:relative;overflow:hidden;background-color:#fff}.why-partner .kz-section-title{color:#0f172a;font-size:2.5rem;font-weight:800;margin:0 auto 1.5rem;text-align:center;max-width:48rem;line-height:1.2}.why-partner .kz-section-subtitle{color:#0f172ac7;font-size:1.25rem;max-width:48rem;margin:0 auto 3rem;text-align:center;line-height:1.6;padding:0 1rem}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:80rem;margin:0 auto;padding:0 1rem}@media (max-width: 1024px){.why-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:0 1.5rem}}@media (max-width: 768px){.why-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}}@media (max-width: 480px){.why-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 .5rem}}.why-item{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden;z-index:1}.why-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tint);opacity:.2;transition:opacity .3s ease}.why-item:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:color-mix(in srgb,var(--tint),transparent 60%)}.why-item:hover:before{opacity:1}.why-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.75rem;margin-bottom:1.5rem;font-size:1.5rem;color:var(--tint);transition:transform .3s ease,background-color .3s ease}.why-item:hover .why-icon{transform:translateY(-2px)}.why-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin-bottom:1rem;line-height:1.3}.why-desc{color:#4a5568;line-height:1.6;font-size:1rem;margin:0}@media (max-width: 1024px){.why-title{font-size:1.125rem}.why-desc{font-size:.9rem}}@media (max-width: 768px){.why-title{font-size:1rem}.why-desc{font-size:.875rem}}@media (max-width: 480px){.why-title{font-size:.9rem}.why-desc{font-size:.8rem}}@keyframes whyFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes whyFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes revealDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.why-item:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue),transparent 70%)}.partner-says{background:transparent}.ts-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}@media (max-width: 992px){.ts-cards{grid-template-columns:1fr;gap:18px}}.ts-card{position:relative;background:var(--brand-white);border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:22px;box-shadow:0 10px 28px #0f172a0f;transition:transform .26s cubic-bezier(.2,.65,.2,1),box-shadow .26s cubic-bezier(.2,.65,.2,1),border-color .26s ease,background-color .26s ease,background .26s ease,filter .26s ease;will-change:transform,box-shadow,background;animation:catFadeUp .56s cubic-bezier(.2,.65,.2,1) both}.ts-card:hover{transform:translateY(-6px);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-orange),white 96%),var(--brand-white) 35%);border-color:color-mix(in srgb,var(--brand-orange),rgba(15,23,42,.08) 70%);box-shadow:0 18px 44px color-mix(in srgb,var(--brand-orange),transparent 78%),0 12px 30px #0f172a1a}.ts-card .ts-avatar,.ts-card .ts-quote,.ts-card .ts-verified{transition:transform .24s ease,color .24s ease,box-shadow .24s ease,background-color .24s ease}.ts-card:hover .ts-avatar{transform:translateY(-2px)}.ts-card:hover .ts-quote{color:color-mix(in srgb,var(--brand-orange),rgba(15,23,42,.18) 40%)}.ts-card:hover .ts-verified{box-shadow:0 0 0 6px color-mix(in srgb,#16a34a,transparent 88%);background:color-mix(in srgb,#16a34a,white 80%)}.ts-card--featured{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-orange),white 96%),var(--brand-white) 35%);border-color:color-mix(in srgb,var(--brand-orange),rgba(15,23,42,.08) 70%);box-shadow:0 18px 44px color-mix(in srgb,var(--brand-orange),transparent 78%),0 10px 28px #0f172a14;transform:translateY(-6px)}.ts-card--featured:hover{transform:translateY(-8px);box-shadow:0 24px 54px color-mix(in srgb,var(--brand-orange),transparent 72%),0 14px 34px #0f172a1f}@media (max-width: 992px){.ts-card--featured,.ts-card--featured:hover{transform:none}}.ts-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:8px}.ts-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #0f172a26}.ts-name{margin:0;font-size:16px;font-weight:800;letter-spacing:-.2px}.ts-role{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.ts-title{color:var(--brand-blue);font-weight:700}.ts-company{opacity:.7}.ts-quote{font-size:28px;color:#0f172a2e;font-weight:900}.kz-stars{display:flex;align-items:center;gap:2px;margin:6px 0}.kz-stars-score{margin-left:6px;font-size:12px;color:#0f172aa6}.ts-quote-text{margin:8px 0 12px;color:#0f172adb;line-height:1.7;font-style:italic}.ts-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.ts-joined{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#0f172aa6}.ts-verified{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#16a34a;background:color-mix(in srgb,#16a34a,white 84%);padding:6px 10px;border-radius:999px;font-weight:700}.ts-bottom-pill{display:inline-flex;align-items:center;gap:10px;margin:20px auto 0;padding:10px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fffffffa,#fffffff2);box-shadow:0 10px 24px #0f172a0f}.ts-avatars{display:flex}.ts-avatars img{width:28px;height:28px;border-radius:999px;object-fit:cover;border:2px solid #fff;margin-left:-8px;box-shadow:0 2px 8px #0f172a1a}.ts-avatars img:first-child{margin-left:0}.ts-pill-copy{display:grid}.ts-pill-copy strong{font-size:13px;line-height:1.1}.ts-pill-copy span{font-size:12px;opacity:.7}.pp-toolbar-wrap{background:#fff;border-bottom:1px solid rgba(15,23,42,.06)}.pp-toolbar{max-width:1200px;margin:0 auto;padding:16px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}@media (max-width: 768px){.pp-toolbar{grid-template-columns:1fr}}.pp-chips{display:flex;gap:10px;flex-wrap:wrap}.pp-chip{appearance:none;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:0 1px #fffc inset;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .12s ease}.pp-chip:hover{transform:translateY(-1px)}.pp-chip.is-active{background:var(--brand-orange);color:#fff;border-color:color-mix(in srgb,var(--brand-orange),rgba(15,23,42,.12) 60%)}.pp-search{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;min-width:280px}.pp-search-ico{opacity:.6}.pp-search input{border:none;outline:none;font-size:14px;width:100%;background:transparent}.pp-cards{background:#f6f8fb}.pp-grid{max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width: 1024px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.pp-grid{grid-template-columns:1fr}}.pp-card{background:#fff;border-radius:14px;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 24px #0f172a0f;overflow:hidden;animation:fadeUp .38s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pp-banner{position:relative}.pp-banner-img{height:120px;background:linear-gradient(180deg,#dbeafe,#bfdbfe)}.pp-badge{position:absolute;top:10px;left:12px;background:var(--brand-orange);color:#fff;font-weight:700;padding:6px 10px;border-radius:999px;font-size:12px}.pp-shield{position:absolute;top:10px;right:12px;width:28px;height:28px;display:grid;place-items:center;background:#10b981;color:#fff;border-radius:999px;font-size:14px;box-shadow:0 4px 10px #10b98159}.pp-body{padding:14px}.pp-head{display:flex;align-items:center;gap:10px}.pp-store-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e2f3ff;color:#0ea5e9;font-size:18px;font-weight:700}.pp-title-wrap{display:grid}.pp-title{font-weight:800;color:#0f172a}.pp-sub{font-size:12px;color:#0f172a99}.pp-desc{margin:10px 0;color:#0f172abf;font-size:14px}.pp-meta{display:grid;gap:6px;margin-top:8px}.pp-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#0f172ab3}.pp-meta-row a{color:var(--brand-orange);font-weight:700;text-decoration:none}.pp-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.pp-btn{appearance:none;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a}.pp-btn.primary{background:var(--brand-orange);color:#fff;border-color:color-mix(in srgb,var(--brand-orange),black 12%);box-shadow:0 6px 16px #f7941e59}.pp-btn.ghost{background:#fff;color:var(--brand-orange);border-color:#f7941e59}.pp-btn:active{transform:translateY(1px)}.kz-footer{background:#f8fafc;border-top:1px solid rgba(15,23,42,.06)}.kz-footer-inner{width:100%;margin:0 auto;padding:1px 98px;display:flex;align-items:center;justify-content:space-between;gap:16px}@media (max-width: 992px){.kz-footer-inner{padding-left:20px;padding-right:20px}}.kz-footer-links{display:flex;align-items:center;gap:18px;color:#64748b}.kz-footer-sep{width:2px;height:16px;background:#64748b40;margin:0 4px}.kz-footer-link{font-size:14px;text-decoration:none;color:#64748b}.kz-footer-iconlink{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#e2e8f0;color:#475569}.templates{background:#fff}.templates .kz-section-inner{max-width:1300px}.templates .templates-sub{text-align:center;color:#0f172ab8;max-width:760px;margin:0 auto 25px}.templates .templates-chips{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:10px 0 25px}.templates .tpl-chip{appearance:none;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer}.templates .tpl-chip.is-active{background:var(--brand-orange);border-color:color-mix(in srgb,var(--brand-orange),black 12%);color:#fff;box-shadow:0 6px 16px #f7941e4d}.templates .templates-carousel{position:relative;overflow:visible}.templates .tpl-track{display:flex;gap:24px;overflow:hidden;scroll-behavior:smooth}.templates .tpl-card{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:16px;box-shadow:0 6px 18px #0f172a0f;overflow:hidden;display:flex;flex-direction:column;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;will-change:transform,box-shadow}.templates .tpl-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0f172a1f;border-color:color-mix(in srgb,var(--brand-blue),rgba(15,23,42,.1) 60%)}.templates .tpl-media{position:relative;overflow:hidden;border-bottom:1px solid rgba(15,23,42,.06);aspect-ratio:16/9;background:#f1f5f9}.templates .tpl-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .26s ease;border-radius:16px 16px 0 0}.templates .tpl-card:hover .tpl-media img{transform:scale(1.04)}.templates .tpl-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0000000f);pointer-events:none}.templates .tpl-tag{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent;background:#eef2ff;color:#4338ca}.templates .tpl-body{padding:16px;display:grid;gap:10px}.templates .tpl-title{margin:0;font-size:18px;font-weight:800;letter-spacing:-.2px}.templates .tpl-desc{margin:0;color:#0f172ac7;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.templates .tpl-features{margin:4px 0 2px;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:6px 12px}.templates .tpl-features li{display:flex;align-items:flex-start;font-size:13px;color:#0f172adb}.templates .tpl-features .tick{color:#10b981;font-weight:900;margin-right:6px;line-height:1;transform:translateY(1px);display:inline-block}.templates .tpl-cta{appearance:none;border:1px solid rgba(15,23,42,.12);color:#fff;background:var(--brand-orange);font-weight:800;border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .2s ease}.templates .tpl-cta:hover{background:color-mix(in srgb,var(--brand-orange),white 90%);color:var(--brand-orange);border-color:color-mix(in srgb,var(--brand-orange),black 12%);box-shadow:0 8px 20px #f7941e33;transform:translateY(-1px)}.templates .tpl-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;box-shadow:0 4px 12px #0f172a14;cursor:pointer;z-index:5}.templates .tpl-arrow.left{left:-19px}.templates .tpl-arrow.right{right:-19px}.templates .tpl-tag.cafe{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.templates .tpl-tag.medical{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.templates .tpl-tag.restaurant{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.templates .tpl-tag.grocery{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.templates .tpl-tag.food-court{background:#fdf2f8;color:#9d174d;border-color:#fbcfe8}.templates .tpl-tag.retail{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}@media (max-width: 768px){.templates .tpl-media{aspect-ratio:16/10}.templates .tpl-features{grid-template-columns:1fr}}body{padding-top:64px}@media (max-width: 768px){body{padding-top:56px}}.store-products-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.banner-container{width:100%;max-height:400px;overflow:hidden;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.banner-image{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;justify-content:center;align-items:center;color:#111827;font-size:2rem;font-weight:600}.main-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%;flex:1}.filters-container{margin-bottom:2rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filters-header h2{font-size:1.5rem;font-weight:600;color:#111827}.sort-options{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a}.sort-select{border:none;background:transparent;color:#374151;padding:.25rem .5rem;cursor:pointer;outline:none}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.product-image-container{position:relative;width:100%;height:200px;overflow:hidden}.product-image:hover{transform:scale(1.05)}.discount-badge{position:absolute;top:12px;left:12px;background-color:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.quick-view-btn{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#fffffff2;color:#111827;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s;box-shadow:0 2px 4px #0000001a}.product-card:hover .quick-view-btn{opacity:1}.quick-view-btn:hover{background:#fff}.product-details{padding:1.25rem}.product-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem;display:-webkit-box;display:-moz-box;display:box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;overflow:hidden;line-height:1.4;height:2.8em}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem}.rating{display:flex;align-items:center;color:#f59e0b;font-weight:500}.star-icon{margin-right:.25rem}.star-icon.filled{color:#f59e0b}.reviews{color:#6b7280;margin-left:.25rem}.delivery-info{display:flex;align-items:center;color:#6b7280}.clock-icon{margin-right:.25rem;color:#6b7280}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #e5e7eb}.price-container{display:flex;align-items:center;gap:.5rem}.price{font-size:1.125rem;font-weight:700;color:#111827}.original-price{font-size:.875rem;color:#9ca3af;text-decoration:line-through}.add-to-cart-btn{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-to-cart-btn:hover{background:#2563eb}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.filters-header{flex-direction:column;align-items:flex-start;gap:1rem}.sort-options{width:100%;justify-content:space-between}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.product-image-container{height:180px}.quick-view-btn{opacity:1;padding:.4rem .8rem;font-size:.8rem}}.error-container{text-align:center;padding:2rem;margin-top:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#4f46e5;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:1rem;font-size:1rem}.store-banner{position:relative;margin-bottom:2rem}.banner-image{width:100%;height:400px;object-fit:cover;position:relative;z-index:1}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to right,#fff3,#fff9 30%,#fff6 50%,#fffc 80%,#fff0);z-index:2;pointer-events:none}.banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:90%;max-width:800px;text-align:center;color:#1f2937;padding:2rem}.banner-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.banner-subtitle{font-size:1.25rem;margin-bottom:1.5rem;text-shadow:1px 1px 1px rgba(255,255,255,.8)}.store-info{position:relative;max-width:1200px;margin:0 auto;padding:0 1rem;transform:translateY(-50px)}.store-header{display:flex;align-items:flex-end;gap:1.5rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.store-logo{width:100px;height:100px;border-radius:8px;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}.store-header h1{margin:0 0 .5rem;font-size:1.75rem;color:#1f2937}.store-rating{display:flex;align-items:center;gap:.5rem;color:#4f46e5;font-weight:500;margin-bottom:.5rem}.store-detail{display:flex;align-items:center;gap:.5rem;color:#6b7280;margin:0;font-size:.95rem}.icon{color:#4f46e5}.products-container{max-width:1200px;margin:0 auto 3rem;padding:0 1rem;width:100%}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.products-header h2{font-size:1.5rem;color:#1f2937;margin:0}.sort-options{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.filter-icon{color:#6b7280}.sort-select{border:1px solid #e5e7eb;padding:.5rem;border-radius:6px;background:#fff;color:#4b5563;font-size:.95rem;cursor:pointer;outline:none}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.product-image-container{position:relative;width:100%;height:180px;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;cursor:pointer}.product-card:hover .product-image{transform:scale(1.05)}.badge{position:absolute;top:10px;right:10px;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;z-index:1}.new-badge{background-color:#10b981;color:#fff;left:10px;right:auto}.discount-badge{background-color:#ef4444;color:#fff}.product-info{padding:1rem}.product-name{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-description{color:#6b7280;font-size:.875rem;margin:0 0 .75rem;display:-webkit-box;display:-moz-box;display:box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:2.5em;line-height:1.25}.product-rating{display:flex;align-items:center;gap:.25rem;color:#f59e0b;font-size:.875rem;margin-bottom:.75rem}.star-icon{color:#f59e0b;fill:#f59e0b}.star-icon.filled{fill:#f59e0b}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-price{font-size:1.125rem;font-weight:700;color:#1f2937}.add-to-cart-btn{background-color:#4f46e5;color:#fff;border:none;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.add-to-cart-btn:hover{background-color:#4338ca}.no-products{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#6b7280}@media (max-width: 768px){.store-header{flex-direction:column;align-items:flex-start}.store-logo{width:80px;height:80px}.banner-image{height:150px}.products-header{flex-direction:column;align-items:flex-start;gap:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.product-image-container{height:140px}}.rbo-profile-container{width:100%;padding:1rem;flex:1;background:#f4f4f8;min-height:100vh}.rbo-profile-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #00000014}.rbo-profile-heading{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.tab-navigation{display:flex;background:#fff;border-radius:50px;padding:.25rem;margin-bottom:1rem;box-shadow:0 4px 20px #2a2c4114;gap:2px;border:1px solid rgba(42,44,65,.1);overflow:hidden}.tab-button{flex:1;padding:.625rem 1rem;border:none;background:transparent;color:#2a2c41;font-weight:500;font-size:.85rem;border-radius:25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;opacity:.7}.tab-button:hover{background:#2a2c410d;color:#2a2c41;transform:translateY(-1px);opacity:1;box-shadow:0 2px 8px #2a2c411a}.tab-button.active{background:#2a2c41;color:#fff;box-shadow:0 6px 20px #2a2c4140;transform:translateY(-2px);opacity:1}.tab-button.active:after{content:"";position:absolute;bottom:-.375rem;left:50%;transform:translate(-50%);width:4px;height:4px;background:#2a2c41;border-radius:50%;opacity:.6}.tab-content{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 24px #2a2c410f;border:1px solid rgba(42,44,65,.08)}@media (max-width: 991px){.rbo-profile-container{padding:1rem;margin-left:0;width:100%}}@media (min-width: 1400px){.rbo-profile-container{padding:2rem 3rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rbo-profile-container .form-section{margin-bottom:1.5rem;padding:1.25rem;background:#fafbfc;border-radius:8px;border:1px solid #e2e8f0}.rbo-profile-container .form-label{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.rbo-profile-container .form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rbo-profile-container .input-group{display:flex;flex-direction:column;gap:.5rem}.rbo-profile-container .input-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:0}.rbo-profile-container .form-input,.rbo-profile-container .form-textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#fff;font-family:inherit}.rbo-profile-container .form-input:focus,.rbo-profile-container .form-textarea:focus{outline:none;border-color:#2a2c41;box-shadow:0 0 0 3px #2a2c411a}.rbo-profile-container .form-input:read-only{background:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.rbo-profile-container .form-textarea{resize:vertical;min-height:80px}.rbo-profile-container .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.rbo-profile-container .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.rbo-profile-container .btn-primary{background:#2a2c41;color:#fff}.rbo-profile-container .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2a2c4140;background:#2a2c41e6}.rbo-profile-container .btn-secondary{background:#6b7280;color:#fff}.rbo-profile-container .btn-secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.rbo-profile-container .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.business-overview-responsive{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0}.business-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.75rem}.business-info-responsive h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.business-type-responsive{color:#64748b;font-size:.85rem;margin:0}.branch-indicator-responsive{color:#3b82f6;font-size:.85rem;font-weight:500;margin:.25rem 0 0}.business-status-responsive{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.status-badge-responsive{padding:.125rem .5rem;border-radius:16px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge-responsive.active{background:#dcfce7;color:#166534}.branch-count-responsive{background:#e0e7ff;color:#3730a3;padding:.125rem .375rem;border-radius:10px;font-size:.65rem;font-weight:500}.business-stats-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.stat-item-responsive{display:flex;flex-direction:column;gap:.125rem}.stat-label-responsive{font-size:.7rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-value-responsive{font-size:.85rem;font-weight:600;color:#374151;word-break:break-all}.branch-selector-section{margin-bottom:1.5rem}.branch-selector-title{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:1rem}.branch-grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.branch-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.branch-card:hover{border-color:#2a2c41;transform:translateY(-2px);box-shadow:0 4px 12px #2a2c4126}.branch-card.selected{border-color:#2a2c41;background:#2a2c4105;box-shadow:0 4px 12px #2a2c4126}.branch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.branch-header h4{font-size:1rem;font-weight:600;color:#374151;margin:0}.master-badge{background:#2a2c41;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.branch-details p{margin:.25rem 0;font-size:.85rem;color:#6b7280}.status-active{color:#059669;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1.5rem;text-align:center;color:#dc2626}.error-icon{font-size:2rem;margin-bottom:.5rem}.error-card h3{margin:.5rem 0;color:#dc2626}.error-card p{margin:.5rem 0 1rem;color:#7f1d1d}.business-details-section,.personal-information-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:1px solid #e2e8f0;box-shadow:0 4px 24px #2a2c410f}.section-header-with-edit{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.section-header-with-edit h3{margin:0;font-size:1.25rem;font-weight:700;color:#2a2c41}.edit-button{background:#2a2c41;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-button:hover{background:#2a2c41e6;transform:translateY(-1px)}.business-details-grid,.personal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:.875rem;font-weight:500;color:#374151;word-break:break-word}@media (max-width: 768px){.rbo-profile-container{padding:.75rem}.business-details-section,.personal-information-section{padding:1rem;margin-bottom:.75rem;border-radius:8px}.section-header-with-edit{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem}.section-header-with-edit h3{font-size:1.125rem;text-align:center}.edit-button{width:100%;padding:.75rem;font-size:.875rem;border-radius:8px}.business-details-grid,.personal-details-grid{grid-template-columns:1fr;gap:.75rem}.detail-item{gap:.125rem;padding:.5rem;background:#f8fafc;border-radius:6px;border:1px solid #f1f5f9}.detail-item label{font-size:.6875rem}.detail-item span{font-size:.8125rem;line-height:1.4}.tab-content{padding:1rem}.rbo-profile-container .form-grid-two{grid-template-columns:1fr;gap:.75rem}.rbo-profile-container .form-actions{flex-direction:column}.rbo-profile-container .btn{width:100%}.business-header{flex-direction:column;align-items:flex-start}.business-status-responsive{align-items:flex-start;flex-direction:row;gap:.5rem}.business-stats-responsive{grid-template-columns:1fr;gap:.5rem}.branch-grid-responsive{grid-template-columns:1fr}.tab-navigation{flex-direction:row;gap:4px;padding:4px;margin-bottom:1rem;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0}.tab-button{text-align:center;padding:12px 16px;font-size:14px;font-weight:600;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.tab-button.active{background:#2a2c41;color:#fff;box-shadow:0 2px 8px #2a2c4133;transform:none}.tab-button:hover{background:#2a2c4114;transform:none}.tab-button.active:hover{background:#2a2c41}}.business-form-responsive{background:#fff;border-radius:8px;overflow:hidden}.form-sections-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch;margin-bottom:2rem}.form-sections-row .form-section-responsive{height:100%;display:flex;flex-direction:column}.form-sections-row .form-grid-responsive{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;align-content:start}.form-section-responsive{margin-bottom:1rem;padding:1rem;background:#fafbfc;border-radius:8px;border:1px solid #e2e8f0}.form-section-responsive:last-child{margin-bottom:0}.form-label-responsive{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.75rem;display:block;padding-bottom:.375rem;border-bottom:1px solid #e5e7eb}.form-grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.input-group-responsive{display:flex;flex-direction:column;gap:.375rem}.input-group-responsive.full-width{grid-column:1 / -1}.input-label-responsive{font-size:.875rem;font-weight:500;color:#4b5563}.form-input-responsive,.form-textarea-responsive{padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#fff;font-family:inherit}.form-input-responsive:focus,.form-textarea-responsive:focus{outline:none;border-color:#2a2c41;box-shadow:0 0 0 3px #2a2c411a}.form-input-responsive:read-only,.form-textarea-responsive:read-only{background:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}input[name=description]{padding:1.25rem 1rem;min-height:60px}.form-section-responsive:last-child .form-grid-responsive{grid-template-columns:1fr 1fr;min-width:0}.form-textarea-responsive{resize:vertical;min-height:6px}.form-actions-responsive{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.btn-responsive{padding:.5rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary-responsive{background:#2a2c41;color:#fff}.btn-primary-responsive:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2a2c4140;background:#2a2c41e6}.btn-secondary-responsive{background:#6b7280;color:#fff}.btn-secondary-responsive:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.btn-responsive:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.personal-form{background:#fff;border-radius:8px}.form-subsection{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid #e5e7eb}.form-subsection:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-subsection-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.personal-form .form-section{margin-bottom:1.5rem;padding:1.25rem;background:#fafbfc;border-radius:8px;border:1px solid #e2e8f0}.personal-form .form-section:last-child{margin-bottom:0}.delivery-partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.delivery-partner-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.delivery-partner-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state h4{margin:.5rem 0;color:#374151}.delivery-partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}@media (max-width: 1200px){.delivery-partners-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}}@media (max-width: 768px){.delivery-partners-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}}@media (max-width: 640px){.delivery-partners-grid{grid-template-columns:1fr;gap:10px}}@media (max-width: 480px){.delivery-partners-grid{grid-template-columns:1fr;gap:8px}}.partner-stats-section{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}@media (max-width: 768px){.partner-stats-section{align-items:flex-start;text-align:left;width:100%;flex-direction:row;justify-content:space-between}}@media (max-width: 480px){.partner-stats-section{flex-direction:column;align-items:stretch;gap:8px}}@media (max-width: 640px){.form-grid-responsive,.form-sections-row{grid-template-columns:1fr}.form-actions-responsive{flex-direction:column}.btn-responsive{width:100%}.business-stats-responsive{grid-template-columns:1fr}.rbo-profile-heading{font-size:1.25rem}.tab-navigation{padding:3px;border-radius:10px}.tab-button{padding:10px 12px;font-size:13px;font-weight:600;border-radius:7px}}@media (max-width: 480px){.rbo-profile-container{padding:.5rem}.business-details-section,.personal-information-section{padding:.75rem;margin-bottom:.5rem}.section-header-with-edit{gap:.5rem;margin-bottom:.75rem;padding-bottom:.375rem}.section-header-with-edit h3{font-size:1rem}.edit-button{padding:.625rem;font-size:.8125rem}.business-details-grid,.personal-details-grid{gap:.5rem}.detail-item{gap:.0625rem;padding:.375rem}.detail-item label{font-size:.625rem}.detail-item span{font-size:.75rem;line-height:1.3}.rbo-profile-heading{font-size:1.125rem;margin-bottom:.75rem}.tab-navigation{margin-bottom:.75rem}.tab-button{padding:8px 10px;font-size:12px}.tab-content{padding:.75rem}}