@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600&display=swap";.nav-bar{display:flex;width:100%;height:72px;align-items:center;justify-content:space-between;padding:0 48px;background-color:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.8);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.navigation{display:flex;gap:6px;align-items:center}.navigation .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;color:#10b981;margin-right:32px;cursor:pointer;letter-spacing:-.5px;text-decoration:none}.navigation .logo svg{color:#10b981}.navigation .logo:hover{opacity:.9}.mobile-menu-btn{display:none;width:42px;height:42px;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#4b5563;transition:all .2s ease}.mobile-menu-btn:hover{background:#f3f4f6;color:#10b981}.navigation .nav-link{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-radius:10px;transition:all .2s ease;text-decoration:none;position:relative}.navigation .nav-link:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:0;height:2px;background:#10b981;border-radius:2px;transition:width .2s ease}.navigation .nav-link:hover{color:#10b981}.navigation .nav-link:hover:after{width:20px}.navigation .nav-link svg{flex-shrink:0;opacity:.7}.navigation .nav-link:hover svg{opacity:1}.user-profile{display:flex;gap:16px;align-items:center}.notification-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease}.notification-btn:hover{background-color:#f3f4f6;color:#10b981}.notification-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;background-color:#ef4444;border-radius:50%;border:2px solid white}.user-profile .username{font-size:14px;font-weight:500;color:#374151}.user-profile .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .2s ease}.user-profile .avatar:hover{transform:scale(1.05)}.user-profile .signin{display:flex;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px #10b98140}.user-profile .signin:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.profile-dropdown-container{position:relative}.profile-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 12px 6px 6px;border-radius:28px;transition:all .2s ease}.profile-trigger:hover{background:#f3f4f6}.dropdown-arrow{color:#9ca3af;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f,0 0 1px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;overflow:hidden}.profile-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb}.dropdown-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dropdown-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-name{font-size:15px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#e5e7eb;margin:0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;color:#4b5563;text-decoration:none;transition:all .15s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left}.dropdown-item:hover{background:#f0fdf4;color:#10b981}.dropdown-item svg{flex-shrink:0;opacity:.7}.dropdown-item:hover svg{opacity:1}.dropdown-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}@media(max-width:768px){.nav-bar{padding:0 20px;height:60px}.navigation{gap:4px}.navigation .logo{font-size:20px;margin-right:16px}.navigation .logo span{display:none}.navigation .nav-link{padding:8px 12px;font-size:14px}.navigation .nav-link span{display:none}.user-profile .signin{padding:8px 16px}.user-profile .signin span{display:none}}@media(max-width:640px){.navigation .nav-link,.user-profile .username{display:none}.mobile-menu-btn{display:flex}}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;animation:fadeIn .3s ease}.mobile-menu{position:fixed;top:0;right:0;width:300px;height:100vh;background:#fff;z-index:1200;display:flex;flex-direction:column;animation:slideInRight .3s ease;box-shadow:-4px 0 24px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e7eb}.mobile-menu-title{font-size:18px;font-weight:700;color:#1f2937}.mobile-menu-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease}.mobile-menu-close:hover{background:#f3f4f6;color:#10b981}.mobile-menu-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.mobile-menu-link{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;color:#4b5563;text-decoration:none;border-radius:10px;transition:all .2s ease}.mobile-menu-link:hover,.mobile-menu-link:active{background:#f0fdf4;color:#10b981}.mobile-menu-link svg{flex-shrink:0}.mobile-menu-user{padding:16px;border-top:1px solid #e5e7eb}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:12px}.mobile-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mobile-username{font-size:15px;font-weight:600;color:#1f2937}body.mobile-menu-open{overflow:hidden}:root{--primary: #10b981;--primary-hover: #059669;--primary-light: #ecfdf5;--primary-lighter: #f0fdf4;--primary-dark: #059669;--primary-color: var(--primary);--accent: #047857;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-dark: var(--gray-800);--text-medium: var(--gray-500);--text-light: var(--gray-400);--text-gray: var(--gray-500);--text-muted: var(--gray-400);--bg-light: var(--gray-50);--bg-subtle: var(--gray-50);--primary-bg: var(--primary-light);--border: var(--gray-100);--border-light: var(--gray-50);--border-color: var(--gray-100);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px rgba(16, 185, 129, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-sans: "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--white);color:var(--gray-800);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:transparent}input,textarea,select{font-family:inherit;outline:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::selection{background:var(--primary-light);color:var(--primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;font-family:inherit;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;white-space:nowrap}.bw-btn:disabled{opacity:.5;cursor:not-allowed}.bw-btn-primary{color:#fff;background-color:var(--primary, #10b981);border-color:var(--primary, #10b981)}.bw-btn-primary:hover:not(:disabled){background-color:var(--primary-hover, #059669);border-color:var(--primary-hover, #059669)}.bw-btn-primary:active:not(:disabled){transform:scale(.98)}.bw-btn-secondary{color:#333;background-color:#f5f5f5;border-color:#e5e5e5}.bw-btn-secondary:hover:not(:disabled){background-color:#eee;border-color:#ddd}.bw-btn-outline{color:#555;background-color:transparent;border-color:#e5e5e5}.bw-btn-outline:hover:not(:disabled){border-color:#ccc;background-color:#fafafa}.bw-btn-danger{color:#fff;background-color:#ef4444;border-color:#ef4444}.bw-btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.bw-btn-sm{padding:8px 16px;font-size:13px}.bw-btn-lg{padding:14px 28px;font-size:16px}.bw-btn-full{width:100%}.bw-btn-icon{padding:8px;background:none;border:none;cursor:pointer;color:#888;border-radius:6px;transition:all .2s ease}.bw-btn-icon:hover{background:#f5f5f5;color:#333}.bw-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:bw-fadeIn .2s ease}@keyframes bw-fadeIn{0%{opacity:0}to{opacity:1}}.bw-modal-container{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000026;animation:bw-scaleIn .2s ease}@keyframes bw-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bw-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6}.bw-modal-title{margin:0;font-size:18px;font-weight:600;color:#1f2937}.bw-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease}.bw-modal-close:hover{background:#e5e7eb;color:#374151}.bw-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.bw-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f3f4f6;background:#f9fafb}.bw-card{background:#fff;border-radius:12px;border:1px solid #f3f4f6;overflow:hidden;transition:all .2s ease}.bw-card:hover{box-shadow:0 4px 16px #00000014}.bw-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f3f4f6}.bw-card-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.bw-card-body{padding:20px}.bw-card-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #f3f4f6;background:#f9fafb}.bw-input{width:100%;padding:12px 14px;font-size:14px;font-family:inherit;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;transition:all .2s ease}.bw-input:focus{border-color:var(--primary, #10b981);box-shadow:0 0 0 3px #10b98126}.bw-input::placeholder{color:#999}.bw-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.bw-textarea{resize:vertical;min-height:100px}.bw-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.bw-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px}.bw-badge-primary{background:#10b9811a;color:#059669}.bw-badge-success{background:#22c55e1a;color:#16a34a}.bw-badge-warning{background:#f59e0b1a;color:#d97706}.bw-badge-danger{background:#ef44441a;color:#dc2626}.bw-badge-info{background:#3b82f61a;color:#2563eb}.bw-badge-gray{background:#f3f4f6;color:#6b7280}.bw-flex{display:flex}.bw-flex-col{flex-direction:column}.bw-items-center{align-items:center}.bw-justify-center{justify-content:center}.bw-justify-between{justify-content:space-between}.bw-gap-1{gap:4px}.bw-gap-2{gap:8px}.bw-gap-3{gap:12px}.bw-gap-4{gap:16px}.bw-m-0{margin:0}.bw-p-0{padding:0}.bw-text-center{text-align:center}.bw-text-primary{color:var(--primary, #10b981)}.bw-text-muted{color:#6b7280}.bw-text-danger{color:#ef4444}.bw-font-medium{font-weight:500}.bw-font-semibold{font-weight:600}.bw-font-bold{font-weight:700}.bw-hidden{display:none}@media(max-width:768px){.bw-hide-mobile{display:none!important}}@media(min-width:769px){.bw-hide-desktop{display:none!important}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}.home-hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 5% 80px;overflow:hidden}.home-hero-background{position:absolute;inset:0;z-index:0}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#fffffffa,#fffffff2 30%,#ffffffb3,#ffffff4d 70%,#fff0);z-index:1}.home-hero-pattern{position:absolute;inset:0;background-color:#f0fdf4}.home-hero-pattern img{width:100%;height:100%;object-fit:cover;object-position:right center}.home-hero-container{position:relative;z-index:1;max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.home-hero-content{display:flex;flex-direction:column;gap:24px}.home-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ecfdf5;color:#10b981;font-size:13px;font-weight:600;border-radius:8px;width:fit-content;border:1px solid #d1fae5}.home-hero-badge svg{width:16px;height:16px}.home-hero-title{display:flex;flex-direction:column;gap:8px}.home-title-line{font-size:1.5rem;font-weight:500;color:var(--gray-500)}.home-title-highlight{font-size:4rem;font-weight:800;color:var(--primary);line-height:1.1}.home-hero-description{font-size:1.1rem;line-height:1.7;color:var(--gray-500);max-width:500px}.home-hero-stats{display:flex;align-items:center;gap:24px;padding:20px 0}.home-stat-item{display:flex;flex-direction:column;gap:4px}.home-stat-number{font-size:1.75rem;font-weight:700;color:var(--primary-hover)}.home-stat-label{font-size:14px;color:var(--gray-500)}.home-stat-divider{width:1px;height:40px;background:#d1d5db}.home-hero-cta{display:flex;gap:16px;margin-top:8px}.home-cta-primary,.home-cta-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none}.home-cta-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98140}.home-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.home-cta-secondary{background:#fff;color:var(--hero-text);border:2px solid #e5e7eb}.home-cta-secondary:hover{border-color:var(--hero-primary);color:var(--hero-primary);transform:translateY(-2px)}.home-hero-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.home-visual-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;transition:all .4s ease}.home-visual-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #10b98126}.home-visual-card svg{color:var(--hero-primary)}.home-visual-card span{font-size:14px;font-weight:600;color:var(--hero-text)}.home-visual-card.home-card-1{animation:float 6s ease-in-out infinite}.home-visual-card.home-card-2{animation:float 6s ease-in-out infinite .5s}.home-visual-card.home-card-3{animation:float 6s ease-in-out infinite 1s}.home-visual-card.home-card-4{animation:float 6s ease-in-out infinite 1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--hero-text-light);font-size:12px}.home-mouse{width:24px;height:38px;border:2px solid var(--hero-text-light);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.home-wheel{width:4px;height:8px;background:var(--hero-primary);border-radius:2px;animation:scroll 2s ease-in-out infinite}@keyframes scroll{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.3}}@media(max-width:1024px){.home-hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.home-hero-content{align-items:center}.home-hero-description{max-width:600px}.home-hero-stats,.home-hero-cta{justify-content:center}.home-hero-visual{max-width:400px;margin:0 auto}}@media(max-width:768px){.home-hero-section{padding:100px 20px 60px;min-height:auto}.home-title-highlight{font-size:2.5rem}.home-hero-stats{flex-wrap:wrap;gap:16px}.home-stat-divider{display:none}.home-hero-cta{flex-direction:column;width:100%}.home-cta-primary,.home-cta-secondary{justify-content:center;width:100%}.home-hero-visual{grid-template-columns:repeat(2,1fr);gap:12px}.home-visual-card{padding:20px 16px}.home-scroll-indicator{display:none}}.showcase-section{padding:100px 5%;background:#fff}.showcase-container{max-width:1200px;margin:0 auto}.showcase-header{text-align:center;margin-bottom:60px}.showcase-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:16px}.showcase-title .highlight{color:#10b981}.showcase-subtitle{font-size:1rem;color:#6b7280}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.service-card{position:relative;background:#f9fafb;padding:36px 28px;border-radius:16px;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid transparent;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color);transform:scaleX(0);transition:transform .3s ease}.service-card:hover{transform:translateY(-4px);background:#fff;border-color:#e5e7eb;box-shadow:0 12px 40px #0000000f}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:20px;margin:0 auto 20px;color:var(--accent-color);transition:all .3s ease}.service-card:hover .service-icon{background:var(--accent-color);color:#fff}.service-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:8px}.service-description{font-size:14px;color:#6b7280;margin-bottom:16px}.service-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border-radius:50%;color:#9ca3af;transition:all .3s ease}.service-card:hover .service-arrow{background:var(--accent-color);color:#fff;transform:translate(5px)}.marquee-container{margin-bottom:50px;padding:20px 0;background:#fff;border-radius:16px;overflow:hidden}.marquee{width:100%;overflow:hidden}.marquee-inner{display:flex;gap:24px;animation:marquee 30s linear infinite}.marquee:hover .marquee-inner{animation-play-state:paused}.marquee-item{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f9fafb;border-radius:50px;border:1px solid #e5e7eb}.item-category{padding:4px 10px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:20px}.item-text{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.showcase-footer{text-align:center;padding:32px;background:#f9fafb;border-radius:14px}.showcase-footer p{font-size:1rem;font-weight:500;color:#6b7280}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:30px 20px}}@media(max-width:768px){.showcase-section{padding:60px 20px}.showcase-title{font-size:1.5rem}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{display:flex;flex-direction:row;align-items:center;text-align:left;padding:20px;gap:16px}.service-icon{width:60px;height:60px;margin:0;flex-shrink:0}.service-arrow{margin-left:auto}.showcase-footer p{font-size:.95rem}}.why-section{padding:100px 5%;background:#fff}.why-container{max-width:1200px;margin:0 auto}.why-header{text-align:center;margin-bottom:60px}.why-badge{display:inline-block;padding:8px 16px;background:#fff;color:#10b981;font-size:13px;font-weight:600;border-radius:8px;margin-bottom:16px;border:1px solid #e5e7eb}.why-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:16px}.why-title .highlight{color:#10b981}.why-subtitle{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.why-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}.feature-card{background:#fff;padding:32px 24px;border-radius:14px;text-align:center;transition:all .2s ease;border:1px solid #f3f4f6}.feature-card:hover{border-color:#e5e7eb;box-shadow:0 8px 30px #0000000a;transform:translateY(-2px)}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ecfdf5;border-radius:16px;margin:0 auto 20px;color:#10b981}.feature-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:12px}.feature-description{font-size:14px;color:#6b7280;line-height:1.6}.why-tagline{text-align:center;padding:40px;background:#f9fafb;border-radius:16px}.why-tagline p{font-size:1.1rem;color:#6b7280;font-weight:500}.tagline-highlight{color:#10b981;font-weight:700}@media(max-width:1024px){.why-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.why-section{padding:60px 20px}.why-title{font-size:1.75rem}.why-features{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px 20px}.why-tagline{padding:24px}.why-tagline p{font-size:1rem}}.spoiler-section{padding:80px 5%;background:#fff}.spoiler-container{max-width:1200px;margin:0 auto}.spoiler-header{text-align:center;margin-bottom:50px}.spoiler-badge{display:inline-block;padding:8px 20px;background:#fef3c7;color:#f59e0b;font-size:14px;font-weight:600;border-radius:50px;margin-bottom:16px}.spoiler-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:12px}.spoiler-title .highlight{color:#10b981}.spoiler-subtitle{font-size:1rem;color:#6b7280}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.home-spoiler-product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border:1px solid #f3f4f6}.home-spoiler-product-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}.home-spoiler-product-image{position:relative;height:200px;overflow:hidden;background:#f9fafb}.home-spoiler-product-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;display:block}.home-spoiler-product-card:hover .home-spoiler-product-image img{transform:scale(1.1)}.home-spoiler-product-tag{position:absolute;top:12px;left:12px;padding:6px 12px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:20px}.home-spoiler-product-info{padding:20px}.home-spoiler-product-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:8px}.home-spoiler-product-description{font-size:13px;color:#6b7280;margin-bottom:16px;line-height:1.5}.home-spoiler-product-footer{display:flex;align-items:center;justify-content:space-between}.home-spoiler-product-price{font-size:1.25rem;font-weight:700;color:#10b981}.home-spoiler-product-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;transition:all .3s ease}.home-spoiler-product-btn:hover{background:#10b981;color:#fff}.spoiler-cta{text-align:center;margin-bottom:60px}.view-all-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fff;color:#10b981;font-size:15px;font-weight:600;border:2px solid #10b981;border-radius:12px;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:#10b981;color:#fff}.promo-banner{position:relative;padding:50px;background-image:url(https://cdn.discordapp.com/attachments/1435259791076360212/1449849000755728585/image.png?ex=6940649a&is=693f131a&hm=cb7b4c36ac41b8a70b059be35ed6d3136f177623ab2257ff31ebd95f066f8351&);background-position:center;background-size:cover;border-radius:24px;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:250px}.promo-content{position:relative;z-index:1}.promo-content h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:2px 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.promo-content p{font-size:1rem;color:#fff;margin-bottom:20px;text-shadow:2px 2px 6px rgba(0,0,0,.8),0 0 15px rgba(0,0,0,.6)}.promo-content button{padding:12px 28px;background:#fff;color:#059669;font-size:15px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.promo-content button:hover{background:#f0fdf4;transform:translateY(-2px)}.promo-decoration{position:absolute;right:40px;color:#fff}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}.promo-banner{background:url(https://media.discordapp.net/attachments/1435259791076360212/1449849029222731887/image.png?ex=694064a1&is=693f1321&hm=7640101edfd9123e59231685d33b8359e512e0fe583fc4227bd5e6642dc0cec4&=&format=webp&quality=lossless);background-position:center;background-size:cover}}@media(max-width:768px){.spoiler-section{padding:60px 20px}.spoiler-title{font-size:1.5rem}.products-grid{grid-template-columns:1fr;gap:16px}.home-spoiler-product-image{height:200px}.home-spoiler-product-image img{object-fit:cover}.promo-banner{padding:30px 20px;min-height:200px;background-size:cover;background-position:center}.promo-content h3{font-size:1.25rem}.promo-decoration{display:none}}@media(max-width:480px){.home-spoiler-product-image{height:180px}.promo-banner{padding:24px 16px;min-height:180px}.promo-content h3{font-size:1.1rem}.promo-content p{font-size:.875rem}}.exp-section{padding:80px 5%;background:linear-gradient(180deg,#f9fafb,#fff)}.exp-container{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:80px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #10b98126}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ecfdf5;border-radius:16px;color:#10b981;margin-bottom:16px}.stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280}.testimonials-section{text-align:center}.testimonials-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:40px}.testimonials-title .highlight{color:#10b981}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{position:relative;background:#fff;padding:32px;border-radius:20px;text-align:left;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001a}.quote-icon{position:absolute;top:20px;right:20px;color:#10b981}.testimonial-quote{font-size:15px;color:#4b5563;line-height:1.7;margin-bottom:24px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#10b981;color:#fff;font-size:16px;font-weight:600;border-radius:50%}.author-name{font-size:15px;font-weight:600;color:#1f2937}.author-role{font-size:13px;color:#6b7280}@media(max-width:1024px){.stats-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.exp-section{padding:60px 20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:24px 16px}.stat-number,.testimonials-title{font-size:1.5rem}.testimonials-grid{grid-template-columns:1fr;gap:16px}.testimonial-card{padding:24px}}.steps-section{padding:100px 0;background:linear-gradient(135deg,#f0fdf4,#fff,#ecfdf5);position:relative}.steps-container{max-width:1200px;margin:0 auto;padding:0 24px}.steps-header{text-align:center;margin-bottom:60px}.steps-badge{display:inline-block;padding:8px 20px;background:#10b9811a;color:#10b981;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:16px}.steps-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:16px}.steps-title .highlight{color:#10b981}.steps-subtitle{font-size:1.125rem;color:#6b7280;max-width:500px;margin:0 auto}.steps-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px;position:relative}.steps-timeline:before{content:"";position:absolute;top:24px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#10b981,#34d399,#10b981);z-index:0}.step-item{position:relative;text-align:center}.step-number{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 24px;position:relative;z-index:1;box-shadow:0 4px 15px #10b98166}.step-connector{display:none}.step-content{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(16,185,129,.1);transition:all .3s ease}.step-item:hover .step-content{transform:translateY(-5px);box-shadow:0 12px 30px #10b98126;border-color:#10b981}.step-icon{width:64px;height:64px;background:#10b9811a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#10b981;transition:all .3s ease}.step-item:hover .step-icon{background:#10b981;color:#fff;transform:scale(1.1)}.step-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:12px}.step-description{font-size:.9375rem;color:#6b7280;line-height:1.6}.steps-cta{text-align:center}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:1.0625rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none}.cta-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98166}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.cta-note{margin-top:16px;font-size:.875rem;color:#9ca3af}@media(max-width:1024px){.steps-timeline{grid-template-columns:repeat(2,1fr);gap:32px}.steps-timeline:before{display:none}.step-number{margin-bottom:20px}}@media(max-width:768px){.steps-section{padding:60px 0}.steps-title{font-size:1.875rem}.steps-timeline{grid-template-columns:1fr;gap:24px}.step-content{padding:24px 20px}.step-icon{width:56px;height:56px}}.ContainerMarketUi{margin-top:100px;padding:0 24px 60px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;background:var(--white)}.cart-button{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-lg);cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cart-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #10b98126;border-color:var(--primary)}.cart-button:active{transform:scale(.96)}.cart-icon{display:flex;align-items:center;justify-content:center;color:var(--text-dark)}.cart-icon svg{width:24px;height:24px}.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--primary);color:var(--white);font-size:.7rem;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid var(--white)}.ShopMenu{width:100%;display:flex;flex-direction:column;gap:24px;background:transparent}.PostionItemFillter{width:100%}.ContainerItemFillter{width:100%;display:flex;align-items:center;gap:16px;padding:16px 0;background:transparent;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.MenuItem{flex:1;min-width:0;order:1}.MenuItem .scroll-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:4px 0;margin:0;list-style:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;overscroll-behavior-y:none}.MenuItem .scroll-list::-webkit-scrollbar{display:none}.MenuItem .scroll-list.dragging{cursor:grabbing}.filter-btn{flex-shrink:0;white-space:nowrap;padding:10px 20px;border:1px solid var(--border);border-radius:100px;background:var(--white);cursor:pointer;transition:all .15s ease;color:var(--text-medium);font-weight:500;font-size:.9rem}.filter-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-subtle)}.filter-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.SearchBox{display:flex;align-items:center;gap:0;background:var(--bg-light);border-radius:100px;padding:4px;border:1px solid var(--border);transition:all .15s ease;flex-shrink:0;order:2}.SearchBox:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.SearchBox input{padding:10px 16px;border:none;background:transparent;outline:none;font-size:.9rem;color:var(--text-dark);min-width:200px}.SearchBox input::placeholder{color:var(--text-light)}.SearchBox button{background:var(--primary);color:var(--white);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.SearchBox button:hover{background:var(--primary-dark)}.Market{width:100%;padding:8px 0}.CardShop{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.market-product-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light);display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer}.market-product-card:hover{border-color:var(--border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.market-product-image-area{width:100%;height:200px;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.market-product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.market-product-card:hover .market-product-image{transform:scale(1.05)}.market-product-image-placeholder{display:flex;align-items:center;justify-content:center;opacity:.3;transition:all .2s ease;color:var(--text-medium)}.market-product-image-placeholder svg{width:48px;height:48px}.market-product-card:hover .market-product-image-placeholder{transform:scale(1.1);opacity:.5}.market-product-tag{position:absolute;top:12px;left:12px;background:var(--white);color:var(--primary);padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600;border:1px solid var(--primary-light);z-index:2}.market-product-rating{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;background:#fffffff2;color:#f59e0b;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;z-index:2;box-shadow:0 1px 3px #0000001a}.market-product-rating svg{flex-shrink:0}.market-product-out-of-stock{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:600;z-index:3}.market-product-body{padding:16px;display:flex;flex-direction:column;flex:1;gap:8px}.market-product-title{font-size:.95rem;font-weight:600;color:var(--text-dark);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-product-description{font-size:.8rem;color:var(--text-light);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-product-meta{display:flex;align-items:center;gap:8px}.market-product-sold{font-size:.75rem;color:var(--text-light)}.market-product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--border);gap:12px}.market-product-price{font-size:1.1rem;font-weight:700;color:var(--primary)}.market-product-btn-buy{background:var(--primary);color:var(--white);border:none;padding:10px 20px;border-radius:100px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease}.market-product-btn-buy:hover:not(:disabled){background:var(--primary-dark)}.market-product-btn-buy:active:not(:disabled){transform:scale(.96)}.market-product-btn-buy:disabled{background:#9ca3af;cursor:not-allowed}.no-products{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-light);font-size:1rem}.cart-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.cart-modal{background:var(--white);width:100%;max-width:400px;height:100vh;display:flex;flex-direction:column;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.cart-header h2{margin:0;color:var(--text-dark);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:10px}.cart-header h2 svg{color:var(--primary)}.cart-close{background:var(--bg-light);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.1rem;color:var(--text-medium);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cart-close:hover{background:var(--primary-light);color:var(--primary)}.cart-items{flex:1;overflow-y:auto;padding:16px;background:var(--bg-light)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-light)}.empty-icon{opacity:.3;color:var(--text-light)}.empty-icon svg{width:48px;height:48px}.cart-item{background:var(--white);padding:16px;margin-bottom:8px;border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .15s ease}.cart-item:hover{border-color:var(--border)}.cart-item-info h4{margin:0 0 4px;color:var(--text-dark);font-size:.95rem;font-weight:600}.cart-item-price{color:var(--primary);font-weight:600;font-size:1rem;margin:0}.cart-item-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.qty-btn{background:var(--bg-light);border:1px solid var(--border);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-dark);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.qty-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.qty-display{min-width:32px;text-align:center;font-weight:600;color:var(--text-dark);font-size:.95rem}.remove-btn{background:transparent;border:none;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;margin-left:auto;color:var(--text-light);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{color:#ef4444;background:#fef2f2}.cart-footer{padding:20px 24px;border-top:1px solid var(--border-light);background:var(--white)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1rem;color:var(--text-dark)}.total-price{font-size:1.5rem;color:var(--primary);font-weight:700}.checkout-btn{width:100%;padding:14px;background:var(--text-dark);color:var(--white);border:none;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.checkout-btn:hover{background:var(--primary)}.checkout-btn:disabled{background:var(--border);cursor:not-allowed}.market-detail-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1001;display:flex;justify-content:center;align-items:center;padding:24px;animation:fadeIn .2s ease}.product-detail-modal{background:var(--white);border-radius:var(--radius-xl);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.detail-close{position:absolute;top:16px;right:16px;background:var(--white);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.1rem;color:var(--text-medium);display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10;box-shadow:var(--shadow-md)}.detail-close:hover{background:var(--primary-light);color:var(--primary)}.detail-image-area{width:100%;height:240px;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;position:relative}.detail-image-placeholder{display:flex;align-items:center;justify-content:center;opacity:.25;color:var(--text-medium)}.detail-image-placeholder svg{width:64px;height:64px}.detail-tag{position:absolute;bottom:16px;left:16px;background:var(--white);color:var(--primary);padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:600;border:1px solid var(--primary-light)}.detail-brand-tag{position:absolute;top:16px;left:16px;background:var(--text-dark);color:var(--white);padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:600}.detail-content{padding:28px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.detail-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0;line-height:1.3;flex:1}.detail-rating{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.rating-stars{display:flex;align-items:center;gap:4px;font-size:.95rem;font-weight:600;color:#f59e0b}.rating-stars svg{width:16px;height:16px}.rating-count{font-size:.75rem;color:var(--text-light)}.detail-description{font-size:.95rem;color:var(--text-medium);margin:0 0 24px;line-height:1.7}.detail-specs{background:var(--bg-subtle);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.specs-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-dark);margin:0 0 16px}.specs-title svg{color:var(--primary)}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spec-item{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.spec-value{font-size:.85rem;font-weight:600;color:var(--text-dark)}.detail-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.detail-info-item{background:var(--bg-light);padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.detail-label{display:block;font-size:.7rem;color:var(--text-light);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9rem;font-weight:600;color:var(--text-dark)}.detail-sold{color:var(--primary)}.detail-status{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:500}.status-badge.in-stock{background:var(--primary-light);color:var(--primary-dark)}.status-shipping{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:500;background:#fef3c7;color:#b45309}.detail-footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border-light);gap:16px}.detail-price-section{display:flex;flex-direction:column}.detail-price{font-size:1.75rem;font-weight:700;color:var(--primary)}.detail-price-note{font-size:.7rem;color:var(--text-light)}.detail-actions{display:flex;align-items:center;gap:12px}.quantity-selector{display:flex;align-items:center;background:var(--bg-light);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.qty-control-btn{background:transparent;border:none;width:40px;height:40px;cursor:pointer;font-size:1.2rem;font-weight:500;color:var(--text-dark);transition:all .15s ease}.qty-control-btn:hover{background:var(--primary-light);color:var(--primary)}.qty-value{min-width:40px;text-align:center;font-weight:600;color:var(--text-dark);font-size:1rem}.detail-btn-buy{display:flex;align-items:center;gap:8px;background:var(--text-dark);color:var(--white);border:none;padding:14px 28px;border-radius:100px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.detail-btn-buy svg{width:18px;height:18px}.detail-btn-buy:hover{background:var(--primary)}.detail-btn-buy:active{transform:scale(.98)}@media(max-width:1024px){.ContainerMarketUi{padding:0 16px 40px;margin-top:80px}.CardShop{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.filter-btn{padding:8px 16px;font-size:.85rem}.SearchBox input{min-width:160px}}@media(max-width:768px){.ContainerItemFillter{flex-direction:column;align-items:stretch;gap:12px;padding:12px 0}.MenuItem{width:100%;order:2}.MenuItem .scroll-list{padding:8px 4px}.filter-btn{padding:10px 18px;font-size:.85rem}.SearchBox{width:100%;order:1}.SearchBox input{flex:1;min-width:unset;width:100%}.cart-button{width:50px;height:50px;bottom:24px;right:24px}.cart-modal{max-width:100%}.CardShop{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.market-product-image-area{height:150px}.market-product-body{padding:16px}}@media(max-width:480px){.ContainerMarketUi{padding:0 12px 32px;margin-top:70px}.ContainerItemFillter{gap:10px;padding:10px 0}.filter-btn{padding:8px 14px;font-size:.8rem}.SearchBox{padding:3px}.SearchBox input{padding:8px 12px;font-size:.85rem}.SearchBox button{width:32px;height:32px}.CardShop{grid-template-columns:1fr;gap:12px}.market-product-card{flex-direction:row;height:auto}.market-product-image-area{width:120px;height:auto;min-height:120px;flex-shrink:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.market-product-image{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.market-product-image-placeholder{font-size:2rem;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.market-product-tag{display:none}.market-product-body{padding:14px;gap:6px}.market-product-title{font-size:.95rem}.market-product-description{font-size:.8rem;-webkit-line-clamp:1;line-clamp:1}.market-product-footer{flex-direction:column;align-items:flex-start;gap:8px;padding-top:10px}.market-product-price{font-size:1.1rem}.market-product-btn-buy{padding:8px 16px;font-size:.8rem}.product-detail-modal{max-width:100%;border-radius:var(--radius-lg);max-height:95vh}.detail-image-area{height:200px}.detail-content{padding:20px}.detail-header{flex-direction:column;gap:10px}.detail-rating{flex-direction:row;gap:8px}.detail-title{font-size:1.25rem}.specs-grid{grid-template-columns:1fr}.detail-status{flex-direction:column;gap:8px}.detail-footer{flex-direction:column;gap:16px}.detail-price-section{width:100%;text-align:center}.detail-actions{width:100%;justify-content:center}.detail-btn-buy{flex:1;text-align:center}.cart-header{padding:20px}.cart-header h2{font-size:1.1rem}.cart-footer{padding:16px 20px}.total-price{font-size:1.25rem}.checkout-btn{padding:12px;font-size:.95rem}}.cart-items::-webkit-scrollbar,.product-detail-modal::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track,.product-detail-modal::-webkit-scrollbar-track{background:var(--bg-light)}.cart-items::-webkit-scrollbar-thumb,.product-detail-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cart-items::-webkit-scrollbar-thumb:hover,.product-detail-modal::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.market-detail-modal-new{position:relative;background:#fff;border-radius:20px;max-width:1100px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040}.detail-close-new{position:absolute;top:20px;right:20px;z-index:10;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.detail-close-new:hover{background:#f8fffe;border-color:var(--primary);transform:rotate(90deg)}.detail-modal-content-new{display:grid;grid-template-columns:480px 1fr;height:90vh;overflow:hidden}.detail-left-section{background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:40px;border-right:1px solid #e5e7eb}.detail-image-container{width:100%;height:100%;max-height:600px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d}.detail-image-placeholder-new{display:flex;align-items:center;justify-content:center;color:#d1d5db}.detail-right-section{padding:40px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.detail-right-section::-webkit-scrollbar{width:6px}.detail-right-section::-webkit-scrollbar-track{background:#f8f9fa}.detail-right-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.detail-right-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.detail-title-new{margin:0;font-size:28px;font-weight:700;color:#1f2937;line-height:1.3}.detail-meta-badges{display:flex;gap:12px;flex-wrap:wrap}.detail-sku-badge{padding:6px 14px;background:#f3f4f6;color:#6b7280;border-radius:20px;font-size:13px;font-weight:600;font-family:monospace}.detail-category-badge{padding:6px 14px;background:#d1fae5;color:var(--primary-dark);border-radius:20px;font-size:13px;font-weight:600}.detail-price-box{padding:20px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.detail-main-price{font-size:36px;font-weight:700;color:var(--primary)}.detail-stock-warning{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fef3c7;color:#92400e;border-radius:8px;font-size:14px;font-weight:600;align-self:flex-start}.detail-description-section,.detail-specs-section{display:flex;flex-direction:column;gap:12px}.detail-section-title{margin:0;font-size:18px;font-weight:700;color:#1f2937}.detail-description-text{margin:0;font-size:15px;line-height:1.7;color:#4b5563}.detail-specs-grid-new{display:grid;gap:12px}.detail-spec-card{display:flex;align-items:center;gap:14px;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e5e7eb}.detail-spec-card svg{color:var(--primary);flex-shrink:0}.detail-spec-card>div{display:flex;flex-direction:column;gap:4px}.spec-card-label{font-size:12px;color:#6b7280;font-weight:500}.spec-card-value{font-size:15px;color:#1f2937;font-weight:600}.detail-actions-new{display:flex;gap:12px;padding:20px 0}.detail-cart-btn,.detail-buy-btn,.detail-out-of-stock-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.detail-cart-btn{background:#fff;color:var(--primary);border:2px solid var(--primary)}.detail-cart-btn:hover{background:#d1fae5;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.detail-buy-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #10b9814d}.detail-buy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.detail-out-of-stock-btn{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.detail-seller-section{padding-top:20px;border-top:1px solid #e5e7eb}.seller-info-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#4b5563;font-weight:600}.seller-info-badge svg{color:var(--primary)}@media(max-width:1024px){.detail-modal-content-new{grid-template-columns:400px 1fr}}@media(max-width:768px){.market-detail-modal-new{width:100%;max-height:100vh;height:100vh;border-radius:0}.detail-modal-content-new{grid-template-columns:1fr;height:100vh}.detail-left-section{height:300px;padding:20px;border-right:none;border-bottom:1px solid #e5e7eb}.detail-image-container{max-height:250px}.detail-right-section{padding:24px 20px}.detail-title-new{font-size:22px}.detail-main-price{font-size:28px}.detail-actions-new{flex-direction:column}.detail-cart-btn,.detail-buy-btn,.detail-out-of-stock-btn{width:100%}}.market-promo-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.market-promo-card{display:flex;align-items:center;justify-content:space-between;padding:24px;border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.market-promo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.market-promo-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.market-promo-secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.market-promo-accent{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.market-promo-content{z-index:1}.market-promo-tag{display:inline-block;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;font-weight:600;margin-bottom:8px}.market-promo-card h3{font-size:1.25rem;font-weight:700;margin-bottom:4px;color:#fff}.market-promo-card p{font-size:13px;opacity:.9;margin-bottom:12px;color:#fff}.market-promo-btn{padding:8px 16px;background:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease}.market-promo-primary .market-promo-btn{color:var(--primary-dark)}.market-promo-secondary .market-promo-btn{color:#d97706}.market-promo-accent .market-promo-btn{color:#4f46e5}.market-promo-btn:hover{transform:scale(1.05)}.market-promo-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.market-promo-icon svg{width:80px;height:80px}.wide-banner{width:100%;margin-bottom:40px;border-radius:var(--radius-xl);overflow:hidden;position:relative}.wide-banner-content{display:flex;align-items:center;justify-content:space-between;padding:48px 56px;position:relative;z-index:1;min-height:280px;background-image:url(https://t4.ftcdn.net/jpg/06/91/17/95/360_F_691179587_QSctAaNAIbYMjexjEV3w8clmvzcXmJuU.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.wide-banner-text{flex:1;max-width:600px}.wide-banner-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:#fff;font-size:13px;font-weight:600;margin-bottom:16px}.wide-banner-badge svg{width:16px;height:16px}.wide-banner-title{font-size:2.5rem;font-weight:900;color:#fff;line-height:1.2;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.2);letter-spacing:-.5px}.wide-banner-title .highlight{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3)}.wide-banner-subtitle{font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:24px;line-height:1.5;text-shadow:1px 1px 3px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.3)}.wide-banner-cta{display:flex;gap:12px}.wide-banner-btn{padding:12px 28px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.wide-banner-btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px #10b98166}.wide-banner-btn.primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.wide-banner-btn.secondary{background:#fffffff2;color:#1f2937;border:none;box-shadow:0 4px 15px #00000026}.wide-banner-btn.secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.wide-banner-visual{position:relative;display:flex;align-items:center;justify-content:center}.discount-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;background:#fff;border-radius:50%;box-shadow:0 20px 40px #0003;position:relative;z-index:2}.discount-number{font-size:3.5rem;font-weight:900;color:var(--primary);line-height:1}.discount-percent{font-size:1.5rem;font-weight:700;color:var(--primary);position:absolute;top:28px;right:24px}.discount-text{font-size:14px;font-weight:700;color:var(--text-medium);letter-spacing:2px}.decorative-circles{position:absolute;width:100%;height:100%;pointer-events:none}.circle{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.circle-1{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite}.circle-2{width:260px;height:260px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite .5s}.circle-3{width:320px;height:320px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite 1s}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.05)}}.section-header{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.title-icon{display:flex;align-items:center;justify-content:center;color:var(--primary)}.title-icon svg{width:24px;height:24px}.section-subtitle{font-size:15px;color:var(--text-medium)}.features-section{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:32px;background:var(--bg-subtle);border-radius:var(--radius-lg);margin-top:40px}.feature-item{display:flex;align-items:center;gap:16px}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);flex-shrink:0}.feature-icon svg{width:24px;height:24px}.feature-text h4{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.feature-text p{font-size:13px;color:var(--text-medium)}@media(max-width:1024px){.market-promo-banners{grid-template-columns:repeat(2,1fr)}.market-promo-banners .market-promo-card:last-child{grid-column:span 2}.features-section{grid-template-columns:repeat(2,1fr)}.wide-banner-content{padding:40px}.wide-banner-title{font-size:2rem}.discount-badge{width:120px;height:120px}.discount-number{font-size:2.8rem}.circle-1{width:160px;height:160px}.circle-2{width:210px;height:210px}.circle-3{width:260px;height:260px}}@media(max-width:768px){.market-promo-banners{grid-template-columns:1fr}.market-promo-banners .market-promo-card:last-child{grid-column:span 1}.market-promo-icon{display:none}.features-section{grid-template-columns:1fr;padding:24px}.wide-banner-content{flex-direction:column;text-align:center;padding:32px 24px;gap:32px}.wide-banner-text{max-width:100%}.wide-banner-title{font-size:1.75rem}.wide-banner-cta{justify-content:center}.decorative-circles{display:none}}@media(max-width:480px){.wide-banner-content{padding:24px 16px}.wide-banner-title{font-size:1.5rem}.wide-banner-subtitle{font-size:14px}.wide-banner-cta{flex-direction:column;width:100%}.wide-banner-btn{width:100%;text-align:center}.discount-badge{width:100px;height:100px}.discount-number{font-size:2.2rem}.discount-percent{font-size:1.2rem;top:20px;right:16px}.discount-text{font-size:12px}}.market-customer-view-modal{background:#fff;border-radius:16px;max-width:1000px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px #00000026;animation:scaleIn .2s ease}.market-cv-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f3f4f6;background:#fff;position:sticky;top:0;z-index:10}.market-cv-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937}.market-cv-title svg{color:#10b981}.market-cv-close{background:none;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.market-cv-close:hover{background:#f3f4f6;color:#1f2937}.market-cv-content{display:grid;grid-template-columns:400px 1fr;gap:32px;padding:24px}.market-cv-image-section{position:relative}.market-cv-main-image{position:relative;width:100%;height:400px;background:#f9fafb;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.market-cv-main-image img{width:100%;height:100%;object-fit:contain}.market-cv-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.market-cv-out-of-stock-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.market-cv-out-of-stock-overlay span{background:#ef4444;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600}.market-cv-thumbnails{display:flex;gap:8px;margin-top:12px}.market-cv-thumbnail{overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease}.market-cv-thumbnail img{width:100%;height:100%;object-fit:cover}.market-cv-thumbnail:hover{border-color:var(--border)}.market-cv-thumbnail.active{border-color:var(--primary)}.market-cv-info-section{display:flex;flex-direction:column;gap:28px}.market-cv-store-badge{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,var(--bg-subtle) 0%,var(--bg-light) 100%);border-radius:14px;border:1px solid var(--border)}.market-cv-store-logo{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.market-cv-store-details{display:flex;flex-direction:column;gap:6px}.market-cv-store-name{font-size:16px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:6px}.market-cv-store-rating{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-medium)}.market-cv-store-rating svg{display:inline}.market-cv-product-header{display:flex;flex-direction:column;gap:12px}.market-cv-product-title{margin:0;font-size:28px;font-weight:700;color:var(--text-dark);line-height:1.3}.market-cv-product-meta{display:flex;gap:12px;flex-wrap:wrap}.market-cv-sku-badge,.market-cv-category-badge,.market-cv-status-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.market-cv-sku-badge{background:var(--bg-subtle);color:var(--text-medium);font-family:monospace}.market-cv-category-badge,.market-cv-status-badge.in-stock{background:var(--primary-light);color:var(--primary-dark)}.market-cv-status-badge.out-of-stock{background:#fee2e2;color:#dc2626}.market-cv-rating-summary{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff8e1;border-radius:14px;border:1px solid #ffe082}.market-cv-rating-big{font-size:48px;font-weight:800;color:#f59e0b;line-height:1}.market-cv-rating-details{display:flex;flex-direction:column;gap:6px}.market-cv-stars-row{display:flex;gap:4px}.market-cv-rating-details span{font-size:14px;color:var(--text-medium)}.market-cv-price-section{display:flex;flex-direction:column;gap:10px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.market-cv-main-price{font-size:36px;font-weight:700;color:var(--primary)}.market-cv-stock-warning{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff3cd;color:#856404;border-radius:8px;font-size:14px;font-weight:600;align-self:flex-start}.market-cv-actions{display:flex;gap:12px;padding:20px 0}.market-cv-cart-btn,.market-cv-buy-btn,.market-cv-out-of-stock-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.market-cv-cart-btn{background:#fff;color:var(--primary);border:2px solid var(--primary)}.market-cv-cart-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.market-cv-buy-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #10b9814d}.market-cv-buy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.market-cv-out-of-stock-btn{background:var(--border);color:var(--text-light);cursor:not-allowed}.market-cv-tabs{display:flex;gap:8px;padding:16px 0;border-bottom:2px solid var(--border);margin-bottom:0}.market-cv-tab-btn{padding:12px 24px;background:transparent;border:none;border-radius:10px;font-size:15px;font-weight:600;color:var(--text-medium);cursor:pointer;transition:all .3s ease}.market-cv-tab-btn:hover{background:var(--bg-subtle);color:var(--text-dark)}.market-cv-tab-btn.active{background:var(--primary);color:#fff}.market-cv-tab-content{padding:24px 0;min-height:200px}.market-cv-details-tab{display:flex;flex-direction:column;gap:28px}.market-cv-description h3,.market-cv-specs h3{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--text-dark)}.market-cv-description p{margin:0;font-size:15px;line-height:1.7;color:var(--text-medium)}.market-cv-specs-grid{display:grid;gap:16px}.market-cv-spec-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-subtle);border-radius:12px;border:1px solid var(--border)}.market-cv-spec-item svg{color:var(--primary);flex-shrink:0}.market-cv-spec-item>div{display:flex;flex-direction:column;gap:4px}.market-cv-spec-item .spec-label{font-size:12px;color:var(--text-light);font-weight:500}.market-cv-spec-item .spec-value{font-size:15px;color:var(--text-dark);font-weight:600}.market-cv-reviews-tab,.market-cv-reviews-list{display:flex;flex-direction:column;gap:20px}.market-cv-review-item{padding:20px;background:var(--bg-subtle);border-radius:14px;border:1px solid var(--border)}.market-cv-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.market-cv-reviewer-info{display:flex;align-items:center;gap:12px}.market-cv-reviewer-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.market-cv-reviewer-info>div{display:flex;flex-direction:column;gap:4px}.market-cv-reviewer-name{font-size:15px;font-weight:700;color:var(--text-dark)}.market-cv-review-date{font-size:13px;color:var(--text-light)}.market-cv-review-rating{display:flex;gap:3px}.market-cv-review-comment{margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--text-medium)}.market-cv-review-images{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.market-cv-review-images img{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:transform .3s ease}.market-cv-review-images img:hover{transform:scale(1.05)}.market-cv-review-footer{padding-top:14px;border-top:1px solid var(--border)}.market-cv-helpful-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-medium);cursor:pointer;transition:all .3s ease}.market-cv-helpful-btn:hover{border-color:var(--primary);color:var(--primary)}.market-cv-no-reviews{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.market-cv-no-reviews svg{color:var(--border);margin-bottom:16px}.market-cv-no-reviews p{margin:0;font-size:16px;font-weight:600;color:var(--text-medium)}.market-cv-no-reviews span{margin-top:6px;font-size:14px;color:var(--text-light)}.market-cv-comments-tab{display:flex;flex-direction:column;gap:24px}.market-cv-comments-tab h3{margin:0;font-size:18px;font-weight:700;color:var(--text-dark)}.market-cv-comment-rating{display:flex;flex-direction:column;gap:12px}.market-cv-comment-rating label,.market-cv-comment-text label,.market-cv-comment-images>label{font-size:14px;font-weight:600;color:var(--text-medium)}.market-cv-rating-selector{display:flex;align-items:center;gap:12px}.market-cv-rating-selector svg{cursor:pointer;transition:transform .2s ease}.market-cv-rating-selector svg:hover{transform:scale(1.2)}.market-cv-rating-text{font-size:14px;font-weight:600;color:#f59e0b;min-width:80px}.market-cv-comment-text{display:flex;flex-direction:column;gap:12px}.market-cv-comment-text textarea{width:100%;padding:16px;border:2px solid var(--border);border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;transition:border-color .3s ease}.market-cv-comment-text textarea:focus{outline:none;border-color:var(--primary)}.market-cv-comment-text textarea::placeholder{color:var(--text-light)}.market-cv-comment-images{display:flex;flex-direction:column;gap:12px}.market-cv-image-upload-area{display:flex;gap:12px;flex-wrap:wrap}.market-cv-uploaded-image{position:relative;width:80px;height:80px}.market-cv-uploaded-image img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.market-cv-remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#e74c3c;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.market-cv-remove-image:hover{transform:scale(1.1)}.market-cv-add-image-btn{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--bg-subtle);border:2px dashed var(--border);border-radius:10px;cursor:pointer;transition:all .3s ease}.market-cv-add-image-btn:hover{border-color:var(--primary);background:var(--primary-light)}.market-cv-add-image-btn svg{color:var(--text-light)}.market-cv-add-image-btn span{font-size:11px;color:var(--text-light)}.market-cv-image-hint{font-size:12px;color:var(--text-light)}.market-cv-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;align-self:flex-start}.market-cv-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media(max-width:1024px){.market-cv-content{grid-template-columns:400px 1fr;gap:30px;padding:30px}.market-cv-main-image{height:400px}}@media(max-width:768px){.market-customer-view-modal{margin:0;border-radius:0;max-height:100vh;height:100vh}.market-cv-content{grid-template-columns:1fr;padding:20px;gap:24px}.market-cv-main-image{height:300px}.market-cv-image-section{position:relative}.market-cv-product-title{font-size:22px}.market-cv-main-price{font-size:28px}.market-cv-actions{flex-direction:column}.market-cv-cart-btn,.market-cv-buy-btn,.market-cv-out-of-stock-btn{width:100%}.market-cv-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.market-cv-tab-btn{white-space:nowrap;padding:10px 16px;font-size:14px}}.checkout-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1002;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s ease}.checkout-modal{background:var(--white);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .2s ease;overflow:hidden}.checkout-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.checkout-header h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.checkout-header h2 svg{color:var(--primary)}.checkout-close-btn{background:none;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-light);transition:all .15s ease}.checkout-close-btn:hover{background:var(--bg-subtle);color:var(--text-dark)}.checkout-progress{display:flex;align-items:center;justify-content:center;padding:20px 24px;background:var(--bg-subtle);gap:8px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px}.progress-step .step-number{width:32px;height:32px;border-radius:50%;background:var(--border);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all .2s ease}.progress-step.active .step-number,.progress-step.completed .step-number{background:var(--primary);color:#fff}.progress-step span{font-size:.75rem;color:var(--text-light);font-weight:500}.progress-step.active span{color:var(--primary)}.progress-line{width:40px;height:2px;background:var(--border);margin-bottom:20px}.checkout-content{flex:1;overflow-y:auto;padding:24px}.checkout-step h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-dark);margin:0 0 20px}.checkout-step h3 svg{color:var(--primary)}.checkout-form{display:flex;flex-direction:column;gap:16px}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-medium)}.form-group input,.form-group textarea{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-dark);transition:all .15s ease;outline:none;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group textarea{resize:none}.payment-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.payment-option{display:flex;align-items:center;padding:16px;border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.payment-option:hover{border-color:var(--border)}.payment-option.selected{border-color:var(--primary);background:var(--primary-light)}.payment-option input{display:none}.payment-option-content{display:flex;align-items:center;gap:14px;width:100%}.payment-option-content svg{color:var(--text-light);flex-shrink:0}.payment-option.selected .payment-option-content svg{color:var(--primary)}.payment-option-content div{display:flex;flex-direction:column}.payment-title{font-size:.9375rem;font-weight:600;color:var(--text-dark)}.payment-desc{font-size:.8125rem;color:var(--text-light)}.card-form{background:var(--bg-subtle);padding:20px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px}.qr-payment{text-align:center;padding:30px;background:var(--bg-subtle);border-radius:var(--radius-md)}.qr-code-placeholder{width:160px;height:160px;margin:0 auto 16px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:2px solid var(--border)}.qr-code-placeholder svg{color:var(--text-dark)}.qr-instruction{font-size:.875rem;color:var(--text-medium);margin:0 0 8px}.qr-amount{font-size:1rem;color:var(--text-dark);margin:0}.qr-amount strong{color:var(--primary);font-size:1.25rem}.order-summary{display:flex;flex-direction:column;gap:20px}.summary-section{padding-bottom:16px;border-bottom:1px solid var(--border-light)}.summary-section h4{font-size:.875rem;font-weight:600;color:var(--text-medium);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.order-items{display:flex;flex-direction:column;gap:8px}.order-item{display:flex;align-items:center;gap:12px;padding:8px 0}.order-item .item-name{flex:1;font-size:.875rem;color:var(--text-dark)}.order-item .item-qty{font-size:.8125rem;color:var(--text-light);padding:2px 8px;background:var(--bg-subtle);border-radius:4px}.order-item .item-price{font-size:.875rem;font-weight:600;color:var(--text-dark)}.shipping-summary{font-size:.875rem;line-height:1.6}.shipping-summary p{margin:0;color:var(--text-medium)}.shipping-summary p strong{color:var(--text-dark)}.shipping-summary .note{margin-top:8px;color:var(--text-light);font-style:italic}.payment-summary{font-size:.9375rem;color:var(--text-dark);margin:0}.price-breakdown{background:var(--bg-subtle);padding:16px;border-radius:var(--radius-md)}.price-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.875rem;color:var(--text-medium)}.price-row.total{border-top:1px solid var(--border);margin-top:8px;padding-top:16px;font-size:1.125rem;font-weight:700;color:var(--text-dark)}.price-row.total span:last-child{color:var(--primary)}.checkout-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid var(--border-light);background:var(--white)}.footer-left,.footer-right{display:flex;gap:12px}.checkout-back-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:transparent;border:1px solid var(--border);border-radius:100px;color:var(--text-medium);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.checkout-back-btn:hover{background:var(--bg-subtle);border-color:var(--text-light)}.checkout-next-btn,.checkout-confirm-btn{display:flex;align-items:center;gap:6px;padding:12px 24px;background:var(--text-dark);border:none;border-radius:100px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.checkout-next-btn:hover:not(:disabled),.checkout-confirm-btn:hover:not(:disabled){background:var(--primary)}.checkout-next-btn:disabled,.checkout-confirm-btn:disabled{background:var(--border);cursor:not-allowed}.checkout-confirm-btn{background:var(--primary)}.checkout-confirm-btn:hover:not(:disabled){background:var(--primary-dark)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.order-complete-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1003;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s ease}.order-complete-modal{background:var(--white);border-radius:var(--radius-xl);max-width:420px;width:100%;padding:40px;text-align:center;animation:scaleIn .3s ease}.success-animation{margin-bottom:24px}.success-checkmark{width:80px;height:80px;margin:0 auto;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkmarkPop .4s ease .2s both}.success-checkmark svg{color:var(--primary)}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.order-complete-modal h2{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0 0 16px}.order-number-label{font-size:.8125rem;color:var(--text-light);margin:0}.order-number{font-size:1.5rem;font-weight:700;color:var(--primary);margin:4px 0 20px;font-family:Monaco,Menlo,monospace}.order-info{background:var(--bg-subtle);padding:16px;border-radius:var(--radius-md);margin-bottom:24px}.order-info p{font-size:.875rem;color:var(--text-medium);margin:0;line-height:1.6}.order-actions{display:flex;flex-direction:column;gap:12px}.view-order-btn,.continue-shopping-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:100px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.view-order-btn{background:transparent;border:1px solid var(--border);color:var(--text-dark)}.view-order-btn:hover{background:var(--bg-subtle);border-color:var(--text-light)}.continue-shopping-btn{background:var(--primary);border:none;color:#fff}.continue-shopping-btn:hover{background:var(--primary-dark)}@media(max-width:640px){.checkout-modal{max-height:100vh;border-radius:var(--radius-lg)}.checkout-progress{padding:16px}.progress-step span{display:none}.progress-line{width:30px;margin-bottom:0}.checkout-content{padding:20px}.form-row,.form-row-3{grid-template-columns:1fr}.checkout-footer{flex-direction:column;gap:12px}.footer-left,.footer-right{width:100%}.checkout-back-btn,.checkout-next-btn,.checkout-confirm-btn{width:100%;justify-content:center}.order-complete-modal{padding:30px 24px}}.pdm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;display:flex;justify-content:center;align-items:center;padding:16px}.pdm-modal{background:#fff;border-radius:16px;max-width:880px;width:100%;max-height:92vh;overflow-y:auto;position:relative;animation:pdmSlide .2s ease}@keyframes pdmSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pdm-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;z-index:10;transition:all .15s}.pdm-close:hover{background:#f3f4f6;color:#1f2937}.pdm-body{display:grid;grid-template-columns:380px 1fr;gap:24px;padding:20px}.pdm-gallery{display:flex;flex-direction:column;gap:10px}.pdm-image{position:relative;width:100%;aspect-ratio:1;background:#f9fafb;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.pdm-image img{width:100%;height:100%;object-fit:contain}.pdm-no-image{color:#d1d5db}.pdm-sold-out{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600}.pdm-thumbs{display:flex;gap:6px}.pdm-thumb{width:52px;height:52px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:#f9fafb;transition:all .15s}.pdm-thumb img{width:100%;height:100%;object-fit:cover}.pdm-thumb:hover{border-color:#e5e7eb}.pdm-thumb.active{border-color:#10b981}.pdm-info{display:flex;flex-direction:column;gap:12px;padding-top:4px}.pdm-store-link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f9fafb;border-radius:10px;text-decoration:none;transition:all .15s}.pdm-store-link:hover{background:#f3f4f6}.pdm-store-icon{width:36px;height:36px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.pdm-store-info{display:flex;flex-direction:column;gap:2px}.pdm-store-name{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#1f2937}.pdm-store-action{font-size:12px;color:#10b981}.pdm-title{margin:0;font-size:20px;font-weight:700;color:#1f2937;line-height:1.3}.pdm-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.pdm-brand{padding:3px 8px;background:#f3f4f6;color:#374151;border-radius:4px;font-weight:500}.pdm-cat{padding:3px 8px;background:#ecfdf5;color:#059669;border-radius:4px}.pdm-sku{padding:3px 8px;background:#f3f4f6;color:#9ca3af;border-radius:4px;font-family:monospace}.pdm-rating{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.pdm-rating svg{display:block}.pdm-rating-num{font-weight:600;color:#f59e0b}.pdm-rating-count{color:#9ca3af}.pdm-sold{color:#6b7280;margin-left:8px}.pdm-price{font-size:26px;font-weight:700;color:#10b981}.pdm-stock{display:flex;align-items:center;gap:6px;font-size:13px;color:#059669}.pdm-stock.out{color:#dc2626}.pdm-low{color:#f59e0b}.pdm-actions{display:flex;gap:10px;padding:12px 0}.pdm-btn-cart,.pdm-btn-buy,.pdm-btn-out{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .15s}.pdm-btn-cart{background:#fff;color:#10b981;border:2px solid #10b981}.pdm-btn-cart:hover{background:#ecfdf5}.pdm-btn-buy{background:#10b981;color:#fff}.pdm-btn-buy:hover{background:#059669}.pdm-btn-out{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.pdm-tabs{display:flex;gap:4px;border-bottom:1px solid #f3f4f6}.pdm-tabs button{padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.pdm-tabs button:hover{color:#1f2937}.pdm-tabs button.active{color:#10b981;border-bottom-color:#10b981}.pdm-tab-content{padding:16px 0;min-height:120px}.pdm-details p{margin:0 0 12px;font-size:14px;line-height:1.6;color:#6b7280}.pdm-info-grid{display:flex;gap:16px;flex-wrap:wrap}.pdm-info-grid>div{display:flex;flex-direction:column;gap:2px}.pdm-info-grid span{font-size:11px;color:#9ca3af}.pdm-info-grid strong{font-size:13px;color:#1f2937}.pdm-specs-list{display:flex;flex-direction:column;gap:8px}.pdm-spec-row{display:flex;justify-content:space-between;padding:8px 12px;background:#f9fafb;border-radius:6px}.pdm-spec-key{font-size:13px;color:#6b7280}.pdm-spec-val{font-size:13px;font-weight:600;color:#1f2937}.pdm-reviews-list{display:flex;flex-direction:column;gap:12px}.pdm-review{padding:12px;background:#f9fafb;border-radius:10px}.pdm-review-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pdm-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.pdm-reviewer{font-size:13px;font-weight:600;color:#1f2937;display:block}.pdm-date{font-size:11px;color:#9ca3af}.pdm-review-stars{margin-left:auto;display:flex;gap:2px}.pdm-review-text{margin:0;font-size:13px;line-height:1.5;color:#6b7280}.pdm-review-imgs{display:flex;gap:6px;margin-top:8px}.pdm-review-imgs img{width:48px;height:48px;border-radius:6px;object-fit:cover}.pdm-helpful{display:block;margin-top:8px;font-size:12px;color:#9ca3af}.pdm-empty{text-align:center;padding:24px;color:#9ca3af}.pdm-empty p{margin:8px 0 0;font-size:14px}.pdm-write{display:flex;flex-direction:column;gap:16px}.pdm-write-rating label,.pdm-write-text label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.pdm-rating-select{display:flex;align-items:center;gap:4px}.pdm-rating-select button{background:none;border:none;padding:2px;cursor:pointer;transition:transform .15s}.pdm-rating-select button:hover{transform:scale(1.15)}.pdm-rating-label{margin-left:8px;font-size:13px;color:#f59e0b;font-weight:500}.pdm-write-text textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit;transition:border-color .15s}.pdm-write-text textarea:focus{outline:none;border-color:#10b981}.pdm-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;align-self:flex-start}.pdm-submit-btn:hover{background:#059669}@media(max-width:768px){.pdm-modal{max-height:100vh;border-radius:0}.pdm-body{grid-template-columns:1fr;padding:44px 16px 16px}.pdm-image{aspect-ratio:4/3}.pdm-title{font-size:18px}.pdm-price{font-size:22px}.pdm-actions{flex-direction:column}.pdm-tabs{overflow-x:auto}.pdm-tabs button{white-space:nowrap}}.notification{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001f;z-index:3000;animation:slideInRight .3s ease;border-left:4px solid}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.notification-success{border-left-color:#2ecc71}.notification-success .notification-icon{color:#2ecc71}.notification-error{border-left-color:#e74c3c}.notification-error .notification-icon{color:#e74c3c}.notification-warning{border-left-color:#f39c12}.notification-warning .notification-icon{color:#f39c12}.notification-info{border-left-color:#3498db}.notification-info .notification-icon{color:#3498db}.notification-icon{display:flex;align-items:center;justify-content:center}.notification-message{font-size:14px;font-weight:500;color:#333}.notification-close{background:none;border:none;cursor:pointer;color:#888;padding:4px;margin-left:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-close:hover{background-color:#f5f5f5;color:#333}@media(max-width:480px){.notification{left:16px;right:16px;top:16px}}.store-profile-page{min-height:100vh;background:#f8fafc}.spp-header{position:fixed;top:72px;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb}.spp-header-container{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.spp-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.spp-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.spp-header-actions{display:flex;gap:10px}.spp-follow-btn,.spp-chat-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.spp-follow-btn{background:#10b981;color:#fff;border:none}.spp-follow-btn:hover{background:#059669}.spp-chat-btn{background:#fff;color:#374151;border:1px solid #e5e7eb}.spp-chat-btn:hover{background:#f3f4f6}.spp-banner{margin-top:120px;height:200px;position:relative;overflow:hidden}.spp-banner-image{width:100%;height:100%;object-fit:cover}.spp-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#ffffff80}.spp-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.spp-hero{max-width:1200px;margin:-60px auto 0;padding:0 24px;position:relative;z-index:10}.spp-hero-content{display:flex;align-items:flex-start;gap:24px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014}.spp-avatar{width:100px;height:100px;border-radius:16px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0;border:4px solid #fff;box-shadow:0 4px 12px #0000001a}.spp-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.spp-info-main{flex:1}.spp-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.spp-name{font-size:24px;font-weight:700;color:#1f2937;margin:0}.spp-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ecfdf5;color:#10b981;font-size:12px;font-weight:500;border-radius:20px}.spp-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 12px}.spp-meta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.spp-rating{display:flex;align-items:center;gap:4px}.spp-rating svg{display:block}.spp-rating-value{font-weight:600;color:#f59e0b;margin-left:4px}.spp-rating-count{color:#9ca3af;font-size:13px}.spp-location{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.spp-stats-section{max-width:1200px;margin:24px auto;padding:0 24px}.spp-stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.spp-stat-box{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a}.spp-stat-icon{width:48px;height:48px;border-radius:12px;background:#f0fdf4;display:flex;align-items:center;justify-content:center;color:#10b981}.spp-stat-content{display:flex;flex-direction:column}.spp-stat-value{font-size:22px;font-weight:700;color:#1f2937}.spp-stat-label{font-size:12px;color:#6b7280}.spp-section-header{margin-bottom:20px}.spp-section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1f2937;margin:0}.spp-section-title svg{color:#10b981}.spp-showcase{max-width:1200px;margin:32px auto;padding:0 24px}.spp-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spp-showcase-card{background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 2px 8px #0000000a;transition:all .2s}.spp-showcase-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.spp-showcase-image{position:relative;aspect-ratio:4/3;background:#f9fafb}.spp-showcase-image img{width:100%;height:100%;object-fit:cover}.spp-low-stock-badge{position:absolute;top:10px;right:10px;padding:4px 10px;background:#fef3c7;color:#d97706;font-size:11px;font-weight:600;border-radius:4px}.spp-showcase-content{padding:14px}.spp-showcase-category{display:inline-block;padding:2px 8px;background:#f3f4f6;color:#6b7280;font-size:11px;border-radius:4px;margin-bottom:6px}.spp-showcase-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#1f2937;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spp-showcase-rating{display:flex;align-items:center;gap:4px;font-size:13px;color:#f59e0b;margin-bottom:8px}.spp-sales-count{color:#9ca3af;font-weight:400}.spp-showcase-price{font-size:18px;font-weight:700;color:#10b981}.spp-products{max-width:1200px;margin:32px auto;padding:0 24px 60px}.spp-category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.spp-category-btn{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.spp-category-btn:hover{border-color:#10b981;color:#10b981}.spp-category-btn.active{background:#10b981;border-color:#10b981;color:#fff}.spp-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.spp-product-card{background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;box-shadow:0 2px 8px #0000000a;transition:all .2s}.spp-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.spp-product-image-area{position:relative;aspect-ratio:1;background:#f9fafb}.spp-product-image{width:100%;height:100%;object-fit:cover}.spp-product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.spp-product-rating-badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:3px;padding:4px 8px;background:#000000b3;color:#f59e0b;font-size:12px;font-weight:600;border-radius:4px}.spp-product-out-of-stock{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.spp-product-body{padding:14px}.spp-product-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#1f2937;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spp-product-meta{margin-bottom:8px}.spp-product-sold{font-size:12px;color:#9ca3af}.spp-product-footer{display:flex;align-items:center;justify-content:space-between}.spp-product-price{font-size:18px;font-weight:700;color:#10b981}.spp-no-products{text-align:center;padding:60px 20px;color:#9ca3af}.spp-no-products p{margin-top:12px;font-size:14px}@media(max-width:1024px){.spp-stats-container,.spp-showcase-grid{grid-template-columns:repeat(2,1fr)}.spp-products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.spp-header{top:72px}.spp-header-container{padding:10px 16px}.spp-back-btn span{display:none}.spp-banner{margin-top:100px;height:150px}.spp-hero{margin-top:-40px;padding:0 16px}.spp-hero-content{flex-direction:column;align-items:center;text-align:center;padding:20px}.spp-avatar{width:80px;height:80px;margin-top:-60px}.spp-name-row,.spp-meta-row{justify-content:center}.spp-stats-section,.spp-showcase,.spp-products{padding:0 16px}.spp-stat-box{padding:16px}.spp-showcase-grid{grid-template-columns:1fr}.spp-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.spp-category-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.spp-category-btn{white-space:nowrap}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Prompt,Inter,sans-serif;background-color:var(--white);color:var(--text-dark)}.auth-container{display:flex;min-height:100vh;width:100%;overflow:hidden}.auth-form-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:var(--white);z-index:2}.form-wrapper{width:100%;max-width:400px}.brand-logo{font-family:Inter,sans-serif;font-size:1.8rem;font-weight:800;color:var(--text-dark);letter-spacing:-.5px}.dot{color:var(--primary-color)}.brand-tagline{font-size:.85rem;color:var(--text-gray)}.auth-toggle-container{display:flex;background-color:var(--bg-light);padding:4px;border-radius:10px;margin-bottom:2rem;position:relative}.toggle-btn{flex:1;padding:10px;border:none;background:transparent;font-family:Prompt,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-gray);cursor:pointer;border-radius:8px;transition:all .2s ease}.toggle-btn.active{background-color:var(--white);color:var(--primary-color);font-weight:600;box-shadow:0 1px 3px #0000000a}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:var(--text-gray);font-size:.9rem}.input-group{margin-bottom:1rem}.input-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--text-dark)}.input-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:var(--text-gray)}.forgot-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.forgot-link:hover{color:var(--primary-hover)}.btn-primary{width:100%;padding:.85rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-gray);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider:before{margin-right:.5em}.divider:after{margin-left:.5em}.btn-google{width:100%;padding:.75rem;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:500;color:var(--text-dark);cursor:pointer;transition:background-color .2s}.btn-google:hover{background-color:var(--bg-light)}.fade-in-form{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-banner-section{flex:1.3;background-color:#f0fdf4;background-image:radial-gradient(#10b981 .6px,transparent .6px);background-size:24px 24px;position:relative;display:flex;justify-content:center;align-items:center;padding:2rem}.banner-content{position:relative;z-index:2;max-width:500px}.banner-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#064e3b}.banner-text p{font-size:1.1rem;color:#065f46;margin-bottom:3rem;line-height:1.6}.feature-cards{display:flex;flex-direction:column;gap:1rem}.glass-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #10b9810d;transition:transform .3s ease}.glass-card:hover{transform:translateY(-5px);background:#fffffff2}.glass-card .icon{font-size:1.6rem;background:var(--primary-light);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px}.glass-card div strong{display:block;font-size:1rem;color:var(--text-dark)}.glass-card div small{color:var(--text-gray);font-size:.85rem}@media(max-width:900px){.auth-banner-section{display:none}.auth-form-section{padding:1rem}}.job-board-page{min-height:100vh;background:#fff;position:relative;overflow-x:hidden}.job-board-page:before,.job-board-page:after{display:none}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-shape{position:absolute;border-radius:50%;opacity:.15;animation:float 30s ease-in-out infinite}.bg-shape-1{width:400px;height:400px;top:10%;right:-100px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);animation-delay:0s}.bg-shape-2{width:300px;height:300px;bottom:20%;left:-50px;background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);animation-delay:-10s}.bg-shape-3,.bg-shape-4{display:none}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(10px,-15px)}}.grid-pattern{display:none}.job-board-content{position:relative;z-index:1}.job-hero-section{position:relative;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--white) 40%,rgba(240,253,244,.5) 10%,var(--white) 100%);padding:80px 24px 60px;overflow:hidden;min-height:520px;display:flex;align-items:center}.job-hero-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1200);background-size:cover;background-position:center;mask-image:linear-gradient(to left,rgba(0,0,0,.8),transparent);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8),transparent);pointer-events:none}.job-hero-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 0%,rgba(16,185,129,.03) 50%,rgba(16,185,129,.06) 100%);pointer-events:none}.job-hero-container{max-width:900px;margin:0 auto;position:relative;z-index:2;width:100%}.job-hero-content{text-align:center}.job-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--primary-dark);padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:500;margin-bottom:24px;border:1px solid var(--primary-light);box-shadow:var(--shadow-sm)}.job-badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.job-hero-title{font-size:3rem;font-weight:700;color:var(--text-dark);line-height:1.2;margin:0 0 20px;letter-spacing:-.02em}.job-hero-title .job-highlight{color:var(--primary);position:relative}.job-hero-subtitle{font-size:1.1rem;color:var(--text-medium);line-height:1.7;margin:0 auto 32px;max-width:540px}.job-hero-search-box{background:var(--white);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);max-width:680px;margin:0 auto 28px}.job-search-input-group{display:flex;align-items:center;gap:8px}.search-field{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-light);border-radius:var(--radius-md)}.job-search-icon{color:var(--text-muted);flex-shrink:0}.search-field input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-dark);outline:none;min-width:0}.search-field input::placeholder{color:var(--text-muted)}.search-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}.search-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);border:none;padding:14px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.search-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.search-btn:active{transform:translateY(0)}.search-btn svg{display:none}.hero-categories{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.categories-label{font-size:.875rem;color:var(--text-light);font-weight:500}.categories-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.job-category-tag{background:var(--white);color:var(--text-medium);border:1px solid var(--border);padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.job-category-tag:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.job-hero-stats{display:flex;justify-content:center;gap:48px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-light)}.stat-item{text-align:center}.job-stat-number{display:block;font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:4px}.job-stat-label{font-size:.875rem;color:var(--text-light)}.hero-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background:var(--primary);opacity:.05;animation:floatCircle 15s ease-in-out infinite}.circle-1{width:500px;height:500px;top:-200px;right:-150px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.08;animation-delay:0s}.circle-2{width:350px;height:350px;bottom:-150px;left:-100px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.06;animation-delay:-5s}.circle-3{width:200px;height:200px;top:25%;left:8%;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.05;animation-delay:-10s}.floating-image{position:absolute;border-radius:16px;overflow:hidden;opacity:.08;filter:grayscale(100%);pointer-events:none}.floating-image-1{width:150px;height:100px;top:15%;right:8%;transform:rotate(5deg);background-image:url(https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=400);background-size:cover;animation:floatImage 20s ease-in-out infinite}.floating-image-2{width:120px;height:80px;bottom:20%;left:5%;transform:rotate(-5deg);background-image:url(https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=400);background-size:cover;animation:floatImage 18s ease-in-out infinite reverse}@keyframes floatCircle{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.02)}66%{transform:translate(-10px,10px) scale(.98)}}@keyframes floatImage{0%,to{transform:translate(0) rotate(5deg)}50%{transform:translate(10px,-15px) rotate(8deg)}}@media(max-width:768px){.job-hero-section{padding:60px 20px 48px;min-height:auto}.job-hero-section:before{width:100%;opacity:.02}.job-hero-title{font-size:2.25rem}.job-hero-subtitle{font-size:1rem}.job-search-input-group{flex-direction:column;gap:12px}.search-field{width:100%}.search-divider{display:none}.search-btn{width:100%;justify-content:center}.job-hero-stats{gap:24px}.job-stat-number{font-size:1.5rem}.categories-label,.floating-image{display:none}}@media(max-width:480px){.job-hero-title{font-size:1.875rem}.job-hero-badge{font-size:.8rem;padding:6px 12px}.job-hero-stats{flex-direction:column;gap:20px}.job-category-tag{padding:6px 12px;font-size:.8rem}}.job-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border, #e2e8f0);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative;cursor:pointer}.job-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,transparent 50%,rgba(16,185,129,.05) 50%);pointer-events:none;z-index:1}.job-card:hover{border-color:var(--primary, #10b981);box-shadow:0 8px 32px #10b9811f,0 4px 12px #0000000d;transform:translateY(-4px)}.job-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.02) 0%,transparent 50%,rgba(16,185,129,.02) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.job-card:hover:after{opacity:1}.job-cover-image{position:relative;width:100%;height:160px;overflow:hidden;z-index:1}.job-cover-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .3s ease}.job-card:hover .job-cover-image img{transform:scale(1.08);filter:brightness(1.05)}.cover-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 50%,transparent 100%);pointer-events:none}.job-cover-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary, #10b981),var(--primary-dark, #059669));transform:scaleX(0);transition:transform .3s ease}.job-card:hover .job-cover-image:after{transform:scaleX(1)}.job-card-header,.job-tags,.job-details,.job-description,.job-skills,.job-benefits{padding-left:24px;padding-right:24px}.job-card-header,.job-card.has-cover .job-card-header{padding-top:20px}.job-card:not(:has(.job-cover-image)) .job-card-header{padding-top:24px}.job-tags,.job-details,.job-description,.job-skills,.job-benefits{margin-top:16px}.job-card-header{display:flex;align-items:flex-start;gap:14px}.company-logo{width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--bg-subtle, #f1f5f9)}.company-logo img{width:100%;height:100%;object-fit:cover}.logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary, #10b981) 0%,var(--primary-dark, #059669) 100%);color:#fff;font-size:1.25rem;font-weight:700}.job-main-info{flex:1;min-width:0}.job-title{font-size:1.1rem;font-weight:600;color:var(--text-dark, #1e293b);margin:0 0 6px;line-height:1.3}.company-info{display:flex;align-items:center;gap:6px}.company-name{font-size:.9rem;color:var(--text-medium, #475569)}.verified-badge{color:var(--primary, #10b981);display:flex;align-items:center}.save-btn{background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--text-muted, #94a3b8);transition:all .15s ease;flex-shrink:0}.save-btn:hover{background:var(--bg-subtle, #f1f5f9);color:var(--primary, #10b981)}.save-btn.saved{color:var(--primary, #10b981)}.job-tags{display:flex;flex-wrap:wrap;gap:8px}.job-type-tag,.job-level-tag,.urgent-tag,.remote-tag{padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600}.job-type-tag{background:var(--primary-light, #d1fae5);color:var(--primary-dark, #059669)}.job-type-tag.part-time{background:#fef3c7;color:#b45309}.job-type-tag.contract{background:#e0e7ff;color:#4338ca}.job-type-tag.freelance{background:#fce7f3;color:#be185d}.job-type-tag.internship{background:#f3e8ff;color:#7c3aed}.job-level-tag{background:var(--bg-subtle, #f1f5f9);color:var(--text-medium, #475569)}.urgent-tag{background:#fef2f2;color:#dc2626}.remote-tag{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.job-details{display:flex;flex-wrap:wrap;gap:16px}.detail-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-medium, #475569)}.detail-item svg{color:var(--text-muted, #94a3b8);flex-shrink:0}.detail-item.salary{color:var(--primary-dark, #059669);font-weight:600}.detail-item.salary svg{color:var(--primary, #10b981)}.salary-period{font-weight:400;color:var(--text-light, #64748b)}.job-description{font-size:.875rem;color:var(--text-light, #64748b);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-skills{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:var(--white, #ffffff);color:var(--text-medium, #475569);border:1px solid var(--border, #e2e8f0);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500}.skill-more{color:var(--text-muted, #94a3b8);font-size:.75rem;padding:4px 8px}.job-benefits{display:flex;flex-wrap:wrap;gap:12px}.benefit-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-light, #64748b)}.benefit-item svg{color:var(--primary, #10b981)}.job-card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 24px;border-top:1px solid var(--border-light, #f1f5f9);margin-top:auto}.job-meta{display:flex;align-items:center;gap:16px}.posted-date{font-size:.8rem;color:var(--text-muted, #94a3b8)}.applicants{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-light, #64748b)}.applicants svg{color:var(--text-muted, #94a3b8)}.apply-btn{display:flex;align-items:center;gap:6px;background:var(--primary, #10b981);color:#fff;border:none;padding:10px 20px;border-radius:100px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.apply-btn:hover{background:var(--primary-dark, #059669);transform:translate(2px)}.apply-btn svg{transition:transform .15s ease}.apply-btn:hover svg{transform:translate(3px)}@media(max-width:640px){.job-card{padding:18px}.company-logo{width:44px;height:44px}.job-title{font-size:1rem}.job-details{flex-direction:column;gap:8px}.job-card-footer{flex-direction:column;gap:12px;align-items:stretch}.job-meta{justify-content:space-between}.apply-btn{justify-content:center}}.job-listing-section{padding:48px 24px 80px;background:transparent;position:relative}.listing-bg-decoration{position:absolute;top:100px;right:0;width:400px;height:400px;opacity:.05;pointer-events:none;background-image:url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=800);background-size:cover;background-position:center;border-radius:50%;filter:grayscale(100%)}.listing-bg-decoration-2{position:absolute;bottom:200px;left:0;width:300px;height:300px;opacity:.04;pointer-events:none;background-image:url(https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=800);background-size:cover;background-position:center;border-radius:50%;filter:grayscale(100%)}.job-listing-container{max-width:1200px;margin:0 auto}.listing-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left{flex:1}.listing-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin:0 0 8px}.listing-subtitle{font-size:.95rem;color:var(--text-light);margin:0}.job-count{color:var(--primary);font-weight:600}.header-right{display:flex;align-items:center;gap:16px}.sort-dropdown{display:flex;align-items:center;gap:8px}.sort-dropdown label{font-size:.875rem;color:var(--text-light)}.sort-dropdown select{padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--text-dark);font-size:.875rem;cursor:pointer;outline:none;transition:border-color .15s ease}.sort-dropdown select:hover,.sort-dropdown select:focus{border-color:var(--primary)}.listing-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filter-chip{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid var(--border);border-radius:100px;background:var(--white);color:var(--text-medium);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-count{background:#00000014;padding:2px 8px;border-radius:100px;font-size:.75rem}.filter-chip.active .filter-count{background:#fff3}.job-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.load-more-container{display:flex;justify-content:center;margin-top:48px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;background:var(--white);border:2px solid var(--primary);border-radius:100px;color:var(--primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.load-more-btn svg{transition:transform .2s ease}.load-more-btn:hover svg{transform:translateY(3px)}.empty-state{text-align:center;padding:80px 20px;background:var(--white);border-radius:16px;border:1px dashed var(--border)}.empty-icon{margin-bottom:16px;color:var(--text-muted);opacity:.5}.empty-state h3{font-size:1.25rem;color:var(--text-dark);margin:0 0 8px}.empty-state p{color:var(--text-light);margin:0}@media(max-width:900px){.job-cards-grid{grid-template-columns:1fr}}@media(max-width:640px){.job-listing-section{padding:32px 16px 60px}.listing-header{flex-direction:column;align-items:flex-start}.listing-title{font-size:1.5rem}.listing-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;margin-bottom:24px;-webkit-overflow-scrolling:touch}.filter-chip{flex-shrink:0}.header-right,.sort-dropdown{width:100%}.sort-dropdown select{flex:1}}.job-detail-page{min-height:100vh;padding-top:80px;background:#f8f9fa;position:relative;overflow:hidden}.job-detail-page .bg-shapes{position:fixed;inset:0;pointer-events:none;z-index:0}.job-detail-page .bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.job-detail-page .bg-shape-1{width:500px;height:500px;background:linear-gradient(135deg,#2ecc71,#27ae60);top:-200px;right:-200px;opacity:.15}.job-detail-page .bg-shape-2{width:400px;height:400px;background:linear-gradient(135deg,#3498db,#2980b9);bottom:20%;left:-150px;opacity:.1}.job-detail-page .bg-shape-3{width:300px;height:300px;background:linear-gradient(135deg,#9b59b6,#8e44ad);top:50%;right:10%;opacity:.08}.job-detail-page .grid-pattern{position:fixed;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.job-cover{position:relative;width:100%;height:300px;overflow:hidden}.job-cover img{width:100%;height:100%;object-fit:cover}.job-cover .cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0006)}.job-detail-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px 60px}.job-cover+.job-detail-container{margin-top:-80px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;background:#fffffff2;margin:0 -24px;padding:20px 24px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumb a{color:#666!important;text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:#2ecc71!important}.breadcrumb svg{color:#aaa!important;flex-shrink:0}.breadcrumb span{color:#333!important;font-weight:600}.job-detail-content{display:grid;grid-template-columns:1fr 360px;gap:32px;margin-top:16px}.job-main-content{display:flex;flex-direction:column;gap:24px}.job-header{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 16px #0000000f}.header-top{display:flex;gap:20px;margin-bottom:20px}.job-header .company-logo{width:80px;height:80px;border-radius:16px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.job-header .company-logo img{width:100%;height:100%;object-fit:cover}.job-header .logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60)}.header-info{flex:1}.job-header .job-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.3}.company-row{display:flex;align-items:center;gap:8px}.job-header .company-name{font-size:16px;color:#555}.job-header .verified-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#2ecc71;border-radius:50%;color:#fff}.job-header .verified-badge svg{width:12px;height:12px}.job-header .job-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.job-header .job-type-tag{padding:6px 14px;font-size:13px;font-weight:500;border-radius:20px;background:#2ecc711a;color:#27ae60}.job-header .job-type-tag.full-time{background:#2ecc711a;color:#27ae60}.job-header .job-type-tag.part-time{background:#9b59b61a;color:#9b59b6}.job-header .job-type-tag.contract{background:#f1c40f1a;color:#d4a017}.job-header .job-type-tag.freelance{background:#3498db1a;color:#2980b9}.job-header .job-level-tag{padding:6px 14px;font-size:13px;font-weight:500;border-radius:20px;background:#f5f5f5;color:#666}.job-header .urgent-tag{padding:6px 14px;font-size:13px;font-weight:600;border-radius:20px;background:#e74c3c1a;color:#e74c3c}.job-header .remote-tag{padding:6px 14px;font-size:13px;font-weight:500;border-radius:20px;background:#3498db1a;color:#3498db}.job-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.job-meta-grid .meta-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px}.job-meta-grid .meta-item svg{color:#2ecc71;flex-shrink:0;margin-top:2px}.job-meta-grid .meta-item>div{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;color:#888}.meta-value{font-size:15px;font-weight:600;color:#333}.meta-value.salary{color:#2ecc71}.meta-value .period{font-weight:400;color:#888}.detail-section{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 2px 16px #0000000f}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:18px;font-weight:600;color:#1a1a1a}.section-title svg{color:#2ecc71}.description-text{margin:0;font-size:15px;line-height:1.8;color:#555}.detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.detail-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;color:#444}.detail-list li svg{color:#2ecc71;flex-shrink:0;margin-top:4px}.detail-list.nice-to-have li svg{color:#f59e0b}.skills-container{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{padding:8px 16px;font-size:14px;font-weight:500;color:#333;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:8px;transition:all .2s ease}.skill-tag:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translateY(-2px)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.benefit-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px}.benefit-card svg{color:#2ecc71;flex-shrink:0}.benefit-card span{font-size:14px;color:#333}.company-section .company-about{margin:0 0 20px;font-size:15px;line-height:1.8;color:#555}.company-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.company-info-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:#f8f9fa;border-radius:12px}.company-info-item .info-label{font-size:12px;color:#888}.company-info-item .info-value{font-size:14px;font-weight:600;color:#333}.job-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px;height:fit-content}.sidebar-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 16px #0000000f}.action-card{display:flex;flex-direction:column;gap:16px}.salary-display{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;margin-bottom:8px}.salary-label{font-size:13px;color:#666}.salary-amount{font-size:24px;font-weight:700;color:#2ecc71}.salary-period{font-size:13px;color:#888}.btn-apply-main{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-apply-main:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2ecc7166}.btn-save{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:500;color:#555;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-save:hover{background:#f0f0f0;border-color:#ccc}.btn-save.saved{color:#2ecc71;background:#2ecc711a;border-color:#2ecc71}.action-info{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #f0f0f0}.info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#888}.info-row svg{color:#aaa}.share-card h3{margin:0 0 16px;font-size:15px;font-weight:600;color:#333}.share-buttons{display:flex;gap:10px}.share-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.share-btn:hover{transform:translateY(-2px)}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn.copy{background:#f5f5f5;color:#555}.share-btn.copy:hover{background:#e5e5e5}.similar-jobs-card h3{margin:0 0 16px;font-size:15px;font-weight:600;color:#333}.similar-jobs-list{display:flex;flex-direction:column;gap:12px}.similar-job-item{display:flex;gap:12px;padding:12px;background:#f8f9fa;border-radius:12px;text-decoration:none;transition:all .2s ease}.similar-job-item:hover{background:#f0f0f0;transform:translate(4px)}.similar-job-logo{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0}.similar-job-logo img{width:100%;height:100%;object-fit:cover}.similar-job-logo .logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60)}.similar-job-info{display:flex;flex-direction:column;gap:2px}.similar-job-info h4{margin:0;font-size:14px;font-weight:600;color:#333}.similar-job-info .company{font-size:13px;color:#888}.similar-job-info .salary{font-size:13px;font-weight:600;color:#2ecc71}.back-section{margin-top:40px;text-align:center}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#f8f9fa;border-color:#ccc;transform:translate(-4px)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);text-align:center;padding:40px}.not-found svg{color:#ccc;margin-bottom:24px}.not-found h2{margin:0 0 12px;font-size:24px;color:#333}.not-found p{margin:0 0 24px;font-size:15px;color:#888}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.apply-modal{position:relative;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;padding:32px;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;color:#555;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#e5e5e5;color:#333}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.modal-header .company-logo{width:56px;height:56px;border-radius:12px;overflow:hidden}.modal-header .company-logo img{width:100%;height:100%;object-fit:cover}.modal-header .logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60)}.modal-header h2{margin:0 0 4px;font-size:20px;color:#333}.modal-header p{margin:0;font-size:14px;color:#888}.apply-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group textarea{padding:14px 16px;font-size:15px;font-family:inherit;color:#333;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:10px;outline:none;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7126}.form-group textarea{resize:vertical;min-height:100px}.file-upload{position:relative}.file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background:#f8f9fa;border:2px dashed #e5e5e5;border-radius:12px;color:#888;transition:all .2s ease}.file-upload:hover .file-upload-label{border-color:#2ecc71;background:#2ecc710d}.file-upload-label svg{color:#aaa}.file-upload-label span{font-size:13px}.form-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel{flex:1;padding:14px 24px;font-size:15px;font-weight:500;color:#555;background:#f5f5f5;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#e5e5e5}.btn-submit{flex:2;padding:14px 24px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2ecc714d}@media(max-width:1024px){.job-detail-content{grid-template-columns:1fr}.job-sidebar{position:relative;top:0}.company-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.job-detail-page{padding-top:70px}.job-cover{height:200px}.job-detail-container{padding:0 16px 40px}.job-header{padding:24px}.header-top{flex-direction:column;text-align:center}.job-header .company-logo{margin:0 auto}.job-header .job-title{font-size:22px}.company-row,.job-header .job-tags{justify-content:center}.job-meta-grid{grid-template-columns:1fr}.detail-section{padding:20px}.company-info-grid,.benefits-grid{grid-template-columns:1fr}.share-buttons{flex-wrap:wrap}.share-btn{flex:1 1 40%}}@media(max-width:480px){.breadcrumb{font-size:12px}.job-header .job-title{font-size:20px}.section-title{font-size:16px}.apply-modal{padding:24px}.modal-header{flex-direction:column;text-align:center}}.community-hero{position:relative;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:140px 40px 60px;overflow:hidden}.community-hero-bg{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=2000&q=80);filter:blur(5px);background-size:cover;background-position:center;background-attachment:fixed}.community-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg)}.community-hero-wrapper{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;text-align:center}.community-hero-content{max-width:850px;margin:0 auto 50px}.community-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:50px;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:24px;border:1px solid rgba(255,255,255,.2)}.community-hero-badge svg{width:16px;height:16px}.community-hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:24px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.community-hero-title .community-highlight{display:block;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:5px 0}.community-hero-subtitle{font-size:1.2rem;color:#ffffffe6;line-height:1.7;max-width:700px;margin:0 auto 32px}.community-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.community-primary-btn,.community-secondary-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.community-primary-btn{background:#fff;color:var(--primary);border:none;box-shadow:0 8px 30px #0003}.community-primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.community-secondary-btn{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}.community-secondary-btn:hover{background:#ffffff1a;border-color:#fff9}.community-hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto}.community-stats-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.community-stats-card:hover{background:#ffffff26;transform:translateY(-5px)}.stats-card-icon{width:48px;height:48px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-card-icon svg{width:24px;height:24px;color:#a7f3d0}.stats-card-info{display:flex;flex-direction:column;text-align:left}.stats-card-number{font-size:1.4rem;font-weight:700;color:#fff}.stats-card-label{font-size:.85rem;color:#ffffffb3}.community-hero-search-container{position:relative;z-index:2;max-width:800px;width:100%;margin:50px auto 0}.community-search-box{display:flex;align-items:center;background:#fff;border-radius:16px;padding:8px 8px 8px 24px;box-shadow:0 20px 60px #0000004d;gap:12px}.community-search-icon{color:#9ca3af;flex-shrink:0}.community-search-box input{flex:1;border:none;outline:none;font-size:1rem;color:#1f2937;background:transparent}.community-search-box input::placeholder{color:#9ca3af}.community-search-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.community-search-btn:hover{background:var(--primary-dark)}.community-popular-tags{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.tags-label{color:#fffc;font-size:.9rem}.tags-list{display:flex;gap:8px;flex-wrap:wrap}.popular-tag{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.popular-tag:hover{background:#ffffff40}@media(max-width:1024px){.community-hero-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.community-hero{padding:120px 20px 40px;min-height:100vh}.community-hero-title{font-size:2.2rem}.community-hero-subtitle{font-size:1rem}.community-hero-actions{flex-direction:column;align-items:center}.community-primary-btn,.community-secondary-btn{width:100%;justify-content:center;max-width:300px}.community-hero-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.community-stats-card{padding:16px;flex-direction:column;text-align:center;gap:10px}.stats-card-info{text-align:center}.stats-card-number{font-size:1.2rem}.community-search-box{flex-direction:column;padding:20px;gap:16px}.community-search-box input{width:100%;text-align:center}.community-search-btn{width:100%;justify-content:center}.community-popular-tags{flex-direction:column}}.community-category-sidebar{width:280px;flex-shrink:0}.category-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;position:sticky;top:100px;display:flex;flex-direction:column;gap:24px}.category-card-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.category-card-title svg{color:var(--primary)}.category-list{list-style:none;padding:0;margin:0 0 24px}.category-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.category-item:hover{background:#f3f4f6}.category-item.active{background:#10b9811a;color:var(--primary)}.category-icon{font-size:1.2rem}.category-name{flex:1;font-size:.95rem;font-weight:500}.category-count{background:#f3f4f6;color:#6b7280;font-size:.8rem;padding:4px 10px;border-radius:20px}.category-item.active .category-count{background:var(--primary);color:#fff}.create-post-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.create-post-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@media(max-width:1024px){.community-category-sidebar{width:100%}.category-card{position:static}.category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-item{margin-bottom:0}}@media(max-width:640px){.category-list{grid-template-columns:1fr}}.post-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;border:1px solid transparent}.post-card:hover{border-color:var(--primary);box-shadow:0 8px 30px #10b9811a}.post-card.pinned{background:linear-gradient(135deg,#10b9810d,#fff);border-color:#10b9814d}.post-pinned-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:16px}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.post-author{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:#1f2937;font-size:.95rem}.post-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#6b7280}.meta-dot{color:#d1d5db}.post-category-tag{background:#f3f4f6;padding:2px 10px;border-radius:12px;font-size:.8rem}.post-status.hot{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:20px}.post-content{margin-bottom:20px}.post-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin-bottom:10px;line-height:1.4;cursor:pointer;transition:color .2s ease}.post-title:hover{color:var(--primary)}.post-excerpt{color:#6b7280;line-height:1.6;font-size:.95rem;margin-bottom:16px}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.post-tag{background:#f3f4f6;color:#6b7280;padding:6px 12px;border-radius:8px;font-size:.85rem;transition:all .2s ease;cursor:pointer}.post-tag:hover{background:var(--primary);color:#fff}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f3f4f6}.post-stats{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:.9rem}.stat-item svg{color:#9ca3af}.read-more-btn{display:flex;align-items:center;gap:6px;background:transparent;color:var(--primary);border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:gap .2s ease}.read-more-btn:hover{gap:10px}@media(max-width:640px){.post-card{padding:20px}.post-header{flex-direction:column;gap:12px}.post-title{font-size:1.1rem}.post-footer{flex-direction:column;gap:16px;align-items:flex-start}}.community-post-feed{flex:1;min-width:0}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.feed-title{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;color:#1f2937}.feed-title svg{color:var(--primary)}.feed-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-btn.active svg{color:#fff}.posts-list{display:flex;flex-direction:column;gap:20px}.no-posts{text-align:center;padding:60px 40px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d}.no-posts svg{color:#d1d5db;margin-bottom:20px}.no-posts h3{font-size:1.2rem;color:#1f2937;margin-bottom:8px}.no-posts p{color:#6b7280}.load-more-container{text-align:center;margin-top:32px}.load-more-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fff;border:2px solid var(--primary);color:var(--primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:var(--primary);color:#fff}@media(max-width:640px){.feed-header{flex-direction:column;align-items:flex-start}.feed-filters{width:100%;justify-content:flex-start}.filter-btn{padding:8px 12px;font-size:.85rem}}.community-right-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}.sidebar-card-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.sidebar-card-title svg{color:var(--primary)}.trending-list{list-style:none;padding:0;margin:0}.trending-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.trending-item:last-child{border-bottom:none}.trending-item:hover{padding-left:8px}.trending-rank{font-size:.8rem;font-weight:700;color:var(--primary);min-width:30px}.trending-info{display:flex;flex-direction:column}.trending-tag{font-weight:600;color:#1f2937;font-size:.95rem}.trending-posts{font-size:.8rem;color:#6b7280}.contributors-list{list-style:none;padding:0;margin:0}.contributor-item{display:flex;align-items:center;gap:12px;padding:10px 0}.contributor-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.contributor-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.contributor-info{display:flex;flex-direction:column}.contributor-name{font-weight:600;color:#1f2937;font-size:.9rem}.contributor-points{font-size:.8rem;color:var(--primary)}.cta-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-align:center}.cta-icon{width:64px;height:64px;background:#ffffff26;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cta-title{font-size:1.1rem;font-weight:700;margin-bottom:8px}.cta-description{font-size:.9rem;opacity:.9;line-height:1.5;margin-bottom:20px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#fff;color:var(--primary);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}@media(max-width:1200px){.community-right-sidebar{display:none}}.community-page{min-height:100vh;background:#fff}.community-main{padding:60px 40px 80px;background:#fff}.community-container{max-width:1400px;margin:0 auto;display:flex;gap:30px}@media(max-width:1200px){.community-container{flex-direction:column}}@media(max-width:768px){.community-main{padding:40px 20px 60px}.community-container{gap:24px}}*{box-sizing:border-box}.settings-page{min-height:100vh;background-color:#fff;padding-top:72px}.settings-container{display:flex;max-width:1400px;margin:0 auto}.settings-content{flex:1;padding:24px;min-height:calc(100vh - 80px)}.settings-mobile-header{display:none;position:fixed;top:72px;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #f3f4f6;padding:0 16px;align-items:center;gap:12px;z-index:100}.mobile-menu-toggle{background:none;border:none;cursor:pointer;color:#374151;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#f9fafb}.mobile-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.settings-panel{background:#fff;border-radius:14px;border:1px solid #f3f4f6;overflow:hidden}.panel-header{padding:28px 32px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel-title{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937}.panel-description{margin:0;font-size:14px;color:#9ca3af}.panel-content{padding:32px}.panel-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid #f3f4f6;background-color:#f9fafb}.footer-right{display:flex;gap:12px}.form-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #f3f4f6}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{margin:0 0 16px;font-size:15px;font-weight:600;color:#374151}.section-header .section-title{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.textarea-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-textarea{width:100%;padding:12px 14px;font-size:14px;font-family:inherit;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;resize:vertical;min-height:100px;transition:all .2s ease}.input-textarea:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7126}.input-textarea::placeholder{color:#999}.profile-photo-section{display:flex;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #f0f0f0}.profile-photo{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#f5f5f5;flex-shrink:0}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bbb}.profile-photo-actions{display:flex;gap:10px}.btn-view-profile{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#2ecc71;background-color:#2ecc711a;border:1px solid #2ecc71;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-view-profile:hover{background-color:#2ecc71;color:#fff}.btn-view-profile svg{flex-shrink:0}.cover-upload-section{margin-bottom:24px}.cover-preview{position:relative;width:100%;height:150px;border-radius:12px;overflow:hidden}.cover-preview img{width:100%;height:100%;object-fit:cover}.btn-remove-cover{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .2s ease}.btn-remove-cover:hover{background:#000000b3}.cover-upload-placeholder{width:100%;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f8f9fa;border:2px dashed #e5e5e5;border-radius:12px;color:#888;cursor:pointer;transition:all .2s ease}.cover-upload-placeholder:hover{border-color:#2ecc71;background:#2ecc710d}.cover-upload-placeholder span{font-size:14px}.cover-upload-placeholder .helper-text{font-size:12px;color:#aaa}.section-description{margin:0 0 16px;font-size:13px;color:#888}.skills-input-section{display:flex;flex-direction:column;gap:12px}.skill-input-wrapper{display:flex;gap:10px}.skill-input{flex:1;padding:12px 14px;font-size:14px;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;transition:all .2s ease}.skill-input:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7126}.btn-add-skill{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;color:#fff;background-color:#2ecc71;border:1px solid #2ecc71;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-skill:hover:not(:disabled){background-color:#27ae60}.btn-add-skill:disabled{opacity:.5;cursor:not-allowed}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:12px;background:#fafafa;border-radius:8px}.skill-tag-editable{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;color:#333;background:#fff;border:1px solid #e5e5e5;border-radius:20px}.btn-remove-skill{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#888;cursor:pointer;padding:0;transition:color .2s ease}.btn-remove-skill:hover{color:#e74c3c}.no-skills-text{font-size:13px;color:#aaa;font-style:italic}.social-inputs{display:flex;flex-direction:column;gap:12px}.social-input-row{display:flex;align-items:center;gap:12px}.social-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.social-icon.github{background:#24292e;color:#fff}.social-icon.linkedin{background:#0077b5;color:#fff}.social-icon.twitter{background:#1da1f2;color:#fff}.social-icon.facebook{background:#1877f2;color:#fff}.social-input{flex:1;padding:12px 14px;font-size:14px;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;transition:all .2s ease}.social-input:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7126}.social-input::placeholder{color:#999}.btn-primary{padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background-color:#2ecc71;border:1px solid #2ecc71;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background-color:#27ae60;border-color:#27ae60}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:12px 24px;font-size:14px;font-weight:500;color:#333;background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:#eee}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{padding:12px 24px;font-size:14px;font-weight:500;color:#555;background-color:transparent;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-outline:hover:not(:disabled){border-color:#ccc;background-color:#fafafa}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:8px 16px;font-size:13px}.btn-full{width:100%}.btn-text{padding:8px 12px;font-size:14px;font-weight:500;color:#2ecc71;background:none;border:none;cursor:pointer;transition:color .2s ease}.btn-text:hover{color:#27ae60}.btn-text-danger{padding:8px 12px;font-size:13px;font-weight:500;color:#e74c3c;background:none;border:none;cursor:pointer;transition:color .2s ease}.btn-text-danger:hover{color:#c0392b}.btn-icon{padding:8px;background:none;border:none;cursor:pointer;color:#888;border-radius:6px;transition:all .2s ease}.btn-icon:hover{background:#f5f5f5;color:#e74c3c}.security-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:16px}.security-card-info{display:flex;align-items:center;gap:16px}.security-icon{width:48px;height:48px;background:#2ecc711a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2ecc71}.security-card-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#333}.security-card-desc{margin:0;font-size:13px;color:#888}.twofa-options{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8f9fa;border-radius:10px}.radio-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.radio-option input[type=radio]{margin-top:4px;accent-color:#2ecc71}.radio-label{display:flex;flex-direction:column;gap:2px}.radio-label strong{font-size:14px;color:#333}.radio-label span{font-size:12px;color:#888}.session-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.session-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8f9fa;border-radius:10px}.session-item.active{background:#2ecc7114;border:1px solid rgba(46,204,113,.2)}.session-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666}.session-info{flex:1;display:flex;flex-direction:column;gap:2px}.session-device{font-size:14px;font-weight:500;color:#333}.session-location{font-size:12px;color:#888}.session-badge{padding:4px 10px;font-size:11px;font-weight:500;color:#2ecc71;background:#2ecc711a;border-radius:20px}.balance-card{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:16px;margin-bottom:28px}.balance-info{display:flex;flex-direction:column;gap:4px}.balance-label{font-size:14px;color:#fffc}.balance-amount{font-size:32px;font-weight:700;color:#fff}.balance-actions .btn-primary{background:#fff3;border-color:#ffffff4d;color:#fff}.balance-actions .btn-primary:hover{background:#ffffff4d}.bank-account-list{display:flex;flex-direction:column;gap:12px}.bank-account-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px}.bank-logo{width:48px;height:48px;border-radius:10px;background-color:#fff;background-size:contain;background-position:center;background-repeat:no-repeat}.bank-logo.kbank{background:linear-gradient(135deg,#138f2d,#0b5e1c)}.bank-info{flex:1;display:flex;flex-direction:column;gap:2px}.bank-name{font-size:14px;font-weight:600;color:#333}.bank-number{font-size:13px;color:#666;font-family:monospace}.bank-holder{font-size:12px;color:#888}.bank-actions{display:flex;align-items:center;gap:10px}.primary-badge{padding:4px 10px;font-size:11px;font-weight:500;color:#2ecc71;background:#2ecc711a;border-radius:20px}.promptpay-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px}.promptpay-icon{width:56px;height:56px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#666}.promptpay-form{flex:1}.promptpay-form .input-field{margin-bottom:0}.transaction-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid #e5e5e5}.transaction-table{width:100%;border-collapse:collapse;font-size:14px}.transaction-table th,.transaction-table td{padding:14px 16px;text-align:left}.transaction-table th{background:#f8f9fa;font-weight:600;color:#555;border-bottom:1px solid #e5e5e5}.transaction-table tr:not(:last-child) td{border-bottom:1px solid #f0f0f0}.tx-date{color:#888;white-space:nowrap}.tx-desc{color:#333}.tx-amount{font-weight:600;font-family:monospace;white-space:nowrap}.tx-amount.positive{color:#2ecc71}.tx-amount.negative{color:#e74c3c}.tx-status{padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px;white-space:nowrap}.tx-status.completed{color:#2ecc71;background:#2ecc711a}.tx-status.pending{color:#f39c12;background:#f39c121a}.store-status-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8f9fa;border-radius:12px;margin-bottom:28px}.store-status-info{display:flex;flex-direction:column;gap:6px}.store-status-label{font-size:13px;color:#888}.store-status-value{display:flex;align-items:center}.verified-badge{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#2ecc71}.pending-badge{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#f39c12}.unverified-badge{font-size:14px;font-weight:500;color:#888}.image-upload-row{display:flex;gap:24px}.image-upload-item{flex:1}.image-upload-item.banner{flex:2}.logo-upload-box{width:160px;height:160px;border:2px dashed #e5e5e5;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;overflow:hidden}.logo-upload-box:hover{border-color:#2ecc71;background:#2ecc7108}.banner-upload-box{width:100%;height:160px;border:2px dashed #e5e5e5;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;overflow:hidden}.banner-upload-box:hover{border-color:#2ecc71;background:#2ecc7108}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999}.upload-placeholder span{font-size:13px}.preview-logo,.preview-banner{width:100%;height:100%;object-fit:cover}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.theme-option{cursor:pointer}.theme-option input{display:none}.theme-preview{padding:12px;border:2px solid #e5e5e5;border-radius:12px;margin-bottom:10px;transition:all .2s ease}.theme-option.selected .theme-preview,.theme-option:hover .theme-preview{border-color:#2ecc71}.theme-demo{width:100%;height:80px;border-radius:8px;overflow:hidden;position:relative}.theme-demo.light{background:#f8f9fa}.theme-demo.light .demo-header,.theme-demo.light .demo-sidebar{background:#fff}.theme-demo.light .demo-content{background:#f8f9fa}.theme-demo.light .demo-line{background:#e5e5e5}.theme-demo.dark{background:#1a1a2e}.theme-demo.dark .demo-header,.theme-demo.dark .demo-sidebar{background:#16213e}.theme-demo.dark .demo-content{background:#1a1a2e}.theme-demo.dark .demo-line{background:#0f3460}.theme-demo.system{background:linear-gradient(135deg,#f8f9fa 50%,#1a1a2e 50%)}.demo-header{height:12px;border-bottom:1px solid rgba(0,0,0,.1)}.demo-sidebar{position:absolute;top:12px;left:0;width:30%;bottom:0;border-right:1px solid rgba(0,0,0,.1)}.demo-content{position:absolute;inset:20px 10px 10px 35%}.demo-line{height:6px;border-radius:3px;margin-bottom:6px}.demo-line.short{width:60%}.theme-info{display:flex;align-items:center;gap:8px;justify-content:center}.theme-icon{font-size:18px}.theme-label{font-size:14px;font-weight:500;color:#333}.language-options{display:flex;flex-direction:column;gap:10px}.language-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.language-option:hover{border-color:#e5e5e5}.language-option.selected{border-color:#2ecc71;background:#2ecc710d}.language-option input{display:none}.language-flag{font-size:24px}.language-label{flex:1;font-size:14px;font-weight:500;color:#333}.check-icon{color:#2ecc71}.font-size-selector{display:flex;align-items:center;gap:16px;margin-bottom:8px}.font-label{font-weight:600;color:#666}.font-label.small{font-size:12px}.font-label.large{font-size:20px}.font-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#e5e5e5;border-radius:3px;outline:none}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2ecc71;border-radius:50%;cursor:pointer;transition:transform .2s ease}.font-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.font-size-value{font-size:13px;color:#888}.accessibility-options{display:flex;flex-direction:column;gap:12px}.checkbox-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:background .2s ease}.checkbox-option:hover{background:#f0f0f0}.checkbox-option input[type=checkbox]{margin-top:2px;accent-color:#2ecc71;width:18px;height:18px}.checkbox-label{display:flex;flex-direction:column;gap:2px}.checkbox-label strong{font-size:14px;color:#333}.checkbox-label span{font-size:12px;color:#888}.social-accounts-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.social-account-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px}.social-account-info{display:flex;align-items:center;gap:16px}.social-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.social-details{display:flex;flex-direction:column;gap:2px}.social-name{font-size:15px;font-weight:600;color:#333}.social-connected-info{font-size:13px;color:#2ecc71}.social-not-connected{font-size:13px;color:#888}.social-actions{display:flex;align-items:center;gap:12px}.connected-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:#2ecc71;background:#2ecc711a;border-radius:20px}.security-notice{display:flex;gap:14px;padding:16px 20px;background:#3498db14;border-radius:10px;border-left:4px solid #3498db}.notice-icon{color:#3498db;flex-shrink:0}.notice-content strong{display:block;margin-bottom:4px;font-size:14px;color:#333}.notice-content p{margin:0;font-size:13px;color:#666;line-height:1.5}@media(max-width:1024px){.settings-mobile-header{display:flex}.settings-page{padding-top:128px}.settings-container{display:block;width:100%;max-width:100%;padding:0;margin-top:0}.settings-content{width:100%;max-width:100%;margin:0;padding:16px;min-height:auto}.panel-header,.panel-content{padding:20px}.panel-footer{padding:16px 20px;flex-direction:column;gap:12px}.footer-right{width:100%;justify-content:stretch}.footer-right button{flex:1}.panel-footer>.btn-outline{width:100%}.form-grid,.theme-options{grid-template-columns:1fr}.image-upload-row{flex-direction:column}.logo-upload-box{width:120px;height:120px}.balance-card{flex-direction:column;gap:16px;text-align:center}.balance-amount{font-size:28px}.store-status-card,.social-account-card{flex-direction:column;gap:16px;text-align:center}.social-account-info{flex-direction:column}.social-actions{flex-direction:column;width:100%}.social-actions .btn-secondary{width:100%}.security-card{flex-direction:column;gap:16px;text-align:center}.security-card-info{flex-direction:column}.transaction-table{font-size:13px}.transaction-table th,.transaction-table td{padding:10px 12px}.profile-photo-section{flex-direction:column;text-align:center}.profile-photo-actions{flex-direction:column;width:100%}.profile-photo-actions button{width:100%}}@media(max-width:480px){.panel-title{font-size:18px}.section-title{font-size:15px}.balance-amount{font-size:24px}}.section-description{color:#777;font-size:13px;margin-top:-8px;margin-bottom:16px}.select-field{margin-bottom:16px}.select-field label{display:block;font-size:14px;color:#333;margin-bottom:6px;font-weight:500}.input-select{width:100%;padding:12px 40px 12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background-color:#fff;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='%23666' 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 14px center;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.input-select:focus{outline:none;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}.input-select:hover{border-color:#2ecc71}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.benefit-checkbox{display:flex;align-items:center;gap:10px;padding:12px 14px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s ease}.benefit-checkbox:hover{background-color:#e8f5e9;border-color:#2ecc71}.benefit-checkbox input[type=checkbox]{display:none}.benefit-checkbox.checked{background-color:#e8f5e9;border-color:#2ecc71}.benefit-checkbox .benefit-icon{font-size:20px;flex-shrink:0}.benefit-checkbox .benefit-text{font-size:13px;color:#333;line-height:1.3}.benefit-checkbox .checkmark{margin-left:auto;width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.benefit-checkbox.checked .checkmark{background-color:#2ecc71;border-color:#2ecc71}.benefit-checkbox.checked .checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}@media(max-width:900px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.benefits-grid{grid-template-columns:1fr}.benefit-checkbox{padding:10px 12px}.benefit-checkbox .benefit-icon{font-size:18px}.benefit-checkbox .benefit-text{font-size:12px}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e5e5e5;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content{flex:1}.stat-label{font-size:13px;color:#888;margin:0 0 4px}.stat-value{font-size:24px;font-weight:700;color:#333;margin:0 0 4px}.stat-change{font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-block}.stat-change.up{color:#27ae60;background:#e8f5e9}.stat-change.down{color:#e74c3c;background:#ffebee}.orders-table,.sales-table,.products-table{overflow-x:auto}.orders-table table,.sales-table table,.products-table table{width:100%;border-collapse:collapse;font-size:14px}.orders-table thead,.sales-table thead,.products-table thead{background:#f8f9fa;border-bottom:2px solid #e5e5e5}.orders-table th,.sales-table th,.products-table th{text-align:left;padding:12px 16px;font-weight:600;color:#555;font-size:13px}.orders-table td,.sales-table td,.products-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;color:#333}.orders-table tr:hover,.sales-table tr:hover,.products-table tr:hover{background:#f8f9fa}.order-id{font-family:monospace;color:#2ecc71;font-weight:600}.order-amount,.amount-cell{font-weight:600;color:#2ecc71}.profit-cell{font-weight:600;color:#3498db}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cfe2ff;color:#084298}.status-completed{background:#d1e7dd;color:#0f5132}.status-refunded{background:#f8d7da;color:#842029}.status-cancelled{background:#e2e3e5;color:#383d41}.status-active{background:#d1e7dd;color:#0f5132}.status-out_of_stock{background:#f8d7da;color:#842029}.status-draft{background:#e2e3e5;color:#383d41}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff;border:2px solid #e5e5e5;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#333;transition:all .2s ease}.quick-action-btn:hover{border-color:#2ecc71;color:#2ecc71;background:#f0fdf4}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px}.store-product-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.store-product-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:#2ecc71}.store-product-card-image{position:relative;width:100%;height:200px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.store-product-card-image img{width:100%;height:100%;object-fit:cover}.status-badge-card{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge-card.status-active{background:#2ecc71f2;color:#fff}.status-badge-card.status-out_of_stock{background:#e74c3cf2;color:#fff}.status-badge-card.status-draft{background:#95a5a6f2;color:#fff}.store-product-card-content{padding:20px}.store-product-card-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.store-product-card-name{margin:0 0 6px;font-size:16px;font-weight:600;color:#333;line-height:1.4}.store-product-card-sku{font-size:12px;font-family:monospace;color:#888;background:#f8f9fa;padding:2px 8px;border-radius:4px;display:inline-block}.store-product-card-details{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.detail-label{color:#888;font-weight:500}.detail-value{color:#333;font-weight:600}.product-card-price{color:#2ecc71;font-size:15px}.store-product-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.card-action-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex:1;min-width:0}.card-action-btn.view-btn{background-color:#ecfdf5!important;color:#10b981!important}.card-action-btn.view-btn:hover{background-color:#d1fae5!important}.card-action-btn.edit-btn{background-color:#ecfdf5!important;color:#10b981!important}.card-action-btn.edit-btn:hover{background-color:#d1fae5!important}.card-action-btn.delete-btn{background-color:#fef2f2!important;color:#ef4444!important}.card-action-btn.delete-btn:hover{background-color:#fee2e2!important}.products-toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:14px;color:#888}.search-box input{width:100%;padding:10px 14px 10px 42px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:#333}.search-box input:focus{outline:none;border-color:#2ecc71}.filter-select{padding:10px 14px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:#333;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#2ecc71}.product-info{display:flex;align-items:center;gap:12px}.product-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:6px;border:1px solid #e5e5e5}.product-name{font-weight:500;color:#333}.product-sku{font-family:monospace;color:#888;font-size:13px}.product-price{font-weight:600;color:#2ecc71}.stock-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#d1e7dd;color:#0f5132}.stock-badge.low-stock{background:#fff3cd;color:#856404}.stock-badge.out-of-stock{background:#f8d7da;color:#842029}.action-buttons{display:flex;gap:8px}.btn-icon{padding:8px;background:none;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:#f0fdf4;border-color:#2ecc71;color:#2ecc71}.btn-icon-danger:hover{background:#ffebee;border-color:#e74c3c;color:#e74c3c}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e5e5}.pagination-btn{padding:8px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;color:#666;display:flex;align-items:center;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f0fdf4;border-color:#2ecc71;color:#2ecc71}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:14px;color:#666}.sales-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.summary-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start}.summary-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.summary-icon-green{background:linear-gradient(135deg,#2ecc71,#27ae60)}.summary-icon-blue{background:linear-gradient(135deg,#3498db,#2980b9)}.summary-icon-orange{background:linear-gradient(135deg,#f39c12,#e67e22)}.summary-icon-purple{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.summary-content{flex:1}.summary-label{font-size:13px;color:#888;margin:0 0 4px}.summary-value{font-size:22px;font-weight:700;color:#333;margin:0}.sales-toolbar{margin-bottom:20px;display:flex;justify-content:flex-end}.datetime-cell{display:flex;flex-direction:column;gap:2px}.time-text{font-size:12px;color:#888}.products-cell{display:flex;flex-direction:column;gap:4px}.product-item{font-size:13px;color:#666}.payment-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#e8f5e9;color:#2ecc71;display:inline-block}.edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.edit-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.edit-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.edit-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-modal-close:hover{background:#f3f4f6;color:#111827}.edit-modal-body{display:flex;gap:32px;padding:24px;overflow-y:auto;flex:1}.edit-modal-images{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.edit-main-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb}.edit-main-image img{width:100%;height:100%;object-fit:cover}.edit-thumbnails{display:flex;gap:8px;flex-wrap:wrap}.edit-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.edit-thumb img{width:100%;height:100%;object-fit:cover}.edit-thumb:hover{border-color:#d1d5db}.edit-thumb.active{border-color:#10b981}.edit-manage-images-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;margin-top:4px}.edit-manage-images-btn:hover{background:#ecfdf5;border-color:#10b981;color:#10b981}.edit-modal-form{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.edit-form-group{display:flex;flex-direction:column;gap:6px}.edit-form-group label{font-size:13px;font-weight:500;color:#374151}.edit-form-group input,.edit-form-group select,.edit-form-group textarea{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:all .2s;font-family:inherit}.edit-form-group input:focus,.edit-form-group select:focus,.edit-form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.edit-form-group textarea{resize:vertical;min-height:70px}.edit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-stats-box{display:flex;gap:24px;padding:16px;background:#f9fafb;border-radius:10px;margin-top:8px}.edit-stat{display:flex;flex-direction:column;gap:4px}.edit-stat-label{font-size:12px;color:#6b7280}.edit-stat-value{font-size:18px;font-weight:600;color:#10b981}.edit-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.edit-btn-cancel{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.edit-btn-cancel:hover{background:#f3f4f6}.edit-btn-save{padding:10px 24px;background:#10b981;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.edit-btn-save:hover{background:#059669}@media(max-width:768px){.edit-modal{max-width:100%;max-height:100vh;border-radius:0}.edit-modal-body{flex-direction:column;gap:20px}.edit-modal-images{width:100%}.edit-main-image{max-width:280px;margin:0 auto}.edit-thumbnails{justify-content:center}.edit-form-row{grid-template-columns:1fr}}.product-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e5e5}.product-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.modal-close-btn{background:none;border:none;cursor:pointer;color:#666;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f5f5f5;color:#333}.product-modal-content{display:grid;grid-template-columns:350px 1fr;gap:32px;padding:32px}.modal-image-section{display:flex;flex-direction:column;gap:16px}.main-edit-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid #e5e5e5;background:#f8f9fa}.main-edit-image img{width:100%;height:100%;object-fit:cover}.modal-image-section .image-thumbnails{display:flex;gap:10px;margin-top:0}.modal-image-section .thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;flex-shrink:0}.modal-image-section .thumbnail img{width:100%;height:100%;object-fit:cover}.modal-image-section .thumbnail:hover{border-color:#ddd}.modal-image-section .thumbnail.active{border-color:#2ecc71}.modal-image-section>img{width:100%;height:300px;object-fit:cover;border-radius:12px;border:1px solid #e5e5e5}.change-image-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.change-image-btn:hover{background:#e8f5e9;border-color:#2ecc71;color:#2ecc71}.modal-form-section{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;flex-direction:column;gap:8px}.form-row label{font-size:13px;font-weight:600;color:#555}.form-row input,.form-row select,.form-row textarea{padding:10px 14px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:#333;font-family:inherit;transition:all .2s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}.form-row textarea{resize:vertical;min-height:80px}.form-row-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-stats{padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e5e5e5}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-item .stat-label{font-size:13px;color:#888;font-weight:500}.stat-item .stat-value{font-size:16px;color:#2ecc71;font-weight:700}.product-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid #e5e5e5}.customer-view-modal{background:#fff;border-radius:16px;max-width:1100px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.customer-view-modal.full-detail{max-width:1200px}.customer-view-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:2px solid #2196f3;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.view-label{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#1976d2}.customer-view-content{display:grid;grid-template-columns:500px 1fr;gap:40px;padding:40px}.customer-image-section{position:sticky;top:0}.main-image{position:relative;width:100%;height:500px;background:#f8f9fa;border-radius:16px;overflow:hidden;border:1px solid #e5e5e5}.main-image img{width:100%;height:100%;object-fit:cover}.out-of-stock-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.out-of-stock-overlay span{background:#e74c3c;color:#fff;padding:16px 32px;border-radius:50px;font-size:24px;font-weight:700}.customer-info-section{display:flex;flex-direction:column;gap:28px}.product-header-customer{display:flex;flex-direction:column;gap:12px}.product-title-customer{margin:0;font-size:28px;font-weight:700;color:#222;line-height:1.3}.product-meta{display:flex;gap:12px;flex-wrap:wrap}.sku-badge,.category-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.sku-badge{background:#f5f5f5;color:#666;font-family:monospace}.category-badge{background:#e8f5e9;color:#2ecc71}.price-section{display:flex;flex-direction:column;gap:10px;padding:20px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.main-price{font-size:36px;font-weight:700;color:#2ecc71}.stock-warning{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff3cd;color:#856404;border-radius:8px;font-size:14px;font-weight:600;align-self:flex-start}.product-description{display:flex;flex-direction:column;gap:12px}.product-description h3,.product-specs h3{margin:0;font-size:18px;font-weight:700;color:#333}.product-description p{margin:0;font-size:15px;line-height:1.7;color:#555}.product-specs{display:flex;flex-direction:column;gap:16px}.specs-grid{display:grid;gap:16px}.spec-item{display:flex;align-items:center;gap:14px;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e5e5e5}.spec-item svg{color:#2ecc71;flex-shrink:0}.spec-item>div{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:12px;color:#888;font-weight:500}.spec-value{font-size:15px;color:#333;font-weight:600}.customer-actions{display:flex;gap:12px;padding:20px 0}.add-to-cart-btn,.buy-now-btn,.out-of-stock-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.add-to-cart-btn{background:#fff;color:#2ecc71;border:2px solid #2ecc71}.add-to-cart-btn:hover{background:#e8f5e9;transform:translateY(-2px);box-shadow:0 4px 12px #2ecc714d}.buy-now-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 4px 12px #2ecc714d}.buy-now-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.out-of-stock-btn{background:#e5e5e5;color:#999;cursor:not-allowed}.seller-info{padding-top:20px;border-top:1px solid #e5e5e5}.seller-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border-radius:10px;border:1px solid #e5e5e5;font-size:14px;color:#666;font-weight:600}.seller-badge svg{color:#2ecc71}.store-info-badge{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:14px;border:1px solid #e5e5e5}.store-logo{width:48px;height:48px;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.store-details{display:flex;flex-direction:column;gap:6px}.store-name{font-size:16px;font-weight:700;color:#222;display:flex;align-items:center;gap:6px}.verified-icon{flex-shrink:0}.store-rating{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.store-rating svg{display:inline}.rating-summary{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff8e1;border-radius:14px;border:1px solid #ffe082}.rating-big{font-size:48px;font-weight:800;color:#f59e0b;line-height:1}.rating-details{display:flex;flex-direction:column;gap:6px}.stars-row{display:flex;gap:4px}.rating-details span{font-size:14px;color:#666}.product-tabs{display:flex;gap:8px;padding:16px 0;border-bottom:2px solid #e5e5e5;margin-bottom:0}.tab-btn{padding:12px 24px;background:transparent;border:none;border-radius:10px;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#f5f5f5;color:#333}.tab-content{padding:24px 0;min-height:200px}.details-tab{display:flex;flex-direction:column;gap:28px}.reviews-tab,.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{padding:20px;background:#f8f9fa;border-radius:14px;border:1px solid #e5e5e5}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.reviewer-info{display:flex;align-items:center;gap:12px}.reviewer-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #e5e5e5}.reviewer-info>div{display:flex;flex-direction:column;gap:4px}.reviewer-name{font-size:15px;font-weight:700;color:#222}.review-date{font-size:13px;color:#999}.review-rating{display:flex;gap:3px}.review-comment{margin:0 0 14px;font-size:14px;line-height:1.7;color:#444}.review-images{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.review-images img{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid #e5e5e5;cursor:pointer;transition:transform .3s ease}.review-images img:hover{transform:scale(1.05)}.review-footer{padding-top:14px;border-top:1px solid #e5e5e5}.helpful-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;font-size:13px;color:#666;cursor:pointer;transition:all .3s ease}.helpful-btn:hover{border-color:#2ecc71;color:#2ecc71}.no-reviews{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-reviews svg{color:#ddd;margin-bottom:16px}.no-reviews p{margin:0;font-size:16px;font-weight:600;color:#666}.no-reviews span{margin-top:6px;font-size:14px;color:#999}.comments-tab{display:flex;flex-direction:column;gap:24px}.comments-tab h3{margin:0;font-size:18px;font-weight:700;color:#333}.comment-rating{display:flex;flex-direction:column;gap:12px}.comment-rating label,.comment-text label,.comment-images>label{font-size:14px;font-weight:600;color:#555}.rating-selector{display:flex;align-items:center;gap:12px}.rating-selector svg{cursor:pointer;transition:transform .2s ease}.rating-selector svg:hover{transform:scale(1.2)}.rating-text{font-size:14px;font-weight:600;color:#f59e0b;min-width:80px}.comment-text{display:flex;flex-direction:column;gap:12px}.comment-text textarea{width:100%;padding:16px;border:2px solid #e5e5e5;border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;transition:border-color .3s ease}.comment-text textarea:focus{outline:none;border-color:#2ecc71}.comment-text textarea::placeholder{color:#aaa}.comment-images{display:flex;flex-direction:column;gap:12px}.image-upload-area{display:flex;gap:12px;flex-wrap:wrap}.uploaded-image{position:relative;width:80px;height:80px}.uploaded-image img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid #e5e5e5}.uploaded-image .remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#e74c3c;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.uploaded-image .remove-image:hover{transform:scale(1.1)}.add-image-btn{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f8f9fa;border:2px dashed #ddd;border-radius:10px;cursor:pointer;transition:all .3s ease}.add-image-btn:hover{border-color:#2ecc71;background:#e8f5e9}.add-image-btn svg{color:#999}.add-image-btn span{font-size:11px;color:#999}.image-hint{font-size:12px;color:#999}.submit-comment-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;align-self:flex-start}.submit-comment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.image-thumbnails{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.thumbnail{width:70px;height:70px;border-radius:10px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:#ddd}.thumbnail.active{border-color:#2ecc71}.image-count-badge{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:#000000b3;color:#fff;border-radius:20px;font-size:12px;font-weight:600}.review-stars{display:flex;align-items:center;gap:6px}.review-stars svg{width:14px;height:14px}.review-stars span{font-size:12px;color:#888}.customer-view-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid #e5e5e5;background:#f8f9fa}.preview-note{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;font-style:italic}.preview-note svg{color:#2196f3;flex-shrink:0}@media(max-width:1200px){.dashboard-stats-grid,.sales-summary-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.dashboard-stats-grid,.sales-summary-grid,.quick-actions-grid{grid-template-columns:1fr}.products-toolbar{flex-direction:column;align-items:stretch}.products-grid,.product-modal-content{grid-template-columns:1fr}.main-edit-image{aspect-ratio:4/3}.modal-image-section>img{height:250px}.form-row-group{grid-template-columns:1fr}.product-modal{margin:0;border-radius:0;max-height:100vh;height:100vh}.product-modal-header,.product-modal-footer{padding:16px 20px}.product-modal-content{padding:20px}.store-product-card-actions{grid-template-columns:1fr;gap:8px}.card-action-btn{padding:12px;font-size:13px}.customer-view-modal{margin:0;border-radius:0;max-height:100vh;height:100vh}.customer-view-content{grid-template-columns:1fr;padding:20px;gap:24px}.main-image{height:300px}.customer-image-section{position:relative}.product-title-customer{font-size:22px}.main-price{font-size:28px}.customer-actions{flex-direction:column}.add-to-cart-btn,.buy-now-btn,.out-of-stock-btn{width:100%}.customer-view-footer{flex-direction:column;gap:12px;align-items:stretch}.preview-note{justify-content:center}.customer-view-footer .btn-primary{width:100%}.panel-header{padding:20px;flex-direction:column;align-items:flex-start!important;gap:12px}.panel-header .btn-primary,.panel-header .btn-secondary{width:100%;justify-content:center}}.sales-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.sale-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .2s ease}.sale-card:hover{border-color:#2ecc71;box-shadow:0 4px 12px #2ecc711a}.sale-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.sale-card-customer{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:#333;margin-bottom:8px}.sale-card-customer svg{color:#6b7280}.sale-card-date{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:16px}.sale-card-date svg{color:#9ca3af}.sale-card-products{margin-bottom:16px}.sale-card-products .label{font-size:12px;color:#6b7280;display:block;margin-bottom:8px}.sale-card-products .products-list{display:flex;flex-wrap:wrap;gap:8px}.product-tag-item{background:#f3f4f6;padding:6px 12px;border-radius:6px;font-size:13px;color:#374151;border:1px solid #e5e7eb}.sale-card-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.sale-amount,.sale-profit{display:flex;flex-direction:column;gap:4px}.sale-amount .label,.sale-profit .label{font-size:12px;color:#6b7280}.sale-amount .value,.sale-profit .value{font-size:16px;font-weight:700}.sale-payment{text-align:right}@media(max-width:900px){.sales-cards{grid-template-columns:1fr}}@media(max-width:480px){.sales-cards{gap:12px}.sale-card{padding:16px}.sale-card-footer{grid-template-columns:1fr 1fr;gap:12px}.sale-payment{grid-column:span 2;text-align:left;padding-top:12px;border-top:1px dashed #e5e5e5}.sale-card-header{flex-direction:column;align-items:flex-start;gap:8px}.sale-card-products .products-list{gap:6px}.product-tag-item{font-size:12px;padding:4px 10px}}.orders-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e5e5;transition:all .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.summary-total .summary-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.summary-pending .summary-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.summary-processing .summary-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.summary-shipped .summary-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.summary-delivered .summary-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-info{display:flex;flex-direction:column;gap:4px}.summary-value{font-size:28px;font-weight:700;color:#1f2937;line-height:1}.summary-label{font-size:13px;color:#6b7280}.orders-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;align-items:center}.orders-filters .search-box{flex:1;min-width:280px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e5e5;border-radius:10px;transition:all .2s ease}.orders-filters .search-box:focus-within{border-color:#2ecc71;background:#fff;box-shadow:0 0 0 3px #2ecc711a}.orders-filters .search-box svg{color:#9ca3af;flex-shrink:0}.orders-filters .search-box input{flex:1;border:none;background:none;font-size:14px;color:#1f2937;outline:none}.orders-filters .search-box input::placeholder{color:#9ca3af}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #e5e5e5;background:#fff;border-radius:8px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#2ecc71;color:#2ecc71}.filter-btn.active{background:#2ecc71;border-color:#2ecc71;color:#fff}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#0000001a;border-radius:10px;font-size:11px;font-weight:600}.filter-btn.active .filter-count{background:#ffffff4d}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;transition:all .2s ease}.order-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000f}.order-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e5e5}.order-id-section{display:flex;align-items:center;gap:12px}.order-id{font-size:15px;font-weight:700;color:#1f2937}.order-date{font-size:13px;color:#6b7280}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-pending{background:#fef3c7;color:#b45309}.status-processing{background:#dbeafe;color:#1d4ed8}.status-shipped{background:#ede9fe;color:#6d28d9}.status-delivered{background:#d1fae5;color:#047857}.status-cancelled{background:#fee2e2;color:#b91c1c}.order-body{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;padding:20px;align-items:center}.customer-info{display:flex;align-items:center;gap:12px}.customer-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.customer-details{display:flex;flex-direction:column;gap:2px}.customer-name{font-size:14px;font-weight:600;color:#1f2937}.customer-contact{font-size:13px;color:#6b7280}.order-items-preview{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.items-names{display:flex;flex-wrap:wrap;gap:6px}.item-name-tag{display:inline-block;padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#374151;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-items-tag{display:inline-block;padding:4px 10px;background:#e5e7eb;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280}.items-count{font-size:13px;color:#6b7280}.order-payment{display:flex;flex-direction:column;gap:6px}.payment-method{font-size:14px;color:#1f2937}.payment-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;width:fit-content}.payment-paid{background:#d1fae5;color:#047857}.payment-pending{background:#fef3c7;color:#b45309}.payment-refunded{background:#fee2e2;color:#b91c1c}.order-total{text-align:right}.total-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.total-value{font-size:20px;font-weight:700;color:#2ecc71}.order-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e5e5}.tracking-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.tracking-info svg{color:#9ca3af}.order-actions{display:flex;gap:10px}.btn-sm{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-secondary.btn-sm{background:#fff;border:1px solid #e5e5e5;color:#4b5563}.btn-secondary.btn-sm:hover{background:#f9fafb;border-color:#d1d5db}.btn-primary.btn-sm{background:#2ecc71;border:none;color:#fff}.btn-primary.btn-sm:hover{background:#27ae60}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;color:#374151}.empty-state p{margin:0;font-size:14px}.order-detail-modal{padding:0}.order-status-section{margin-bottom:24px}.order-status-section h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#374151}.status-timeline{display:flex;justify-content:space-between;position:relative;padding:0 20px}.status-timeline:before{content:"";position:absolute;top:16px;left:40px;right:40px;height:3px;background:#e5e5e5;z-index:0}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.timeline-step .step-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;transition:all .3s ease}.timeline-step.completed .step-icon{background:#2ecc71;color:#fff}.timeline-step span{font-size:12px;color:#6b7280}.timeline-step.completed span{color:#2ecc71;font-weight:600}.detail-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#374151}.customer-detail-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px}.customer-detail-card img{width:56px;height:56px;border-radius:50%;object-fit:cover}.customer-detail-card strong{display:block;font-size:15px;color:#1f2937;margin-bottom:4px}.customer-detail-card p{margin:0;font-size:13px;color:#6b7280;line-height:1.5}.address-card{display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:12px}.address-card svg{flex-shrink:0;color:#2ecc71}.address-card p{margin:0;font-size:14px;color:#4b5563;line-height:1.6}.order-notes{margin-top:12px;padding:12px 16px;background:#fef3c7;border-radius:8px;font-size:13px;color:#b45309}.order-items-list{display:flex;flex-direction:column;gap:12px}.order-item-row{display:flex;align-items:center;gap:16px;padding:12px;background:#f9fafb;border-radius:10px}.order-item-row img{width:56px;height:56px;border-radius:8px;object-fit:cover}.order-item-row .item-info{flex:1;display:flex;flex-direction:column;gap:4px}.order-item-row .item-name{font-size:14px;font-weight:500;color:#1f2937}.order-item-row .item-qty{font-size:13px;color:#6b7280}.order-item-row .item-price{font-size:15px;font-weight:600;color:#2ecc71}.order-summary-detail{background:#f9fafb;border-radius:12px;padding:16px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#4b5563}.summary-row.discount{color:#b91c1c}.summary-row.total{border-top:1px dashed #e5e5e5;margin-top:8px;padding-top:16px;font-size:16px;font-weight:700;color:#1f2937}.summary-row.total span:last-child{color:#2ecc71}.tracking-detail{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:12px}.tracking-label{font-size:14px;color:#6b7280}.tracking-number{font-size:16px;font-weight:600;color:#1f2937;font-family:monospace;letter-spacing:.5px}.btn-copy{padding:8px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease}.btn-copy:hover{background:#2ecc71;border-color:#2ecc71;color:#fff}.update-status-modal{padding:0}.modal-order-id{margin:0 0 20px;font-size:14px;color:#6b7280}.modal-order-id strong{color:#1f2937}.status-options{display:flex;flex-direction:column;gap:12px}.status-option-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px solid #e5e5e5;border-radius:12px;background:#fff;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}.status-option-btn:hover{border-color:currentColor;transform:translateY(-2px)}.status-option-btn.processing{color:#2563eb}.status-option-btn.processing:hover{background:#eff6ff}.status-option-btn.shipped{color:#7c3aed}.status-option-btn.shipped:hover{background:#f5f3ff}.status-option-btn.cancelled{color:#dc2626}.status-option-btn.cancelled:hover{background:#fef2f2}.status-option-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tracking-input-group{margin-bottom:16px}.tracking-input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.tracking-input-group input{width:100%;padding:12px 16px;border:1px solid #e5e5e5;border-radius:10px;font-size:14px;transition:all .2s ease}.tracking-input-group input:focus{outline:none;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}@media(max-width:1200px){.orders-summary{grid-template-columns:repeat(3,1fr)}.order-body{grid-template-columns:1fr 1fr;gap:16px}.item-name-tag{max-width:120px}}@media(max-width:900px){.orders-summary{grid-template-columns:repeat(2,1fr)}.orders-filters{flex-direction:column;align-items:stretch}.orders-filters .search-box{min-width:100%}.filter-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;gap:8px;-webkit-overflow-scrolling:touch}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0}.order-footer{flex-direction:column;gap:12px;align-items:stretch}.tracking-info{justify-content:center}.order-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-actions .btn-sm{width:100%;justify-content:center}}@media(max-width:640px){.orders-summary{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:14px;gap:10px}.summary-icon{width:36px;height:36px}.summary-icon svg{width:18px;height:18px}.summary-value{font-size:20px}.summary-label{font-size:12px}.order-body{grid-template-columns:1fr;gap:14px}.customer-info,.order-items-preview{padding-bottom:14px;border-bottom:1px solid #f0f0f0}.item-name-tag{max-width:100%;font-size:12px}.order-payment{flex-direction:row;justify-content:space-between;align-items:center}.order-total{text-align:left;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px dashed #e5e5e5}.total-label{display:inline;margin-bottom:0;font-size:14px}.total-value{font-size:18px}.order-actions{grid-template-columns:1fr}.status-timeline{flex-wrap:wrap;gap:16px;padding:0}.status-timeline:before{display:none}.timeline-step{flex:1 1 40%}.customer-detail-card{flex-direction:column;text-align:center}.address-card{flex-direction:column}}@media(max-width:480px){.orders-summary{grid-template-columns:1fr 1fr;gap:8px}.summary-card{padding:12px;gap:8px}.summary-icon{width:32px;height:32px}.summary-icon svg{width:16px;height:16px}.summary-value{font-size:18px}.order-header{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.order-id{font-size:14px}.order-date{font-size:12px}.order-body{padding:16px}.order-footer{padding:14px 16px}.filter-btn{padding:8px 12px;font-size:12px}.status-badge{font-size:11px;padding:4px 10px}}.analytics-period-select select{padding:10px 36px 10px 16px;border:1px solid #e5e5e5;border-radius:10px;font-size:14px;color:#374151;background:#fff 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='%236b7280' 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") no-repeat right 12px center;appearance:none;cursor:pointer;transition:all .2s ease}.analytics-period-select select:hover{border-color:#2ecc71}.analytics-period-select select:focus{outline:none;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}.analytics-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.analytics-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e5e5;transition:all .2s ease}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.analytics-stat-card .stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-stat-card.primary .stat-icon{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.analytics-stat-card.blue .stat-icon{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.analytics-stat-card.purple .stat-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.analytics-stat-card.orange .stat-icon{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.analytics-stat-card .stat-content{display:flex;flex-direction:column;gap:4px;min-width:0}.analytics-stat-card .stat-label{font-size:13px;color:#6b7280}.analytics-stat-card .stat-value{font-size:24px;font-weight:700;color:#1f2937;line-height:1.2}.analytics-stat-card .stat-growth{font-size:13px;font-weight:600}.analytics-stat-card .stat-growth.positive{color:#10b981}.analytics-stat-card .stat-growth.negative{color:#ef4444}.analytics-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.analytics-chart-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px}.chart-header{margin-bottom:20px}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.revenue-chart{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:20px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.chart-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:70%;max-width:40px;background:linear-gradient(180deg,#2ecc71,#27ae60);border-radius:6px 6px 0 0;min-height:4px;position:relative;transition:all .3s ease;cursor:pointer}.chart-bar:hover{opacity:.85}.chart-bar .bar-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;margin-bottom:8px}.chart-bar:hover .bar-tooltip{opacity:1;visibility:visible}.chart-label{font-size:11px;color:#6b7280;text-align:center}.category-chart{display:flex;align-items:center;gap:24px}.pie-chart-container{width:140px;height:140px;flex-shrink:0}.pie-chart{width:100%;height:100%;transform:rotate(-90deg)}.category-legend{flex:1;display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:10px}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{flex:1;font-size:13px;color:#374151}.legend-value{font-size:13px;font-weight:600;color:#1f2937}.analytics-bottom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.analytics-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.analytics-card .card-header{padding:16px 20px;border-bottom:1px solid #e5e5e5}.analytics-card .card-header h3{margin:0;font-size:15px;font-weight:600;color:#1f2937}.top-products-list{padding:12px}.top-product-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:background .2s ease}.top-product-item:hover{background:#f9fafb}.product-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;font-size:12px;font-weight:700;color:#6b7280}.top-product-item:first-child .product-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.top-product-item:nth-child(2) .product-rank{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.top-product-item:nth-child(3) .product-rank{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.top-product-item .product-info{flex:1;min-width:0}.top-product-item .product-name{display:block;font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-product-item .product-category{font-size:12px;color:#6b7280}.top-product-item .product-stats{text-align:right}.top-product-item .product-sold{display:block;font-size:12px;color:#6b7280}.top-product-item .product-revenue{font-size:13px;font-weight:600;color:#2ecc71}.top-product-item .product-growth{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;margin-left:8px}.top-product-item .product-growth.positive{background:#d1fae5;color:#047857}.top-product-item .product-growth.negative{background:#fee2e2;color:#b91c1c}.activity-list{padding:12px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:background .2s ease}.activity-item:hover{background:#f9fafb}.activity-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.order{background:#dbeafe;color:#2563eb}.activity-icon.review{background:#fef3c7;color:#d97706}.activity-icon.product{background:#fee2e2;color:#dc2626}.activity-icon.shipped{background:#d1fae5;color:#059669}.activity-content{flex:1;min-width:0}.activity-message{display:block;font-size:13px;color:#374151;margin-bottom:4px}.activity-amount{font-size:13px;font-weight:600;color:#2ecc71}.activity-rating{color:#f59e0b;font-size:12px}.activity-stock{font-size:12px;color:#dc2626;font-weight:500}.activity-time{font-size:12px;color:#9ca3af;white-space:nowrap}.customer-stats-content{padding:16px 20px}.customer-type-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.customer-type{text-align:center;padding:16px;border-radius:10px}.customer-type.new{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.customer-type.returning{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.customer-type .type-value{display:block;font-size:28px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.customer-type .type-label{font-size:12px;color:#6b7280}.customer-locations h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#374151}.location-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.location-name{width:100px;font-size:12px;color:#374151;flex-shrink:0}.location-bar-container{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.location-bar{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:4px;transition:width .5s ease}.location-percent{width:40px;font-size:12px;font-weight:600;color:#6b7280;text-align:right}@media(max-width:1200px){.analytics-overview{grid-template-columns:repeat(2,1fr)}.analytics-charts-row{grid-template-columns:1fr}.analytics-bottom-row{grid-template-columns:1fr 1fr}.analytics-bottom-row .analytics-card:last-child{grid-column:span 2}}@media(max-width:900px){.analytics-overview{grid-template-columns:repeat(2,1fr);gap:12px}.analytics-stat-card{padding:16px;gap:12px}.analytics-stat-card .stat-icon{width:44px;height:44px}.analytics-stat-card .stat-value{font-size:20px}.analytics-bottom-row{grid-template-columns:1fr}.analytics-bottom-row .analytics-card:last-child{grid-column:span 1}.category-chart{flex-direction:column;align-items:center}.category-legend{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}.legend-item{flex:0 0 auto}}@media(max-width:640px){.panel-header{flex-direction:column;align-items:flex-start;gap:12px}.analytics-period-select,.analytics-period-select select{width:100%}.analytics-overview{grid-template-columns:1fr 1fr;gap:10px}.analytics-stat-card{padding:14px;gap:10px}.analytics-stat-card .stat-icon{width:40px;height:40px}.analytics-stat-card .stat-icon svg{width:18px;height:18px}.analytics-stat-card .stat-value{font-size:18px}.analytics-stat-card .stat-label{font-size:11px}.revenue-chart{height:160px;gap:4px}.chart-bar{width:100%;max-width:24px}.chart-label{font-size:9px}.pie-chart-container{width:120px;height:120px}.top-product-item{padding:10px 8px}.top-product-item .product-growth{display:none}.activity-item{padding:10px 8px}.customer-type .type-value{font-size:24px}}@media(max-width:480px){.analytics-stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.analytics-stat-card .stat-icon{width:36px;height:36px}.analytics-stat-card .stat-value{font-size:16px}.revenue-chart{height:140px}.chart-bar-container:nth-child(odd){display:none}.top-product-item .product-stats,.activity-time{display:none}.location-name{width:80px;font-size:11px}}.job-post-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:20px}.form-section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease}.form-group textarea{min-height:120px;resize:vertical}.salary-range{display:flex;align-items:center;gap:12px}.salary-range input{flex:1}.salary-range span{color:#9ca3af;font-weight:500}.skills-input-container{display:flex;flex-direction:column;gap:12px}.skills-input-wrapper{display:flex;gap:10px}.skills-input-wrapper input{flex:1}.add-skill-btn{padding:12px 20px;background:#10b981!important;color:#fff!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-skill-btn:hover{background:#059669!important}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ecfdf5;color:#059669;border-radius:20px;font-size:13px;font-weight:500}.skill-tag button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#059669;transition:color .2s ease}.skill-tag button:hover{color:#dc2626}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #f3f4f6}.btn-preview{padding:12px 24px;background:#f3f4f6!important;color:#374151!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-preview:hover{background:#e5e7eb!important}.btn-publish{padding:12px 28px;background:#10b981!important;color:#fff!important;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-publish:hover{background:#059669!important}.job-history-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{flex:1;border:none;background:none;font-size:14px;color:#1f2937;outline:none}.search-box input::placeholder{color:#9ca3af}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:#f3f4f6;color:#374151}.filter-tab.active{background:#ecfdf5;border-color:#10b981;color:#059669}.job-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.job-stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #f3f4f6;border-radius:12px}.job-stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.job-stat-card .stat-icon.active{background:#ecfdf5;color:#10b981}.job-stat-card .stat-icon.views{background:#eff6ff;color:#3b82f6}.job-stat-card .stat-icon.applicants{background:#fef3c7;color:#f59e0b}.job-stat-card .stat-icon.total{background:#f3e8ff;color:#8b5cf6}.job-stat-card .stat-info{display:flex;flex-direction:column;gap:2px}.job-stat-card .stat-number{font-size:22px;font-weight:700;color:#1f2937}.job-stat-card .stat-label{font-size:12px;color:#9ca3af}.job-posts-list{display:flex;flex-direction:column;gap:12px}.job-post-card{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border:1px solid #f3f4f6;border-radius:12px;transition:all .2s ease}.job-post-card:hover{border-color:#e5e7eb;box-shadow:0 2px 8px #0000000a}.job-post-main{flex:1}.job-post-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.job-post-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.job-status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.job-status-badge.status-active{background:#ecfdf5;color:#059669}.job-status-badge.status-closed{background:#f3f4f6;color:#6b7280}.job-status-badge.status-draft{background:#fef3c7;color:#d97706}.job-status-badge.status-expired{background:#fee2e2;color:#dc2626}.job-post-meta{display:flex;flex-wrap:wrap;gap:16px}.job-post-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.job-post-meta .meta-item svg{color:#9ca3af}.job-post-stats{display:flex;gap:24px;padding:0 20px;border-left:1px solid #f3f4f6}.job-post-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.job-post-stats .stat-value{font-size:18px;font-weight:600;color:#1f2937}.job-post-stats .stat-text{font-size:11px;color:#9ca3af}.job-post-actions{display:flex;gap:8px}.job-post-actions .btn-icon{width:36px;height:36px;border:none;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.job-post-actions .btn-icon:hover{background:#f3f4f6;color:#374151}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.applicants-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-dropdowns{display:flex;gap:12px}.filter-select{padding:10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#374151;background:#fff;cursor:pointer;min-width:140px}.filter-select:focus{outline:none;border-color:#10b981}.applicant-stats-row{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:12px}.applicant-stat{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.applicant-stat .stat-count{font-size:18px;font-weight:600;color:#1f2937}.applicant-stat .stat-label{font-size:13px;color:#6b7280}.applicant-stat.pending{border-color:#fcd34d;background:#fffbeb}.applicant-stat.pending .stat-count{color:#d97706}.applicant-stat.reviewing{border-color:#60a5fa;background:#eff6ff}.applicant-stat.reviewing .stat-count{color:#2563eb}.applicant-stat.accepted{border-color:#34d399;background:#ecfdf5}.applicant-stat.accepted .stat-count{color:#059669}.applicants-table-container{overflow-x:auto}.applicants-table{width:100%;border-collapse:collapse}.applicants-table th,.applicants-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f3f4f6}.applicants-table th{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.applicants-table tr:hover td{background:#f9fafb}.applicant-info{display:flex;align-items:center;gap:12px}.applicant-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.applicant-avatar.large{width:64px;height:64px;font-size:20px}.applicant-details{display:flex;flex-direction:column;gap:2px}.applicant-name{font-size:14px;font-weight:500;color:#1f2937}.applicant-email{font-size:12px;color:#9ca3af}.applicant-status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.applicant-status-badge.status-pending{background:#fef3c7;color:#d97706}.applicant-status-badge.status-reviewing{background:#eff6ff;color:#2563eb}.applicant-status-badge.status-interviewed{background:#f3e8ff;color:#7c3aed}.applicant-status-badge.status-accepted{background:#ecfdf5;color:#059669}.applicant-status-badge.status-rejected{background:#fee2e2;color:#dc2626}.action-buttons{display:flex;gap:6px}.action-buttons .btn-icon{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-buttons .btn-icon.view{background:#f3f4f6;color:#6b7280}.action-buttons .btn-icon.view:hover{background:#e5e7eb;color:#374151}.action-buttons .btn-icon.accept{background:#ecfdf5;color:#10b981}.action-buttons .btn-icon.accept:hover{background:#d1fae5;color:#059669}.action-buttons .btn-icon.reject{background:#fee2e2;color:#ef4444}.action-buttons .btn-icon.reject:hover{background:#fecaca;color:#dc2626}.applicant-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6}.modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.close-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.applicant-profile-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.applicant-profile-header h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.applicant-profile-header p{font-size:14px;color:#6b7280;margin:0 0 8px}.applicant-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.detail-item span{font-size:14px;color:#1f2937}.applicant-skills{margin-bottom:24px}.applicant-skills label{display:block;font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.modal-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #f3f4f6}.modal-actions .btn-secondary{flex:1;padding:12px 16px;background:#f3f4f6!important;color:#374151!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.modal-actions .btn-secondary:hover{background:#e5e7eb!important}.modal-actions .accept-btn{flex:1;padding:12px 16px;background:#10b981!important;color:#fff!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.modal-actions .accept-btn:hover{background:#059669!important}@media(max-width:1024px){.job-stats-grid{grid-template-columns:repeat(2,1fr)}.job-post-card{flex-direction:column;align-items:flex-start}.job-post-stats{border-left:none;border-top:1px solid #f3f4f6;padding:16px 0 0;width:100%}.job-post-actions{width:100%;justify-content:flex-end;padding-top:12px;border-top:1px solid #f3f4f6}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.applicants-filters{flex-direction:column}.search-box,.filter-dropdowns{width:100%}.filter-select{flex:1}.applicant-stats-row{flex-wrap:wrap}.applicant-stat{flex:1;min-width:120px}.applicants-table th:nth-child(3),.applicants-table td:nth-child(3),.applicants-table th:nth-child(4),.applicants-table td:nth-child(4){display:none}}@media(max-width:640px){.job-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.job-stat-card{padding:14px;gap:10px}.job-stat-card .stat-icon{width:40px;height:40px}.job-stat-card .stat-number{font-size:18px}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.filter-tab{flex-shrink:0}.applicant-details-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.chat-panel{height:calc(100vh - 160px);display:flex;flex-direction:column}.chat-panel .panel-content{flex:1;padding:0;overflow:hidden}.chat-container{display:flex;height:100%;border-top:1px solid #f3f4f6}.chat-sidebar{width:340px;border-right:1px solid #f3f4f6;display:flex;flex-direction:column;background:#fff}.chat-sidebar-header{padding:16px;border-bottom:1px solid #f3f4f6}.chat-search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px}.chat-search svg{color:#9ca3af;flex-shrink:0}.chat-search input{flex:1;border:none;background:none;font-size:14px;color:#1f2937;outline:none}.chat-search input::placeholder{color:#9ca3af}.chat-filter-tabs{display:flex;gap:6px}.chat-filter-tab{flex:1;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.chat-filter-tab:hover{background:#f3f4f6;color:#374151}.chat-filter-tab.active{background:#ecfdf5;border-color:#10b981;color:#059669}.conversations-list{flex:1;overflow-y:auto}.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#9ca3af}.no-conversations svg{opacity:.5;margin-bottom:12px}.no-conversations p{font-size:14px;margin:0}.conversation-item{display:flex;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid #f9fafb;transition:all .2s ease}.conversation-item:hover{background:#f9fafb}.conversation-item.active{background:#ecfdf5;border-left:3px solid #10b981}.conversation-item.has-unread{background:#fefffe}.conversation-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#22c55e;border:2px solid #fff;border-radius:50%}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:11px;color:#9ca3af;flex-shrink:0}.conversation-meta{margin-bottom:4px}.conversation-type{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:10px}.conversation-type.applicant{background:#eff6ff;color:#2563eb}.conversation-type.customer{background:#fef3c7;color:#d97706}.conversation-preview{display:flex;align-items:center;gap:8px}.conversation-preview p{flex:1;font-size:13px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:#10b981;color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;flex-shrink:0}.chat-main{flex:1;display:flex;flex-direction:column;background:#f9fafb;min-width:0}.chat-empty-icon{width:100px;height:100px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.chat-empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #f3f4f6}.chat-header-info{display:flex;align-items:center;gap:14px}.chat-header-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.chat-header-info h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.chat-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 10px;border-radius:12px}.chat-type-badge.applicant{background:#eff6ff;color:#2563eb}.chat-type-badge.customer{background:#fef3c7;color:#d97706}.chat-action-btn{width:38px;height:38px;border:none;background:#f3f4f6;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.chat-action-btn:hover{background:#e5e7eb;color:#374151}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message-date-divider{display:flex;align-items:center;justify-content:center;padding:12px 0}.message-date-divider span{font-size:12px;color:#9ca3af;background:#f9fafb;padding:4px 12px;border-radius:12px}.message{display:flex;max-width:70%}.message.me{align-self:flex-end}.message.them{align-self:flex-start}.message-content{padding:12px 16px;border-radius:16px;position:relative}.message.me .message-content{background:#10b981;color:#fff;border-bottom-right-radius:4px}.message.them .message-content{background:#fff;color:#1f2937;border-bottom-left-radius:4px;border:1px solid #e5e7eb}.message-content p{margin:0;font-size:14px;line-height:1.5}.message-time{display:block;font-size:10px;margin-top:6px;opacity:.7}.message.them .message-time{color:#9ca3af}.chat-input{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #f3f4f6}.chat-input input{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:24px;font-size:14px;color:#1f2937;outline:none;transition:all .2s ease}.chat-input input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.chat-input input::placeholder{color:#9ca3af}.chat-input-btn{width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-input-btn.attach{background:#f3f4f6;color:#6b7280}.chat-input-btn.attach:hover{background:#e5e7eb;color:#374151}.chat-input-btn.send{background:#10b981;color:#fff}.chat-input-btn.send:hover:not(:disabled){background:#059669}.chat-input-btn.send:disabled{background:#d1d5db;cursor:not-allowed}.menu-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;margin-left:auto}@media(max-width:1024px){.chat-sidebar{width:280px}}@media(max-width:768px){.chat-container{flex-direction:column}.chat-sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid #f3f4f6}.chat-main{flex:1;min-height:50vh}.message{max-width:85%}}@media(max-width:640px){.chat-panel{height:calc(100vh - 200px)}.chat-header{padding:12px 16px}.chat-header-avatar{width:38px;height:38px;font-size:13px}.chat-header-info h3{font-size:14px}.chat-messages{padding:12px}.chat-input{padding:12px 16px}.chat-input input{padding:10px 14px}.chat-input-btn{width:40px;height:40px}}.settings-section{margin-bottom:32px}.section-title{font-size:15px;font-weight:600;color:#374151;margin:0 0 16px}.settings-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;overflow:hidden}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f9fafb}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{font-size:14px;font-weight:500;color:#1f2937}.setting-description{font-size:13px;color:#9ca3af}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.quick-replies-list{border-bottom:1px solid #f3f4f6}.quick-reply-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #f9fafb}.quick-reply-item:last-child{border-bottom:none}.quick-reply-text{font-size:14px;color:#4b5563}.quick-reply-edit{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.quick-reply-edit:hover{background:#e5e7eb;color:#374151}.add-quick-reply-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:none;border:none;font-size:14px;font-weight:500;color:#10b981;cursor:pointer;transition:all .2s ease}.add-quick-reply-btn:hover{background:#ecfdf5}.auto-reply-message{padding:16px 20px;border-top:1px solid #f3f4f6}.auto-reply-message label{display:block;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:8px}.auto-reply-message textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;resize:vertical;transition:all .2s ease}.auto-reply-message textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.auto-reply-message textarea::placeholder{color:#9ca3af}.settings-sidebar{width:280px;min-width:280px;background:#fff;border-right:1px solid #e5e5e5;height:calc(100vh - 80px);position:sticky;top:80px;overflow-y:auto}.sidebar-header{padding:24px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.sidebar-title{margin:0;font-size:20px;font-weight:600;color:#333}.sidebar-close{display:none;background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:6px}.sidebar-close:hover{background:#f5f5f5}.sidebar-nav{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.menu-item-wrapper{display:flex;flex-direction:column;gap:2px}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative}.sidebar-menu-item:hover{background:#f5f5f5}.sidebar-menu-item.active{background:#2ecc711a;color:#2ecc71}.menu-icon{display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease}.sidebar-menu-item:hover .menu-icon,.sidebar-menu-item.active .menu-icon{color:#2ecc71}.menu-label{font-size:14px;font-weight:500;color:#333;transition:color .2s ease}.sidebar-menu-item.active .menu-label{color:#2ecc71;font-weight:600}.submenu-arrow{margin-left:auto;transition:transform .2s ease;color:#666}.submenu-arrow.expanded{transform:rotate(180deg)}.external-link-icon{margin-left:auto;color:#10b981;opacity:.7;transition:opacity .2s ease}.sidebar-menu-item:hover .external-link-icon{opacity:1}.submenu{display:flex;flex-direction:column;gap:2px;padding-left:48px;margin-top:4px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.submenu-item{display:flex;align-items:center;padding:10px 16px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;font-size:13px;font-weight:500;color:#666;position:relative}.submenu-item:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#ccc;border-radius:50%}.submenu-item:hover{background:#f5f5f5;color:#333}.submenu-item.active{background:#2ecc711a;color:#2ecc71;font-weight:600}.submenu-item.active:before{background:#2ecc71}.sidebar-overlay{display:none}@media(max-width:1024px){.settings-sidebar{display:none;position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1100;box-shadow:none}.settings-sidebar.mobile-open{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1100;box-shadow:5px 0 30px #00000026;background:#fff}.sidebar-close{display:block}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:1050}}.input-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-label{font-size:14px;font-weight:500;color:#333}.required-star{color:#e74c3c;margin-left:4px}.input-control{width:100%;padding:12px 14px;font-size:14px;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;transition:all .2s ease;box-sizing:border-box}.input-control:focus{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7126}.input-control::placeholder{color:#999}.input-control.input-error{border-color:#e74c3c}.input-control.input-error:focus{box-shadow:0 0 0 3px #e74c3c26}.input-control.input-disabled{background-color:#f5f5f5;cursor:not-allowed;color:#888}.error-text{font-size:12px;color:#e74c3c}.helper-text{font-size:12px;color:#888}.toggle-switch-container{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f0}.toggle-switch-container:last-child{border-bottom:none}.toggle-switch-container.disabled{opacity:.5;pointer-events:none}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:14px;font-weight:500;color:#333}.toggle-description{font-size:12px;color:#888}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ddd;transition:.3s ease;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 2px 4px #00000026}.toggle-switch input:checked+.toggle-slider{background-color:#2ecc71}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #2ecc7133}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 50px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.modal-title{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close{background:none;border:none;cursor:pointer;color:#888;padding:4px;border-radius:6px;transition:all .2s ease}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-message{margin:0;font-size:14px;color:#555;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e5e5;background-color:#fafafa;border-radius:0 0 12px 12px}.modal-btn{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-btn-cancel{background:#fff;border:1px solid #e5e5e5;color:#555}.modal-btn-cancel:hover{background:#f5f5f5;border-color:#ddd}.modal-btn-confirm{background:#2ecc71;border:1px solid #2ecc71;color:#fff}.modal-btn-confirm:hover{background:#27ae60;border-color:#27ae60}.modal-btn-danger{background:#e74c3c;border-color:#e74c3c}.modal-btn-danger:hover{background:#c0392b;border-color:#c0392b}.profile-page{min-height:100vh;background:#f8f9fa}.profile-cover{position:relative;height:280px;overflow:hidden}.cover-image{width:100%;height:100%;object-fit:cover}.cover-overlay{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.profile-container{max-width:1000px;margin:-80px auto 0;padding:0 20px 40px;position:relative;z-index:1}.profile-header{display:flex;gap:24px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;margin-bottom:20px}.profile-avatar-section{flex-shrink:0}.profile-avatar{position:relative;width:140px;height:140px}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 12px #00000026}.online-indicator{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:#2ecc71;border:3px solid #fff;border-radius:50%}.profile-info{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.profile-name{margin:0;font-size:28px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.verified-badge{display:inline-flex;cursor:help}.profile-username{font-size:16px;color:#6b7280}.profile-bio{margin:0 0 16px;font-size:15px;color:#4b5563;line-height:1.6}.profile-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.meta-link{color:#2ecc71;text-decoration:none;transition:color .2s ease}.meta-link:hover{color:#27ae60}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.profile-stats{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:13px;color:#6b7280}.profile-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.btn-follow{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#2ecc71;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-follow:hover{background:#27ae60;transform:translateY(-1px)}.btn-follow.following{background:#f3f4f6;color:#374151}.btn-follow.following:hover{background:#e5e7eb}.btn-message{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#fff;color:#374151;border:1px solid #e5e5e5;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-message:hover{background:#f9fafb;border-color:#d1d5db}.btn-more{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;color:#6b7280;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-more:hover{background:#f9fafb;color:#374151}.btn-edit-profile{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;color:#fff;background-color:#2ecc71;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-edit-profile:hover{background-color:#27ae60;transform:translateY(-1px)}.btn-share{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;color:#333;background:#fff;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-share:hover{background:#f9fafb;border-color:#ccc}.store-info-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;padding:20px;margin-bottom:20px}.store-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.store-header svg{color:#2ecc71;flex-shrink:0}.store-name{margin:0 0 4px;font-size:18px;font-weight:700;color:#1f2937}.store-desc{margin:0;font-size:14px;color:#4b5563}.store-stats{display:flex;gap:32px;margin-bottom:16px}.store-stat{display:flex;flex-direction:column;gap:2px}.store-stat-value{font-size:18px;font-weight:700;color:#1f2937}.store-stat-label{font-size:13px;color:#6b7280}.btn-visit-store{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#2ecc71;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-visit-store:hover{background:#27ae60}.skills-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{display:inline-block;padding:8px 16px;background:#f3f4f6;color:#374151;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease}.skill-tag:hover{background:#e5e7eb}.social-links{display:flex;gap:12px;margin-bottom:20px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border-radius:12px;color:#6b7280;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-link.github:hover{background:#24292e;color:#fff}.social-link.linkedin:hover{background:#0077b5;color:#fff}.social-link.twitter:hover{background:#000;color:#fff}.social-link.facebook:hover{background:#1877f2;color:#fff}.profile-tabs{display:flex;gap:4px;background:#fff;padding:8px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:none;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#2ecc71;color:#fff}.tab-btn.active:hover{background:#27ae60}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#0000001a;border-radius:12px;font-size:12px;font-weight:600}.tab-btn.active .tab-count{background:#ffffff4d}.tab-content{min-height:400px}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .2s ease;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.product-image{position:relative;aspect-ratio:1;overflow:hidden}.product-info{padding:16px}.product-name{margin:0 0 8px;font-size:15px;font-weight:600;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:6px;margin-bottom:8px}.rating-text{font-size:12px;color:#6b7280}.product-price{font-size:18px;font-weight:700;color:#2ecc71}.posts-list{display:flex;flex-direction:column;gap:16px}.post-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .2s ease}.post-card:hover{box-shadow:0 4px 16px #0000001a}.post-category{display:inline-block;padding:4px 10px;background:#f3f4f6;color:#6b7280;border-radius:6px;font-size:12px;font-weight:500;margin-bottom:12px}.post-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.post-excerpt{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5}.post-meta{display:flex;justify-content:space-between;align-items:center}.post-date{font-size:13px;color:#9ca3af}.post-stats{display:flex;gap:16px}.post-stat{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.review-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.reviewer-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.reviewer-name{display:block;font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px}.review-rating{display:flex;gap:2px}.review-date{font-size:13px;color:#9ca3af}.review-comment{margin:0 0 12px;font-size:14px;color:#4b5563;line-height:1.6}.review-product{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#6b7280}@media(max-width:900px){.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-info{display:flex;flex-direction:column;align-items:center}.profile-name-row,.profile-meta,.profile-badges,.profile-stats{justify-content:center}.profile-actions{flex-direction:row;width:100%}.btn-follow,.btn-message{flex:1}.store-stats{justify-content:center}}@media(max-width:640px){.profile-cover{height:180px}.profile-container{padding:0 16px 32px;margin-top:-60px}.profile-header{padding:20px 16px}.profile-avatar{width:100px;height:100px}.online-indicator{width:16px;height:16px;bottom:4px;right:4px}.profile-name{font-size:22px}.profile-stats{gap:16px;flex-wrap:wrap}.stat-value{font-size:18px}.profile-actions{flex-direction:column}.btn-follow,.btn-message,.btn-edit-profile,.btn-share{width:100%}.btn-more{display:none}.store-stats{flex-wrap:wrap;gap:16px}.profile-tabs{padding:6px;gap:2px}.tab-btn{padding:10px 12px;font-size:13px}.tab-btn svg{display:none}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-info{padding:12px}.product-name{font-size:14px}.product-price{font-size:16px}}@media(max-width:480px){.profile-cover{height:150px}.profile-container{margin-top:-50px}.profile-avatar{width:80px;height:80px}.profile-name{font-size:20px}.profile-bio{font-size:14px}.profile-meta{flex-direction:column;align-items:center;gap:8px}.profile-stats{width:100%;justify-content:space-around}.social-links{justify-content:center}.products-grid{grid-template-columns:1fr 1fr;gap:10px}}.orders-page{max-width:980px;margin:0 auto;padding:92px 20px 32px}.orders-header h2{margin:0 0 6px;font-size:22px}.orders-sub{color:#6b7280;margin-bottom:16px}.orders-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.orders-summary{display:flex;gap:12px;align-items:center}.summary-item{text-align:right}.summary-value{font-weight:700;color:#065f46;font-size:18px}.summary-label{font-size:12px;color:#6b7280}.orders-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.status-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#f6f9f7;border:1px solid #e6f3ea;color:#064e3b;padding:6px 10px;border-radius:18px;font-size:13px;cursor:pointer}.chip.active{background:#e6fff4;box-shadow:0 2px 6px #10b98114}.order-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e6f3ea;box-shadow:0 6px 18px #065f4608;transition:transform .12s ease,box-shadow .12s ease}.order-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #065f460d}.order-card:before{content:"";width:6px;height:60%;background:linear-gradient(180deg,#10b981,#059669);border-radius:6px;margin-right:12px}.order-left{display:flex;flex-direction:column;flex:1;margin-left:8px}.order-id{font-weight:700;color:#064e3b}.order-date{color:#6b7280;font-size:13px}.order-preview{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.preview-item{font-size:13px;color:#374151;background:#f3f7f5;padding:6px 8px;border-radius:8px}.preview-more{font-size:13px;color:#6b7280}.order-middle{text-align:center;width:140px}.order-items{color:#374151}.order-total{font-weight:700;margin-top:4px}.order-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:140px}.order-status{padding:6px 10px;border-radius:16px;font-size:13px}.status-จัดส่งแล้ว{background:#ecfdf5;color:#065f46}.status-รอชำระเงิน{background:#fff7ed;color:#92400e}.status-กำลังแพ็ค{background:#eef2ff;color:#4c1d95}.order-view{background:transparent;color:#10b981;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:14px;border:1px solid transparent}.order-view.primary{background:#10b981;color:#fff}.order-view:hover{box-shadow:0 6px 18px #10b98114}.filter-search{padding:10px 12px;border-radius:10px;border:1px solid #e6f3ea;width:260px}.filter-select{padding:10px 12px;border-radius:10px;border:1px solid #e6f3ea}.filter-dates{display:flex;align-items:center;gap:8px}.filter-date{padding:8px 10px;border-radius:8px;border:1px solid #e6f3ea}.orders-empty{display:flex;flex-direction:column;gap:12px;align-items:center;padding:36px;border-radius:12px;background:#f8fffb;border:1px dashed #e6f3ea}.empty-illustration{width:120px;height:80px;background:linear-gradient(180deg,#ecfff6,#fff);border-radius:8px;box-shadow:inset 0 -8px 24px #10b98108}.empty-text{color:#6b7280;font-weight:600}.orders-empty{padding:28px;text-align:center;color:#6b7280}@media(max-width:720px){.order-card{flex-direction:column;align-items:stretch;gap:8px}.order-right{align-items:flex-start}}@media(max-width:768px){.orders-page{padding-top:76px}}.order-detail-card{max-width:980px;margin:12px auto;background:#fff;border:1px solid #e6f3ea;border-radius:12px;padding:18px}.order-detail-top{display:flex;align-items:center;justify-content:space-between}.order-detail-top .order-id{font-weight:800;color:#064e3b}.order-detail-top .order-date{color:#6b7280}.order-tracking{margin-top:12px;display:flex;align-items:center;gap:12px}.order-tracking strong{color:#064e3b}.tracking-number{background:#f3fbf8;padding:6px 10px;border-radius:8px}.copy-btn{background:#10b981;color:#fff;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;box-shadow:0 6px 18px #10b98114}.no-tracking{color:#6b7280}.order-items-list{margin-top:16px}.items-table{border-top:1px solid #eef2f6;margin-top:8px}.items-row{display:flex;gap:12px;padding:12px 0;align-items:center;border-bottom:1px solid #f3f7f4}.items-row:last-child{border-bottom:none}.item-name{flex:1;font-weight:600}.item-qty{width:64px;text-align:right;color:#6b7280}.item-price{width:100px;text-align:right;font-weight:700}.order-total-row{display:flex;justify-content:flex-end;margin-top:8px}.order-total{font-size:16px;font-weight:800}.not-found-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden;background:#fff}.not-found-container{max-width:600px;width:100%;text-align:center;position:relative;z-index:1}.not-found-illustration{margin-bottom:40px}.error-code{display:flex;align-items:center;justify-content:center;gap:8px}.digit{font-size:100px;font-weight:700;color:#10b981;line-height:1}.digit.zero{display:flex;align-items:center;justify-content:center}.zero-svg{width:100px;height:100px}.zero-circle{fill:none;stroke:#10b981;stroke-width:6}.eye{fill:#10b981;animation:blink 4s infinite}.mouth{fill:none;stroke:#10b981;stroke-width:3;stroke-linecap:round}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.not-found-content{margin-bottom:32px}.not-found-title{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:12px}.not-found-description{font-size:15px;color:#6b7280;line-height:1.6;max-width:450px;margin:0 auto}.not-found-actions{display:flex;gap:12px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98140}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-secondary{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover{background:#ecfdf5;border-color:#10b981;color:#10b981}.helpful-links{background:#f9fafb;border-radius:14px;padding:24px}.helpful-title{font-size:13px;color:#9ca3af;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.helpful-link{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-radius:10px;color:#6b7280;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.helpful-link:hover{border-color:#e5e7eb;color:#10b981}.helpful-link svg{flex-shrink:0;opacity:.7}.helpful-link:hover svg{opacity:1}.bg-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;opacity:.04;background:#10b981}.shape-1{width:500px;height:500px;top:-150px;right:-150px}.shape-2{width:400px;height:400px;bottom:-100px;left:-100px}.shape-3{display:none}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(5deg)}50%{transform:translateY(-30px) rotate(0)}75%{transform:translate(-20px,-10px) rotate(-5deg)}}@media(max-width:768px){.not-found-page{padding:40px 16px}.digit{font-size:80px}.zero-svg{width:80px;height:80px}.not-found-title{font-size:22px}.not-found-description{font-size:14px}.not-found-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px;justify-content:center}.links-grid{grid-template-columns:1fr}}@media(max-width:480px){.digit{font-size:60px}.zero-svg{width:60px;height:60px}.not-found-title{font-size:20px}.helpful-links{padding:16px}}.chat-page{min-height:100vh;padding-top:80px;background:#f9fafb}.chat-main-container{display:flex;max-width:1400px;margin:0 auto;height:calc(100vh - 80px);background:#fff;border-left:1px solid #f3f4f6;border-right:1px solid #f3f4f6}.chat-conversations-sidebar{width:360px;border-right:1px solid #f3f4f6;display:flex;flex-direction:column;background:#fff;flex-shrink:0}.chat-sidebar-header{padding:20px;border-bottom:1px solid #f3f4f6}.chat-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chat-page-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:#1f2937;margin:0}.chat-page-title svg{color:#10b981}.total-unread-badge{background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.chat-search-box{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px}.chat-search-box svg{color:#9ca3af;flex-shrink:0}.chat-search-box input{flex:1;border:none;background:none;font-size:14px;color:#1f2937;outline:none}.chat-search-box input::placeholder{color:#9ca3af}.chat-filter-buttons{display:flex;gap:8px}.chat-filter-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.chat-filter-btn:hover{background:#f3f4f6;color:#374151}.chat-filter-btn.active{background:#ecfdf5;border-color:#10b981;color:#059669}.chat-conversations-list{flex:1;overflow-y:auto}.chat-no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#9ca3af}.chat-no-conversations svg{opacity:.5;margin-bottom:12px}.chat-no-conversations p{font-size:14px;margin:0}.chat-conversation-item{display:flex;gap:14px;padding:16px 20px;cursor:pointer;border-bottom:1px solid #f9fafb;transition:all .2s ease}.chat-conversation-item:hover{background:#f9fafb}.chat-conversation-item.active{background:#ecfdf5;border-left:3px solid #10b981}.chat-conversation-item.has-unread{background:#fefffe}.chat-conv-avatar{position:relative;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;flex-shrink:0}.chat-online-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#22c55e;border:3px solid #fff;border-radius:50%}.chat-conv-info{flex:1;min-width:0}.chat-conv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-conv-name{font-size:15px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conv-time{font-size:12px;color:#9ca3af;flex-shrink:0}.chat-conv-type-row{margin-bottom:6px}.chat-conv-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 10px;border-radius:12px;font-weight:500}.chat-conv-type-badge.applicant{background:#eff6ff;color:#2563eb}.chat-conv-type-badge.customer{background:#fef3c7;color:#d97706}.chat-conv-preview{display:flex;align-items:center;gap:10px}.chat-conv-preview p{flex:1;font-size:13px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-unread-count{background:#10b981;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;flex-shrink:0}.chat-message-area{flex:1;display:flex;flex-direction:column;background:#f9fafb;min-width:0}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.chat-empty-icon{width:120px;height:120px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.chat-empty-icon svg{opacity:.5}.chat-empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.chat-empty-state p{font-size:14px;margin:0}.chat-area-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #f3f4f6}.chat-back-btn{display:none;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.chat-back-btn:hover{background:#e5e7eb;color:#374151}.chat-header-user{display:flex;align-items:center;gap:14px;flex:1}.chat-header-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.chat-header-details h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.chat-header-type{display:inline-flex;align-items:center;font-size:12px;padding:3px 10px;border-radius:12px}.chat-header-type.applicant{background:#eff6ff;color:#2563eb}.chat-header-type.customer{background:#fef3c7;color:#d97706}.chat-header-actions{display:flex;gap:8px}.chat-header-btn{width:40px;height:40px;border:none;background:#f3f4f6;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.chat-header-btn:hover{background:#e5e7eb;color:#374151}.chat-messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.chat-date-divider{display:flex;align-items:center;justify-content:center;padding:16px 0}.chat-date-divider span{font-size:12px;color:#9ca3af;background:#f9fafb;padding:6px 16px;border-radius:16px;border:1px solid #e5e7eb}.chat-message{display:flex;max-width:70%}.chat-message.me{align-self:flex-end}.chat-message.them{align-self:flex-start}.chat-message-bubble{padding:14px 18px;border-radius:20px;position:relative}.chat-message.me .chat-message-bubble{background:#10b981;color:#fff;border-bottom-right-radius:6px}.chat-message.them .chat-message-bubble{background:#fff;color:#1f2937;border-bottom-left-radius:6px;border:1px solid #e5e7eb}.chat-message-bubble p{margin:0;font-size:14px;line-height:1.6}.chat-message-time{display:block;font-size:10px;margin-top:6px;opacity:.7}.chat-message.them .chat-message-time{color:#9ca3af}.chat-input-form{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#fff;border-top:1px solid #f3f4f6}.chat-input-form input{flex:1;padding:14px 20px;border:1px solid #e5e7eb;border-radius:28px;font-size:14px;color:#1f2937;outline:none;transition:all .2s ease}.chat-input-form input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.chat-input-form input::placeholder{color:#9ca3af}.chat-attach-btn,.chat-send-btn{width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-attach-btn{background:#f3f4f6;color:#6b7280}.chat-attach-btn:hover{background:#e5e7eb;color:#374151}.chat-send-btn{background:#10b981;color:#fff}.chat-send-btn:hover:not(:disabled){background:#059669}.chat-send-btn:disabled{background:#d1d5db;cursor:not-allowed}@media(max-width:1024px){.chat-conversations-sidebar{width:300px}}@media(max-width:768px){.chat-main-container{position:relative}.chat-conversations-sidebar{position:absolute;inset:0;width:100%;z-index:10;transform:translate(-100%);transition:transform .3s ease}.chat-conversations-sidebar.mobile-open{transform:translate(0)}.chat-back-btn{display:flex}.chat-message{max-width:85%}}@media(max-width:640px){.chat-sidebar-header{padding:16px}.chat-page-title{font-size:18px}.chat-filter-buttons{flex-wrap:wrap}.chat-filter-btn{font-size:12px;padding:8px 10px}.chat-conversation-item{padding:14px 16px;gap:12px}.chat-conv-avatar{width:46px;height:46px;font-size:15px}.chat-area-header{padding:12px 16px}.chat-header-avatar{width:42px;height:42px;font-size:14px}.chat-header-details h3{font-size:14px}.chat-messages-container{padding:16px}.chat-input-form{padding:14px 16px}.chat-attach-btn,.chat-send-btn{width:42px;height:42px}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:20px}.admin-login-container{display:flex;width:100%;max-width:1000px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.admin-login-branding{flex:1;background:linear-gradient(135deg,#10b981,#059669);padding:60px 40px;display:flex;align-items:center;justify-content:center;color:#fff}.branding-content{text-align:center}.admin-logo{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.admin-logo svg{color:#fff}.branding-content h1{font-size:32px;font-weight:700;margin:0 0 8px}.branding-content>p{font-size:16px;opacity:.9;margin:0 0 40px}.admin-features{display:flex;flex-direction:column;gap:16px;text-align:left}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff26;border-radius:10px;font-size:14px;font-weight:500}.feature-item svg{flex-shrink:0}.admin-login-form-section{flex:1;padding:60px 50px;display:flex;align-items:center;justify-content:center}.login-form-container{width:100%;max-width:360px}.form-header{margin-bottom:32px}.form-header h2{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.form-header p{font-size:14px;color:#6b7280;margin:0}.login-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;margin-bottom:20px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:#374151}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper svg{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.input-wrapper input{width:100%;padding:14px 14px 14px 46px;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;color:#111827;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-wrapper input::placeholder{color:#9ca3af}.form-options{display:flex;justify-content:space-between;align-items:center}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#6b7280}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:#10b981;cursor:pointer}.forgot-link{font-size:14px;color:#10b981;text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.admin-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#10b981;border:none;border-radius:10px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.admin-login-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.admin-login-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-footer{margin-top:32px;text-align:center}.form-footer p{font-size:14px;color:#6b7280;margin:0 0 16px}.form-footer p a{color:#10b981;font-weight:600;text-decoration:none}.form-footer p a:hover{text-decoration:underline}.back-to-home{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#6b7280;text-decoration:none;transition:color .2s}.back-to-home:hover{color:#374151}@media(max-width:768px){.admin-login-container{flex-direction:column;max-width:440px}.admin-login-branding{padding:40px 30px}.admin-features{display:none}.admin-login-form-section{padding:40px 30px}}:root{--admin-primary: #10b981;--admin-primary-dark: #059669;--admin-primary-light: #ecfdf5;--admin-white: #ffffff;--admin-bg: #f8fafb;--admin-text: #1f2937;--admin-text-light: #6b7280;--admin-border: #e5e7eb;--admin-shadow: 0 1px 3px rgba(0, 0, 0, .05);--admin-shadow-lg: 0 4px 20px rgba(0, 0, 0, .08);--admin-radius: 12px;--admin-transition: .2s ease}.admin-layout{display:flex;min-height:100vh;background:var(--admin-bg)}.admin-sidebar{width:240px;background:var(--admin-white);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--admin-transition),width var(--admin-transition)}.admin-layout.collapsed .admin-sidebar{width:72px}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--admin-border)}.admin-brand{display:flex;align-items:center;gap:10px}.admin-brand-icon{width:36px;height:36px;background:var(--admin-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--admin-white);flex-shrink:0}.admin-brand-text{font-size:16px;font-weight:600;color:var(--admin-text);white-space:nowrap}.admin-layout.collapsed .admin-brand-text{display:none}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;color:var(--admin-text-light);padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all var(--admin-transition)}.sidebar-toggle-btn:hover{background:var(--admin-primary-light);color:var(--admin-primary)}.sidebar-close-btn{display:none}.admin-sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--admin-text-light);font-size:14px;font-weight:500;transition:all var(--admin-transition)}.admin-nav-item:hover{background:var(--admin-primary-light);color:var(--admin-primary)}.admin-nav-item.active{background:var(--admin-primary);color:var(--admin-white)}.admin-nav-item.active .nav-icon{color:var(--admin-white)}.nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.nav-label{flex:1;white-space:nowrap}.nav-badge{background:#ef4444;color:var(--admin-white);font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.admin-layout.collapsed .nav-label,.admin-layout.collapsed .nav-badge{display:none}.admin-layout.collapsed .admin-nav-item{justify-content:center;padding:10px}.admin-sidebar-footer{padding:12px;border-top:1px solid var(--admin-border)}.admin-user-info{display:flex;align-items:center;gap:10px;margin-bottom:10px;text-decoration:none}.admin-user-info.clickable{padding:8px;margin:0 -8px 10px;border-radius:8px;cursor:pointer;transition:all var(--admin-transition)}.admin-user-info.clickable:hover{background:var(--admin-primary-light)}.admin-avatar{width:36px;height:36px;border-radius:10px;background:var(--admin-primary);display:flex;align-items:center;justify-content:center;color:var(--admin-white);font-size:12px;font-weight:600;flex-shrink:0;overflow:hidden}.admin-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-details{display:flex;flex-direction:column;min-width:0;flex:1}.admin-user-name{font-size:13px;font-weight:600;color:var(--admin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-email{font-size:11px;color:var(--admin-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-layout.collapsed .admin-user-details{display:none}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--admin-white);border:1px solid var(--admin-border);border-radius:10px;font-size:13px;font-weight:500;color:#ef4444;cursor:pointer;transition:all var(--admin-transition)}.logout-btn:hover{background:#fef2f2;border-color:#fecaca}.admin-layout.collapsed .logout-btn span{display:none}.admin-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--admin-transition)}.admin-layout.collapsed .admin-main{margin-left:72px}.admin-topbar{background:var(--admin-white);border-bottom:1px solid var(--admin-border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:50;box-shadow:var(--admin-shadow)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--admin-text);border-radius:8px}.mobile-menu-btn:hover{background:var(--admin-primary-light)}.topbar-title{flex:1;display:flex;align-items:center;gap:12px}.topbar-title span{font-size:18px;font-weight:600;color:var(--admin-text)}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-btn{position:relative;background:none;border:none;cursor:pointer;padding:10px;color:var(--admin-text-light);border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all var(--admin-transition)}.topbar-btn:hover{background:var(--admin-primary-light);color:var(--admin-primary)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--admin-white)}.admin-content{flex:1;padding:24px}.admin-sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:99}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-main,.admin-layout.collapsed .admin-main{margin-left:0}.mobile-menu-btn{display:flex}.sidebar-toggle-btn{display:none}.sidebar-close-btn{display:flex;background:none;border:none;cursor:pointer;padding:8px;color:var(--admin-text-light);border-radius:8px}.admin-sidebar-overlay{display:block}.admin-content{padding:16px}}@media(max-width:640px){.admin-topbar{padding:12px 16px}.topbar-title span{font-size:16px}.topbar-actions{gap:4px}.topbar-btn{padding:8px}.admin-content{padding:12px}}.admin-dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.dashboard-header h1{font-size:24px;font-weight:700;color:var(--admin-text);margin:0 0 4px}.dashboard-header p{font-size:14px;color:var(--admin-text-light);margin:0}.period-select{padding:10px 16px;border:1px solid var(--admin-border);border-radius:10px;font-size:13px;color:var(--admin-text);background:var(--admin-white);cursor:pointer;outline:none}.period-select:focus{border-color:var(--admin-primary)}.stat-card{background:var(--admin-white);border-radius:var(--admin-radius);padding:20px;display:flex;gap:16px;border:1px solid var(--admin-border);transition:all var(--admin-transition)}.stat-card:hover{border-color:var(--admin-primary);box-shadow:var(--admin-shadow-lg)}.stat-icon{width:48px;height:48px;background:var(--admin-primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--admin-primary);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-change{font-size:12px;color:var(--admin-text-light)}.stat-change.positive{color:var(--admin-primary)}.stat-change.negative{color:#ef4444}.dashboard-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.dashboard-card{background:var(--admin-white);border-radius:var(--admin-radius);border:1px solid var(--admin-border);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--admin-border)}.card-header h3{font-size:16px;font-weight:600;color:var(--admin-text);margin:0}.view-all-link{font-size:13px;color:var(--admin-primary);text-decoration:none;font-weight:500}.view-all-link:hover{text-decoration:underline}.orders-list{display:flex;flex-direction:column}.order-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--admin-border);transition:background var(--admin-transition)}.order-item:last-child{border-bottom:none}.order-item:hover{background:var(--admin-bg)}.order-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.order-id{font-size:14px;font-weight:600;color:var(--admin-text)}.order-customer{font-size:13px;color:var(--admin-text-light)}.order-meta{display:flex;align-items:center;gap:16px}.order-items{font-size:13px;color:var(--admin-text-light)}.order-total{font-size:14px;font-weight:600;color:var(--admin-text);min-width:80px;text-align:right}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.pending{background:#fef3c7;color:#b45309}.status-badge.processing{background:#dbeafe;color:#1d4ed8}.status-badge.shipped{background:#e0e7ff;color:#4338ca}.status-badge.delivered{background:var(--admin-primary-light);color:var(--admin-primary-dark)}.top-products-list{display:flex;flex-direction:column}.top-product-item{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--admin-border);transition:background var(--admin-transition)}.top-product-item:last-child{border-bottom:none}.top-product-item:hover{background:var(--admin-bg)}.product-rank{width:28px;height:28px;background:var(--admin-primary-light);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--admin-primary);flex-shrink:0}.product-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.product-name{font-size:14px;font-weight:500;color:var(--admin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-sales{font-size:12px;color:var(--admin-text-light)}.product-revenue{font-size:14px;font-weight:600;color:var(--admin-primary)}.quick-actions{background:var(--admin-white);border-radius:var(--admin-radius);padding:20px;border:1px solid var(--admin-border)}.quick-actions h3{font-size:16px;font-weight:600;color:var(--admin-text);margin:0 0 16px}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.action-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:var(--admin-bg);border-radius:12px;text-decoration:none;transition:all var(--admin-transition)}.action-card:hover{background:var(--admin-primary-light)}.action-card:hover .action-icon{background:var(--admin-primary);color:var(--admin-white)}.action-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--admin-white);color:var(--admin-primary);transition:all var(--admin-transition)}.action-card span{font-size:13px;font-weight:500;color:var(--admin-text);text-align:center}.orders-table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:12px 16px;text-align:left;font-size:13px}.orders-table th{background:var(--admin-bg);font-weight:600;color:var(--admin-text-light);border-bottom:1px solid var(--admin-border)}.orders-table td{color:var(--admin-text);border-bottom:1px solid var(--admin-border)}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background:var(--admin-bg)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:20px}.order-meta{flex-direction:column;align-items:flex-end;gap:8px}.order-total{min-width:auto}}.admin-products-page{display:flex;flex-direction:column;gap:20px}.notification{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--admin-white);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;animation:slideIn .3s ease}.notification.success{border-left:4px solid var(--admin-primary);color:var(--admin-primary)}.notification.warning{border-left:4px solid #f59e0b;color:#f59e0b}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.header-content h1{font-size:24px;font-weight:700;color:var(--admin-text);margin:0 0 4px}.header-content p{font-size:14px;color:var(--admin-text-light);margin:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--admin-primary);border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--admin-white);cursor:pointer;transition:all var(--admin-transition)}.btn-primary:hover{background:var(--admin-primary-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--admin-white);border:1px solid var(--admin-border);border-radius:10px;font-size:14px;font-weight:500;color:var(--admin-text);cursor:pointer;transition:all var(--admin-transition)}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ef4444;border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--admin-white);cursor:pointer;transition:all var(--admin-transition)}.btn-danger:hover{background:#dc2626}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--admin-white);border-radius:var(--admin-radius);border:1px solid var(--admin-border);transition:all var(--admin-transition)}.stat-card:hover{box-shadow:var(--admin-shadow-lg)}.stat-icon.total{background:#e0f2fe;color:#0284c7}.stat-icon.active{background:var(--admin-primary-light);color:var(--admin-primary)}.stat-icon.warning{background:#fef3c7;color:#f59e0b}.stat-icon.danger{background:#fee2e2;color:#ef4444}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:var(--admin-text)}.stat-label{font-size:13px;color:var(--admin-text-light)}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--admin-white);padding:16px;border-radius:var(--admin-radius);border:1px solid var(--admin-border)}.search-box{flex:1;min-width:200px;max-width:320px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--admin-bg);border-radius:10px;border:1px solid transparent;transition:all var(--admin-transition)}.search-box:focus-within{background:var(--admin-white);border-color:var(--admin-primary)}.search-box svg{color:var(--admin-text-light);flex-shrink:0}.search-box input{flex:1;border:none;background:none;font-size:14px;color:var(--admin-text);outline:none}.filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-group select{padding:10px 14px;border:1px solid var(--admin-border);border-radius:10px;font-size:13px;color:var(--admin-text);background:var(--admin-white);cursor:pointer;outline:none}.filter-group select:focus{border-color:var(--admin-primary)}.view-toggle{display:flex;background:var(--admin-bg);border-radius:8px;padding:2px}.view-toggle button{padding:8px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--admin-text-light);display:flex;align-items:center;justify-content:center;transition:all var(--admin-transition)}.view-toggle button.active{background:var(--admin-white);color:var(--admin-primary);box-shadow:var(--admin-shadow)}.products-count{font-size:14px;color:var(--admin-text-light)}.products-count strong{color:var(--admin-text)}.products-container{display:grid;gap:16px}.products-container.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.products-container.list{grid-template-columns:1fr}.product-card{background:var(--admin-white);border-radius:var(--admin-radius);border:1px solid var(--admin-border);overflow:hidden;transition:all var(--admin-transition)}.product-card:hover{box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.products-container.list .product-card{display:flex}.product-image{position:relative;aspect-ratio:1;background:var(--admin-bg)}.products-container.list .product-image{width:160px;flex-shrink:0;aspect-ratio:auto}.product-image img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.status-badge.active{background:var(--admin-primary-light);color:var(--admin-primary)}.status-badge.out-of-stock{background:#fee2e2;color:#ef4444}.status-badge.draft{background:#f3f4f6;color:#6b7280}.product-content{padding:16px;display:flex;flex-direction:column;gap:8px}.products-container.list .product-content{flex:1;padding:16px 20px}.product-header{display:flex;justify-content:space-between;align-items:center}.product-category{font-size:11px;font-weight:600;color:var(--admin-primary);background:var(--admin-primary-light);padding:3px 8px;border-radius:4px}.product-rating{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#f59e0b}.product-name{font-size:15px;font-weight:600;color:var(--admin-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-sku{font-size:12px;color:var(--admin-text-light);margin:0}.product-stats{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--admin-border);border-bottom:1px solid var(--admin-border);margin:8px 0}.product-stats .stat{flex:1;display:flex;flex-direction:column;gap:2px}.product-stats .label{font-size:11px;color:var(--admin-text-light)}.product-stats .value{font-size:14px;font-weight:600;color:var(--admin-text)}.product-stats .value.price{color:var(--admin-primary)}.product-stats .value.stock.out{color:#ef4444}.product-stats .value.stock.low{color:#f59e0b}.product-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-action{flex:1;min-width:80px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:1px solid var(--admin-border);border-radius:8px;font-size:12px;font-weight:500;background:var(--admin-white);cursor:pointer;transition:all var(--admin-transition)}.btn-action.preview{color:#0284c7}.btn-action.preview:hover{background:#e0f2fe;border-color:#0284c7}.btn-action.edit{color:var(--admin-primary)}.btn-action.edit:hover{background:var(--admin-primary-light);border-color:var(--admin-primary)}.btn-action.delete{color:#ef4444}.btn-action.delete:hover{background:#fee2e2;border-color:#ef4444}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--admin-white);border-radius:var(--admin-radius);border:1px solid var(--admin-border);color:var(--admin-text-light)}.empty-state h3{font-size:16px;font-weight:600;color:var(--admin-text);margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;overflow-y:auto}.modal{background:var(--admin-white);border-radius:16px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.modal-sm{max-width:480px}.modal.modal-lg{max-width:900px}.modal.modal-preview{max-width:1000px}.modal-header h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--admin-text);margin:0}.modal-header h3 svg{color:var(--admin-primary)}.modal-header.delete-header h3 svg{color:#f59e0b}.modal-header.preview-header h3 svg{color:#0284c7}.btn-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--admin-text-light);display:flex;transition:all var(--admin-transition)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--admin-border);background:var(--admin-bg)}.form-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.form-section h4{font-size:14px;font-weight:600;color:var(--admin-text);margin:0 0 16px}.image-gallery{display:flex;flex-direction:column;gap:12px}.image-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.image-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--admin-border)}.image-item img{width:100%;height:100%;object-fit:cover}.btn-remove-img{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-item:hover .btn-remove-img{opacity:1}.no-images{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--admin-bg);border-radius:10px;border:2px dashed var(--admin-border);color:var(--admin-text-light)}.no-images svg{margin-bottom:8px;opacity:.5}.no-images p{font-size:13px;margin:0}.btn-add-image{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--admin-primary-light);border:1px dashed var(--admin-primary);border-radius:10px;font-size:13px;font-weight:500;color:var(--admin-primary);cursor:pointer;transition:all var(--admin-transition)}.btn-add-image:hover{background:var(--admin-primary);border-style:solid;color:#fff}.edit-stats{margin-top:20px;padding:16px;background:var(--admin-bg);border-radius:10px}.edit-stats h4{margin-bottom:12px}.edit-stat-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.edit-stat-row:not(:last-child){border-bottom:1px solid var(--admin-border)}.edit-stat-row span{color:var(--admin-text-light)}.edit-stat-row strong{color:var(--admin-text)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group .required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--admin-border);border-radius:10px;font-size:14px;color:var(--admin-text);background:var(--admin-white);outline:none;transition:all var(--admin-transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--admin-primary-light)}.delete-product-info{display:flex;align-items:center;gap:16px;padding:16px;background:var(--admin-bg);border-radius:10px;margin-bottom:16px}.delete-product-info img{width:64px;height:64px;border-radius:8px;object-fit:cover}.delete-product-info h4{font-size:15px;font-weight:600;color:var(--admin-text);margin:0 0 4px}.delete-product-info p{font-size:13px;color:var(--admin-text-light);margin:0}.delete-warning{font-size:14px;color:var(--admin-text-light);margin:0;line-height:1.6}.preview-body{padding:0}.customer-product-view{display:grid;grid-template-columns:400px 1fr;gap:32px;padding:24px}.preview-gallery{display:flex;flex-direction:column;gap:12px}.preview-main-image{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--admin-bg);border:1px solid var(--admin-border)}.preview-main-image img{width:100%;height:100%;object-fit:cover}.preview-thumbnails{display:flex;gap:8px}.preview-thumbnails img{width:64px;height:64px;border-radius:8px;object-fit:cover;border:2px solid transparent;cursor:pointer;transition:all var(--admin-transition)}.preview-thumbnails img.active,.preview-thumbnails img:hover{border-color:var(--admin-primary)}.preview-details{display:flex;flex-direction:column;gap:16px}.preview-category{display:inline-block;font-size:12px;font-weight:600;color:var(--admin-primary);background:var(--admin-primary-light);padding:4px 10px;border-radius:6px;width:fit-content}.preview-name{font-size:24px;font-weight:700;color:var(--admin-text);margin:0;line-height:1.3}.preview-rating{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--admin-text-light)}.preview-rating .stars{display:flex;color:#f59e0b}.preview-rating .divider{color:var(--admin-border)}.preview-price{display:flex;align-items:baseline;gap:12px;padding:16px 0;border-top:1px solid var(--admin-border);border-bottom:1px solid var(--admin-border)}.preview-price .price-label{font-size:14px;color:var(--admin-text-light)}.preview-price .price-value{font-size:32px;font-weight:700;color:var(--admin-primary)}.preview-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--admin-text-light)}.info-value{font-size:14px;font-weight:500;color:var(--admin-text)}.info-value.out-of-stock{color:#ef4444}.info-value.low-stock{color:#f59e0b}.preview-description{padding-top:16px}.preview-description h4,.preview-specs h4{font-size:14px;font-weight:600;color:var(--admin-text);margin:0 0 10px}.preview-description p{font-size:14px;color:var(--admin-text-light);line-height:1.6;margin:0}.preview-specs{padding-top:16px}.specs-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.spec-item{display:flex;justify-content:space-between;padding:8px 12px;background:var(--admin-bg);border-radius:8px;font-size:13px}.spec-key{color:var(--admin-text-light);text-transform:capitalize}.spec-value{font-weight:500;color:var(--admin-text)}.preview-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--admin-border)}.btn-add-cart{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--admin-primary);border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--admin-transition)}.btn-add-cart:hover:not(:disabled){background:var(--admin-primary-dark)}.btn-add-cart:disabled{opacity:.6;cursor:not-allowed}.btn-buy-now{flex:1;padding:14px 20px;background:#1f2937;border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--admin-transition)}.btn-buy-now:hover:not(:disabled){background:#111827}.btn-buy-now:disabled{opacity:.6;cursor:not-allowed}.preview-reviews{padding:24px;border-top:8px solid var(--admin-bg)}.preview-reviews h4{font-size:16px;font-weight:600;color:var(--admin-text);margin:0 0 16px}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-item{padding:16px;background:var(--admin-bg);border-radius:12px}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.reviewer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.reviewer-info{flex:1}.reviewer-name{font-size:14px;font-weight:600;color:var(--admin-text);display:block}.review-stars{display:flex;color:#f59e0b;margin-top:2px}.review-date{font-size:12px;color:var(--admin-text-light)}.review-comment{font-size:14px;color:var(--admin-text);line-height:1.5;margin:0}.review-images{display:flex;gap:8px;margin-top:12px}.review-images img{width:80px;height:80px;border-radius:8px;object-fit:cover}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.customer-product-view{grid-template-columns:1fr}.preview-gallery{max-width:400px;margin:0 auto}}@media(max-width:768px){.page-header,.filters-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-group{justify-content:space-between}.form-row,.preview-info-grid,.specs-list{grid-template-columns:1fr}.preview-actions{flex-direction:column}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.btn-action{min-width:auto}.modal{margin:10px;max-height:calc(100vh - 20px)}.preview-name{font-size:20px}.preview-price .price-value{font-size:24px}}.admin-categories-page{display:flex;flex-direction:column;gap:20px}.search-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--admin-white);padding:16px;border-radius:var(--admin-radius);border:1px solid var(--admin-border)}.search-input{flex:1;max-width:320px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--admin-bg);border-radius:10px;border:1px solid transparent;transition:all var(--admin-transition)}.search-bar .count{font-size:13px;color:var(--admin-text-light)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.category-card{display:flex;align-items:center;gap:16px;background:var(--admin-white);padding:20px;border-radius:var(--admin-radius);border:1px solid var(--admin-border);transition:all var(--admin-transition)}.category-card:hover{border-color:var(--admin-primary);box-shadow:var(--admin-shadow-lg)}.category-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.category-info{flex:1;min-width:0}.category-info h3{font-size:15px;font-weight:600;color:var(--admin-text);margin:0 0 4px}.product-count{font-size:13px;color:var(--admin-text-light)}.category-actions{display:flex;gap:6px}.btn-icon{width:34px;height:34px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--admin-bg);color:var(--admin-text-light);transition:all var(--admin-transition)}.btn-icon:hover{background:var(--admin-primary-light);color:var(--admin-primary)}.btn-icon.delete:hover{background:#fef2f2;color:#ef4444}.empty-state{grid-column:1 / -1;padding:60px 20px;text-align:center;color:var(--admin-text-light);background:var(--admin-white);border-radius:var(--admin-radius);border:1px solid var(--admin-border)}.modal{background:var(--admin-white);border-radius:16px;width:100%;max-width:420px;box-shadow:var(--admin-shadow-lg)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group label{font-size:13px;font-weight:500;color:var(--admin-text)}.form-group input{padding:12px 14px;border:1px solid var(--admin-border);border-radius:10px;font-size:14px;color:var(--admin-text);background:var(--admin-white);outline:none;transition:all var(--admin-transition)}.form-group input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--admin-primary-light)}.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-picker button{width:40px;height:40px;border:1px solid var(--admin-border);border-radius:8px;background:var(--admin-white);font-size:18px;cursor:pointer;transition:all var(--admin-transition)}.icon-picker button:hover{border-color:var(--admin-primary)}.icon-picker button.active{border-color:var(--admin-primary);background:var(--admin-primary-light)}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-picker button{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all var(--admin-transition)}.color-picker button:hover{transform:scale(1.1)}.color-picker button.active{border-color:var(--admin-text);box-shadow:0 0 0 2px var(--admin-white),0 0 0 4px var(--admin-primary)}@media(max-width:640px){.page-header{flex-direction:column;align-items:flex-start}.btn-primary{width:100%;justify-content:center}.search-bar{flex-direction:column;align-items:stretch}.search-input{max-width:none}.categories-grid{grid-template-columns:1fr}}.admin-orders-page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.header-title h1{font-size:24px;font-weight:700;color:var(--admin-text);margin:0 0 4px}.header-title p{font-size:14px;color:var(--admin-text-light);margin:0}.status-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.status-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--admin-white);border:1px solid var(--admin-border);border-radius:10px;font-size:13px;font-weight:500;color:var(--admin-text-light);cursor:pointer;white-space:nowrap;transition:all var(--admin-transition)}.status-tab:hover{border-color:var(--admin-primary);color:var(--admin-primary)}.status-tab.active{background:var(--admin-primary);border-color:var(--admin-primary);color:var(--admin-white)}.status-tab .count{padding:2px 8px;background:#0000001a;border-radius:10px;font-size:11px}.status-tab.active .count{background:#ffffff40}.search-bar{background:var(--admin-white);padding:16px;border-radius:var(--admin-radius);border:1px solid var(--admin-border)}.search-input{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--admin-bg);border-radius:10px;border:1px solid transparent;transition:all var(--admin-transition)}.search-input:focus-within{background:var(--admin-white);border-color:var(--admin-primary)}.search-input svg{color:var(--admin-text-light);flex-shrink:0}.search-input input{flex:1;border:none;background:none;font-size:14px;color:var(--admin-text);outline:none}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{display:flex;align-items:center;gap:20px;background:var(--admin-white);padding:20px;border-radius:var(--admin-radius);border:1px solid var(--admin-border);cursor:pointer;transition:all var(--admin-transition)}.order-card:hover{border-color:var(--admin-primary);box-shadow:var(--admin-shadow-lg)}.order-main{flex:1;min-width:0}.order-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.order-id{font-size:15px;font-weight:600;color:var(--admin-text)}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.order-customer{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--admin-text);margin-bottom:8px}.order-customer svg{color:var(--admin-text-light)}.order-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--admin-text-light)}.meta-item svg{opacity:.6}.meta-item.payment{padding:2px 8px;background:var(--admin-bg);border-radius:6px}.order-total{text-align:right;flex-shrink:0}.order-total .label{display:block;font-size:12px;color:var(--admin-text-light);margin-bottom:4px}.order-total .value{font-size:18px;font-weight:700;color:var(--admin-primary)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--admin-primary);border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--admin-white);cursor:pointer;transition:all var(--admin-transition)}.btn-primary:hover{background:var(--admin-primary-dark)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--admin-white);border:1px solid var(--admin-border);border-radius:10px;font-size:14px;font-weight:500;color:var(--admin-text);cursor:pointer;transition:all var(--admin-transition)}.btn-secondary:hover{background:var(--admin-bg)}.empty-state{padding:60px 20px;text-align:center;color:var(--admin-text-light);background:var(--admin-white);border-radius:var(--admin-radius);border:1px solid var(--admin-border)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:15px;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--admin-white);border-radius:16px;width:100%;max-width:480px;box-shadow:var(--admin-shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--admin-border)}.modal-header h3{font-size:18px;font-weight:600;color:var(--admin-text);margin:0}.btn-close{background:none;border:none;cursor:pointer;color:var(--admin-text-light);padding:6px;border-radius:8px;display:flex;transition:all var(--admin-transition)}.btn-close:hover{background:var(--admin-bg);color:var(--admin-text)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--admin-border)}.detail-section{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--admin-border)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-size:13px;color:var(--admin-text-light)}.detail-row .value{font-size:14px;font-weight:500;color:var(--admin-text)}.detail-row.total{background:var(--admin-bg);padding:14px;margin:10px -24px 0;border-radius:0;border-bottom:none}.detail-row.total .value{font-size:18px;font-weight:700;color:var(--admin-primary)}.status-section{display:flex;flex-direction:column;gap:8px}.status-section .label{font-size:13px;font-weight:500;color:var(--admin-text)}.status-section select{padding:12px 14px;border:1px solid var(--admin-border);border-radius:10px;font-size:14px;color:var(--admin-text);background:var(--admin-white);cursor:pointer;outline:none}.status-section select:focus{border-color:var(--admin-primary)}@media(max-width:768px){.order-card{flex-direction:column;align-items:flex-start}.order-total{text-align:left;padding-top:12px;border-top:1px solid var(--admin-border);width:100%;display:flex;justify-content:space-between;align-items:center}.order-total .label{margin-bottom:0}}@media(max-width:640px){.page-header{flex-direction:column;align-items:flex-start}.btn-secondary{width:100%;justify-content:center}.status-tabs{margin:0 -12px;padding:0 12px 8px}}:root{--user-primary: #10b981;--user-primary-dark: #059669;--user-primary-light: #ecfdf5;--user-white: #ffffff;--user-bg: #f8fafb;--user-text: #1f2937;--user-text-light: #6b7280;--user-border: #e5e7eb;--user-shadow: 0 1px 3px rgba(0, 0, 0, .05);--user-shadow-lg: 0 4px 20px rgba(0, 0, 0, .08);--user-radius: 12px;--user-transition: .2s ease}.users-page{display:flex;flex-direction:column;gap:24px}.users-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.header-left h1{font-size:24px;font-weight:700;color:var(--user-text);margin:0 0 4px}.header-left p{font-size:14px;color:var(--user-text-light);margin:0}.users-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 20px;background:var(--user-white);border-radius:var(--user-radius);border:1px solid var(--user-border);text-align:center}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.users-icon{background:#dbeafe;color:#3b82f6}.stat-icon.active-icon{background:var(--user-primary-light);color:var(--user-primary)}.stat-icon.orders-icon{background:#fef3c7;color:#f59e0b}.stat-icon.revenue-icon{background:#fce7f3;color:#ec4899}.stat-info{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:22px;font-weight:700;color:var(--user-text)}.stat-label{font-size:13px;color:var(--user-text-light)}.users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:var(--user-white);border-radius:var(--user-radius);border:1px solid var(--user-border)}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:320px;padding:10px 14px;background:var(--user-bg);border-radius:10px;border:1px solid transparent;transition:all var(--user-transition)}.search-box:focus-within{background:var(--user-white);border-color:var(--user-primary)}.search-box svg{color:var(--user-text-light);flex-shrink:0}.search-box input{flex:1;border:none;background:none;font-size:14px;color:var(--user-text);outline:none}.toolbar-right{display:flex;align-items:center;gap:12px}.filter-group select{padding:10px 14px;border:1px solid var(--user-border);border-radius:10px;font-size:13px;color:var(--user-text);background:var(--user-white);cursor:pointer;outline:none}.filter-group select:focus{border-color:var(--user-primary)}.view-toggle{display:flex;background:var(--user-bg);border-radius:8px;padding:4px}.view-toggle button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:6px;color:var(--user-text-light);cursor:pointer;transition:all var(--user-transition)}.view-toggle button:hover{color:var(--user-text)}.view-toggle button.active{background:var(--user-white);color:var(--user-primary);box-shadow:var(--user-shadow)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.user-card{background:var(--user-white);border-radius:var(--user-radius);border:1px solid var(--user-border);padding:20px;cursor:pointer;transition:all var(--user-transition)}.user-card:hover{border-color:var(--user-primary);box-shadow:var(--user-shadow-lg);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.user-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--user-primary) 0%,var(--user-primary-dark) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{font-size:18px;font-weight:600;color:var(--user-white)}.user-avatar.small{width:40px;height:40px;border-radius:10px}.user-avatar.small span{font-size:14px}.status-dot{width:10px;height:10px;border-radius:50%}.card-body h3{font-size:16px;font-weight:600;color:var(--user-text);margin:0 0 4px}.card-body .email{font-size:13px;color:var(--user-text-light);margin:0 0 12px}.status-badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.large{padding:6px 14px;font-size:12px}.card-footer{display:flex;gap:20px;padding-top:16px;border-top:1px solid var(--user-border);margin-top:16px}.mini-stat{display:flex;flex-direction:column;gap:2px}.mini-stat .value{font-size:15px;font-weight:600;color:var(--user-text)}.mini-stat .label{font-size:11px;color:var(--user-text-light)}.users-list{background:var(--user-white);border-radius:var(--user-radius);border:1px solid var(--user-border);overflow:hidden}.list-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 50px;gap:16px;padding:14px 20px;background:var(--user-bg);font-size:12px;font-weight:600;color:var(--user-text-light);text-transform:uppercase;letter-spacing:.5px}.list-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 50px;gap:16px;padding:16px 20px;align-items:center;border-bottom:1px solid var(--user-border);cursor:pointer;transition:background var(--user-transition)}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--user-bg)}.col-user{display:flex;align-items:center;gap:12px}.user-text{display:flex;flex-direction:column}.user-text .name{font-size:14px;font-weight:600;color:var(--user-text)}.user-text .email{font-size:12px;color:var(--user-text-light)}.col-orders,.col-spent,.col-date{font-size:14px;color:var(--user-text)}.btn-view{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--user-bg);border-radius:8px;color:var(--user-text-light);cursor:pointer;transition:all var(--user-transition)}.btn-view:hover{background:var(--user-primary-light);color:var(--user-primary)}.empty-state{padding:60px 20px;text-align:center;background:var(--user-white);border-radius:var(--user-radius);border:1px solid var(--user-border)}.empty-state svg{color:var(--user-text-light);opacity:.5;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--user-text);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--user-text-light);margin:0}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-modal{position:relative;background:var(--user-white);border-radius:20px;width:100%;max-width:440px;padding:32px;box-shadow:var(--user-shadow-lg)}.modal-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--user-bg);border-radius:10px;color:var(--user-text-light);cursor:pointer;transition:all var(--user-transition)}.modal-close:hover{background:#fee2e2;color:#ef4444}.modal-profile{text-align:center;margin-bottom:24px}.profile-avatar{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--user-primary) 0%,var(--user-primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar span{font-size:28px;font-weight:600;color:var(--user-white)}.modal-profile h2{font-size:20px;font-weight:700;color:var(--user-text);margin:0 0 4px}.modal-profile p{font-size:14px;color:var(--user-text-light);margin:0 0 12px}.modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.modal-stat{background:var(--user-bg);padding:16px;border-radius:12px;text-align:center}.modal-stat .value{display:block;font-size:20px;font-weight:700;color:var(--user-primary);margin-bottom:4px}.modal-stat .label{font-size:12px;color:var(--user-text-light)}.modal-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.detail-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--user-bg);border-radius:10px}.detail-item svg{color:var(--user-text-light);flex-shrink:0}.detail-item>div{display:flex;flex-direction:column}.detail-item .label{font-size:11px;color:var(--user-text-light);text-transform:uppercase;letter-spacing:.5px}.detail-item .value{font-size:14px;font-weight:500;color:var(--user-text)}.modal-status-section{margin-bottom:24px}.modal-status-section label{display:block;font-size:13px;font-weight:600;color:var(--user-text);margin-bottom:8px}.modal-status-section select{width:100%;padding:12px 14px;border:1px solid var(--user-border);border-radius:10px;font-size:14px;color:var(--user-text);background:var(--user-white);cursor:pointer;outline:none;transition:border-color var(--user-transition)}.modal-status-section select:focus{border-color:var(--user-primary)}.modal-actions{display:flex;gap:12px}.btn-secondary{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--user-white);border:1px solid var(--user-border);border-radius:10px;font-size:14px;font-weight:500;color:var(--user-text);cursor:pointer;transition:all var(--user-transition)}.btn-secondary:hover{background:var(--user-bg)}.btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--user-primary);border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--user-white);cursor:pointer;transition:all var(--user-transition)}.btn-primary:hover{background:var(--user-primary-dark)}@media(max-width:1024px){.users-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.users-header{flex-direction:column;align-items:flex-start}.users-stats{grid-template-columns:1fr 1fr}.users-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.toolbar-right{justify-content:space-between}.list-header,.list-row{grid-template-columns:2fr 1fr 1fr}.col-date,.col-action{display:none}}@media(max-width:640px){.users-stats,.users-grid,.modal-stats{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-secondary{order:2}.btn-primary{order:1}}.admin-register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);padding:20px}.admin-register-container{display:flex;width:100%;max-width:1100px;min-height:700px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;overflow:hidden}.admin-register-branding{flex:0 0 400px;background:linear-gradient(135deg,#10b981,#059669);padding:48px 40px;display:flex;flex-direction:column;justify-content:center;color:#fff}.branding-content{display:flex;flex-direction:column;gap:24px}.admin-logo{width:72px;height:72px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center}.admin-register-branding h1{font-size:28px;font-weight:700;margin:0;line-height:1.3}.admin-register-branding>p{font-size:16px;opacity:.9;margin:0}.admin-benefits{color:#fff;margin-top:24px;display:flex;flex-direction:column;gap:16px}.admin-benefits>{color:#fff}.benefit-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#fff}.benefit-item svg{flex-shrink:0;opacity:.9;color:#fff}.admin-register-form-section{flex:1;padding:40px 48px;display:flex;flex-direction:column;overflow-y:auto}.register-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s}.step.active .step-number,.step.completed .step-number{background:#10b981;color:#fff}.step span{font-size:12px;color:#9ca3af;font-weight:500}.step.active span{color:#10b981}.step-line{width:60px;height:2px;background:#e5e7eb;margin-bottom:24px}.register-form{flex:1;display:flex;flex-direction:column}.form-step{flex:1}.form-step h2{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px}.form-subtitle{font-size:14px;color:#6b7280;margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input.error,.form-group select.error{border-color:#ef4444}.form-group textarea{resize:vertical;min-height:80px}.error-text{display:block;font-size:12px;color:#ef4444;margin-top:4px}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.radio-label input[type=radio]{width:18px;height:18px;accent-color:#10b981}.summary-card{background:#fff!important;border-radius:12px!important;padding:24px!important;margin-bottom:24px!important;border:2px solid #10b981!important;box-shadow:0 4px 12px #10b9811a!important;display:block!important;flex-direction:unset!important;align-items:unset!important;gap:unset!important}.summary-card h3{font-size:18px!important;font-weight:700!important;color:#10b981!important;margin:0 0 20px!important;padding-bottom:16px!important;border-bottom:2px solid #10b981!important;text-align:center!important}.summary-row{display:flex!important;flex-direction:column!important;padding:12px 0!important;border-bottom:1px dashed #e5e7eb!important;font-size:14px!important;grid-template-columns:unset!important}.summary-row:last-child{border-bottom:none!important}.summary-row span:first-child{color:#6b7280!important;font-size:12px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:4px!important;text-align:left!important}.summary-row span:last-child{color:#111827!important;font-weight:600!important;font-size:15px!important;word-break:break-word!important;text-align:left!important}.terms-section{display:flex;flex-direction:column;gap:16px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:#374151;line-height:1.5}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#10b981;flex-shrink:0}.checkbox-label a{color:#10b981;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.checkbox-label.error{color:#ef4444}.form-navigation{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-back{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f9fafb}.btn-next,.btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;background:#10b981;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;margin-left:auto}.btn-next:hover,.btn-submit:hover{background:#059669}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed}.loading-spinner{width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.register-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.register-footer p{font-size:14px;color:#6b7280;margin:0}.register-footer a{color:#10b981;text-decoration:none;font-weight:500}.register-footer a:hover{text-decoration:underline}@media(max-width:900px){.admin-register-container{flex-direction:column;max-width:600px}.admin-register-branding{flex:none;padding:32px}.admin-register-branding h1{font-size:24px}.admin-benefits{display:none}}@media(max-width:600px){.admin-register-page{padding:0;background:#fff}.admin-register-container{border-radius:0;box-shadow:none}.admin-register-form-section{padding:24px}.register-steps{gap:4px}.step span{display:none}.step-line{width:40px;margin-bottom:0}.radio-group{flex-direction:column;gap:12px}}:root{--store-primary: #10b981;--store-primary-dark: #059669;--store-primary-light: #ecfdf5;--store-white: #ffffff;--store-bg: #f8fafb;--store-text: #1f2937;--store-text-light: #6b7280;--store-border: #e5e7eb;--store-shadow: 0 1px 3px rgba(0, 0, 0, .05);--store-shadow-lg: 0 4px 20px rgba(0, 0, 0, .08);--store-radius: 12px;--store-transition: .2s ease}.store-settings-page{display:flex;flex-direction:column;gap:24px;position:relative}.store-notification{position:fixed;top:100px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--store-white);border-radius:var(--store-radius);box-shadow:var(--store-shadow-lg);z-index:1000;animation:slideIn .3s ease}.store-notification.success{border-left:4px solid var(--store-primary)}.store-notification.success svg{color:var(--store-primary)}.store-notification.error{border-left:4px solid #ef4444}.store-notification.error svg{color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.store-settings-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.header-info h1{font-size:24px;font-weight:700;color:var(--store-text);margin:0 0 4px}.header-info p{font-size:14px;color:var(--store-text-light);margin:0}.btn-save{display:none}.settings-save-section{padding:24px 0;display:flex;align-items:center;gap:12px}.btn-cancel{display:flex;align-items:center;justify-content:center;padding:14px 20px;background:var(--store-white);color:var(--store-text-light);border:1px solid var(--store-border);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--store-transition);white-space:nowrap;width:20%;min-width:80px}.btn-cancel:hover{background:var(--store-bg);border-color:var(--store-text-light)}.btn-save-full{display:flex;align-items:center;justify-content:center;gap:8px;width:80%;padding:14px 32px;background:#5dd9a6;color:var(--store-white);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--store-transition)}.btn-save-full:hover{background:var(--store-primary-dark)}.btn-save-full:active{transform:scale(.98)}.store-settings-content{display:grid;grid-template-columns:240px 1fr;gap:24px;min-height:600px}.store-settings-content.single-page{display:block}.store-settings-content.single-page .settings-main.full-width{max-width:100%;background:transparent;border:none;padding:0}.settings-sidebar{background:var(--store-white);border-radius:var(--store-radius);padding:16px;border:1px solid var(--store-border);height:fit-content;position:sticky;top:100px}.settings-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--store-text-light);cursor:pointer;transition:all var(--store-transition);text-align:left}.nav-item:hover{background:var(--store-bg);color:var(--store-text)}.nav-item.active{background:var(--store-primary-light);color:var(--store-primary)}.nav-item.active svg{color:var(--store-primary)}.nav-item svg{flex-shrink:0;color:var(--store-text-light);transition:color var(--store-transition)}.nav-item:hover svg{color:var(--store-text)}.settings-main{background:var(--store-white);border-radius:var(--store-radius);padding:32px;border:1px solid var(--store-border)}.settings-section{display:flex;flex-direction:column;gap:24px;background:var(--store-white);border-radius:var(--store-radius);padding:28px;border:1px solid var(--store-border);margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--store-border);margin-bottom:8px}.section-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--store-primary-light);border-radius:10px;flex-shrink:0}.section-icon svg{color:var(--store-primary)}.section-header h2{font-size:18px;font-weight:600;color:var(--store-text);margin:0 0 4px}.section-header p{font-size:14px;color:var(--store-text-light);margin:0}.media-upload-section{display:flex;gap:24px;flex-wrap:wrap}.upload-item{display:flex;flex-direction:column;gap:8px}.upload-item label{font-size:13px;font-weight:600;color:var(--store-text)}.upload-area{position:relative;border:2px dashed var(--store-border);border-radius:var(--store-radius);background:var(--store-bg);cursor:pointer;transition:all var(--store-transition);overflow:hidden}.upload-area:hover{border-color:var(--store-primary);background:var(--store-primary-light)}.logo-upload{width:160px;height:160px}.banner-item{flex:1;min-width:300px}.banner-upload{width:100%;height:160px}.upload-area img{width:100%;height:100%;object-fit:cover}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--store-text-light)}.upload-placeholder svg{opacity:.5}.upload-placeholder span{font-size:13px;font-weight:500}.upload-placeholder small{font-size:11px;opacity:.7}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--store-text)}.form-group label svg{color:var(--store-text-light)}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid var(--store-border);border-radius:10px;font-size:14px;color:var(--store-text);background:var(--store-white);transition:all var(--store-transition);font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--store-primary);box-shadow:0 0 0 3px #10b9811a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--store-text-light);opacity:.7}.input-hint{font-size:12px;color:var(--store-text-light);text-align:right}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.social-links{display:flex;flex-direction:column;gap:20px}.social-input label svg{width:20px;height:20px}.business-hours{display:flex;flex-direction:column;gap:12px}.hours-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--store-bg);border-radius:var(--store-radius);transition:all var(--store-transition)}.hours-row.closed{opacity:.6}.day-toggle{display:flex;align-items:center;gap:14px}.day-name{font-size:14px;font-weight:500;color:var(--store-text);min-width:80px}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--store-border);border-radius:24px;transition:all var(--store-transition)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:var(--store-white);border-radius:50%;transition:all var(--store-transition);box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked+.toggle-slider{background:var(--store-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.time-inputs{display:flex;align-items:center;gap:12px}.time-field{display:flex;flex-direction:column;gap:4px}.time-field label{font-size:11px;color:var(--store-text-light)}.time-field input[type=time]{padding:8px 12px;border:1px solid var(--store-border);border-radius:8px;font-size:14px;color:var(--store-text);background:var(--store-white);cursor:pointer}.time-field input[type=time]:focus{outline:none;border-color:var(--store-primary)}.time-separator{font-size:18px;color:var(--store-text-light);margin-top:16px}.closed-text{font-size:14px;color:var(--store-text-light);font-style:italic}.policies-list{display:flex;flex-direction:column;gap:20px}.policy-card{display:flex;gap:20px;padding:24px;background:var(--store-bg);border-radius:var(--store-radius);border:1px solid var(--store-border)}.policy-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.policy-icon.shipping{background:#dbeafe;color:#3b82f6}.policy-icon.returns{background:#fef3c7;color:#f59e0b}.policy-icon.warranty{background:var(--store-primary-light);color:var(--store-primary)}.policy-content{flex:1;display:flex;flex-direction:column;gap:12px}.policy-content h3{font-size:15px;font-weight:600;color:var(--store-text);margin:0}.policy-content textarea{padding:12px 16px;border:1px solid var(--store-border);border-radius:10px;font-size:14px;color:var(--store-text);background:var(--store-white);resize:vertical;font-family:inherit;transition:all var(--store-transition)}.policy-content textarea:focus{outline:none;border-color:var(--store-primary);box-shadow:0 0 0 3px #10b9811a}@media(max-width:1024px){.store-settings-content{grid-template-columns:200px 1fr;gap:20px}.settings-main{padding:24px}}@media(max-width:768px){.store-settings-content{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.nav-item{white-space:nowrap;padding:10px 14px}.nav-item span{display:none}.store-settings-header{flex-direction:column;align-items:stretch}.btn-save{justify-content:center}.form-row{grid-template-columns:1fr}.media-upload-section{flex-direction:column}.logo-upload{width:100%;max-width:200px;height:200px;margin:0 auto}.banner-item{min-width:100%}.policy-card{flex-direction:column;gap:16px}.hours-row{flex-direction:column;align-items:flex-start;gap:12px}.time-inputs{width:100%;justify-content:flex-start}.store-notification{right:16px;left:16px}}@media(max-width:480px){.settings-main{padding:20px 16px}.section-header h2{font-size:16px}.nav-item{padding:10px 12px}.nav-item svg{width:18px;height:18px}}.store-profile{min-height:100vh;background:#fff}.store-profile-header{background:#fff;border-bottom:1px solid #f3f4f6;position:sticky;top:0;z-index:100}.header-container{max-width:1000px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.back-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.back-btn:hover{background:#f9fafb;border-color:#d1d5db}.edit-store-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#10b981;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease}.edit-store-btn:hover{background:#059669}.store-banner{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#ecfdf5,#f9fafb);overflow:hidden}.banner-image{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ca3af}.banner-placeholder svg{opacity:.4}.banner-placeholder span{font-size:13px;font-weight:500}.banner-overlay{display:none}.store-hero{max-width:1000px;margin:-48px auto 0;padding:32px 24px;position:relative;z-index:10}.store-hero-content{display:flex;gap:24px;align-items:flex-start;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f}.store-avatar-large{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.store-avatar-large img{width:100%;height:100%;object-fit:cover}.store-avatar-large span{font-size:24px;font-weight:700;color:#fff}.store-info-main{flex:1;min-width:0}.store-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.store-name{font-size:22px;font-weight:700;color:#1f2937;margin:0}.verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ecfdf5;color:#059669;border-radius:20px;font-size:12px;font-weight:500}.store-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 12px}.store-contact-info{display:flex;gap:20px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:6px;color:#9ca3af;font-size:13px}.contact-item svg{color:#10b981}.store-stats-section{max-width:1000px;margin:0 auto;padding:0 24px 32px}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f9fafb;border-radius:12px;text-align:center}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ecfdf5;border-radius:10px;color:#10b981}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:20px;font-weight:700;color:#1f2937}.stat-label{font-size:12px;color:#9ca3af}.section-header{max-width:1000px;margin:0 auto 16px;padding:0 24px}.section-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937;margin:0}.section-title svg{color:#10b981}.store-showcase{max-width:1000px;margin:0 auto;padding:0 24px 32px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.showcase-card{background:#fff;border-radius:12px;border:1px solid #f3f4f6;overflow:hidden;transition:all .2s ease;cursor:pointer}.showcase-card:hover{border-color:#10b981;box-shadow:0 4px 16px #00000014}.showcase-image{position:relative;height:160px;background:#f9fafb;overflow:hidden}.showcase-image img{width:100%;height:100%;object-fit:cover}.low-stock-badge{position:absolute;top:8px;right:8px;padding:4px 8px;background:#fef3c7;color:#d97706;font-size:11px;font-weight:500;border-radius:4px}.showcase-content{padding:14px}.showcase-category{display:inline-block;padding:2px 8px;background:#ecfdf5;color:#059669;font-size:11px;font-weight:500;border-radius:4px;margin-bottom:6px}.showcase-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase-rating{display:flex;align-items:center;gap:4px;margin-bottom:8px}.showcase-rating svg{color:#fbbf24}.showcase-rating span{font-size:12px;color:#6b7280}.sales-count{color:#9ca3af;font-size:11px}.showcase-price{font-size:16px;font-weight:700;color:#10b981}.store-products{max-width:1000px;margin:0 auto;padding:0 24px 48px}.category-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.category-btn{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.category-btn:hover{border-color:#10b981;color:#10b981}.category-btn.active{background:#10b981;border-color:#10b981;color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.product-card{background:#fff;border-radius:12px;border:1px solid #f3f4f6;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer}.product-card:hover{border-color:#d1d5db;box-shadow:0 4px 16px #0000000f}.product-image-area{position:relative;width:100%;height:160px;background:#f9fafb;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover}.product-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#d1d5db}.product-tag{position:absolute;top:8px;left:8px;padding:4px 10px;background:#fff;color:#10b981;border-radius:20px;font-size:11px;font-weight:500;border:1px solid #ecfdf5}.product-rating-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:3px;padding:4px 8px;background:#fff;color:#f59e0b;border-radius:6px;font-size:12px;font-weight:600;box-shadow:0 1px 3px #0000001a}.product-out-of-stock{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.product-body{padding:14px;display:flex;flex-direction:column;flex:1;gap:6px}.product-title{font-size:14px;font-weight:600;color:#1f2937;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:12px;color:#9ca3af;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;align-items:center;gap:8px}.product-sold{font-size:11px;color:#9ca3af}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid #f3f4f6}.product-price{font-size:16px;font-weight:700;color:#10b981}.product-btn-buy{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.product-btn-buy:hover:not(:disabled){background:#059669}.product-btn-buy:disabled{background:#d1d5db;cursor:not-allowed}.no-products{text-align:center;padding:48px 20px;color:#9ca3af;grid-column:1 / -1}.no-products svg{margin-bottom:12px;opacity:.4}.no-products p{margin:0;font-size:14px}.store-info-footer{max-width:1000px;margin:0 auto;padding:0 24px 48px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{padding:20px;background:#f9fafb;border-radius:12px}.info-card h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1f2937;margin:0 0 8px}.info-card h3 svg{color:#10b981}.info-card p{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.social-links{display:flex;flex-direction:column;gap:4px}.social-links a,.social-links span{font-size:13px;color:#10b981;text-decoration:none}.social-links a:hover{text-decoration:underline}.social-links span{color:#6b7280}@media(max-width:768px){.header-container{padding:12px 16px}.store-banner{height:150px}.store-hero{padding:24px 16px;margin-top:-32px}.store-hero-content{flex-direction:column;text-align:center;padding:20px}.store-avatar-large{width:64px;height:64px;margin:0 auto}.store-name-row,.store-contact-info{justify-content:center}.store-stats-section,.store-showcase,.store-products,.store-info-footer,.section-header{padding-left:16px;padding-right:16px}.stats-container{grid-template-columns:repeat(2,1fr)}.showcase-grid,.info-grid{grid-template-columns:1fr}}@media(max-width:480px){.store-name{font-size:18px}.stats-container{grid-template-columns:1fr 1fr;gap:12px}.stat-box{padding:16px}.stat-value{font-size:18px}.category-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.category-btn{flex-shrink:0}}.footer{background:#fff;border-top:1px solid #f3f4f6;color:#374151;margin-top:0}.footer-container{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;max-width:1400px;margin:0 auto;padding:60px 48px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-about{grid-column:1}.footer-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px;color:#10b981;margin-bottom:8px;text-decoration:none}.footer-logo svg{color:#10b981;flex-shrink:0}.footer-description{font-size:14px;line-height:1.6;color:#6b7280;margin:8px 0;text-align:justify}.social-links{display:flex;gap:12px;margin-top:16px}.social-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#f9fafb;border-radius:10px;color:#6b7280;transition:all .2s ease;text-decoration:none}.social-icon:hover{background-color:#ecfdf5;color:#10b981;transform:translateY(-2px)}.footer-title{font-size:13px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:12px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links li a{font-size:14px;color:#6b7280;text-decoration:none;transition:all .2s ease;display:inline-block}.footer-links li a:hover{color:#10b981;padding-left:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;border-top:1px solid #d1fae5;background-color:#fff;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.footer-text{font-size:13px;color:#9ca3af;margin:0}.footer-policies{display:flex;align-items:center;gap:12px;font-size:13px}.footer-policies a{color:#9ca3af;text-decoration:none;transition:color .2s ease}.footer-policies a:hover{color:#10b981}.footer-policies .divider{color:#d1fae5}@media(max-width:1024px){.footer-container{grid-template-columns:repeat(2,1fr);gap:40px;padding:48px 32px}.footer-about{grid-column:1 / -1}}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:32px;padding:40px 24px}.footer-about{grid-column:1;border-bottom:1px solid #d1fae5;padding-bottom:32px}.footer-title{font-size:14px}.footer-links li a{font-size:13px}.footer-bottom{flex-direction:column;gap:16px;text-align:center;padding:24px 20px}.footer-text{font-size:12px}.footer-policies{justify-content:center;font-size:12px}}@media(max-width:480px){.footer-container{padding:32px 16px;gap:24px}.footer-logo{font-size:20px}.footer-description{font-size:13px}.social-links{gap:8px}.social-icon{width:36px;height:36px}.social-icon svg{width:18px;height:18px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-section{animation:slideInUp .6s ease-out forwards}.footer-section:nth-child(1){animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}