*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}:root{--primary-color: #e74c3c;--secondary-color: #e74c3c;--primary-dark: #c0392b;--secondary-dark: #c0392b;--primary-light: #ec7063;--text-color: #333;--text-light: #666;--border-color: #e0e0e0;--bg-light: #f8f9fa;--bg-soft: #f5f5f5;--white: #ffffff;--transition: all .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--white);min-height:100vh}a,a *,button,button *{text-decoration:none;color:inherit;transition:var(--transition);cursor:pointer}a:hover,a:focus,a *:hover,a *:focus,button:hover,button:focus,button *:hover,button *:focus,.btn:hover,.btn:focus,.btn *:hover,.btn *:focus{cursor:pointer!important}img{max-width:100%;height:auto;display:block}img[src*="assets/"]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}body{transition:opacity .15s ease-in-out}.stat-icon,.seller-nav-icon{min-width:fit-content;min-height:fit-content}#root,body>div{min-height:100vh}img{will-change:auto;contain:layout;opacity:1;transition:opacity .2s ease-in-out}.stat-icon-img,.seller-nav-icon-img{aspect-ratio:1 / 1;display:block!important;object-fit:contain!important;contain:layout style paint}.location-icon,.wa-icon-seller{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex-shrink:0!important;display:inline-block!important}.seller-logo-large{width:180px!important;height:180px!important;min-width:180px!important;min-height:180px!important;max-width:180px!important;max-height:180px!important;font-size:90px!important}.stat-icon-img[src*=hammer-outline],.stat-icon-img[src*=fish-outline],.stat-icon-img[src*=fishes-outline],.seller-nav-icon-img[src*=hammer-outline],.seller-nav-icon-img[src*=fish-outline],.seller-nav-icon-img[src*=fishes-outline]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:auto}main,.container,.seller-section,.member-area{animation:fadeIn .3s ease-in-out}button{font-family:inherit;cursor:pointer;border:none;transition:var(--transition)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-fluid{max-width:100%;padding:0 40px}.header{background:var(--white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000000d}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{display:inline-block;line-height:1;margin-left:20px}.logo img{height:40px;width:auto;display:block}.nav-menu{display:flex;list-style:none;gap:40px;align-items:center}.nav-link{font-size:15px;font-weight:500;color:var(--text-color);position:relative;padding:5px 0}.nav-link:hover,.nav-link.active{color:var(--secondary-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--secondary-color);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active:hover:after{width:0}.nav-link.member-btn:after{display:none}.nav-link.primary{background:var(--secondary-color);color:var(--white);padding:10px 24px;border-radius:4px}.nav-link.primary:after{display:none}.nav-link.primary:hover{background:var(--secondary-dark);color:var(--white)}.registration-success-banner{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-bottom:3px solid #4caf50;padding:40px 0;animation:slideDown .4s ease-out}.registration-success-content{text-align:center;max-width:600px;margin:0 auto}.registration-success-title{color:#1b5e20;font-size:24px;font-weight:700;margin:0 0 12px;line-height:1.4}.registration-success-text{color:#2e7d32;font-size:16px;margin:0 0 24px}.btn-start-bid{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #4caf504d;transition:all .3s ease}.btn-start-bid:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.logout-success-notification{background:linear-gradient(135deg,#28a74526,#28a74514);border-bottom:2px solid rgba(40,167,69,.4);padding:16px 0;animation:slideDown .3s ease-out}.logout-success-notification p{margin:0;color:#155724;font-weight:500;font-size:15px;text-align:center}.error-banner{background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border-bottom:2px solid rgba(231,76,60,.3);padding:20px 0}.error-content{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.error-icon{color:var(--primary-color);flex-shrink:0}.error-text{color:var(--text-color);font-size:15px;font-weight:500;margin:0}.error-content .btn{margin:0}@media(max-width:768px){.error-content{flex-direction:column;gap:12px;text-align:center}}.hero-banner{background:linear-gradient(135deg,#c0392b,#e74c3c,#c0392b);color:var(--white);padding:40px 0 20px;position:relative;overflow:visible;margin-bottom:120px}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.06) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Ccircle cx='10' cy='10' r='1.5'/%3E%3Ccircle cx='50' cy='10' r='1.5'/%3E%3Ccircle cx='90' cy='10' r='1.5'/%3E%3Ccircle cx='30' cy='30' r='1.5'/%3E%3Ccircle cx='70' cy='30' r='1.5'/%3E%3Ccircle cx='10' cy='50' r='1.5'/%3E%3Ccircle cx='50' cy='50' r='1.5'/%3E%3Ccircle cx='90' cy='50' r='1.5'/%3E%3Ccircle cx='30' cy='70' r='1.5'/%3E%3Ccircle cx='70' cy='70' r='1.5'/%3E%3Ccircle cx='10' cy='90' r='1.5'/%3E%3Ccircle cx='50' cy='90' r='1.5'/%3E%3Ccircle cx='90' cy='90' r='1.5'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%,100% 100%,100px 100px;opacity:1}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr .8fr;gap:60px;align-items:center}.hero-text{text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;color:var(--white);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-dot{width:8px;height:8px;background:#fcd34d;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:48px;font-weight:700;margin-bottom:16px;line-height:1.2}.hero-highlight{background:linear-gradient(to right,#fde68a,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;margin-bottom:18px;opacity:.95;font-weight:400;line-height:1.6}.hero-stats-inline{display:flex;gap:20px;margin-bottom:20px;padding:12px 0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.hero-stat{font-size:14px;opacity:.9}.hero-stat strong{font-size:16px;font-weight:700;display:block;margin-bottom:2px}.hero-cta{display:flex;gap:15px}.btn-hero{display:inline-flex;align-items:center;gap:16px}.btn-arrow{font-size:20px;margin-left:4px;transition:var(--transition)}.btn-hero:hover .btn-arrow{transform:translate(5px)}.hero-visual{position:relative;z-index:10}.hero-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0006;transform:translateY(80px)}.hero-image{width:100%;height:auto;display:block;border-radius:20px}.floating-card{position:absolute;background:var(--white);padding:10px 16px;border-radius:10px;box-shadow:0 10px 30px #0003;display:flex;align-items:center;gap:8px;font-weight:600;color:var(--primary-color);animation:float 3s ease-in-out infinite;z-index:20}.floating-card-1{top:20px;right:-10px;animation-delay:0s}.floating-card-2{bottom:30%;left:-20px;animation-delay:1s}.floating-card-3{bottom:10px;right:10px;animation-delay:2s}.card-icon{font-size:18px}.card-text{font-size:13px}.btn{padding:14px 32px;font-size:16px;font-weight:600;border-radius:6px;display:inline-block;transition:var(--transition);cursor:pointer}.btn *{cursor:inherit}.btn-primary{background:var(--white);color:var(--primary-color)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--primary-color);border-color:var(--white)}.section{padding:60px 0}.section-compact{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:60px 0;margin:40px 0;border-radius:20px;box-shadow:inset 0 2px 10px #0000000d}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:6px;border-bottom:none;position:relative}.section-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#e8e8e8;z-index:0}.section-header:after{content:"";position:absolute;bottom:0;left:0;width:300px;height:3px;background:var(--primary-color);z-index:1}.view-all-link{color:var(--primary-color);font-size:15px;font-weight:400;text-decoration:none;display:flex;align-items:center;gap:5px;transition:var(--transition)}.view-all-link:hover{color:var(--primary-dark)}.view-all-link .arrow{transition:transform .3s ease}.view-all-link:hover .arrow{transform:translate(3px)}.section-title-wrapper{display:flex;align-items:baseline;gap:15px}.section-title-link{text-decoration:none;color:inherit;transition:var(--transition)}.section-title-link:hover .section-title{color:var(--primary-color)}.section-title{font-size:32px;font-weight:700;color:#555;margin:0;display:flex;align-items:center;gap:10px;transition:var(--transition)}.section-title .emoji{font-size:36px}.section-description{font-size:13px;color:#999;margin:0;font-weight:400}.section-subtitle{font-size:14px;color:var(--text-light);margin:0;font-weight:400}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.product-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:var(--transition);position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary-color)}.product-badge{position:absolute;top:15px;right:15px;background:var(--secondary-color);color:var(--white);padding:8px 16px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;z-index:10;letter-spacing:.5px;box-shadow:0 4px 12px #00000040;transition:var(--transition);display:flex;align-items:center;gap:6px}.product-badge:hover{transform:scale(1.05)}.product-badge .badge-icon{display:flex;align-items:center;line-height:1}.product-badge .badge-icon svg{width:14px;height:14px}.product-badge.trending{background:linear-gradient(135deg,#ec7063,#e74c3c)}.product-badge.new{background:linear-gradient(135deg,#e74c3c,#c0392b)}.product-badge.ending-soon{background:linear-gradient(135deg,#c0392b,#a93226);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 4px 12px #e74c3c66}50%{box-shadow:0 4px 20px #e74c3cb3}}.product-badge.badge-winning{background:linear-gradient(135deg,#51cf66,#37b24d)}.product-badge.badge-losing{background:linear-gradient(135deg,#ffd43b,#f39c12)}.product-badge.badge-won{background:linear-gradient(135deg,#37b24d,#2f9e44)}.product-badge.badge-lost{background:linear-gradient(135deg,#fa5252,#e03131)}.product-badge.dashboard-badge{text-transform:none;letter-spacing:normal;font-weight:500}.product-badge.dashboard-badge.green{background:#10b981;color:#fff}.product-badge.dashboard-badge.red{background:#ef4444;color:#fff}.product-badge.dashboard-badge.red .badge-icon svg{stroke:#fff}.product-badge.dashboard-badge.orange{background:#f59e0b;color:#fff}.product-badge.dashboard-badge.gray{background:#6b7280;color:#fff}.product-badge.dashboard-badge.gray .badge-icon svg{stroke:#fff}.product-badge.dashboard-badge .badge-icon{margin-right:4px;font-size:14px;display:inline-block}.product-badge.dashboard-badge .badge-icon svg{vertical-align:middle}.product-image{width:100%;height:400px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-decoration:none;cursor:pointer;transition:var(--transition)}.product-image:hover{transform:scale(1.02)}.product-image img{width:100%;height:100%;object-fit:contain}.product-title-link{text-decoration:none;color:inherit;display:block}.product-title-link:hover .product-title{color:var(--primary-color)}.product-info{padding:15px}.product-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:var(--text-light)}.product-bid-info{margin-bottom:10px}.product-price{font-size:24px;font-weight:700;color:var(--secondary-color);margin-bottom:8px}.product-price-label{font-size:12px;color:var(--text-light);font-weight:400;display:block;margin-bottom:4px}.product-price-label .bidder-name{font-weight:600;color:var(--primary-color)}.product-timer{background:#fff3cd;color:#856404;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:500;text-align:center;margin-bottom:8px}.product-timer.ending-soon{background:#e74c3c1a;color:#c0392b;font-weight:600}.product-actions{display:flex;gap:10px;align-items:center}.btn-small{padding:10px 20px;font-size:14px;text-align:center}.btn-bid{flex:1}.btn-secondary{background:var(--secondary-color);color:var(--white);border-radius:8px}.btn-secondary:hover{background:var(--secondary-dark)}.btn-success{background:#28a745;color:var(--white);border:2px solid #28a745;border-radius:8px}.btn-success:hover{background:#218838;border-color:#218838}.btn-add-auction{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;box-sizing:border-box}.btn-favorite{background:transparent;border:none;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--text-light)}.btn-favorite svg{width:22px;height:22px}.btn-favorite:hover{transform:scale(1.2);color:var(--primary-color)}.btn-favorite:active svg path{fill:var(--primary-color)}.btn-favorite.active{color:var(--primary-color)}.btn-favorite.active svg{fill:currentColor}.seller-info{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-light);border-radius:6px;margin-bottom:10px;text-decoration:none;transition:var(--transition);cursor:pointer}.seller-info:hover{background:#e74c3c0d;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.seller-logo{width:36px;height:36px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--border-color);flex-shrink:0;overflow:hidden}.seller-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.seller-details{flex:1;min-width:0}.seller-name{font-size:13px;font-weight:600;color:var(--primary-color);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-location{font-size:11px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-products-section{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.related-products-header{font-size:13px;font-weight:500;color:var(--text-light);margin-bottom:10px}.related-products{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.related-product-thumb{aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);position:relative;background:var(--bg-light);display:block;text-decoration:none}.related-product-thumb:hover{transform:translateY(-3px);border-color:var(--secondary-color);box-shadow:0 4px 12px #00000026}.related-product-thumb:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#e74c3c1a;pointer-events:none}.related-product-thumb img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.related-product-overlay{display:none}.product-grid-compact{display:grid;grid-template-columns:repeat(8,1fr);gap:15px}.product-card-compact{background:var(--white);border-radius:12px;overflow:hidden;transition:var(--transition);box-shadow:0 2px 8px #00000014;cursor:pointer}.product-card-compact:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.compact-image{width:100%;height:140px;overflow:hidden;background:var(--bg-light);display:flex;align-items:center;justify-content:center}.compact-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.product-card-compact:hover .compact-image img{transform:scale(1.05)}.compact-info{padding:12px;text-align:center}.compact-title{font-size:11px;font-weight:500;color:var(--text-color);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.compact-price{font-size:14px;font-weight:600;color:var(--secondary-color)}.promo-section{background:linear-gradient(135deg,#fafafa,#f5f5f5,#f0f0f0);padding:80px 0;margin:60px 0;position:relative;overflow:hidden}.promo-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(231,76,60,.03) 25%,transparent 25%,transparent 75%,rgba(231,76,60,.03) 75%,rgba(231,76,60,.03)),linear-gradient(-45deg,rgba(231,76,60,.03) 25%,transparent 25%,transparent 75%,rgba(231,76,60,.03) 75%,rgba(231,76,60,.03)),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e74c3c' fill-opacity='0.05'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='50' cy='10' r='2'/%3E%3Ccircle cx='90' cy='10' r='2'/%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3Ccircle cx='70' cy='30' r='2'/%3E%3Ccircle cx='10' cy='50' r='2'/%3E%3Ccircle cx='50' cy='50' r='2'/%3E%3Ccircle cx='90' cy='50' r='2'/%3E%3Ccircle cx='30' cy='70' r='2'/%3E%3Ccircle cx='70' cy='70' r='2'/%3E%3Ccircle cx='10' cy='90' r='2'/%3E%3Ccircle cx='50' cy='90' r='2'/%3E%3Ccircle cx='90' cy='90' r='2'/%3E%3C/g%3E%3C/svg%3E");background-size:40px 40px,40px 40px,100px 100px;background-position:0 0,20px 20px,0 0;opacity:1}.promo-content{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;color:var(--text-color)}.promo-badge{display:inline-block;background:var(--white);color:var(--primary-color);padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.promo-title{font-size:42px;font-weight:700;margin-bottom:20px;line-height:1.2}.promo-text{font-size:18px;line-height:1.7;margin-bottom:30px;opacity:.95}.promo-features{display:flex;gap:30px;margin-bottom:35px}.feature-item{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.feature-icon{background:#fff3;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.promo-cta{display:flex;gap:15px}.btn-promo{background:var(--secondary-color);color:var(--white);padding:14px 32px;font-size:16px;font-weight:600;border-radius:6px;display:inline-block;transition:var(--transition)}.btn-promo:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 10px 25px #e74c3c4d}.btn-promo-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:14px 32px;font-size:16px;font-weight:600;border-radius:6px;display:inline-block;transition:var(--transition)}.btn-promo-outline:hover{background:var(--primary-color);color:var(--white)}.promo-stats{display:grid;grid-template-columns:1fr;gap:25px}.stat-item{background:var(--white);padding:25px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color)}.stat-number{font-size:36px;font-weight:700;margin-bottom:8px;color:var(--primary-color)}.stat-label{font-size:14px;opacity:.8;color:var(--text-light)}.footer{background:#f5f5f5;color:var(--text-color);padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-section h3{font-size:18px;margin-bottom:20px;font-weight:600}.footer-about{max-width:350px}.footer-logo{margin-bottom:20px}.footer-logo img{height:40px;width:auto;display:block}.footer-description{font-size:14px;line-height:1.7;color:var(--text-light);margin:0}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:var(--text-light);font-size:15px;position:relative;display:inline-block;transition:var(--transition)}.footer-section ul li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.footer-section ul li a:hover{color:var(--primary-color)}.footer-section ul li a:hover:after{width:100%}.app-download{display:flex;gap:12px;margin-top:20px}.app-badge{display:inline-flex;align-items:center;gap:10px;transition:var(--transition)}.app-badge:hover{transform:translateY(-2px);opacity:.8}.app-icon{width:32px;height:32px}.app-info{text-align:left}.app-info small{display:block;font-size:11px;opacity:.8}.app-info strong{font-size:14px;font-weight:600}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--border-color);color:var(--text-light);font-size:14px}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media(max-width:768px){.container{padding:0 20px}.container-fluid{padding:0 25px}.navbar{padding:15px 0}.logo{margin-left:15px}.logo img{height:32px}.nav-menu{gap:12px;font-size:13px;padding-right:5px}.nav-link{padding:6px 8px}.nav-link.primary{padding:6px 12px;margin-right:0}.hero-content{grid-template-columns:1fr;gap:40px}.hero-text{text-align:center}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-stats-inline,.hero-cta{justify-content:center}.section-title{font-size:24px;white-space:nowrap;cursor:pointer}.section-title-link{display:block;width:100%}.section-title-wrapper{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.section-description{font-size:12px}.view-all-link{white-space:nowrap;font-size:13px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.view-all-link{display:none}.section-compact{margin:20px 0;border-radius:15px}.promo-content{grid-template-columns:1fr;gap:40px}.promo-title{font-size:32px}.promo-text{font-size:16px}.promo-features{flex-wrap:wrap;gap:20px}.promo-stats{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr);gap:20px}.product-grid-compact{grid-template-columns:repeat(4,1fr);gap:15px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-about{max-width:100%}.app-download{flex-direction:column}}@media(max-width:480px){.nav-menu{gap:15px}.nav-link{font-size:13px}.hero-banner{padding:60px 0}.hero-title{font-size:28px}.hero-stats-inline{flex-wrap:wrap;gap:15px}.hero-cta{flex-direction:column}.floating-card{padding:8px 12px}.card-text{font-size:11px}.section{padding:50px 0}.section-compact{padding:40px 0}.promo-section{padding:40px 0;margin:20px 0}.promo-title{font-size:24px}.promo-text{font-size:14px;line-height:1.6}.promo-features{flex-direction:column;gap:12px}.promo-cta{flex-direction:column}.btn-promo,.btn-promo-outline{width:100%;text-align:center}.promo-stats{grid-template-columns:1fr;gap:15px}.stat-item{padding:20px}.stat-number{font-size:28px}.product-grid{grid-template-columns:1fr}.product-grid-compact{grid-template-columns:repeat(2,1fr)}}.lelang-page{padding:40px 0;min-height:100vh}.lelang-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.lelang-tabs{display:flex;gap:10px}.tab-button{padding:12px 24px;border:1px solid #e0e0e0;background:transparent;color:var(--text-light);font-size:16px;font-weight:500;cursor:pointer;border-radius:6px;transition:var(--transition)}.tab-button:hover{background:var(--bg-light);color:var(--text-color);border-color:#ccc}.tab-button.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.view-toggle{display:flex;gap:5px;background:var(--bg-light);padding:4px;border-radius:8px;position:relative}.view-toggle:before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 6.5px);height:calc(100% - 8px);background:var(--white);border-radius:6px;box-shadow:0 2px 4px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.view-toggle[data-active-view=event]:before{transform:translate(calc(100% + 5px))}.view-button{padding:8px 20px;border:none;background:transparent;color:var(--text-light);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:color .3s ease;position:relative;z-index:1;flex:1;white-space:nowrap;min-width:fit-content}.view-button:hover{color:var(--text-color)}.view-button.active{color:var(--primary-color)}.lelang-content{display:grid;grid-template-columns:280px 1fr;gap:30px}.filter-sidebar{background:var(--white);padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000014;height:fit-content;position:sticky;top:20px}.filter-title{font-size:18px;font-weight:700;color:var(--text-color);margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid var(--bg-light)}.filter-group{margin-bottom:20px}.filter-label{display:block;font-size:13px;font-weight:600;color:var(--text-color);margin-bottom:8px}.filter-hint{font-size:12px;color:var(--text-light);margin:6px 0 0}.filter-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:var(--transition)}.filter-select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--white);cursor:pointer;transition:var(--transition)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.filter-select:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.6}.price-range{display:flex;align-items:center;gap:10px}.price-range .filter-input{flex:1}.range-separator{color:var(--text-light);font-weight:500}.location-spacer{height:10px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:8px 14px;border:1px solid var(--border-color);background:var(--white);color:var(--text-color);font-size:13px;border-radius:20px;cursor:pointer;transition:var(--transition)}.filter-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-chip.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.filter-actions{display:flex;gap:10px;margin-top:25px}.btn-filter-action{flex:1;padding:12px;font-size:14px}.btn-outline-secondary{background:transparent;color:#999;border:2px solid #cccccc}.btn-outline-secondary:hover{background:#f5f5f5;color:#666;border-color:#999}.btn-block{width:100%;text-align:center}.products-area{flex:1}.products-area .product-grid{grid-template-columns:repeat(3,1fr)}.products-header{margin-bottom:20px}.products-count{font-size:14px;color:var(--text-light);margin:0}.empty-state{text-align:center;padding:80px 20px;color:var(--text-light);font-size:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-color)}.pagination-btn{padding:10px 16px;border:1px solid var(--border-color);background:var(--white);color:var(--text-color);font-size:14px;border-radius:6px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-numbers{display:flex;gap:5px}.pagination-number{padding:10px 14px;border:1px solid var(--border-color);background:var(--white);color:var(--text-color);font-size:14px;border-radius:6px;cursor:pointer;transition:var(--transition);min-width:44px}.pagination-number:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination-number.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}@media(max-width:1024px){.lelang-content{grid-template-columns:1fr}.filter-sidebar{position:static;margin-bottom:30px}.products-area .product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.lelang-top-bar{flex-direction:column;gap:20px;align-items:stretch}.lelang-tabs{width:100%;justify-content:space-between}.tab-button{flex:1;padding:10px 16px;font-size:14px}.view-toggle{width:100%}.view-button{flex:1}.products-area .product-grid{grid-template-columns:1fr}}.floating-countdown{position:fixed;top:100px;right:30px;z-index:100;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.countdown-content{background:linear-gradient(135deg,#e74c3c,#c0392b);padding:14px 20px;border-radius:16px;box-shadow:0 8px 24px #e74c3c66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);position:relative}.countdown-close{position:absolute;top:6px;right:6px;width:20px;height:20px;border:none;background:#fff3;color:var(--white);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:var(--transition);padding:0}.countdown-close:hover{background:#ffffff4d;transform:rotate(90deg)}.countdown-label{text-align:center;color:#fffc;font-size:10px;font-weight:500;margin-bottom:8px;letter-spacing:.5px}.countdown-timer{display:flex;align-items:center;gap:6px;justify-content:center}.time-unit{display:flex;flex-direction:column;align-items:center;background:#ffffff26;padding:8px 10px;border-radius:8px;min-width:55px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.time-value{font-size:24px;font-weight:800;color:var(--white);line-height:1;font-family:Arial,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.2)}.time-label{font-size:9px;color:#ffffffb3;margin-top:3px;font-weight:500}.time-separator{color:#fff9;font-size:18px;font-weight:700;margin:0 -2px 12px}.product-detail-page{padding:40px 0;background:var(--white);min-height:70vh}.breadcrumb{margin-bottom:30px;font-size:14px;color:var(--text-light)}.breadcrumb a{color:var(--text-light);text-decoration:none;transition:var(--transition)}.breadcrumb a:hover{color:var(--primary-color)}.breadcrumb .separator{margin:0 10px;color:var(--text-light)}.breadcrumb .current{color:var(--text-color);font-weight:500}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:60px}.product-media{position:sticky;top:100px;align-self:start}.main-image{width:100%;height:550px;background:var(--bg-light);border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 12px #0000001a;position:relative;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.main-image:hover{box-shadow:0 8px 20px #00000026}.main-image img{width:100%;height:100%;object-fit:contain}.image-zoom-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.main-image:hover .image-zoom-overlay{opacity:1}.zoom-icon{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.image-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:30px}.thumbnail{aspect-ratio:1;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:var(--transition);background:var(--bg-light);padding:0}.thumbnail img{width:100%;height:100%;object-fit:contain}.thumbnail:hover{border-color:var(--primary-color)}.thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #e74c3c33}.product-video{margin-top:30px}.product-video h3{font-size:18px;margin-bottom:15px;color:var(--text-color)}.video-container{position:relative;width:100%;padding-bottom:56.25%;background:var(--bg-dark);border-radius:12px;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.product-info-detail{display:flex;flex-direction:column;gap:25px}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.product-header-content{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.product-love-button{flex-shrink:0;display:flex;align-items:flex-start}.product-love-button .btn-favorite{width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color);background:var(--white);color:var(--text-light);transition:var(--transition)}.product-love-button .btn-favorite svg{width:24px;height:24px}.product-love-button .btn-favorite:hover{transform:scale(1.05);background:#e74c3c14;color:var(--primary-color)}.product-love-button .btn-favorite.active{background:#e74c3c1f;color:var(--primary-color)}.product-love-button .btn-favorite:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.product-header{flex-direction:row;align-items:center}.product-love-button .btn-favorite{width:44px;height:44px}}.product-title-main{font-size:32px;font-weight:700;color:var(--text-color);margin:0 0 10px;line-height:1.3}.product-event{font-size:16px;color:var(--text-light);margin:0}.product-event-link{font-size:16px;color:var(--text-light);text-decoration:none;transition:var(--transition);display:inline-block}.product-event-link:hover{color:var(--primary-color);text-decoration:underline}.product-details-section,.seller-section,.auction-details-section{background:var(--white);padding:24px;border-radius:10px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;transition:var(--transition)}.product-details-section:hover,.seller-section:hover,.auction-details-section:hover{box-shadow:0 4px 12px #0000001a;border-color:#e8e8e8}.detail-item{margin-bottom:20px}.detail-item:last-child{margin-bottom:0}.detail-label{font-weight:600;color:var(--text-color);font-size:14px;margin-bottom:8px}.detail-value{color:var(--text-light);font-size:15px}.detail-description{color:var(--text-light);line-height:1.7;margin:0;font-size:14px}.seller-info-detail{display:flex;align-items:center;gap:15px;text-decoration:none;transition:var(--transition);padding:15px;border-radius:8px;margin:-15px;cursor:pointer}.seller-info-detail:hover{background:#e74c3c0d;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.seller-logo-detail{width:60px;height:60px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:30px;border:2px solid var(--border-color);flex-shrink:0;overflow:hidden}.seller-logo-detail img{width:100%;height:100%;object-fit:cover;border-radius:50%}.seller-details-detail{flex:1}.seller-name-detail{font-size:17px;font-weight:600;color:var(--text-color);margin-bottom:5px}.seller-location-detail{font-size:14px;color:var(--text-light)}.auction-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.auction-info-item{display:flex;flex-direction:column;gap:6px}.auction-info-item.highlight{grid-column:1 / -1;background:var(--bg-light);padding:16px;border-radius:8px;border:2px solid var(--primary-color)}.auction-label{font-size:13px;color:var(--text-light);font-weight:500}.auction-value{font-size:16px;color:var(--text-color);font-weight:600}.auction-value-highlight{font-size:26px;color:var(--primary-color);font-weight:700}.bid-actions{display:flex;flex-direction:column;gap:15px;background:var(--bg-light);padding:25px;border-radius:10px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #00000014}.bid-input-group{display:flex;flex-direction:column;gap:8px}.bid-input-group label{font-size:14px;font-weight:600;color:var(--text-color)}.bid-input-group input{padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:18px;font-weight:600;color:var(--text-color);transition:var(--transition)}.bid-input-group input:focus{outline:none;border-color:var(--primary-color)}.btn-bid-now,.btn-whatsapp{padding:16px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.btn-bid-now{background:var(--primary-color);color:var(--white)}.btn-bid-now:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.btn-whatsapp{background:#25d366;color:var(--white)}.bid-icon,.wa-icon{width:20px;height:20px;flex-shrink:0}.bid-icon{filter:brightness(0) invert(1)}.bid-history-section{margin-bottom:60px}.bid-history-section h2{font-size:24px;font-weight:700;color:var(--text-color);margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid var(--border-color);position:relative}.bid-history-section h2:after{content:"";position:absolute;bottom:-3px;left:0;width:150px;height:3px;background:var(--primary-color)}.bid-history-list{display:flex;flex-direction:column;gap:10px}.bid-history-empty{text-align:center;padding:60px 20px;background:var(--bg-light);border-radius:10px;border:2px dashed var(--border-color)}.bid-history-empty p{font-size:16px;color:var(--text-light);margin:0;font-weight:500}.bid-history-item{display:flex;align-items:center;gap:20px;padding:20px;background:var(--bg-light);border-radius:10px;border:1px solid var(--border-color);transition:var(--transition)}.bid-history-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.bid-history-item:first-child{background:linear-gradient(135deg,#fff5f5,#ffe9e9);border-color:var(--primary-color)}.bid-rank{width:40px;height:40px;border-radius:50%;background:var(--white);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-color);flex-shrink:0}.bid-history-item:first-child .bid-rank{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);font-size:18px}.bid-info{flex:1}.bid-bidder{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:4px}.bid-time{font-size:13px;color:var(--text-light)}.bid-amount{font-size:18px;font-weight:700;color:var(--primary-color)}.related-products-section-detail{margin-bottom:60px}.related-products-section-detail h2{font-size:24px;font-weight:700;color:var(--text-color);margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid var(--border-color);position:relative}.related-products-section-detail h2:after{content:"";position:absolute;bottom:-3px;left:0;width:280px;height:3px;background:var(--primary-color)}.related-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.related-product-card{background:var(--white);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:var(--transition);text-decoration:none;display:block}.related-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:var(--primary-color)}.related-product-image{width:100%;height:280px;background:var(--bg-light);overflow:hidden;display:flex;align-items:center;justify-content:center}.related-product-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.related-product-card:hover .related-product-image img{transform:scale(1.05)}.related-product-info{padding:15px}.related-product-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-product-bid{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.related-bid-label{font-size:12px;color:var(--text-light)}.related-bid-amount{font-size:14px;font-weight:700;color:var(--primary-color)}.related-product-time{font-size:12px;color:var(--text-light)}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.modal-content{position:relative;max-width:1200px;max-height:90vh;width:100%;display:flex;flex-direction:column;align-items:center;animation:zoomIn .3s ease}.modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:var(--white);font-size:48px;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:var(--transition);line-height:1}.modal-close:hover{color:var(--primary-color);transform:rotate(90deg)}.modal-content img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.modal-thumbnails{display:flex;gap:10px;margin-top:20px;padding:15px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-thumbnail{width:80px;height:80px;border:2px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden;cursor:pointer;transition:var(--transition);background:var(--bg-dark);padding:0}.modal-thumbnail img{width:100%;height:100%;object-fit:contain}.modal-thumbnail:hover{border-color:#fff9;transform:scale(1.1)}.modal-thumbnail.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #e74c3c4d}@media(max-width:1024px){.product-detail-content{grid-template-columns:1fr;gap:40px}.product-media{position:static}.related-products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.product-title-main{font-size:24px}.auction-info-grid{grid-template-columns:1fr}.related-products-grid{grid-template-columns:repeat(2,1fr)}.image-thumbnails{grid-template-columns:repeat(4,1fr);gap:8px}.bid-history-item{padding:15px;gap:15px}.bid-rank{width:35px;height:35px;font-size:14px}.bid-bidder{font-size:14px}.bid-amount{font-size:16px}.floating-countdown{top:80px;right:15px}.countdown-content{padding:15px 18px}.time-unit{min-width:50px;padding:8px 10px}.time-value{font-size:24px}.countdown-label{font-size:12px}}@media(max-width:480px){.related-products-grid{grid-template-columns:1fr}.product-detail-page{padding:20px 0}.breadcrumb{font-size:12px}.modal-thumbnail{width:60px;height:60px}.modal-close{top:-35px;font-size:36px}.modal-thumbnails{gap:8px;padding:10px}.floating-countdown{top:70px;right:10px;left:10px}.countdown-content{padding:12px 16px}.countdown-timer{gap:4px}.time-unit{min-width:45px;padding:6px 8px}.time-value{font-size:20px}.time-label{font-size:10px}.time-separator{font-size:18px;display:none}.countdown-label{font-size:11px;margin-bottom:8px}}.event-detail-page{padding:40px 0;background:var(--white);min-height:70vh}.event-title{font-size:36px;font-weight:700;color:var(--text-color);margin:0 0 30px;line-height:1.3}.event-content{display:grid;grid-template-columns:350px 1fr;gap:40px}.event-info-column{display:flex;flex-direction:column;gap:20px}.event-banner-image{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:10px}.event-banner-image img{width:100%;height:auto;display:block;transition:transform .3s ease}.event-banner-image img:hover{transform:scale(1.02)}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.image-modal-content{position:relative;max-width:95%;max-height:95%;display:flex;align-items:center;justify-content:center}.image-modal-content img{max-width:100%;max-height:95vh;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:0;background:#ffffffe6;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;font-weight:300;transition:all .2s ease}.image-modal-close:hover{background:#fff;transform:scale(1.1)}.event-seller-section,.event-details-section{background:var(--white);padding:24px;border-radius:10px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #00000014;transition:var(--transition)}.event-seller-section:hover,.event-details-section:hover{box-shadow:0 4px 12px #0000001a;border-color:#e8e8e8}.section-title-small{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.event-seller-info{display:flex;align-items:center;gap:15px;text-decoration:none;transition:var(--transition);padding:15px;border-radius:8px;margin:-15px;cursor:pointer}.event-seller-info:hover{background:#e74c3c0d;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.event-seller-logo{width:60px;height:60px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:30px;border:2px solid var(--border-color);flex-shrink:0;overflow:hidden}.event-seller-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.event-seller-details{flex:1}.event-seller-name{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:5px}.event-seller-location{font-size:14px;color:var(--text-light)}.event-detail-item{margin-bottom:16px}.event-detail-item:last-child{margin-bottom:0}.event-detail-label{font-size:14px;font-weight:600;color:var(--text-color);display:block;margin-bottom:6px}.event-detail-value{font-size:15px;color:var(--text-light)}.event-description{font-size:14px;color:var(--text-light);line-height:1.7;margin:20px 0;padding:16px;background:var(--bg-light);border-radius:8px}.btn-whatsapp-event{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#25d366;color:var(--white);border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:var(--transition);margin:20px 0;width:100%}.btn-whatsapp-event:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.wa-icon-small{width:18px;height:18px;flex-shrink:0}.event-products-column{display:flex;flex-direction:column;gap:20px}.event-products-header{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:10px}.sort-tabs{display:flex;gap:8px;background:var(--bg-light);padding:4px;border-radius:8px}.sort-tab{padding:8px 16px;border:none;background:transparent;color:var(--text-light);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:var(--transition)}.sort-tab:hover{background:#e74c3c1a;color:var(--text-color)}.sort-tab.active{background:var(--primary-color);color:var(--white)}.event-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1024px){.event-content{grid-template-columns:1fr;gap:30px}.event-info-column{order:2}.event-products-column{order:1}.event-products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.event-title{font-size:28px}.event-products-grid{grid-template-columns:1fr}.event-products-header{flex-direction:column;align-items:flex-start}.sort-tabs{width:100%;justify-content:space-between}.sort-tab{flex:1;text-align:center}}.event-view-page{padding:40px 0;background:var(--white);min-height:70vh}.event-view-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:30px}.event-poster-column{position:sticky;top:100px;align-self:start}.event-poster{width:100%;background:var(--bg-light);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f;border:1px solid var(--border-color)}.event-poster img{width:100%;height:auto;display:block;object-fit:cover}.event-info-main{display:flex;flex-direction:column;gap:20px}.event-view-products-section{margin-top:60px;padding-top:40px;border-top:2px solid var(--border-color)}.event-view-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}@media(max-width:1024px){.event-view-content{grid-template-columns:1fr;gap:40px}.event-poster-column{position:static;max-width:600px;margin:0 auto}.event-view-products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.event-view-products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.event-view-content{gap:30px}.event-poster-column{max-width:100%}.event-view-products-grid{grid-template-columns:1fr}.event-view-products-section{margin-top:40px;padding-top:30px}}.seller-detail-page{background-color:var(--background-color);min-height:100vh}.seller-detail-container{padding:40px 0}.seller-info-main{background:linear-gradient(135deg,#fff,#fafafa);border-radius:20px;padding:50px;margin-bottom:40px;box-shadow:0 8px 30px #0000001f;border:none;position:relative;overflow:hidden}.seller-info-main:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e74c3c,#f39c12,#e74c3c)}.seller-info-main:after{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(231,76,60,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.seller-header{display:flex;gap:30px;align-items:flex-start;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #f0f0f0;position:relative;z-index:1}.seller-logo-large{width:180px;height:180px;background:linear-gradient(135deg,var(--primary-color),#c0392b);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:90px;border-radius:50%;flex-shrink:0;box-shadow:0 8px 25px #e74c3c66,0 0 0 8px #e74c3c1a;position:relative;animation:pulse-logo 3s ease-in-out infinite;overflow:hidden}.seller-logo-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes pulse-logo{0%,to{box-shadow:0 8px 25px #e74c3c66,0 0 0 8px #e74c3c1a}50%{box-shadow:0 8px 30px #e74c3c80,0 0 0 12px #e74c3c26}}.seller-main-info{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.seller-name-link{text-decoration:none;transition:var(--transition);display:inline-block}.seller-name-link:hover{transform:translateY(-1px)}.seller-name-large{font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--text-color) 0%,#555 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-.5px;transition:var(--transition)}.seller-name-link:hover .seller-name-large{background:linear-gradient(135deg,var(--primary-color) 0%,#e74c3c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seller-location-main{display:inline-flex;align-items:center;gap:8px;color:var(--text-light);font-size:16px;margin-bottom:24px;padding:8px 16px;background:#e74c3c0d;border-radius:20px;border:1px solid rgba(231,76,60,.1);text-decoration:none;transition:var(--transition);cursor:pointer}.seller-location-main:hover{background:#e74c3c1a;border-color:#e74c3c33;transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c26}.location-icon{width:20px;height:20px;color:var(--primary-color)}.btn-whatsapp-seller{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;font-size:16px;background:#25d366;color:var(--white);border-radius:8px;text-decoration:none;font-weight:600;transition:var(--transition);border:none;cursor:pointer;margin-top:16px}.btn-whatsapp-seller:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.wa-icon-seller{width:20px;height:20px;flex-shrink:0}.seller-contact-section{display:grid;gap:20px;position:relative;z-index:1}.seller-address{padding:25px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;border:2px solid #f0f0f0;box-shadow:0 2px 10px #0000000d;position:relative;overflow:hidden}.seller-contact-card{padding:25px;background:linear-gradient(135deg,#fff,#fdf3ee);border-radius:12px;border:2px solid #f5e6de;box-shadow:0 2px 10px #0000000d}.seller-description-section{margin-bottom:32px}.seller-description-text{font-size:16px;line-height:1.8;color:var(--text-color)}.contact-info-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.contact-info-item{display:flex;gap:12px;align-items:flex-start}.contact-info-icon{font-size:20px;line-height:1}.contact-info-label{font-size:13px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.address-text{font-size:16px;color:var(--text-color);line-height:1.8;margin:0 0 20px;display:flex;align-items:flex-start;gap:12px}.address-icon{display:inline-flex;width:20px;height:20px;color:var(--primary-color);margin-top:2px}.address-icon svg{width:20px;height:20px}.contact-info-link{color:var(--text-color);text-decoration:none;font-size:15px;word-break:break-word;transition:var(--transition)}.contact-info-link:hover{color:var(--primary-color)}.seller-address:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#e74c3c,#f39c12)}.contact-label{font-size:14px;font-weight:600;color:var(--text-light);margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.address-text{font-size:16px;color:var(--text-color);line-height:1.8;margin:0 0 20px;padding-left:16px;position:relative}.address-text:before{content:"📍";position:absolute;left:0;top:0;font-size:18px}.btn-map{display:inline-flex;align-items:center;gap:8px;font-size:14px;padding:10px 20px}.map-icon{width:16px;height:16px}.seller-events-section{margin-top:40px}.section-header-seller{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.section-header-left{display:flex;align-items:center;gap:15px}.section-title-seller{font-size:28px;font-weight:700;color:var(--text-color);margin:0}.section-description-seller{font-size:14px;color:var(--text-light);margin:0}.toggle-tabs{display:flex;gap:5px;background:var(--bg-light);padding:4px;border-radius:8px;position:relative}.toggle-tabs:before{content:"";position:absolute;top:4px;left:var(--slide-left, 4px);width:var(--slide-width, 100px);height:calc(100% - 8px);background:var(--white);border-radius:6px;box-shadow:0 2px 4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.toggle-tab{padding:8px 16px;border:none;background:transparent;color:var(--text-light);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;min-width:fit-content}.toggle-tab:hover{color:var(--text-color)}.toggle-tab.active{color:var(--primary-color);font-weight:600}@media(max-width:768px){.toggle-tabs{width:100%}.toggle-tab{flex:1;text-align:center;font-size:13px;padding:8px 12px}}.events-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.seller-section .events-grid{grid-template-columns:repeat(2,1fr)}.event-card{background:var(--white);border-radius:12px;overflow:hidden;transition:var(--transition);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f;position:relative}.event-badge{position:absolute;top:12px;right:12px;background:var(--primary-color);color:var(--white);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;z-index:2;box-shadow:0 2px 8px #00000026}.event-badge.contest{background:linear-gradient(135deg,#f39c12,#e67e22)}.event-badge.azukari{background:linear-gradient(135deg,#3498db,#2980b9)}.event-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary-color)}.event-card-image{display:block;width:100%;height:400px;overflow:hidden;position:relative}.event-card-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.event-card:hover .event-card-image img{transform:scale(1.05)}.event-card-info{padding:20px}.event-card-title-link{text-decoration:none;color:inherit}.event-card-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 12px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.event-card-title-link:hover .event-card-title{color:var(--primary-color)}.event-card-timer{display:flex;align-items:center;gap:6px;font-size:12px;color:#856404;background:#fff3cd;padding:5px 10px;border-radius:4px;margin:0 0 12px;font-weight:500;width:100%;box-sizing:border-box;justify-content:center}.event-fish-count{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#155724;background:#d4edda;padding:6px 10px;border-radius:4px;margin:0 0 12px;font-weight:500;width:100%;box-sizing:border-box}.event-seller-info{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-light);border-radius:8px;margin:15px 0;width:100%;text-decoration:none;transition:var(--transition);box-sizing:border-box}.event-seller-info:hover{background:#e74c3c0d;transform:translate(2px)}.event-seller-logo{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--white);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 4px #0000000f}.event-seller-details{flex:1;min-width:0}.event-seller-name{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-seller-location{font-size:12px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-event-detail{width:100%;text-align:center;margin:0 0 15px;padding:10px;box-sizing:border-box}.event-products-preview{border-top:1px solid var(--border-color);padding-top:15px;margin-top:15px}.event-products-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.event-product-thumb{width:100%;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);background:var(--background-color);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:var(--transition);cursor:pointer}.event-product-thumb:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #e74c3c33}.event-product-thumb img{width:100%;height:100%;object-fit:contain;transition:var(--transition);display:block}.event-product-thumb:hover img{transform:scale(1.1)}@media(max-width:1200px){.events-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.seller-header{flex-direction:column;align-items:center;text-align:center}.seller-logo-large{width:140px;height:140px;font-size:70px}.seller-name-large{font-size:24px}.seller-location-main{justify-content:center}.events-grid{grid-template-columns:1fr}.section-header-seller{flex-direction:column;align-items:flex-start;gap:15px}.section-header-left,.event-filter-tabs{width:100%}.event-filter-tab{flex:1;text-align:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content-login-required{background:var(--white);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;padding:40px;text-align:center;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--text-light)}.modal-close-btn:hover{background:var(--bg-light);color:var(--text-color)}.login-required-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border-radius:50%;display:flex;align-items:center;justify-content:center}.login-required-icon svg{color:var(--primary-color)}.login-required-title{font-size:24px;font-weight:700;color:var(--text-color);margin-bottom:12px}.login-required-message{font-size:16px;color:var(--text-light);margin-bottom:32px;line-height:1.6}.login-required-actions{display:flex;gap:12px;margin-bottom:20px}.login-required-actions .btn{flex:1;padding:14px 24px;font-size:16px;font-weight:600}.btn-login-modal{background:var(--primary-color);color:var(--white);border:none;text-decoration:none;display:inline-block}.btn-login-modal:hover{background:var(--primary-dark)}.btn-cancel-modal{background:transparent;color:var(--text-color);border:2px solid var(--border-color)}.btn-cancel-modal:hover{border-color:var(--text-color);background:var(--bg-light)}.login-required-footer{font-size:14px;color:var(--text-light);margin-top:24px}.register-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:var(--transition)}.register-link:hover{text-decoration:underline;color:var(--primary-dark)}@media(max-width:576px){.modal-content-login-required{padding:32px 24px}.login-required-actions{flex-direction:column}.login-required-title{font-size:20px}.login-required-message{font-size:14px}}.modal-container{background:var(--white);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:var(--background-color);color:var(--text-light);font-size:24px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;z-index:1}.modal-close-btn:hover{background:var(--primary-color);color:var(--white);transform:rotate(90deg)}.modal-header{padding:30px 30px 20px;border-bottom:2px solid var(--border-color)}.modal-title{font-size:24px;font-weight:700;color:var(--text-color);margin:0;padding-right:40px}.modal-body{padding:30px}.bid-method{display:flex;gap:20px;margin-bottom:30px}.method-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#c0392b);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #e74c3c4d}.method-content{flex:1}.method-title{font-size:18px;font-weight:700;color:var(--text-color);margin:0 0 15px}.method-steps{margin:0;padding-left:20px;color:var(--text-color);line-height:1.8}.method-steps li{margin-bottom:12px}.method-steps li:last-child{margin-bottom:0}.method-steps strong{color:var(--primary-color);font-weight:600}.app-badges{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.app-badge-img{height:40px;width:auto;transition:var(--transition)}.app-badge-img:hover{transform:translateY(-2px);filter:brightness(1.05)}.method-divider{text-align:center;margin:25px 0;position:relative}.method-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border-color)}.method-divider span{background:var(--white);padding:0 15px;color:var(--text-light);font-weight:600;font-size:12px;position:relative;z-index:1}.link-register{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:var(--transition)}.link-register:hover{border-bottom-color:var(--primary-color)}.bid-format-box{background:var(--background-color);border-left:4px solid var(--primary-color);padding:15px;border-radius:8px;margin-top:10px}.bid-format-code{background:var(--white);color:var(--primary-color);padding:4px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:16px;font-weight:700;border:1px solid var(--border-color)}.bid-format-example{margin-top:10px;padding:10px;background:#e74c3c0d;border-radius:6px}.bid-format-example strong{color:var(--text-color)}.bid-format-explanation{margin:10px 0 0;color:var(--text-light);font-size:14px;line-height:1.6}.modal-footer-message{text-align:center;padding:20px;background:var(--white);border-radius:12px;margin-top:25px;display:flex;flex-direction:column;align-items:center;justify-content:center}.success-icon{font-size:36px;margin-bottom:8px;display:block;text-align:center}.footer-text{font-size:18px;font-weight:600;color:var(--primary-color);margin:0;text-align:center}.modal-footer{padding:20px 30px;border-top:2px solid var(--border-color);text-align:center}.modal-footer .btn{padding:12px 30px;font-size:16px}.btn-modal-close{background:var(--primary-color);color:var(--white);padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-modal-close:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}@media(max-width:768px){.modal-container{max-width:95%;margin:10px}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-title{font-size:20px}.bid-method{flex-direction:column;gap:15px}.method-number{width:35px;height:35px;font-size:18px}.method-title{font-size:16px}.method-steps{font-size:14px}.app-badges{flex-direction:column}.app-badge-img{height:36px}}.login-page{min-height:calc(100vh - 200px);display:flex;align-items:center;padding:60px 0;background:linear-gradient(135deg,#fafafa,#f5f5f5)}.login-container{max-width:480px;margin:0 auto;width:100%}.login-step{width:100%;padding:0 20px;box-sizing:border-box;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-icon{text-align:center;margin-bottom:15px}.login-illustration{width:150px;height:150px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-header{text-align:center;margin-bottom:40px}.login-header.otp-header{margin-bottom:15px}.login-title.otp-title{font-size:28px;font-weight:700;line-height:1.3}.login-title.otp-title strong{color:var(--primary-color);font-weight:500;font-size:22px;display:block;margin-top:4px}.login-icon.otp-icon{margin-bottom:20px}.login-step.otp-step{position:relative}.btn-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--primary-color);font-size:15px;cursor:pointer;padding:4px 0;transition:var(--transition);font-weight:400;position:absolute;top:0;left:20px}.btn-back:hover{color:#c0392b;transform:translate(-4px);font-weight:500}.login-title{font-size:28px;font-weight:700;color:var(--text-color);margin:0 0 10px}.login-subtitle{font-size:15px;color:var(--text-light);margin:0;line-height:1.6}.login-subtitle strong{color:var(--text-color);font-weight:600}.login-form{margin-top:30px;padding-bottom:10px}.login-form.otp-form{margin-top:15px}.form-group{margin-bottom:25px}.form-group:last-of-type{margin-bottom:30px}.otp-form .form-group{margin-bottom:15px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.form-label.otp-label{text-align:center;margin-bottom:10px;font-size:13px}.phone-input-group{display:flex;gap:10px}.country-code-select{width:130px;padding:12px 36px 12px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;background:var(--white);color:var(--text-color);cursor:pointer;transition:var(--transition);font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23999999" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;box-sizing:border-box}.country-code-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.phone-input{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;transition:var(--transition);box-sizing:border-box;min-width:0}.phone-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.input-hint{font-size:13px;color:var(--text-light);margin:8px 0 0}.btn-block{width:100%;box-sizing:border-box}.btn-login{padding:16px 24px;font-size:17px;font-weight:700;margin-top:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #e74c3c4d;box-sizing:border-box}.btn-primary.btn-login,.btn-primary.btn-block.btn-login{background:var(--primary-color)!important;color:var(--white)!important;border:none!important}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #e74c3c66}.btn-primary.btn-login:hover:not(:disabled){background:var(--primary-dark)!important}.btn-login:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.login-footer-text{text-align:center;margin-top:20px;font-size:14px;color:var(--text-light)}.otp-input-group{display:flex;gap:12px;justify-content:center}.otp-input{width:60px;height:60px;border:2px solid var(--border-color);border-radius:12px;font-size:24px;font-weight:700;text-align:center;color:var(--text-color);transition:var(--transition)}.otp-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a;transform:scale(1.05)}.otp-timer-section{text-align:center;margin:15px 0;min-height:45px;display:flex;align-items:center;justify-content:center}.otp-timer{font-size:14px;color:var(--text-light);margin:0}.otp-timer strong{color:var(--primary-color);font-weight:700;font-size:16px}.btn-resend{padding:10px 20px;font-size:14px}.btn-change-number{background:none;border:none;color:var(--primary-color);font-size:14px;cursor:pointer;padding:0;text-decoration:none;transition:var(--transition)}.btn-change-number:hover{color:var(--primary-dark);text-decoration:underline}.error-message{background:linear-gradient(135deg,#fee,#fdd);border:1px solid #f88;border-left:4px solid #e74c3c;border-radius:8px;padding:12px 16px;color:#c33;margin-bottom:16px;font-size:14px;text-align:center;font-weight:500}.dev-otp-display{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px dashed #ffc107;border-radius:8px;padding:12px 16px;margin-top:12px;text-align:center;color:#856404;font-size:14px;transition:all .3s ease}.dev-otp-display:hover{background:linear-gradient(135deg,#ffeaa7,#ffc107);border-color:#ff9800;transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.dev-otp-display code{background:#fff;padding:4px 12px;border-radius:4px;font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#e74c3c;margin-left:8px;letter-spacing:2px}.otp-notification{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-left:4px solid #28a745;color:#155724;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #28a74526}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.static-page{min-height:calc(100vh - 200px);background:var(--bg-soft)}.static-page-hero{background:linear-gradient(135deg,#c0392b,#e74c3c,#c0392b);padding:60px 0;position:relative;overflow:hidden}.static-page-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><circle cx="30" cy="30" r="1.5" fill="rgba(255,255,255,0.1)"/></svg>');z-index:0}.static-page-hero .static-header{position:relative;z-index:1}.static-header{text-align:center;margin-bottom:0}.static-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:#ffffff26;border-radius:50%;margin-bottom:25px;color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.2);animation:float 3s ease-in-out infinite}.static-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.static-page-hero .static-title{font-size:48px;font-weight:800;color:var(--white);margin-bottom:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.static-page-hero .static-subtitle{font-size:18px;color:#fffffff2;margin-top:12px;text-shadow:0 1px 4px rgba(0,0,0,.15)}.static-title{font-size:42px;font-weight:800;color:var(--text-color);margin-bottom:12px}.static-subtitle{font-size:18px;color:var(--text-light)}.static-content{max-width:900px;margin:-30px auto 0;background:var(--white);padding:50px;border-radius:16px;box-shadow:0 2px 12px #0000000f;position:relative;z-index:10}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.contact-card{text-align:center;padding:40px 20px;border:1px solid var(--border-color);border-radius:12px;transition:var(--transition)}.contact-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #e74c3c1a;transform:translateY(-4px)}.contact-icon{color:var(--primary-color);margin-bottom:20px}.contact-title{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:12px}.contact-info{font-size:18px;font-weight:600;color:var(--primary-color);margin-bottom:8px}.contact-info-regular{font-weight:400}.contact-desc{font-size:14px;color:var(--text-light);margin-bottom:20px}.contact-form-section{margin-top:60px;padding-top:60px;border-top:2px solid var(--border-color)}.section-title-static{font-size:28px;font-weight:700;color:var(--text-color);margin-bottom:30px}.contact-form{max-width:700px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group-static{margin-bottom:25px}.form-label-static{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.form-input-static,.form-textarea-static{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;transition:var(--transition);box-sizing:border-box}.form-input-static:focus,.form-textarea-static:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.form-textarea-static{resize:vertical;font-family:inherit}.terms-section{margin-bottom:40px}.terms-list{list-style:none;padding-left:0}.terms-list li{padding-left:24px;margin-bottom:12px;position:relative;line-height:1.6}.terms-list li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:8px}.subsection-title{font-size:18px;font-weight:600;color:var(--text-color);margin:20px 0 12px}.notice{background:#fff3cd;border-left:4px solid #ffc107;padding:12px 16px;margin:20px 0;border-radius:4px;font-size:14px}.privacy-summary-full{background:linear-gradient(135deg,#ff6b6b,#ee5a6f 25%,#c44569 75%,#a73d5f);padding:80px 0;margin-top:-40px;position:relative;z-index:5;box-shadow:0 -4px 20px #e74c3c40;overflow:hidden}.privacy-summary-full:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/></svg>');z-index:0}.privacy-summary-full .privacy-summary{position:relative;z-index:1}.privacy-summary{padding:0}.privacy-summary h3{text-align:center;font-size:32px;margin-bottom:40px;color:var(--white);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.summary-item{text-align:center;background:#ffffff26;padding:30px 20px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);transition:var(--transition)}.summary-item:hover{background:#ffffff40;transform:translateY(-5px);box-shadow:0 8px 20px #0003}.summary-icon{color:var(--white);margin-bottom:20px;display:flex;align-items:center;justify-content:center}.summary-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.summary-item p{font-size:14px;line-height:1.6;color:var(--white)}.summary-item strong{font-size:16px;display:block;margin-bottom:8px}.faq-search-container{margin:-50px auto 50px;max-width:800px;padding:0 20px}.faq-search-box{position:relative;display:flex;align-items:center;background:var(--white);border-radius:50px;padding:8px 20px 8px 60px;box-shadow:0 8px 30px #0000001f;border:2px solid transparent;transition:var(--transition)}.faq-search-box:focus-within{border-color:var(--primary-color);box-shadow:0 8px 35px #e74c3c40}.search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--text-light);flex-shrink:0;transition:var(--transition)}.faq-search-box:focus-within .search-icon{color:var(--primary-color)}.faq-search-input{flex:1;border:none;background:none;font-size:16px;color:var(--text-color);padding:12px 0;outline:none}.faq-search-input::placeholder{color:var(--text-light);font-weight:400}.search-clear{background:none;border:none;color:var(--text-light);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.search-clear:hover{background:var(--bg-light);color:var(--primary-color)}.search-result-info{text-align:center;margin-top:15px;font-size:14px;color:var(--text-light)}.search-result-info strong{color:var(--primary-color);font-weight:600}.faq-no-results{text-align:center;padding:60px 20px;color:var(--text-light)}.faq-no-results svg{color:var(--text-light);margin-bottom:20px;opacity:.5}.faq-no-results h3{font-size:24px;color:var(--text-color);margin:0 0 12px;font-weight:700}.faq-no-results p{font-size:16px;line-height:1.6;margin:8px 0}.faq-no-results a{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:var(--transition)}.faq-no-results a:hover{border-bottom-color:var(--primary-color)}.faq-category{margin-bottom:50px}.faq-category-title{font-size:26px;font-weight:700;color:var(--text-color);margin-bottom:25px;padding-bottom:12px;border-bottom:3px solid var(--primary-color);display:flex;align-items:center;gap:12px}.category-icon{color:var(--primary-color);display:flex;align-items:center;flex-shrink:0}.faq-item{margin-bottom:15px;background:var(--bg-light);border-radius:12px;border-left:4px solid var(--primary-color);overflow:hidden;transition:var(--transition)}.faq-item:hover{border-left-color:var(--primary-dark);box-shadow:0 2px 8px #00000014}.faq-question-btn{width:100%;background:none;border:none;padding:20px 25px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:var(--transition)}.faq-question-btn:hover{background:#e74c3c0d}.faq-question{font-size:18px;font-weight:600;color:var(--text-color);margin:0;flex:1}.faq-toggle{color:var(--primary-color);transition:transform .3s ease;flex-shrink:0;display:flex;align-items:center}.faq-toggle.open{transform:rotate(180deg)}.faq-answer{color:var(--text-light);line-height:1.7;padding:0 25px 20px;animation:slideDown .3s ease-out}.faq-answer code{background:var(--white);padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--primary-color);font-weight:600}.faq-cta-full{background:linear-gradient(135deg,#ff6b6b,#ee5a6f 25%,#c44569 75%,#a73d5f);padding:80px 0;margin-top:-40px;position:relative;z-index:5;box-shadow:0 -4px 20px #e74c3c40;overflow:hidden}.faq-cta-full:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/></svg>');z-index:0}.faq-cta-full .faq-cta{position:relative;z-index:1}.faq-cta{text-align:center;padding:0}.faq-cta h3{font-size:32px;margin-bottom:12px;color:var(--text-color);font-weight:700}.faq-cta p{font-size:18px;color:var(--text-light);margin-bottom:30px}.faq-cta-full h3{color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.2)}.faq-cta-full p{color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.15)}.faq-cta-buttons{display:flex;gap:15px;justify-content:center}.faq-cta-full .btn-secondary{background:var(--white);color:var(--primary-color)}.faq-cta-full .btn-secondary:hover{background:#ffffffe6;color:var(--primary-dark);transform:translateY(-2px)}.faq-cta-full .btn-whatsapp{background:#25d366;color:var(--white);border:2px solid #25D366}.faq-cta-full .btn-whatsapp:hover{background:var(--white);color:#25d366;border-color:var(--white)}.app-download-link{color:var(--primary-color);text-decoration:underline;transition:var(--transition)}.app-download-link:hover{text-decoration:none;color:var(--primary-dark)}.guide-section{margin-bottom:60px}.guide-title{font-size:30px;font-weight:700;color:var(--text-color);margin-bottom:30px;padding-bottom:12px;border-bottom:3px solid var(--primary-color);display:flex;align-items:center;gap:12px}.guide-icon{color:var(--primary-color);display:flex;align-items:center;flex-shrink:0}.guide-step{display:flex;gap:25px;margin-bottom:35px;padding:25px;background:var(--bg-light);border-radius:12px}.step-number{width:50px;height:50px;background:var(--primary-color);color:var(--white);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.step-content h3{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:15px}.step-content ul,.step-content ol{margin-left:20px;line-height:1.8}.step-content ul li,.step-content ol li{margin-bottom:8px}.step-content .note{background:#e3f2fd;border-left:4px solid #2196f3;padding:10px 15px;margin:15px 0;border-radius:4px;font-size:14px}.step-content code{background:var(--white);padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--primary-color);font-weight:600}.benefit-box{display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:15px;background:linear-gradient(135deg,#ffd7001a,#f39c121a);border-left:4px solid #f39c12;border-radius:8px;box-shadow:0 2px 8px #f39c121a}.benefit-box svg{color:#f39c12;margin-top:2px}.benefit-box strong{color:#f39c12;font-weight:600}.tips-list{list-style:none;padding-left:0}.tips-list li{padding-left:35px;position:relative;margin-bottom:10px}.tips-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#51cf66;border-radius:50%}.tips-list li:after{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--white);font-size:16px;font-weight:700;line-height:1;width:24px;text-align:center;display:flex;align-items:center;justify-content:center;height:24px}.dos-donts-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.dont-box,.do-box{border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:var(--transition)}.dont-box{background:#fff5f5}.do-box{background:#f0fdf4}.dont-box:hover,.do-box:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.box-header{padding:25px;display:flex;align-items:center;gap:15px}.dont-header{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:var(--white)}.do-header{background:linear-gradient(135deg,#51cf66,#37b24d);color:var(--white)}.box-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff3;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.box-header h3{margin:0;font-size:22px;font-weight:700}.box-list{list-style:none;padding:25px;margin:0;background:var(--white)}.dont-box .box-list{background:#fff5f5}.do-box .box-list{background:#f0fdf4}.box-list li{padding:12px 0 12px 35px;margin-bottom:8px;position:relative;font-size:15px;line-height:1.6;border-bottom:1px solid rgba(0,0,0,.05)}.box-list li:last-child{border-bottom:none;margin-bottom:0}.dont-box .box-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#ff6b6b;border-radius:50%;display:flex;align-items:center;justify-content:center}.dont-box .box-list li:after{content:"×";position:absolute;left:0;top:50%;transform:translateY(-52%);color:var(--white);font-size:20px;font-weight:700;line-height:1;width:24px;text-align:center;display:flex;align-items:center;justify-content:center;height:24px}.do-box .box-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#51cf66;border-radius:50%}.do-box .box-list li:after{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--white);font-size:16px;font-weight:700;line-height:1;width:24px;text-align:center;display:flex;align-items:center;justify-content:center;height:24px}.guide-cta-full{background:linear-gradient(135deg,#ff6b6b,#ee5a6f 25%,#c44569 75%,#a73d5f);padding:80px 0;margin-top:-40px;position:relative;z-index:5;box-shadow:0 -4px 20px #e74c3c40;overflow:hidden}.guide-cta-full:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/></svg>');z-index:0}.guide-cta-full .guide-cta{position:relative;z-index:1}.guide-cta{text-align:center;padding:0}.guide-cta h3{font-size:32px;margin-bottom:12px;color:var(--text-color);font-weight:700}.guide-cta p{font-size:18px;color:var(--text-light);margin-bottom:30px}.guide-cta-full h3{color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.2)}.guide-cta-full p{color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.15)}.guide-cta-buttons{display:flex;gap:15px;justify-content:center}.guide-cta-full .btn-outline{background:var(--white);color:var(--primary-color);border:2px solid var(--white)}.guide-cta-full .btn-outline:hover{background:transparent;color:var(--white);border-color:var(--white)}.guide-cta-full .btn-secondary{background:var(--white);color:var(--primary-color)}.guide-cta-full .btn-secondary:hover{background:#ffffffe6;color:var(--primary-dark);transform:translateY(-2px)}.btn-with-icon{display:inline-flex;align-items:center;gap:8px}.btn-with-icon svg{flex-shrink:0}.btn-contact-action{padding:12px 24px!important;display:inline-flex;align-items:center;gap:8px;font-weight:600}.btn-submit-contact{background:var(--primary-color);color:var(--white);padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-submit-contact:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.btn-whatsapp{background:#25d366;color:var(--white);padding:12px 24px;border-radius:8px;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.btn-maps{background:#4285f4!important;color:var(--white)!important;padding:12px 24px;border-radius:8px;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;border:1px solid #4285F4!important}.btn-maps:hover{background:#3367d6!important;color:var(--white)!important;border-color:#3367d6!important;transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}@media(max-width:768px){.login-page{padding:40px 0}.login-container{padding:0 20px;max-width:100%;width:100%;box-sizing:border-box}.login-step{padding:0;box-sizing:border-box}.login-header{text-align:center}.login-title{font-size:24px}.login-title.otp-title{font-size:22px;text-align:center}.login-title.otp-title strong{font-size:18px}.login-header.otp-header{text-align:center}.login-subtitle{font-size:14px}.login-illustration{width:120px;height:120px}.phone-input-group{gap:8px;width:100%;box-sizing:border-box}.country-code-select{width:90px;font-size:13px;padding:10px 26px 10px 8px;background-position:right 6px center;box-sizing:border-box;flex-shrink:0}.phone-input{font-size:14px;padding:10px 12px;min-width:0;flex:1;box-sizing:border-box}.form-group{margin-bottom:20px;width:100%;box-sizing:border-box}.otp-input{width:50px;height:50px;font-size:20px}.otp-input-group{gap:8px}.btn-login{font-size:15px;padding:12px 16px;width:100%;max-width:100%;box-sizing:border-box}.btn-change-number{font-size:13px}.otp-notification{padding:10px 12px;margin-bottom:15px;font-size:13px}.btn-block{width:100%;max-width:100%;box-sizing:border-box}.input-hint{font-size:12px}.login-footer-text{font-size:13px}.login-form{width:100%;box-sizing:border-box}.static-page-hero{padding:40px 0}.static-icon{width:80px;height:80px;margin-bottom:20px}.static-icon svg{width:55px;height:55px}.static-page-hero .static-title{font-size:28px}.static-page-hero .static-subtitle{font-size:15px}.static-title{font-size:28px}.static-content{padding:30px 20px;margin-top:-20px}.contact-grid{grid-template-columns:1fr;gap:20px}.form-row{grid-template-columns:1fr;gap:15px}.summary-grid{grid-template-columns:1fr 1fr;gap:15px}.privacy-summary-full{padding:40px 0;margin-top:-20px}.privacy-summary h3{font-size:24px;margin-bottom:30px}.summary-item{padding:25px 15px}.summary-icon svg{width:32px;height:32px}.faq-cta-buttons,.guide-cta-buttons{flex-direction:column}.faq-cta-full{padding:40px 0;margin-top:-20px}.guide-step{flex-direction:column;gap:15px}.step-content ul,.step-content ol{margin-left:15px}.dos-donts-grid{grid-template-columns:1fr;gap:20px}.box-header{padding:20px}.box-header h3{font-size:18px}.box-icon{width:40px;height:40px}.box-icon svg{width:28px;height:28px}.box-list{padding:20px}.box-list li{font-size:14px;padding:10px 0 10px 32px}.dont-box .box-list li:before,.do-box .box-list li:before{width:20px;height:20px}.dont-box .box-list li:after{left:0;font-size:18px;width:20px;height:20px;transform:translateY(-52%)}.do-box .box-list li:after{left:0;font-size:14px;width:20px;height:20px}.tips-list li{padding-left:32px}.tips-list li:before,.tips-list li:after{width:20px;height:20px}.tips-list li:after{font-size:14px}.faq-question{font-size:16px}.faq-question-btn{padding:15px 20px}.faq-answer{padding:0 20px 15px;font-size:14px}.guide-cta-full{padding:40px 0}.guide-cta h3{font-size:24px}.guide-cta p{font-size:16px}}.member-dropdown{position:relative}.member-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:8px 16px;font-size:15px;font-weight:500;transition:var(--transition)}.member-btn:hover{color:var(--primary-color)}.member-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--white);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:220px;padding:8px 0;z-index:1000;animation:slideDown .2s ease-out}.member-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-color);text-decoration:none;transition:var(--transition);width:100%;border:none;background:none;cursor:pointer;font-size:15px;text-align:left}.member-menu-item:hover{background:var(--bg-light);color:var(--primary-color)}.member-menu-item svg{flex-shrink:0}.member-menu-divider{height:1px;background:var(--border-color);margin:8px 0}.logout-btn{color:#dc3545}.logout-btn:hover{background:#dc35451a;color:#dc3545}.member-area{min-height:calc(100vh - 200px);padding:60px 0;background:var(--bg-soft)}.member-header{margin-bottom:40px}.member-page-title{font-size:36px;font-weight:800;color:var(--text-color);margin:0}.member-page-subtitle{font-size:16px;color:var(--text-light);margin:0}.dashboard-main-tabs{display:flex;gap:0;background:var(--bg-light);border-radius:12px;padding:6px;margin-bottom:40px;box-shadow:0 2px 8px #0000000a}.dashboard-main-tab{flex:1;padding:16px 32px;font-size:18px;font-weight:600;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--text-light);text-decoration:none;display:block;text-align:center}.dashboard-main-tab:hover{color:var(--text-color);background:#e74c3c0d}.dashboard-main-tab.active{background:var(--white);color:var(--primary-color);box-shadow:0 4px 12px #00000014}.seller-content{display:flex;gap:30px;align-items:flex-start}.seller-sidebar{flex:0 0 250px;background:var(--white);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;position:sticky;top:20px}.seller-nav{display:flex;flex-direction:column;gap:8px}.seller-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .2s ease;text-align:left;text-decoration:none;width:100%;box-sizing:border-box}.seller-nav-item:hover{background:var(--bg-light);color:var(--primary-color)}.seller-nav-item.active{background:#e74c3c1a;color:var(--primary-color)}.seller-nav-item svg{flex-shrink:0;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.seller-nav-icon-img{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;display:block!important;object-fit:contain!important;flex-shrink:0;transition:filter .2s ease}.seller-nav-item .seller-nav-icon-img{filter:brightness(0) saturate(100%)}.seller-nav-item:hover .seller-nav-icon-img,.seller-nav-item.active .seller-nav-icon-img{filter:invert(35%) sepia(89%) saturate(2476%) hue-rotate(346deg) brightness(95%) contrast(89%)}.seller-main{flex:1;min-width:0}.seller-dashboard{display:flex;flex-direction:column;gap:30px}.seller-section{background:var(--white);border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000f}.seller-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.seller-section-title{font-size:22px;font-weight:700;color:var(--text-color);margin:0 0 4px}.view-all-link-seller{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.view-all-link-seller:hover{color:var(--primary-dark)}.view-all-link-seller .arrow{margin-left:4px}.stats-period-filter{display:flex;gap:8px;background:var(--bg-light);padding:4px;border-radius:8px}.period-btn{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s ease;white-space:nowrap}.period-btn:hover{background:#e74c3c0d;color:var(--text-color)}.period-btn.active{background:var(--white);color:var(--primary-color);box-shadow:0 2px 4px #00000014}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:var(--bg-soft);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card-primary{background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border:1px solid rgba(231,76,60,.2)}.stat-icon{width:56px!important;height:56px!important;min-width:56px;min-height:56px;max-width:56px;max-height:56px;border-radius:12px;background:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000000f;overflow:hidden}.stat-card-primary .stat-icon{background:var(--primary-color);color:var(--white)}.stat-icon-img{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;display:block!important;object-fit:contain!important;filter:invert(35%) sepia(89%) saturate(2476%) hue-rotate(346deg) brightness(95%) contrast(89%)}.stat-card .stat-icon svg,.stat-icon svg{color:var(--primary-color);width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;display:block!important}.stat-card-primary .stat-icon svg{color:var(--white)}.stat-content{flex:1}.stat-label{font-size:13px;color:var(--text-light);margin-bottom:6px;font-weight:500}.stat-value{font-size:24px;font-weight:700;color:var(--text-color);white-space:nowrap}.stat-card-primary .stat-value{color:var(--primary-color)}.sales-chart-container{margin-top:30px;padding-top:30px;border-top:1px solid var(--border-color)}.chart-title{font-size:18px;font-weight:700;color:var(--text-color);margin:0 0 20px}.sales-chart{background:var(--bg-soft);border-radius:12px;padding:20px}.chart-svg{width:100%;height:auto}.chart-hover-circle{cursor:pointer;transition:opacity .2s ease}.chart-hover-circle:hover{opacity:.3!important}.seller-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.recent-bids-list{display:flex;flex-direction:column;gap:0}.recent-bid-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border-color);transition:background .2s ease}.recent-bid-item:last-child{border-bottom:none}.recent-bid-item:hover{background:var(--bg-soft);margin:0 -16px;padding:16px;border-radius:8px}.bid-thumbnail{flex-shrink:0;width:50px;height:50px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:transform .2s ease,border-color .2s ease}.bid-thumbnail:hover{transform:scale(1.05);border-color:var(--primary-color)}.bid-thumbnail img{width:100%;height:100%;object-fit:cover}.bid-info{flex:1;min-width:0}.bid-fish-name{font-size:15px;font-weight:600;color:var(--primary-color);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:block;transition:color .2s ease}.bid-fish-name:hover{color:var(--primary-dark)}.bid-details{font-size:13px;color:var(--text-light);display:flex;align-items:center;gap:8px}.bid-bidder{font-weight:500}.bid-separator{color:var(--border-color)}.bid-time{color:var(--text-light)}.bid-amount{font-size:16px;font-weight:700;color:var(--primary-color);white-space:nowrap;margin-left:20px}.seller-section-subtitle{font-size:14px;color:var(--text-light);margin:8px 0 24px}.btn-toggle-filters{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--white);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn-toggle-filters:hover{background:var(--bg-soft);border-color:var(--primary-color);color:var(--primary-color)}.btn-toggle-filters svg{color:currentColor;flex-shrink:0}.btn-search-full{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:600}.table-filters{background:var(--bg-soft);padding:20px;border-radius:12px;margin-bottom:24px}.filter-row{display:flex;gap:20px;margin-bottom:16px}.filter-row:last-child{margin-bottom:0}.table-filters .filter-row{flex-direction:column;gap:0}.table-filters .filter-group{display:flex;align-items:center;gap:12px}.table-filters .filter-group.flex-grow{flex:1}.filter-group-vertical{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:24px}.filter-group-vertical .filter-label{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:0}.table-filters .filter-label{font-size:14px;font-weight:600;color:var(--text-color);white-space:nowrap}.filter-tabs{display:flex;gap:8px;background:var(--white);padding:4px;border-radius:8px}.filter-tab{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:var(--bg-soft);color:var(--text-color)}.filter-tab.active{background:var(--primary-color);color:var(--white)}.date-range-inputs{display:flex;align-items:center;gap:8px}.filter-input{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:all .2s ease;background:var(--white)}.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.search-input{width:100%}.range-separator{color:var(--text-light);font-size:14px}.table-container{overflow-x:auto;margin-bottom:20px;border-radius:12px;border:1px solid var(--border-color)}.seller-table{width:100%;border-collapse:collapse;background:var(--white)}.seller-table thead{background:var(--bg-soft)}.seller-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap}.seller-table td{padding:16px;font-size:14px;color:var(--text-color);border-bottom:1px solid var(--border-color);vertical-align:middle}.seller-table tbody tr:last-child td{border-bottom:none}.seller-table tbody tr:hover{background:var(--bg-soft)}.table-img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.table-img-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:8px;border:1px solid var(--border-color);color:var(--text-light)}.table-img-placeholder svg{width:32px;height:32px}.date-range{display:flex;flex-direction:column;gap:4px}.date-start,.date-end{font-size:13px;color:var(--text-color)}.date-separator{font-size:11px;color:var(--text-light);text-align:center}.event-title{font-weight:600;color:var(--text-color)}.table-number{font-weight:700;color:var(--text-color)}.sold-info{display:flex;flex-direction:column;gap:4px}.sold-count{font-size:14px}.sold-percentage{font-size:12px;color:var(--text-light)}.table-price{font-weight:700;color:var(--primary-color);white-space:nowrap}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border-color)}.pagination-info{font-size:14px;color:var(--text-light)}.pagination-controls{display:flex;gap:8px}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--white);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-color);transition:all .2s ease}.pagination-btn svg{stroke:#333!important;fill:none!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.pagination-btn:hover:not(:disabled){background:var(--bg-soft);border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:hover:not(:disabled) svg{stroke:var(--primary-color)!important}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.pagination-btn.active svg{color:var(--white)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-sold{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.status-ongoing{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.member-name{font-weight:600;color:var(--text-color)}.bid-last-info{display:flex;flex-direction:column;gap:4px}.bid-last-date{font-size:13px;color:var(--text-color)}.bid-last-amount{font-size:13px;font-weight:600;color:var(--primary-color)}.seller-profile-container{margin-top:24px}.profile-header{display:flex;gap:30px;padding-bottom:30px;border-bottom:2px solid var(--border-color);margin-bottom:30px}.profile-logo-section{flex-shrink:0}.profile-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-logo-link{display:inline-flex;border-radius:50%;border:none;background:transparent;padding:0;cursor:pointer}.profile-logo-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.profile-logo-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color);box-shadow:0 4px 12px #00000014;cursor:zoom-in;transition:transform .2s ease}.profile-logo-link:hover .profile-logo-image{transform:scale(1.02)}.profile-logo-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);display:flex;align-items:center;justify-content:center;font-size:48px;border:3px solid var(--border-color);box-shadow:0 4px 12px #00000014}.hidden{display:none}.profile-info-section{flex:1;display:flex;flex-direction:column;justify-content:center}.profile-name{font-size:28px;font-weight:700;color:var(--text-color);margin:0 0 12px}.profile-meta{display:flex;flex-wrap:wrap;gap:20px}.profile-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color)}.profile-meta-item svg{color:var(--primary-color)}.form-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-color);margin-top:30px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.seller-products-grid{grid-template-columns:1fr}}@media(max-width:768px){.seller-content{flex-direction:column}.seller-sidebar{flex:1;width:100%;position:static}.seller-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-x:visible}.seller-nav-item{flex-shrink:1;padding:12px 10px;font-size:13px;white-space:nowrap;justify-content:center}.seller-nav-item svg,.seller-nav-icon-img{width:18px;height:18px}.stats-grid{grid-template-columns:1fr}.stats-period-filter{flex-wrap:wrap}.seller-section{padding:20px}.seller-section-header{flex-direction:column;align-items:flex-start;gap:16px}.stat-card{padding:20px}.stat-icon{width:48px;height:48px}.stat-value{font-size:20px}.table-container{overflow-x:visible}.seller-table{display:block}.seller-table thead{display:none}.seller-table tbody{display:block}.seller-table tr{display:block;margin-bottom:16px;background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.seller-table tr:hover{background:var(--white);box-shadow:0 4px 12px #00000014}.seller-table td{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--bg-soft)}.seller-table td:last-child{border-bottom:none}.seller-table td:before{content:attr(data-label);font-weight:700;font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:100px}.seller-table tr:has(.table-img) td:first-child{justify-content:center;padding-bottom:16px;border-bottom:2px solid var(--border-color);margin-bottom:12px}.seller-table tr:has(.table-img) td:first-child:before{content:"";display:none}.table-img{width:100%;max-width:200px;height:auto}.combined-col,.date-range{text-align:right}.date-range{display:flex;gap:6px;align-items:center}.date-separator{display:inline}}.member-section{margin-bottom:60px}.section-header-member{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:20px}.section-title-group{flex:1}.section-title-member{font-size:28px;font-weight:700;color:var(--text-color);margin:0 0 8px;display:flex;align-items:center;gap:12px}.section-title-member svg{color:var(--primary-color)}.section-icon-img{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:contain!important;display:block!important;filter:invert(35%) sepia(89%) saturate(2476%) hue-rotate(346deg) brightness(95%) contrast(89%)}.section-desc-member{font-size:14px;color:var(--text-light);margin:0}.member-toggle-tabs{display:flex;gap:8px;background:var(--bg-light);padding:4px;border-radius:8px}.member-tab{padding:8px 20px;border:none;background:transparent;color:var(--text-light);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:var(--transition);white-space:nowrap}.member-tab:hover{background:#e74c3c1a;color:var(--text-color)}.member-tab.active{background:var(--primary-color);color:var(--white)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.auction-card{background:var(--white);border-radius:12px;overflow:hidden;transition:var(--transition);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f}.auction-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary-color)}.auction-card-image{display:block;width:100%;height:280px;overflow:hidden;position:relative}.auction-card-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.auction-card:hover .auction-card-image img{transform:scale(1.05)}.auction-badge-ended{position:absolute;top:12px;right:12px;background:#6c757df2;color:var(--white);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.auction-card-content{padding:20px}.auction-card-title-link{text-decoration:none;color:inherit}.auction-card-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 12px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.auction-card-title-link:hover .auction-card-title{color:var(--primary-color)}.auction-card-bid{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.bid-label{font-size:12px;color:var(--text-light);display:block;margin-bottom:4px}.bid-amount{font-size:20px;font-weight:700;color:var(--primary-color)}.auction-card-info{display:flex;justify-content:space-between;align-items:center}.bid-status{font-size:13px;font-weight:600;padding:4px 12px;border-radius:20px}.bid-status.winning{background:#28a7451a;color:#28a745}.bid-status.losing{background:#dc35451a;color:#dc3545}.bid-by,.time-left{font-size:13px;color:var(--text-light)}.empty-state,.empty-state-lelang{text-align:center;padding:80px 20px;color:var(--text-light)}.empty-state svg,.empty-state-lelang svg{color:var(--text-light);margin-bottom:20px;opacity:.5}.empty-state h3,.empty-state-lelang h3{font-size:24px;color:var(--text-color);margin:0 0 12px;font-weight:700}.empty-state p,.empty-state-lelang p{font-size:16px;line-height:1.6;margin:0 0 30px}.product-simple-card{background:var(--white);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:var(--transition);text-decoration:none;display:block;cursor:pointer}.product-simple-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:var(--primary-color)}.product-simple-image{width:100%;height:200px;background:var(--bg-light);overflow:hidden;display:flex;align-items:center;justify-content:center}.product-simple-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.product-simple-card:hover .product-simple-image img{transform:scale(1.05)}.product-simple-info{padding:12px}.product-simple-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 8px;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:38px}.product-simple-bid{display:flex;justify-content:space-between;align-items:center}.simple-bid-label{font-size:11px;color:var(--text-light)}.simple-bid-amount{font-size:13px;font-weight:700;color:var(--primary-color)}.load-more-container{text-align:center;padding:20px 20px 10px;margin-top:10px}.btn-load-more{display:inline-flex;align-items:center;gap:8px;padding:12px 30px;background:var(--white);color:var(--primary-color);border:none;border-radius:8px;font-size:15px;font-weight:400;cursor:pointer;transition:var(--transition);margin-bottom:15px;box-shadow:0 2px 8px #00000014}.btn-load-more:hover:not(:disabled){background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.btn-load-more:disabled{opacity:.6;cursor:not-allowed}.btn-load-more svg{flex-shrink:0}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-info{font-size:13px;color:var(--text-light);margin:0}.activity-list{background:var(--white);border-radius:12px;border:1px solid var(--border-color);padding:20px}.activity-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:8px;transition:var(--transition)}.activity-item:hover{background:var(--bg-light)}.activity-item-link{text-decoration:none;color:inherit;cursor:pointer}.activity-item-link:hover{background:var(--bg-light);transform:translate(-2px)}.activity-item:not(:last-child){border-bottom:1px solid var(--border-color)}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white)}.activity-icon.activity-bid,.activity-icon.activity-wishlist{background:linear-gradient(135deg,#e74c3c,#c0392b)}.activity-icon.activity-profile{background:linear-gradient(135deg,#6c757d,#495057)}.activity-content{flex:1}.activity-title{font-size:16px;font-weight:600;color:var(--primary-color);margin:0 0 6px}.activity-desc{font-size:15px;color:var(--text-color);margin:0 0 6px}.activity-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.activity-time{font-size:13px;color:var(--text-light)}.activity-ip{font-size:12px;color:var(--text-light);font-family:Courier New,monospace;background:var(--bg-light);padding:2px 8px;border-radius:4px}.activity-amount{font-size:16px;font-weight:700;color:var(--primary-color);white-space:nowrap}.profile-container{display:grid;grid-template-columns:320px 1fr;gap:30px;margin-bottom:40px}.profile-image-section{background:linear-gradient(135deg,#fff,#fafafa);border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 8px 30px #00000014;border:1px solid var(--border-color)}.profile-image-wrapper{position:relative;width:160px;height:160px;margin:0 auto 25px}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid var(--white);box-shadow:0 4px 16px #00000026}.profile-image-upload{position:absolute;bottom:0;right:0;width:48px;height:48px;background:var(--primary-color);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #e74c3c4d;color:var(--white);gap:2px}.profile-image-upload:hover{background:var(--primary-dark);transform:scale(1.05)}.profile-image-upload span{font-size:9px;font-weight:600;text-transform:uppercase}.profile-image-info h3{font-size:22px;font-weight:700;color:var(--text-color);margin:0 0 8px}.member-since{font-size:13px;color:var(--text-light);margin:0 0 12px}.profile-menu-buttons{display:flex;flex-direction:column;gap:8px;margin-top:4px}.btn-profile-menu{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;font-size:13px;font-weight:500;color:var(--primary-color);border:1.5px solid var(--primary-color);border-radius:50px;text-decoration:none;transition:all .2s ease;background:transparent}.btn-profile-menu:hover{background:var(--primary-color);color:var(--white)}.btn-profile-menu:hover svg{stroke:var(--white)}.btn-profile-menu svg{width:14px;height:14px;stroke:var(--primary-color);transition:stroke .2s ease}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.status-aktif{background:#28a7451a;color:#28a745}.status-badge.status-pending{background:#ffc1071a;color:#ffc107}.profile-form-section{background:var(--white);border-radius:20px;padding:40px;box-shadow:0 8px 30px #00000014;border:1px solid var(--border-color)}.profile-form-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:30px}.profile-form-header .btn{display:inline-flex;align-items:center;gap:10px}.btn-group{display:flex;gap:12px}.profile-form-header .btn-primary{background:var(--primary-color);color:var(--white);border:2px solid var(--primary-color);padding:12px 24px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #e74c3c40}.profile-form-header .btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 6px 16px #e74c3c59}.profile-form-header .btn-secondary{background:var(--white);color:var(--text-color);border:2px solid var(--border-color);padding:12px 24px;font-size:15px;font-weight:600}.profile-form-header .btn-secondary:hover{background:var(--bg-light);border-color:#ddd}.btn-outline-small{padding:8px 16px;font-size:14px}.profile-form{display:flex;flex-direction:column;gap:25px}.form-row-profile{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group-profile{display:flex;flex-direction:column;gap:8px}.form-label-profile{font-size:14px;font-weight:600;color:var(--text-color)}.form-section-divider{margin:32px 0 24px;padding-top:24px;border-top:1px solid var(--border-color)}.form-section-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 16px}.form-input-profile,.form-textarea-profile,.form-select-profile{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;transition:var(--transition);box-sizing:border-box}.form-input-profile:focus,.form-textarea-profile:focus,.form-select-profile:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.form-input-profile:disabled,.form-textarea-profile:disabled,.form-select-profile:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.7}.form-readonly-text{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;background:var(--bg-light);color:var(--text-color);box-sizing:border-box}.form-textarea-profile{resize:vertical;min-height:100px;font-family:inherit}.profile-info-note{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#e74c3c0d;border-left:4px solid var(--primary-color);border-radius:8px;margin-top:10px}.profile-info-note svg{color:var(--primary-color);flex-shrink:0;margin-top:2px}.profile-info-note p{font-size:14px;color:var(--text-color);margin:0;line-height:1.6}.security-section{background:var(--white);border-radius:20px;padding:40px;box-shadow:0 8px 30px #00000014;border:1px solid var(--border-color)}.security-section .section-title-member{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.security-options{display:flex;flex-direction:column;gap:20px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:24px;background:var(--bg-light);border-radius:12px;transition:var(--transition)}.security-item:hover{box-shadow:0 2px 8px #00000014}.security-info h3{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 6px}.security-info p{font-size:14px;color:var(--text-light);margin:0}.verified-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#28a7451a;color:#28a745;border-radius:20px;font-size:14px;font-weight:600}.product-bid-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:600;font-size:14px}.product-bid-status .status-icon{display:flex;align-items:center;line-height:1}.product-bid-status .status-icon svg{width:16px;height:16px}.product-bid-status .status-text{flex:1}.bid-status-winning{background:linear-gradient(135deg,#28a7451a,#28a74526);color:#28a745;border:1px solid rgba(40,167,69,.3)}.bid-status-losing{background:linear-gradient(135deg,#ffc1071a,#ffc10726);color:#f39c12;border:1px solid rgba(255,193,7,.3)}.bid-status-won{background:linear-gradient(135deg,#28a74526,#28a74533);color:#28a745;border:1px solid rgba(40,167,69,.4)}.bid-status-lost{background:linear-gradient(135deg,#dc35451a,#dc354526);color:#dc3545;border:1px solid rgba(220,53,69,.3)}.bid-status-lost .status-icon{color:#dc3545}.bid-status-lost .status-icon svg{color:#dc3545}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}.profile-container{grid-template-columns:1fr}}@media(max-width:768px){.member-area{padding:40px 0}.member-header{margin-bottom:30px}.member-page-title{font-size:28px}.section-header-member{flex-direction:column;align-items:flex-start;gap:15px}.member-toggle-tabs{width:100%}.member-tab{flex:1;text-align:center}.products-grid,.profile-container{grid-template-columns:1fr}.profile-image-wrapper{width:140px;height:140px}.form-row-profile{grid-template-columns:1fr}.profile-form-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-group{width:100%;flex-direction:column}.btn-group button{width:100%}.security-item{flex-direction:column;align-items:flex-start;gap:15px}}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.sortable:hover{color:var(--primary-color);background:#e74c3c0d}.table-row-link{cursor:pointer}.table-row-link:hover{background:#e74c3c08!important}.event-title-small{font-weight:600;color:var(--text-color);font-size:13px;transition:color .15s ease}.event-title-small[title]:hover{color:var(--primary-color)}.combined-col{display:flex;flex-direction:column;gap:4px}.combined-row{font-size:14px;color:var(--text-color)}.combined-row-sub{font-size:12px;color:var(--text-light)}.combined-row-small{font-size:12px;color:var(--text-color)}.table-price-small{font-weight:600;color:var(--primary-color)}.btn-map-seller{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;white-space:nowrap;background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color);text-decoration:none}.btn-map-seller:hover{background:var(--primary-color);color:var(--white)}.form-select-profile{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.add-lelang-page,.add-ikan-page{background:var(--white);border-radius:12px;padding:32px;box-shadow:0 2px 12px #0000000f}.edit-ikan-top-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-back-simple{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--white);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:600;color:var(--text-color);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-back-simple:hover{background:var(--bg-soft);border-color:var(--text-light)}.btn-view-public{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:var(--white);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s ease}.btn-view-public:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.btn-view-public:hover svg{stroke:var(--white)}.btn-view-public svg{flex-shrink:0}.lelang-title-link{color:var(--text-color);text-decoration:none;transition:color .2s ease}.lelang-title-link:hover{color:var(--primary-color);text-decoration:underline}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.media-item{position:relative;display:flex;flex-direction:column;gap:8px}.media-item-single{max-width:400px;display:flex;flex-direction:column;gap:12px}.media-wrapper{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background:var(--white);cursor:pointer;transition:all .3s ease}.media-wrapper:hover{box-shadow:0 4px 12px #00000026}.media-wrapper img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.media-wrapper:hover img{transform:scale(1.05)}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.media-wrapper:hover .media-overlay{background:#0006;opacity:1}.media-overlay svg{color:var(--white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.media-actions{display:flex;gap:8px;justify-content:center}.btn-media-action{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--white);border:1px solid var(--border-color);border-radius:6px;font-size:12px;font-weight:600;color:var(--text-color);cursor:pointer;transition:all .2s ease}.btn-media-view,.btn-media-view:hover{background:#28a745;border-color:#28a745;color:var(--white)}.btn-media-view svg{stroke:var(--white)}.btn-media-view:hover svg{stroke:var(--white)}.btn-media-edit,.btn-media-edit:hover{background:#007bff;border-color:#007bff;color:var(--white)}.btn-media-edit svg{stroke:var(--white)}.btn-media-edit:hover svg{stroke:var(--white)}.btn-media-delete,.btn-media-delete:hover{background:#dc3545;border-color:#dc3545;color:var(--white)}.btn-media-delete svg{stroke:var(--white)}.btn-media-delete:hover svg{stroke:var(--white)}.btn-media-action:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-add-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1;padding:20px;background:var(--bg-soft);border:2px dashed var(--border-color);border-radius:8px;font-size:14px;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s ease}.btn-add-media:hover{border-color:var(--primary-color);background:#e74c3c0d;color:var(--primary-color)}.btn-add-media svg{color:var(--text-light);transition:color .2s ease}.btn-add-media:hover svg{color:var(--primary-color)}.btn-add-media-full{width:100%;aspect-ratio:auto;padding:32px 20px}.video-item{display:flex;flex-direction:column;gap:12px}.video-wrapper{border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--white)}.video-wrapper video{width:100%;max-height:400px;display:block}.upload-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.upload-modal-content{background:var(--white);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:zoomIn .3s ease}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.upload-modal-title{font-size:18px;font-weight:700;color:var(--text-color);margin:0}.upload-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:6px;transition:all .2s ease}.upload-modal-close:hover{background:var(--bg-soft)}.upload-modal-body{padding:24px}.upload-modal-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--bg-soft)}.upload-modal-label:hover{border-color:var(--primary-color);background:#e74c3c0d}.upload-modal-label svg{color:var(--text-light);margin-bottom:16px}.upload-modal-text{font-size:15px;font-weight:600;color:var(--text-color);margin-bottom:8px}.upload-modal-hint{font-size:13px;color:var(--text-light)}@media(max-width:768px){.edit-ikan-top-actions{flex-direction:column;gap:12px}.edit-ikan-top-actions .btn,.edit-ikan-top-actions .btn-back-simple{width:100%}}.lelang-info-summary{background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border:1px solid rgba(231,76,60,.2);border-radius:12px;padding:20px 24px;margin-bottom:32px}.lelang-info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.lelang-info-title{font-size:20px;font-weight:700;color:var(--text-color);margin:0}.lelang-type-badge{padding:4px 12px;background:var(--primary-color);color:var(--white);border-radius:20px;font-size:12px;font-weight:600}.lelang-info-dates{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lelang-date-item{display:flex;align-items:center;gap:6px}.date-label{font-size:13px;color:var(--text-light);font-weight:500}.date-value{font-size:14px;color:var(--text-color);font-weight:600}.date-separator{color:var(--text-light);font-size:14px}.add-lelang-header,.add-ikan-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--bg-soft)}.page-title{font-size:28px;font-weight:700;color:var(--text-color);margin:0 0 8px}.page-subtitle{font-size:15px;color:var(--text-light);margin:0}.add-lelang-form,.add-ikan-form{max-width:800px}.form-group-add{margin-bottom:24px;margin-top:0}.form-label-add{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:12px}.form-label-add .required-asterisk{color:var(--primary-color)}.form-input-add,.form-select-add{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;color:var(--text-color);background:var(--white);transition:all .2s ease;box-sizing:border-box}.form-select-add{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23666" d="M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z"/></svg>');background-repeat:no-repeat;background-position:right 20px center;background-size:12px;padding-right:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input-add:focus,.form-select-add:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.form-hint{font-size:13px;color:var(--text-light);margin:8px 0 0}.validation-errors{background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border:1px solid rgba(231,76,60,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px}.validation-errors-header{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--primary-color);margin-bottom:12px}.validation-errors-header svg{flex-shrink:0}.validation-errors-list{margin:0;padding-left:30px;list-style:disc}.validation-errors-list li{color:var(--text-color);font-size:14px;margin-bottom:6px}.validation-errors-list li:last-child{margin-bottom:0}.input-error{border-color:var(--primary-color)!important;background:#e74c3c0d!important}.form-error-text{color:var(--primary-color);font-size:13px;margin:6px 0 0;font-weight:500}.upload-error .file-upload-label-add{border-color:var(--primary-color);background:#e74c3c0d}.form-textarea-add{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;color:var(--text-color);background:var(--white);transition:all .2s ease;box-sizing:border-box;font-family:inherit;resize:vertical}.price-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:16px;font-size:15px;font-weight:600;color:var(--text-light);pointer-events:none;z-index:1}.input-with-prefix-field{padding-left:48px!important}.video-preview{margin-top:16px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.video-preview-player{width:100%;max-height:400px;display:block}.remove-video-btn{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;padding:12px;background:var(--bg-soft);color:var(--text-color);border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.remove-video-btn:hover{background:#e74c3c1a;color:var(--primary-color)}.form-actions-double{justify-content:space-between}.form-actions-double .btn{flex:1;max-width:48%}@media(max-width:768px){.price-fields-grid{grid-template-columns:1fr}.form-actions-double{flex-direction:column}.form-actions-double .btn{max-width:100%;width:100%}}.lelang-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lelang-type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--white);border:2px solid var(--border-color);border-radius:12px;font-size:14px;font-weight:600;color:var(--text-color);cursor:pointer;transition:all .2s ease}.lelang-type-btn:hover{border-color:var(--primary-color);background:#e74c3c0d}.lelang-type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.lelang-type-btn.active svg{color:var(--white)}.lelang-type-btn svg{color:var(--primary-color);transition:color .2s ease}.lelang-type-icon{width:32px!important;height:32px!important;min-width:32px;min-height:32px;max-width:32px;max-height:32px;object-fit:contain;display:block;filter:invert(35%) sepia(89%) saturate(2476%) hue-rotate(346deg) brightness(95%) contrast(89%)}.lelang-type-btn.active .lelang-type-icon{filter:brightness(0) invert(1)}.file-upload-area-add{margin-top:10px}.file-input-hidden{display:none}.file-upload-label-add{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--bg-soft)}.file-upload-label-add:hover{border-color:var(--primary-color);background:#e74c3c0d}.file-upload-label-add svg{color:var(--text-light);margin-bottom:16px}.upload-text-add{font-size:15px;font-weight:500;color:var(--text-color);margin-bottom:8px}.upload-hint{font-size:13px;color:var(--text-light)}.image-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;background:#000000b3;color:var(--white);border:none;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.remove-image-btn:hover{background:var(--primary-color)}.location-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.location-input-wrapper{display:flex;flex-direction:column;gap:6px}.form-actions-add{display:flex;gap:12px;justify-content:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.add-lelang-form .form-actions-add{justify-content:stretch}.add-lelang-form .form-actions-add .btn{width:100%}.form-actions-add .btn:only-child{width:100%}.btn-submit-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600}.btn-primary.btn-submit-add{background:var(--primary-color);color:var(--white);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-primary.btn-submit-add:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.btn-success.btn-submit-add{background:#28a745;color:var(--white);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-success.btn-submit-add:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}@media(max-width:768px){.add-lelang-page,.add-ikan-page{padding:20px}.lelang-type-options,.location-inputs{grid-template-columns:1fr}.form-actions-add .btn{width:100%}.lelang-info-header{flex-direction:column;align-items:flex-start}}.edit-lelang-page{background:var(--white);border-radius:12px;padding:32px;box-shadow:0 2px 12px #0000000f}.page-header-edit{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--bg-soft)}.lelang-detail-section{background:var(--bg-soft);border-radius:12px;padding:24px;margin-bottom:32px}.lelang-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title-detail{font-size:20px;font-weight:700;color:var(--text-color);margin:0}.btn-edit{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600}.lelang-detail-content{display:grid;grid-template-columns:300px 1fr;gap:24px}.lelang-promo-image{position:relative;border-radius:12px;overflow:hidden;background:var(--white);height:400px;cursor:pointer;transition:all .3s ease}.lelang-promo-image:hover{box-shadow:0 4px 12px #00000026}.lelang-promo-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.lelang-promo-image:hover img{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.lelang-promo-image:hover .image-overlay{background:#0006;opacity:1}.image-overlay svg{color:var(--white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-modal-content img{width:100%;height:100%;object-fit:contain;max-height:90vh;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:0;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.image-modal-close:hover{background:var(--primary-color);transform:rotate(90deg)}.image-modal-close svg{stroke:var(--white)}.lelang-detail-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:flex-start;gap:12px}.info-label{font-size:14px;font-weight:600;color:var(--text-light);min-width:120px}.info-value{font-size:14px;color:var(--text-color);font-weight:500}.type-badge{display:inline-block;padding:4px 12px;background:var(--primary-color);color:var(--white);border-radius:20px;font-size:12px;font-weight:600}.fish-table-section{margin-top:32px}.fish-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-container-edit{margin-top:20px;overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.edit-fish-table{width:100%;border-collapse:collapse;background:var(--white)}.edit-fish-table thead{background:var(--bg-soft)}.edit-fish-table th{padding:14px 12px;text-align:left;font-size:13px;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color)}.edit-fish-table td{padding:14px 12px;font-size:14px;color:var(--text-color);border-bottom:1px solid var(--border-color);vertical-align:middle}.table-row-clickable{cursor:pointer;transition:all .2s ease}.table-row-clickable:hover{background:var(--bg-soft)}.col-order{width:100px;text-align:center}.col-image{width:80px}.col-title{min-width:200px}.col-gender{width:100px}.col-price{width:120px;text-align:right}.col-bids{width:80px;text-align:center}.col-actions{width:60px;text-align:center}.order-controls{display:flex;align-items:center;justify-content:center;gap:12px}.order-number{font-weight:700;font-size:16px;color:var(--text-color);min-width:24px;text-align:center}.order-buttons{display:flex;flex-direction:column;gap:4px}.btn-order{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--white);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-order:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color)}.btn-order:hover:not(:disabled) svg{stroke:var(--white)}.btn-order:disabled{opacity:.3;cursor:not-allowed}.btn-order svg{stroke:var(--text-color);transition:stroke .2s ease}.fish-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.fish-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-light);color:var(--text-light)}.fish-thumbnail-placeholder svg{width:28px;height:28px}.fish-title{font-weight:600;color:var(--text-color)}.current-bid{font-weight:700;color:var(--primary-color)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--white);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--primary-color);border-color:var(--primary-color)}.btn-icon:hover svg{stroke:var(--white)}.btn-icon svg{stroke:var(--text-color);transition:stroke .2s ease}@media(max-width:768px){.edit-lelang-page{padding:16px}.page-header-edit{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px;padding-bottom:16px}.page-header-edit .page-title{font-size:24px}.page-header-edit .btn{width:100%}.fish-table-header{flex-direction:column;align-items:flex-start;gap:12px}.fish-table-header .section-title-detail{font-size:18px}.fish-table-header .btn{width:100%}.lelang-detail-section{padding:16px;margin-bottom:24px}.lelang-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.lelang-detail-header .btn-edit{width:100%}.lelang-detail-content{grid-template-columns:1fr;gap:16px}.lelang-promo-image{max-width:100%}.info-row{flex-direction:column;gap:4px}.info-label{min-width:auto;font-size:13px}.info-value{font-size:13px}.table-container-edit{overflow-x:visible;border:none;border-radius:0}.edit-fish-table{min-width:auto}.edit-fish-table thead{display:none}.edit-fish-table tbody{display:block}.edit-fish-table tr{display:block;margin-bottom:16px;border:1px solid var(--border-color);border-radius:12px;padding:16px;background:var(--white)}.edit-fish-table tr:hover{background:var(--white)}.edit-fish-table td{display:block;text-align:left!important;border:none;padding:8px 0}.edit-fish-table td:before{content:attr(data-label);font-weight:600;color:var(--text-light);display:block;margin-bottom:4px;font-size:12px}.col-order{width:100%;display:flex!important;justify-content:space-between;align-items:center;padding:12px 0!important;border-bottom:1px solid var(--border-color);margin-bottom:12px}.col-order:before{content:"Urutan"}.col-image{width:100%;text-align:center!important;padding:12px 0!important}.col-image:before{display:none}.fish-thumbnail{width:100%;max-width:200px;height:auto;aspect-ratio:1}.col-title:before{content:"Nama Ikan"}.col-gender:before{content:"Gender"}.col-price:before{content:attr(data-label)}.col-bids:before{content:"Total Bid"}.col-actions{text-align:center!important;padding-top:12px!important;border-top:1px solid var(--border-color);margin-top:12px}.col-actions:before{display:none}.btn-icon{width:100%;height:44px}.order-controls{gap:8px}.order-number{font-size:18px}}.register-seller-page{min-height:calc(100vh - 200px);background:linear-gradient(135deg,#e74c3c0d,#e74c3c05);padding:40px 20px 60px;display:flex;align-items:flex-start;justify-content:center}.register-seller-container{width:100%;max-width:600px;background:var(--white);border-radius:20px;padding:35px 40px;box-shadow:0 10px 40px #0000001a;position:relative;overflow:hidden}.progress-container{margin-bottom:25px}.progress-bar{height:6px;background:var(--bg-light);border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:10px;transition:width .4s ease}.progress-text{text-align:right;font-size:12px;font-weight:600;color:var(--primary-color)}.register-step{text-align:center;animation:fadeInSlide .4s ease}.step-icon{width:70px;height:70px;margin:0 auto 16px;background:linear-gradient(135deg,#e74c3c1a,#e74c3c0d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.step-icon svg{width:40px;height:40px}.success-icon{width:90px;height:90px;background:linear-gradient(135deg,#2ecc711a,#2ecc710d);color:#2ecc71}.success-icon svg{width:50px;height:50px}.step-title{font-size:22px;font-weight:700;color:var(--text-color);margin:0 0 8px}.success-title{color:#2ecc71;font-size:24px}.step-subtitle{font-size:14px;color:var(--text-light);margin:0 0 20px}.register-input,.register-textarea,.register-select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;font-size:15px;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.register-input:focus,.register-textarea:focus,.register-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.register-textarea{resize:vertical;min-height:90px}.register-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:40px}.form-group-step{margin-bottom:16px;text-align:left}.form-group-step label{display:block;font-size:13px;font-weight:600;color:var(--text-color);margin-bottom:6px}.file-upload-area{margin-top:10px}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 25px;border:2px dashed var(--border-color);border-radius:10px;cursor:pointer;transition:all .3s ease;background:var(--bg-soft)}.file-upload-label:hover{border-color:var(--primary-color);background:#e74c3c0d}.file-upload-label svg{color:var(--primary-color);margin-bottom:12px}.upload-text{font-size:14px;color:var(--text-color);font-weight:500}.register-nav{display:flex;justify-content:space-between;gap:16px;margin-top:28px}.register-nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;font-size:15px}.register-nav .btn-primary{flex:1;background:var(--primary-color);color:var(--white);border:2px solid var(--primary-color)}.register-nav .btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.register-nav .btn-secondary{flex:0 0 auto;background:var(--white);color:var(--text-color);border:2px solid var(--border-color)}.register-nav .btn-secondary:hover{background:var(--bg-light);border-color:#ddd}.btn-large{padding:18px 36px;font-size:18px;font-weight:700;margin-top:30px}.btn-start-auction{display:inline-flex;align-items:center;gap:12px;background:var(--primary-color)!important;color:var(--white)!important;border:2px solid var(--primary-color)!important;text-decoration:none}.btn-start-auction:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important;transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c4d}.btn-start-auction .bid-icon{filter:brightness(0) invert(1);width:20px;height:20px}.register-complete{position:relative;padding:40px 20px}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall 3s ease-in-out infinite}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(720deg);opacity:0}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.register-seller-page{padding:40px 15px}.register-seller-container{padding:40px 25px}.step-icon{width:80px;height:80px}.step-title{font-size:22px}.register-nav .btn{font-size:15px;padding:12px 20px}}.btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;border:none!important;background:none!important;padding:0!important;width:auto!important;height:auto!important;vertical-align:middle}.btn .btn-icon svg{stroke:currentColor;color:currentColor;border:none!important;display:block}.btn.btn-secondary{background:var(--bg-light);color:var(--text-color);border:1px solid var(--border-color)}.btn.btn-secondary:hover{background:var(--bg-soft);border-color:var(--text-light)}.btn.btn-small{padding:6px 12px;font-size:13px}.btn.btn-large{padding:16px 32px;font-size:18px}.btn.btn-full{width:100%;display:block}.btn.btn-danger{background:#e74c3c;color:var(--white);border:1px solid #e74c3c}.btn.btn-danger:hover{background:#c0392b;border-color:#c0392b}.required-mark{color:var(--primary-color);margin-left:4px}.form-select-add{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;transition:var(--transition);background-color:var(--white);cursor:pointer}.form-select-add:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.form-select-add:disabled{background-color:var(--bg-light);cursor:not-allowed;opacity:.6}.form-textarea-add{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;font-family:inherit;transition:var(--transition);resize:vertical;min-height:100px}.form-textarea-add:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.form-textarea-add:disabled{background-color:var(--bg-light);cursor:not-allowed;opacity:.6}.form-helper-text{font-size:13px;color:var(--text-light);margin-top:6px}.price-input-wrapper{position:relative;display:flex;align-items:center}.price-prefix{position:absolute;left:16px;font-weight:500;color:var(--text-color);pointer-events:none}.price-input{padding-left:42px!important}.location-input-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.location-input-wrapper{grid-template-columns:1fr}}.media-item-single{max-width:400px}.btn-add-media-full{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-light);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-light);font-size:16px;cursor:pointer;transition:var(--transition)}.btn-add-media-full:hover{background:var(--bg-soft);border-color:var(--primary-color);color:var(--primary-color)}.btn-add-media-full svg{opacity:.6}.btn-add-media-full:hover svg{opacity:1}.lelang-info-summary .date-separator{color:var(--text-light);margin:0 12px}@media(max-width:768px){.lelang-info-summary .date-separator{display:none}.lelang-info-summary .lelang-info-dates{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.auth-error-banner{position:fixed;top:80px;left:0;right:0;background:#fee;border-bottom:2px solid #dc2626;padding:1rem 0;z-index:1000;animation:slideDown .3s ease-out}.auth-error-content{display:flex;align-items:center;gap:1rem}.auth-error-icon{font-size:24px}.auth-error-message{flex:1;margin:0;color:#991b1b;font-weight:500}.auth-error-actions{display:flex;gap:.5rem;align-items:center}.auth-error-actions .btn-close{background:none;border:none;font-size:24px;color:#991b1b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:var(--transition)}.auth-error-actions .btn-close:hover{background:#991b1b1a;border-radius:4px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.auth-error-content{flex-wrap:wrap;gap:.75rem}.auth-error-message{width:100%}.auth-error-actions{width:100%;justify-content:flex-start}}.toast{position:fixed;top:100px;right:20px;z-index:10000;opacity:0;transform:translate(400px);transition:all .3s ease-out;max-width:400px}.toast.toast-visible{opacity:1;transform:translate(0)}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#fff;min-width:300px}.toast-success .toast-content{background:#f0fdf4;border-left:4px solid #10b981}.toast-error .toast-content{background:#fef2f2;border-left:4px solid #ef4444}.toast-icon{font-size:20px;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-message{flex:1;font-size:14px;line-height:1.5}.toast-success .toast-message{color:#065f46}.toast-error .toast-message{color:#991b1b}@media(max-width:768px){.toast{right:10px;left:10px;max-width:calc(100% - 20px)}.toast-content{min-width:auto}}.delete-account-page{background:var(--bg-light);padding:80px 0 100px}.delete-account-content{max-width:820px}.delete-account-header{text-align:center;margin-bottom:32px}.delete-account-header h1{font-size:32px;margin-bottom:16px;color:var(--text-color)}.delete-account-header p{color:var(--text-light);font-size:16px}.delete-account-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:#e74c3c1f;color:var(--primary-color);font-weight:600;font-size:13px;margin-bottom:18px}.delete-account-card{background:var(--white);border:1px solid rgba(0,0,0,.04);border-radius:18px;padding:32px;margin-bottom:24px;box-shadow:0 20px 45px #0f172a0d}.delete-account-card h2{font-size:22px;margin-bottom:16px;color:var(--text-color)}.delete-account-card p{color:var(--text-light);margin-bottom:0;font-size:15px}.delete-account-card ol,.delete-account-card ul{padding-left:20px;color:var(--text-light);margin-bottom:16px;font-size:15px}.delete-account-card li{margin-bottom:10px}.delete-account-list{list-style:disc;padding-left:20px;margin-top:10px}.delete-account-card ol{list-style:decimal}.delete-account-note{margin-top:16px;background:#e74c3c14;border-left:3px solid var(--primary-color);border-radius:12px;padding:14px 18px;color:var(--text-light);font-size:14px}.delete-account-link{color:var(--primary-color);font-weight:600}.delete-account-link:hover{color:var(--primary-dark)}.delete-account-actions{margin-top:24px;display:flex;justify-content:flex-start}.delete-account-actions .btn{padding:14px 22px;font-size:15px;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.delete-account-actions .btn *,.delete-account-actions .btn:hover,.delete-account-actions .btn:focus{cursor:pointer}.delete-account-actions .btn.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.delete-account-actions .btn.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.delete-account-actions .btn svg{flex-shrink:0}@media(max-width:768px){.delete-account-page{padding:60px 0 80px}.delete-account-header h1{font-size:26px}.delete-account-card{padding:24px;border-radius:16px}.delete-account-actions{justify-content:center}.delete-account-actions .btn{width:100%;text-align:center}}