*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.lang-selector{position:relative}.lang-selector__btn{align-items:center;background:#ffffff2e;border:1px solid #ffffff59;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:5px 10px;transition:all .2s}.lang-selector__btn:hover{background:#ffffff4d;border-color:#ffffff80}.lang-selector__flag{font-size:16px;line-height:1}.lang-selector__label{color:#fff;font-size:12px;font-weight:700}.lang-selector__dropdown{animation:langDropIn .15s ease;background:#fff;border-radius:10px;box-shadow:0 8px 30px #0003;min-width:110px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:2002}@keyframes langDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-selector__option{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;transition:background .15s;width:100%}.lang-selector__option:hover{background:#f0f0f0}.lang-selector__option.active{background:#e8f4fd;color:#007bff;font-weight:600}@media (max-width:768px){.lang-selector__btn{padding:4px 7px}.lang-selector__flag{font-size:14px}.lang-selector__label{font-size:11px}.lang-selector__dropdown{right:-20px}}.top-bar{background:#000;box-shadow:0 2px 10px #0000004d;height:56px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.top-bar,.top-bar__brand{align-items:center;display:flex}.top-bar__brand{flex-direction:column;line-height:1;text-decoration:none}.top-bar__name{color:#fff;font-size:20px;font-weight:800;letter-spacing:1px}.top-bar__sub{color:#ffffff80;font-size:10px;font-weight:400;letter-spacing:3px;margin-top:1px;text-transform:uppercase}.top-bar__cart{align-items:center;background:#ffffff1f;border-radius:10px;color:#fff;display:flex;height:38px;justify-content:center;overflow:visible;position:absolute;right:12px;text-decoration:none;top:50%;transform:translateY(-50%);transition:all .2s ease;width:38px}.top-bar__cart:hover{background:#ffffff38}.cart-badge{align-items:center;background:#ff4081;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;pointer-events:none;position:absolute;right:-2px;top:-2px}.top-bar__lang{right:104px}.top-bar__lang,.top-bar__notif{position:absolute;top:50%;transform:translateY(-50%)}.top-bar__notif{right:58px}.top-bar__notif-btn{align-items:center;background:#ffffff1f;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:all .2s ease;width:38px}.top-bar__notif-btn:hover{background:#ffffff38}.notif-badge{align-items:center;background:#ff4081;border-radius:9px;color:#fff;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;pointer-events:none;right:-2px;top:-2px}.notif-badge,.notif-dropdown{display:flex;position:absolute}.notif-dropdown{animation:notifDropdownIn .15s ease;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000002e;flex-direction:column;max-height:420px;overflow:hidden;right:0;top:calc(100% + 8px);width:320px;z-index:2000}@keyframes notifDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{border-bottom:1px solid #f0f0f0;color:#1a1a2e;font-size:15px;font-weight:700;padding:14px 16px}.notif-dropdown-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:12px 16px;transition:background .15s ease}.notif-dropdown-item:hover{background:#f8f9fa}.notif-dropdown-item.unread{background:#007bff0f}.notif-dropdown-item.unread:hover{background:#007bff1a}.notif-dropdown-item-title{color:#1a1a2e;font-size:13px;font-weight:600;line-height:1.3;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-dropdown-item.unread .notif-dropdown-item-title{color:#007bff}.notif-dropdown-item-date{color:#999;font-size:11px}.notif-dropdown-empty{color:#999;font-size:13px;padding:30px 16px;text-align:center}.notif-dropdown-footer{border-top:1px solid #f0f0f0;color:#007bff;display:block;font-size:13px;font-weight:600;margin-top:auto;padding:12px 16px;text-align:center;text-decoration:none;transition:background .15s ease}.notif-dropdown-footer:hover{background:#f8f9fa}.notif-dropdown-item:last-of-type{border-bottom:none}.recruitment-banner{align-items:center;animation:bannerGradient 3s ease infinite;background:linear-gradient(90deg,#ff6b00,#ff2d2d,#ff6b00);background-size:200% 100%;display:flex;height:40px;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:56px;z-index:1000}.recruitment-scroll{animation:bannerScroll 20s linear infinite;display:flex;white-space:nowrap}.recruitment-text{color:#fff;flex-shrink:0;font-size:14px;font-weight:700;letter-spacing:.5px;text-shadow:0 0 10px #ffffff80;text-transform:uppercase}@keyframes bannerGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bannerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.sidebar{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#0000;border-right:1px solid #ffffff1f;box-shadow:1px 0 15px #00000014;display:flex;flex-direction:column;height:calc(100vh - 96px);left:-260px;overflow-x:hidden;overflow-y:auto;position:fixed;top:96px;transition:left .3s ease;width:250px;z-index:1000}.sidebar.open{left:0}.sidebar-hover-zone{background:#0000;height:calc(100vh - 96px);left:0;position:fixed;top:96px;width:15px;z-index:998}.sidebar-header{padding:35px 0 5px}.sidebar-logo{color:#1a1a2e;gap:12px;text-decoration:none}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#007bff,#00d4ff);border-radius:10px;color:#fff;flex-shrink:0;font-size:14px;font-weight:800;height:45px;justify-content:center;width:45px}.logo-text{color:#1a1a2e;font-size:18px;font-weight:800;text-shadow:0 0 10px #fffc}.sidebar-nav{flex:1 1;overflow-y:auto;padding:15px 0}.nav-section-title{color:#555;font-size:11px;font-weight:700;letter-spacing:1px;padding:15px 20px 8px;text-transform:uppercase}.nav-section-title.admin-title{color:#f44}.nav-item{align-items:center;border-left:3px solid #0000;color:#1a1a2e;display:flex;font-weight:500;gap:12px;padding:12px 20px;text-decoration:none;text-shadow:0 0 8px #fff9;transition:all .2s ease}.nav-item:hover{background:#007bff1f}.nav-item.active,.nav-item:hover{border-left-color:#007bff;color:#007bff}.nav-item.active{background:#007bff26;font-weight:600}.nav-item.admin-item:hover{border-left-color:#ff6b6b}.nav-item.admin-item.active{background:#ff6b6b33;border-left-color:#ff6b6b}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.nav-label{font-size:14px;font-weight:600}.nav-badge{align-items:center;background:#ff4081;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;margin-left:auto;min-width:20px;padding:0 5px}.sidebar-footer{background:#0000;border-top:1px solid #00000014;margin-top:auto;padding:15px}.user-section{display:flex;flex-direction:column;gap:10px}.user-info{align-items:center;background:#0000000f;border-radius:8px;display:flex;gap:10px;padding:10px}.user-icon{font-size:20px}.user-name{color:#1a1a2e;flex:1 1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{background:#ff6b6b;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.logout-btn{align-items:center;background:#dc35451a;border:none;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 15px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#dc35452e}.auth-section{display:flex;flex-direction:column;gap:8px}.auth-btn{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 15px;text-decoration:none;transition:all .2s ease}.login-btn{background:#0000000f;color:#1a1a2e}.login-btn:hover{background:#0000001a}.register-btn{background:linear-gradient(135deg,#007bff,#00d4ff);box-shadow:0 2px 10px #007bff4d;color:#fff}.register-btn:hover{box-shadow:0 4px 15px #007bff66;transform:translateY(-2px)}.creator-link{align-items:center;border-radius:8px;color:#999;display:flex;font-size:12px;gap:8px;margin-top:15px;padding:10px;text-decoration:none;transition:all .2s ease}.creator-link:hover{background:#007bff0f;color:#007bff}.creator-icon{font-size:16px}.creator-text{font-size:11px}.menu-toggle{align-items:center;background:#007bff;border:none;border-radius:10px;cursor:pointer;display:flex;height:38px;justify-content:center;left:12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:38px;z-index:1002}.menu-toggle.open,.menu-toggle:hover{background:#0056d6}.menu-toggle-text{color:#fff;font-size:12px;font-weight:800;letter-spacing:-.5px}.hamburger-line,.mobile-menu-toggle{display:none}.sidebar-overlay{animation:fadeIn .2s ease;background:#0000001f;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.top-bar{height:50px}.top-bar__name{font-size:18px}.top-bar__sub{font-size:9px}.recruitment-banner{height:36px;top:50px}.recruitment-text{font-size:11px}.sidebar{background:#0000;height:calc(100vh - 86px);left:-210px;top:86px;width:200px}.menu-toggle{height:36px;left:8px;width:36px}.menu-toggle-text{font-size:11px}.top-bar__lang{right:92px}.top-bar__notif{right:50px}.top-bar__notif-btn{height:36px;width:36px}.top-bar__notif-btn svg{height:20px;width:20px}.notif-dropdown{right:-40px;width:290px}.top-bar__cart{height:36px;right:8px;width:36px}.top-bar__cart svg{height:20px;width:20px}.sidebar-hover-zone{top:86px;width:10px}.nav-item{padding:14px 20px}.nav-label{font-size:15px}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#00000040}.bottom-bar{bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;z-index:998}.bottom-bar-strip{-webkit-overflow-scrolling:touch;align-items:center;background:linear-gradient(180deg,#1a1a2e,#16213e);box-shadow:0 -2px 10px #00000026;display:flex;gap:0;justify-content:center;overflow-x:auto;padding:0}.bottom-bar-strip::-webkit-scrollbar{display:none}.bottom-bar-label{color:#ffffff80;flex-shrink:0;font-size:12px;font-weight:600;padding:0 12px;white-space:nowrap}.bottom-bar-item{align-items:center;background:none;border:none;border-top:2px solid #0000;color:#ffffffbf;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.bottom-bar-item:hover{background:#ffffff1a;color:#fff}.bottom-bar-item.active{background:#ffffff1a;border-top-color:#00d4ff;color:#00d4ff}.bottom-bar-separator{background:#fff3;flex-shrink:0;height:24px;margin:0 8px;width:1px}.bottom-bar-link{align-items:center;color:#ffffffbf;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.bottom-bar-link:hover{background:#ffffff1a;color:#fff}.bottom-bar-panel{animation:slideUp .25s ease;background:#fff;border-top:3px solid #00d4ff;box-shadow:0 -4px 20px #00000026;max-height:60vh;overflow-y:auto}.bottom-bar-panel-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px 12px;position:-webkit-sticky;position:sticky;top:0}.bottom-bar-panel-header h3{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin:0}.bottom-bar-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.bottom-bar-close:hover{background:#dc3545;color:#fff}.bottom-bar-panel-content{padding:16px 20px 20px}.guide-steps{counter-reset:step;list-style:none;margin:0 0 16px;padding:0 0 0 24px}.guide-steps li{border-left:2px solid #e0e0e0;color:#444;counter-increment:step;font-size:14px;line-height:1.5;padding:10px 0 10px 12px;position:relative}.guide-steps li:last-child{border-left-color:#0000}.guide-steps li:before{align-items:center;background:linear-gradient(135deg,#007bff,#00d4ff);border-radius:50%;color:#fff;content:counter(step);display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;left:-13px;position:absolute;top:8px;width:24px}.guide-note{background:#f0f7ff;border:1px solid #b8daff;border-radius:8px;color:#004085;font-size:13px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.guide-image-block{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:14px}.guide-image-block img{border-radius:10px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;width:140px}.guide-image-caption{color:#374151;font-size:13px;line-height:1.5;margin:0}@media (max-width:480px){.guide-image-block{flex-direction:column;text-align:center}.guide-image-block img{width:180px}}.guide-action-btn{background:linear-gradient(135deg,#ff6b9d,#ff4081);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s}.guide-action-btn:hover{box-shadow:0 4px 12px #ff6b9d4d;transform:translateY(-2px)}.bottom-bar-payment-methods{align-items:center;display:flex;flex-shrink:0;gap:8px;padding:6px 16px}.bottom-bar-payment-methods .payment-label{color:#ffffff80;font-size:11px;font-weight:600;white-space:nowrap}.payment-icons{align-items:center;display:flex;gap:6px}.payment-icon{border-radius:3px;height:20px;opacity:.85;transition:opacity .2s;width:auto}.payment-icon:hover{opacity:1}.payment-icon-svg{border-radius:3px;height:20px;opacity:.85;transition:opacity .2s;width:30px}.payment-icon-svg:hover{opacity:1}.bottom-bar-links-strip{align-items:center;background:#0d1117;display:flex;flex-wrap:wrap;gap:0;justify-content:center;padding:6px 12px}.bottom-bar-ext-link{align-items:center;color:#fff9;display:flex;font-size:11px;font-weight:500;gap:5px;padding:4px 12px;text-decoration:none;transition:all .2s;white-space:nowrap}.bottom-bar-ext-link:hover{color:#fff}.bottom-bar-links-dot{background:#ffffff4d;border-radius:50%;flex-shrink:0;height:3px;width:3px}.bottom-bar-help-btn{background:none;border:none;cursor:pointer;font-family:inherit}.video-help-grid{display:flex;flex-direction:column;gap:8px}.video-help-card{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#1a1a2e;display:flex;gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s}.video-help-card:hover{background:#f0f7ff;border-color:#00d4ff;transform:translateX(4px)}.video-help-icon{flex-shrink:0;font-size:28px}.video-help-label{flex:1 1;font-size:15px;font-weight:600}.video-help-arrow{color:#adb5bd;font-size:22px;font-weight:300}.video-help-card:hover .video-help-arrow{color:#00d4ff}@media (max-width:768px){.bottom-bar-item{font-size:12px;padding:10px 12px}.bottom-bar-label{font-size:11px;padding:0 8px}.bottom-bar-panel-content{padding:12px 16px 16px}.guide-steps li{font-size:13px}.bottom-bar-separator{margin:0 4px}.bottom-bar-link{font-size:12px;padding:10px 12px}.bottom-bar-payment-methods{gap:6px;padding:6px 10px}.bottom-bar-payment-methods .payment-label{font-size:10px}.payment-icons{gap:4px}.payment-icon{height:16px}.payment-icon-svg{height:16px;width:24px}.bottom-bar-links-strip{gap:0;padding:4px 8px}.bottom-bar-ext-link{font-size:10px;gap:4px;padding:4px 8px}}.product-card{-webkit-tap-highlight-color:transparent;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;cursor:pointer;overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.product-card:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-6px)}.product-card__image-wrapper{background:#f5f5f5;overflow:hidden;padding-top:133%;position:relative;width:100%}.product-card__placeholder{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.product-card__placeholder-pulse{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(110deg,#f0f0f0 8%,#e0e0e0 18%,#f0f0f0 33%);background-size:200% 100%;height:100%;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-card__image{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .4s ease,transform .35s ease;width:100%;will-change:opacity,transform}.product-card__image.loaded{opacity:1}.product-card:hover .product-card__image.loaded{transform:scale(1.03)}.product-card__no-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.product-card__image-segments{display:flex;gap:3px;left:0;padding:6px 8px;position:absolute;right:0;top:0;z-index:5}.product-card__segment{background:#fff6;border-radius:2px;flex:1 1;height:3px;transition:background .2s ease}.product-card__segment.active{background:#fffffff2}.product-card__dots{background:#00000040;border-radius:10px;bottom:8px;display:flex;gap:5px;left:50%;padding:3px 8px;position:absolute;transform:translateX(-50%);z-index:5}.product-card__dot{background:#ffffff80;border-radius:50%;height:6px;transition:all .25s ease;width:6px}.product-card__dot.active{background:#fff;transform:scale(1.3)}@media (hover:hover) and (pointer:fine){.product-card:hover .product-card__dots,.product-card__dots{opacity:0}}.product-card__photo-count{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000008c;border-radius:10px;bottom:8px;color:#fff;font-size:11px;font-weight:600;gap:3px;padding:3px 8px;z-index:5}.product-card__favorite,.product-card__photo-count{align-items:center;display:flex;position:absolute;right:8px}.product-card__favorite{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001f;cursor:pointer;height:34px;justify-content:center;top:8px;transition:transform .2s ease,box-shadow .2s ease;width:34px;z-index:6}.product-card__favorite:hover{box-shadow:0 4px 14px #0000002e;transform:scale(1.15)}.product-card__favorite.active{animation:heartPop .35s cubic-bezier(.17,.89,.32,1.28)}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.product-card__sold{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;color:#fff;display:flex;font-size:15px;font-weight:700;inset:0;justify-content:center;letter-spacing:2.5px;position:absolute;text-transform:uppercase;z-index:7}.product-card__discount{background:#ff3d57;font-size:11px;font-weight:700;letter-spacing:.3px;top:8px}.product-card__condition,.product-card__discount{border-radius:4px;color:#fff;left:8px;padding:3px 8px;position:absolute;z-index:5}.product-card__condition{font-size:10px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;top:38px}.product-card__discount+.product-card__condition{top:38px}.product-card__image-wrapper>.product-card__condition:first-of-type:not(.product-card__discount~.product-card__condition){top:8px}.vinted-seller-rating{align-items:center;color:#757575;display:flex;font-size:12px;gap:4px;margin-top:2px}.vinted-seller-rating .star{color:#ffc107;font-size:13px}.product-card__info{padding:8px 10px 10px}.product-card__price-row{align-items:baseline;display:flex;gap:6px;margin-bottom:4px}.product-card__price{color:#171717;font-size:15px;font-weight:700;letter-spacing:-.2px}.product-card__original-price{color:#999;font-size:11px;text-decoration:line-through}.product-card__seller-price{color:#888;font-size:11px;margin-bottom:4px}.product-card__brand-tag{color:#007782;font-size:10px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.product-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.product-card__tag{background:#f0f0f0;border-radius:4px;color:#555;font-size:11px;font-weight:500;padding:2px 8px}.product-card__location{align-items:center;color:#999;display:flex;font-size:11px;gap:3px}.product-card__location:before{content:"📍";font-size:10px}.products-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:12px}@media (min-width:480px){.products-grid{gap:14px;padding:14px}}@media (min-width:640px){.products-grid{gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}}@media (min-width:900px){.products-grid{gap:18px;grid-template-columns:repeat(4,1fr);padding:20px}}@media (min-width:1200px){.products-grid{gap:20px;grid-template-columns:repeat(5,1fr);padding:24px}}@media (min-width:1500px){.products-grid{grid-template-columns:repeat(6,1fr)}}@media (hover:none) and (pointer:coarse){.product-card__image-segments{display:none!important}.product-card__dots{opacity:1!important}.product-card:hover{box-shadow:0 1px 4px #0000000f;transform:none}.product-card:active{transform:scale(.98);transition:transform .1s ease}.product-card__image.loaded{transform:none!important}}@media (max-width:380px){.product-card{border-radius:8px}.product-card__info{padding:6px 8px 8px}.product-card__price{font-size:13px}.product-card__seller-price{font-size:10px}}.zoom-overlay{animation:fadeIn .2s ease;background:#000000eb;bottom:0;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.zoom-container,.zoom-overlay{align-items:center;display:flex}.zoom-container{animation:zoomIn .3s cubic-bezier(.4,0,.2,1);flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.zoom-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-45px;transition:background .2s;width:40px}.zoom-close:hover{background:#ffffff40}.zoom-image{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:70vh;max-width:100%;object-fit:contain}.zoom-info{color:#fff;margin-top:20px;text-align:center}.zoom-info h3{font-size:20px;font-weight:600;margin:0 0 8px}.zoom-price{color:#ff6b9d;font-size:24px;font-weight:700;margin:0 0 16px}.zoom-view-btn{background:linear-gradient(135deg,#007782,#005f63);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:transform .2s,box-shadow .2s}.zoom-view-btn:hover{box-shadow:0 8px 25px #00778266;transform:scale(1.05)}@media (max-width:640px){.zoom-container{width:100%}.zoom-image{border-radius:8px;max-height:60vh}.zoom-close{right:10px;top:-50px}.zoom-info h3{font-size:16px}.zoom-price{font-size:20px}}.annonce-card,.product-card-mini,.vinted-card{display:none}.btn-voir-details{background:#007782;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:10px;transition:background .2s;width:100%}.btn-voir-details:hover{background:#005f63}.star-rating{align-items:center;display:inline-flex;gap:4px}.star-rating .stars{display:flex;gap:2px}.star-rating .star{color:#e0e0e0;transition:color .15s,transform .15s}.star-rating .star.filled{color:#ffc107}.star-rating .star.half{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffc107 50%,#e0e0e0 0);-webkit-background-clip:text;background-clip:text}.star-rating.small .star{font-size:14px}.star-rating.medium .star{font-size:18px}.star-rating.large .star{font-size:24px}.star-rating.xlarge .star{font-size:32px}.star-rating.editable .star{cursor:pointer}.star-rating.editable .star:hover{transform:scale(1.2)}.rating-count{color:#757575;font-size:13px;margin-left:4px}.star-rating.small .rating-count{font-size:11px}.star-rating.large .rating-count{font-size:15px}.google-reviews-section{margin:40px auto 20px;max-width:1200px;padding:0 20px}.google-reviews-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.google-reviews-title{align-items:center;display:flex;gap:10px}.google-reviews-title h2{color:#333;font-size:1.3rem;font-weight:600;margin:0}.google-logo{flex-shrink:0}.google-reviews-summary{align-items:center;display:flex;gap:8px}.google-reviews-score{color:#333;font-size:1.2rem;font-weight:700}.google-reviews-count{color:#666;font-size:.9rem}.google-reviews-carousel-wrapper{position:relative}.carousel-arrow{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:40px;z-index:2}.carousel-arrow:hover{background:#f5f5f5;box-shadow:0 2px 12px #00000026}.carousel-arrow-left{left:-16px}.carousel-arrow-right{right:-16px}.google-reviews-carousel{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:16px;overflow-x:auto;padding:4px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.google-reviews-carousel::-webkit-scrollbar{display:none}.google-review-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;display:flex;flex:0 0 300px;flex-direction:column;gap:12px;padding:20px;scroll-snap-align:start;transition:box-shadow .2s}.google-review-card:hover{box-shadow:0 4px 16px #00000014}.google-review-author{align-items:center;display:flex;gap:12px}.google-review-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.google-review-avatar-placeholder{align-items:center;background:#4285f4;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.google-review-author-info{display:flex;flex-direction:column}.google-review-name{color:#333;font-size:.95rem;font-weight:600}.google-review-time{color:#888;font-size:.8rem}.google-review-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.google-reviews-link{color:#4285f4;display:inline-block;font-size:.95rem;font-weight:500;margin-top:16px;text-decoration:none}.google-reviews-link:hover{text-decoration:underline}@media (max-width:768px){.google-reviews-section{margin:24px auto 12px;padding:0 12px}.google-reviews-header{align-items:flex-start;flex-direction:column}.carousel-arrow{display:none}.google-review-card{flex:0 0 260px;padding:16px}.google-reviews-title h2{font-size:1.1rem}}:root{--theme-primary:#007782;--theme-secondary:#4ecdc4;--theme-bg:#fff;--theme-hero-bg:#007782;--theme-hero-text:#fff;--theme-btn:#007782;--theme-btn-text:#fff}.home{background-color:#fff;background-color:var(--theme-bg,#fff);min-height:100vh}.hero{background:#007782;background:var(--theme-hero-bg,#007782);padding:24px 16px;text-align:center}.hero:before{display:none}.hero-content{margin:0 auto;max-width:600px}.site-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:0;margin:0 0 4px}.site-tagline{color:#ffffffe6;font-size:14px;font-weight:400;margin:0}.site-description{display:none}.main-categories{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;gap:8px;overflow-x:auto;padding:12px 16px}.main-categories::-webkit-scrollbar{display:none}.main-category-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:24px;color:#171717;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:400;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.main-category-btn:hover{color:#007782;color:var(--theme-primary,#007782)}.main-category-btn.active,.main-category-btn:hover{border-color:#007782;border-color:var(--theme-primary,#007782)}.main-category-btn.active{background:#007782;background:var(--theme-primary,#007782);color:#fff}.main-category-btn .category-icon{font-size:16px}.main-category-btn .category-name{font-size:14px}.category-wrapper{flex-shrink:0}.category-dropdown{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:300px;min-width:180px;overflow-y:auto;padding:4px 0;position:fixed;z-index:1000}.category-dropdown-item{background:none;border:none;color:#171717;cursor:pointer;display:block;font-size:13px;padding:8px 14px;text-align:left;transition:background .1s,color .1s;white-space:nowrap;width:100%}.category-dropdown-item.active,.category-dropdown-item:hover{background:#f0fafb;color:#007782;color:var(--theme-primary,#007782)}.category-dropdown-item.active{font-weight:500}.subcategories{-webkit-overflow-scrolling:touch;background:#fafafa;border-bottom:1px solid #e5e5e5;display:flex;gap:8px;overflow-x:auto;padding:10px 16px}.subcategories::-webkit-scrollbar{display:none}.subcategory-btn{background:#fff;border:1px solid #e5e5e5;border-radius:16px;color:#171717;cursor:pointer;flex-shrink:0;font-size:13px;padding:6px 14px;transition:all .15s;white-space:nowrap}.subcategory-btn:hover{color:#007782;color:var(--theme-primary,#007782)}.subcategory-btn.active,.subcategory-btn:hover{border-color:#007782;border-color:var(--theme-primary,#007782)}.subcategory-btn.active{background:#007782;background:var(--theme-primary,#007782);color:#fff}.products-section{background:#fff;padding:0}.container{max-width:100%;width:100%}.filters{background:#fff;border-bottom:1px solid #e5e5e5;padding:12px 16px}.search-main{display:flex;gap:8px}.search-main input{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;flex:1 1;font-size:14px;min-width:0;padding:12px 16px;transition:border-color .15s,background .15s}.search-main input:focus{background:#fff;border-color:#007782;border-color:var(--theme-primary,#007782);outline:none}.search-main input::placeholder{color:#757575}.btn-primary{background:#007782;background:var(--theme-btn,#007782);border-radius:4px;color:var(--theme-btn-text,#fff);font-size:14px;padding:12px 24px;transition:background .15s,filter .15s;white-space:nowrap}.btn-primary:hover{filter:brightness(.85)}.btn-filter-toggle{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#171717;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .15s;white-space:nowrap}.btn-filter-toggle:hover{border-color:#007782;border-color:var(--theme-primary,#007782);color:#007782;color:var(--theme-primary,#007782)}.filters-advanced{grid-gap:12px;border-top:1px solid #e5e5e5;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px;padding-top:12px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#757575;font-size:12px;font-weight:500}.filter-group input,.filter-group select{background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;padding:10px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#007782;border-color:var(--theme-primary,#007782);outline:none}.btn-secondary{border:1px solid #e5e5e5;border-radius:4px;color:#171717;font-size:14px;padding:10px 16px;transition:all .15s}.btn-secondary:hover{border-color:#007782;border-color:var(--theme-primary,#007782);color:#007782;color:var(--theme-primary,#007782)}.btn-reset{align-self:flex-end}.results-count{background:#fafafa;border-bottom:1px solid #e5e5e5;padding:12px 16px}.loading,.results-count{color:#757575;font-size:14px}.loading,.no-results{padding:60px 20px}.no-results{color:#757575}.no-results p:first-child{color:#171717;font-size:16px;margin-bottom:8px}.no-results-hint{color:#757575;font-size:14px}.contact-fixed-link,.creator-fixed-link{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:24px;bottom:16px;box-shadow:0 2px 8px #00000026;color:#171717;display:flex;font-size:12px;gap:6px;padding:10px 14px;position:fixed;text-decoration:none;transition:all .15s;z-index:100}.contact-fixed-link{left:16px}.creator-fixed-link{right:16px}.contact-fixed-link:hover,.creator-fixed-link:hover{border-color:#007782;border-color:var(--theme-primary,#007782);color:#007782;color:var(--theme-primary,#007782)}.contact-icon,.creator-icon{font-size:14px}.contact-text,.creator-text{display:none}@media (min-width:600px){.contact-text,.creator-text{display:inline}}@media (max-width:600px){.hero{padding:16px}.site-title{font-size:20px}.site-tagline{font-size:13px}.main-categories{gap:6px;padding:10px 12px}.main-category-btn{font-size:13px;padding:6px 12px}.main-category-btn .category-icon{font-size:14px}.category-dropdown{min-width:160px}.category-dropdown-item{font-size:14px;padding:10px 14px}.filters{padding:10px 12px}.search-main{flex-direction:column}.search-main input{font-size:16px}}.category-btn,.quick-categories{display:none}.favorites-container{max-width:100%;padding:0}.favorites-container h2{border-bottom:1px solid #e5e5e5;color:#171717;font-size:18px;margin:0;padding:16px}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:20px}.auth-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:450px;padding:40px;width:100%}.auth-card h2{color:#333;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.auth-card button[type=submit]{margin-top:10px;width:100%}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#007bff;text-decoration:none}.auth-link a:hover{text-decoration:underline}.registration-fee-notice{background-color:#e7f3ff;border-left:4px solid #007bff;border-radius:5px;margin-bottom:20px;padding:15px}.registration-fee-notice p{color:#004085;font-size:14px;margin:5px 0}.registration-fee-notice strong{color:#003d7a}.registration-benefits{background-color:#f8f9fa;border-radius:5px;margin-top:15px;padding:15px}.registration-benefits h4{color:#333;font-size:16px;margin:0 0 10px}.registration-benefits ul{list-style:none;margin:0;padding:0}.registration-benefits li{color:#555;font-size:14px;padding:5px 0}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{flex:1 1;padding-right:45px}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:18px;justify-content:center;opacity:.7;padding:5px;position:absolute;right:10px;transition:opacity .3s}.password-toggle:hover{opacity:1}.forgot-password-link{margin-bottom:5px;margin-top:15px}.auth-subtitle{color:#666;margin-bottom:25px;text-align:center}.password-hint{color:#888;display:block;font-size:12px;margin-top:5px}.loading-message{color:#666;padding:20px}.error-section,.loading-message{text-align:center}.error-section p{color:#666;margin:15px 0}.error-section .btn-primary{display:inline-block;margin-top:10px}.create-annonce-container{margin:40px auto;max-width:700px;padding:0 20px 80px}.create-annonce-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:40px}.create-annonce-card h2{color:#333;margin-bottom:30px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}.create-annonce-container{margin:20px auto;padding:0 15px 100px}.create-annonce-card{padding:20px}.create-annonce-card h2{font-size:22px;margin-bottom:20px}.create-annonce-card .btn-primary{font-size:18px;margin-bottom:20px;margin-top:20px;padding:16px 24px;width:100%}}.create-annonce-card textarea{min-height:120px;resize:vertical}.images-count{color:#666;font-size:14px;margin-top:8px}.field-hint{color:#888;display:block;font-size:13px;font-style:italic;margin-top:5px}.required{font-weight:700}.field-error label,.required{color:#dc3545}.field-error input,.field-error select,.field-error textarea,.input-error{background-color:#fff5f5;border-color:#dc3545!important}.field-error input:focus,.field-error select:focus,.field-error textarea:focus,.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354540}.error-text{color:#dc3545;display:block;font-size:13px;font-weight:500;margin-top:5px}.field-valid input,.field-valid select,.field-valid textarea{border-color:#28a745}.field-valid input:focus,.field-valid select:focus,.field-valid textarea:focus{box-shadow:0 0 0 3px #28a74540}.info-box{background-color:#e7f3ff;border-left:4px solid #007bff;border-radius:5px;margin:20px 0}.info-box p{color:#004085;margin:5px 0}.info-box strong{color:#036}.form-actions{gap:15px;margin-top:20px}.form-actions button{flex:1 1}.guest-list-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.guest-list-section h3{color:#333;font-size:1.1rem;margin:0 0 5px}.section-description{font-size:.9rem;margin-bottom:15px}.checkbox-group{margin-bottom:10px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.default-address-notice{background:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin:15px 0;padding:10px 15px}.default-address-notice p{font-size:.9rem;margin:0}.image-upload-container{margin-bottom:10px;overflow:hidden;position:relative}.image-input-hidden{cursor:pointer;font-size:500px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.add-photo-btn{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #007bff;border-radius:10px;color:#007bff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:20px;transition:all .3s ease;width:100%}.add-photo-btn:hover{background:linear-gradient(135deg,#e7f3ff,#d4e9ff);border-color:#0056b3}.add-photo-btn:active{transform:scale(.98)}.add-photo-icon{font-size:24px}.image-previews{margin-top:15px}.preview-instruction{color:#666;font-size:13px;margin-bottom:10px}.preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.preview-item{aspect-ratio:1;border:3px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.preview-item:hover{border-color:#007bff;transform:scale(1.02)}.preview-item.main-image{border-color:#28a745;box-shadow:0 0 10px #28a7454d}.preview-item img{height:100%;object-fit:cover;width:100%}.main-badge{background:#28a745;bottom:0;color:#fff;font-size:10px;font-weight:600;left:0;padding:4px;position:absolute;right:0;text-align:center}.remove-image-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;line-height:1;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s ease;width:24px}.preview-item:hover .remove-image-btn{opacity:1}@media (max-width:768px){.remove-image-btn{font-size:16px;height:28px;opacity:1;width:28px}.add-photo-btn{-webkit-tap-highlight-color:transparent;font-size:17px;min-height:60px;padding:24px 20px}.add-photo-icon{font-size:28px}}.remove-image-btn:hover{background:#dc3545;transform:scale(1.1)}.price-breakdown{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;margin:20px 0}.price-breakdown h4{color:#333;font-size:14px;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.price-line{border-bottom:1px dashed #dee2e6;color:#666}.price-line.total,.price-line:last-child{border-bottom:none}.price-line.total{border-top:2px solid #007bff;color:#007bff}.price-line.total span:last-child{color:#28a745}.links-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.links-section h3{color:#333;font-size:1.1rem;margin:0 0 15px}.existing-images{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:10px}.existing-image-item{aspect-ratio:1;border:2px solid #e9ecef;border-radius:8px;overflow:hidden}.existing-image-item img{height:100%;object-fit:cover;width:100%}.saving-indicator{color:#007bff;font-size:12px;font-weight:400;margin-left:10px}.vehicle-form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;padding:20px}.vehicle-section-title{align-items:center;border-bottom:2px solid #007bff;color:#1a1a2e;display:flex;font-size:1.05rem;gap:10px;margin:0 0 16px;padding-bottom:10px}.vehicle-section-icon{font-size:1.3rem}.vehicle-form-section .form-row{margin-bottom:0}.vehicle-form-section .form-group{margin-bottom:12px}.vehicle-form-section .form-group:last-child{margin-bottom:0}.seller-reviews{background:#fff;border-radius:12px;padding:20px}.no-reviews,.reviews-loading{color:#757575;padding:40px 20px;text-align:center}.no-reviews p{color:#171717;font-size:16px;margin:0 0 8px}.no-reviews span{font-size:14px}.reviews-summary{border-bottom:1px solid #e0e0e0;display:flex;gap:32px;margin-bottom:20px;padding-bottom:20px}.average-rating{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:120px}.rating-value{color:#171717;font-size:48px;font-weight:700;line-height:1}.total-reviews{color:#757575;font-size:14px}.rating-breakdown{display:flex;flex:1 1;flex-direction:column;gap:8px}.rating-bar{align-items:center;display:flex;gap:8px}.star-label{color:#757575;font-size:13px;min-width:35px}.bar-container{background:#e0e0e0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.bar-fill{background:#ffc107;border-radius:4px;height:100%;transition:width .3s ease}.rating-bar .count{color:#757575;font-size:13px;min-width:25px;text-align:right}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-card{background:#fafafa;border-radius:8px;padding:16px}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.reviewer-info{align-items:center;display:flex;gap:12px}.reviewer-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.reviewer-avatar-placeholder{align-items:center;background:#007782;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.reviewer-details{display:flex;flex-direction:column}.reviewer-name{color:#171717;font-size:14px;font-weight:600}.review-date{color:#757575;font-size:12px}.review-comment{color:#424242;font-size:14px;line-height:1.5;margin:0 0 12px}.review-product{align-items:center;background:#fff;border-radius:6px;color:#757575;display:flex;font-size:13px;gap:8px;padding:8px}.review-product img{border-radius:4px;height:32px;object-fit:cover;width:32px}.reviews-pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:16px;justify-content:center;margin-top:20px;padding-top:20px}.reviews-pagination button{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .15s}.reviews-pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#007782;color:#007782}.reviews-pagination button:disabled{cursor:not-allowed;opacity:.5}.reviews-pagination span{color:#757575;font-size:14px}@media (max-width:600px){.reviews-summary{flex-direction:column;gap:20px}.average-rating{flex-direction:row;justify-content:center;min-width:auto}.rating-value{font-size:36px}}.product-detail-page{background:#fafafa;min-height:100vh;padding:20px}.product-detail-container{grid-gap:30px;background:#fff;border-radius:8px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:900px;overflow:hidden}.product-gallery{background:#f5f5f5;position:relative}.product-gallery .main-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:pointer;overflow:hidden;padding-top:125%;position:relative;width:100%}.product-gallery .main-image img{height:100%;left:0;object-fit:contain;position:absolute;top:0;transition:transform .3s ease;width:100%}.product-gallery .main-image:hover img{transform:scale(1.02)}.product-gallery .no-image{align-items:center;color:#999;display:flex;font-size:14px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.product-gallery .sold-overlay{background:#000c;border-radius:6px;color:#fff;font-size:18px;font-weight:700;left:50%;letter-spacing:2px;padding:12px 24px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.image-thumbnails{background:#fff;border-top:1px solid #e5e5e5;display:flex;gap:10px;overflow-x:auto;padding:12px}.product-info{padding:24px}.product-info h3{color:#171717;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.product-info .product-title{color:#171717;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 16px}.translated-block{background:#f0f7ff;border-left:3px solid #007bff;border-radius:0 8px 8px 0;margin-top:12px;padding:12px}.translated-block .translated-title{color:#171717;font-size:16px;font-weight:600;margin:0 0 6px}.translated-block p{color:#333;margin:0}.btn-translate{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:20px;color:#555;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;margin-top:10px;padding:6px 14px;transition:all .2s;white-space:nowrap}.btn-translate:hover{background:#eee;border-color:#ccc}.btn-translate.active{background:#e8f4fd;border-color:#007bff;color:#007bff}.btn-translate:disabled{cursor:wait;opacity:.6}.product-price-box{background:#f8f8f8;border-radius:8px;margin-bottom:20px;padding:16px}.price-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.price-label{color:#757575;font-size:14px}.price-total{color:#ff6b9d;font-size:24px;font-weight:700}.price-details{color:#757575;display:flex;flex-direction:column;font-size:12px;gap:4px}.price-original{align-items:center;border-top:1px solid #e5e5e5;display:flex;gap:8px;margin-top:8px;padding-top:8px}.original-price{color:#999;font-size:14px;text-decoration:line-through}.discount-badge{background:#dc3545;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.product-actions{display:flex;gap:12px;margin-bottom:24px}.btn-buy{background:linear-gradient(135deg,#ff6b9d,#ff4081);border-radius:8px;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px}.btn-buy:hover{box-shadow:0 4px 15px #ff6b9d66}.btn-add-cart{background:#fff;border:2px solid #ff6b9d;border-radius:8px;color:#ff6b9d;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 16px;transition:all .2s}.btn-add-cart:hover:not(:disabled){background:#ff6b9d;color:#fff}.btn-add-cart.in-cart{background:#f0f0f0;border-color:#ddd;color:#999;cursor:default}.btn-favorite{background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;font-size:20px;padding:14px 18px;transition:all .15s}.btn-favorite:hover{border-color:#ff6b9d}.btn-favorite.active{border-color:#dc3545}.product-specs{margin-bottom:20px}.specs-table{border-collapse:collapse;width:100%}.specs-table tr{border-bottom:1px solid #f0f0f0}.specs-table tr:last-child{border-bottom:none}.specs-table td{font-size:14px;padding:10px 0}.specs-table .spec-label{color:#757575;width:40%}.specs-table .spec-value{color:#171717;font-weight:500}.product-description{margin-bottom:20px}.product-description p{color:#171717;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.product-shipping{margin-bottom:20px}.shipping-options{display:flex;flex-direction:column;gap:8px}.shipping-option{border-radius:4px;font-size:14px;gap:10px;padding:12px}.shipping-option.available{background:#e8f5e9;color:#2e7d32}.shipping-option.unavailable{background:#f5f5f5;color:#999}.shipping-option .icon{font-size:18px}.product-shipping .post-help-link{align-items:center;background:#fff8e1;border:1px solid #fc0;border-radius:8px;color:#333;display:flex;font-size:14px;font-weight:500;gap:12px;margin-top:12px;padding:12px 16px;text-decoration:none;transition:background .2s}.product-shipping .post-help-link:hover{background:#fff3c4}.product-shipping .post-logo{flex-shrink:0;height:28px;width:auto}.product-location{margin-bottom:20px}.product-location p{color:#171717;font-size:14px;margin:0}.product-seller{background:#f8f8f8;border-radius:8px;margin-bottom:20px;padding:16px}.seller-info{margin-bottom:12px}.seller-main{align-items:center;display:flex;gap:12px}.seller-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.seller-avatar-placeholder{align-items:center;background:#007782;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.seller-details{display:flex;flex-direction:column;gap:4px}.seller-name{color:#171717;font-size:16px;font-weight:600}.seller-rating-info{align-items:center;display:flex;gap:8px}.no-reviews-yet{color:#9e9e9e;font-size:13px;font-style:italic}.seller-actions{display:flex;flex-direction:column;gap:8px}.btn-contact{border:1px solid #ff6b9d;color:#ff6b9d;font-weight:500;padding:12px;transition:all .15s;width:100%}.btn-contact:hover{background:#ff6b9d;color:#fff}.btn-see-reviews{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#007782;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .15s;width:100%}.btn-see-reviews:hover{background:#f5f5f5;border-color:#007782}.seller-reviews-section{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.product-stats{align-items:center;border-top:1px solid #e5e5e5;color:#757575;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;padding-top:16px}.btn-share-facebook{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#1877f2;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:14px 18px;transition:all .15s}.btn-share-facebook:hover{background:#f0f7ff;border-color:#1877f2}.btn-share-facebook svg{flex-shrink:0;height:20px;width:20px}@media (max-width:768px){.product-detail-page{padding:0}.product-detail-container{border-radius:0;grid-template-columns:1fr}.product-gallery .main-image{padding-top:100%;touch-action:pan-y pinch-zoom}.product-gallery .main-image img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.product-info{padding:16px}.product-info .product-title{font-size:18px}.price-total{font-size:20px}.product-actions{flex-wrap:wrap}.btn-buy{font-size:14px;padding:12px}.btn-add-cart,.btn-buy{flex:1 1 auto;min-width:0}.btn-add-cart{font-size:12px;padding:12px 10px}.btn-favorite{font-size:18px;padding:12px 14px}.gallery-nav{display:none}.swipe-hint{display:flex}.zoom-hint{display:none}.image-thumbnails{gap:6px;padding:8px}.thumbnail-item{height:50px;width:50px}.fullscreen-nav,.fullscreen-thumbnails{display:none}.fullscreen-dots{bottom:60px}.fullscreen-dots .dot{height:12px;width:12px}.fullscreen-counter{bottom:20px}}.error-container,.loading-container{align-items:center;color:#757575;display:flex;font-size:14px;justify-content:center;min-height:50vh}.contact-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.contact-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;overflow:hidden;width:100%}.contact-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px 20px}.contact-modal-header h3{color:#171717;font-size:16px;font-weight:600;margin:0}.btn-close-modal{align-items:center;background:#f5f5f5;border-radius:50%;color:#757575;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.btn-close-modal:hover{background:#e5e5e5}.contact-modal-product{align-items:center;background:#fafafa;border-bottom:1px solid #e5e5e5;display:flex;gap:12px;padding:16px 20px}.contact-modal-product img{border-radius:6px;height:50px;object-fit:cover;width:50px}.contact-modal-product div{display:flex;flex-direction:column}.modal-product-title{color:#171717;font-size:14px;font-weight:500}.modal-product-price{color:#ff6b9d;font-size:14px;font-weight:600}.contact-modal form{padding:20px}.contact-modal textarea{border:1px solid #e5e5e5;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:16px;padding:12px;resize:none;width:100%}.contact-modal textarea:focus{border-color:#ff6b9d;outline:none}.contact-modal button[type=submit]{background:#ff6b9d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background .15s;width:100%}.contact-modal button[type=submit]:hover:not(:disabled){background:#ff4081}.contact-modal button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.zoom-hint{align-items:center;background:#000000b3;border-radius:20px;bottom:12px;color:#fff;display:flex;font-size:13px;gap:6px;left:50%;opacity:0;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:opacity .2s;z-index:5}.product-gallery .main-image:hover .zoom-hint{opacity:1}.gallery-nav{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 10px #00000026;color:#333;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s,box-shadow .2s;width:44px;z-index:5}.gallery-nav:hover{box-shadow:0 4px 15px #0003;transform:translateY(-50%) scale(1.1)}.gallery-prev{left:12px}.gallery-next{right:12px}.thumbnail-item{border:3px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:70px;overflow:hidden;transition:border-color .2s,transform .2s;width:70px}.thumbnail-item:hover{border-color:#ff6b9d;transform:scale(1.05)}.thumbnail-item.active{border-color:#ff6b9d}.thumbnail-item img{height:100%;object-fit:cover;width:100%}.image-counter{background:#0009;font-size:13px;left:12px;padding:6px 12px;top:12px}.image-counter,.swipe-hint{border-radius:20px;color:#fff;position:absolute;z-index:5}.swipe-hint{align-items:center;animation:fadeInOut 3s ease-in-out;background:#000000b3;bottom:50px;display:none;font-size:12px;gap:6px;left:50%;padding:8px 16px;pointer-events:none;transform:translateX(-50%)}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.image-dots{bottom:12px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.image-dots .dot{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .2s;width:8px}.image-dots .dot:hover{background:#fffc}.image-dots .dot.active{background:#fff;transform:scale(1.2)}.fullscreen-zoom{align-items:center;animation:fadeIn .2s ease;background:#000000f2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s,transform .2s;width:48px;z-index:10}.fullscreen-close:hover{background:#ffffff40;transform:scale(1.1)}.fullscreen-content{align-items:center;display:flex;justify-content:center;max-height:75vh;max-width:90vw;position:relative;width:100%}.fullscreen-image{animation:zoomIn .3s ease;border-radius:8px;max-height:75vh;max-width:100%;object-fit:contain}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fullscreen-nav{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:36px;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s,transform .2s;width:56px}.fullscreen-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.fullscreen-prev{left:20px}.fullscreen-next{right:20px}.fullscreen-thumbnails{background:#0000004d;border-radius:12px;display:flex;gap:10px;margin-top:20px;padding:10px}.fullscreen-thumb{border:3px solid #0000;border-radius:8px;cursor:pointer;height:60px;opacity:.6;overflow:hidden;transition:border-color .2s,transform .2s;width:60px}.fullscreen-thumb:hover{opacity:1;transform:scale(1.1)}.fullscreen-thumb.active{border-color:#ff6b9d;opacity:1}.fullscreen-thumb img{height:100%;object-fit:cover;width:100%}.fullscreen-counter{background:#0009;border-radius:20px;bottom:20px;color:#fff;font-size:14px;font-weight:500;padding:8px 20px}.fullscreen-counter,.fullscreen-dots{left:50%;position:absolute;transform:translateX(-50%)}.fullscreen-dots{bottom:100px;display:flex;gap:10px;z-index:10}.fullscreen-dots .dot{background:#fff6;border-radius:50%;cursor:pointer;height:10px;transition:all .2s;width:10px}.fullscreen-dots .dot:hover{background:#ffffffb3}.fullscreen-dots .dot.active{background:#fff;transform:scale(1.3)}.fullscreen-zoom{touch-action:pan-y}.fullscreen-image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){.gallery-nav{font-size:20px;height:36px;width:36px}.gallery-prev{left:8px}.gallery-next{right:8px}.zoom-hint{font-size:12px;padding:6px 12px}.fullscreen-close{font-size:24px;height:40px;right:10px;top:10px;width:40px}.fullscreen-nav{font-size:28px;height:44px;width:44px}.fullscreen-prev{left:10px}.fullscreen-next{right:10px}.fullscreen-thumbnails{gap:6px;padding:8px}.fullscreen-thumb{height:50px;width:50px}.fullscreen-image{max-height:60vh}.thumbnail-item{height:60px;width:60px}}.skeleton-pulse{animation:skeletonShimmer 1.2s ease-in-out infinite;background:linear-gradient(110deg,#f0f0f0 8%,#e0e0e0 18%,#f0f0f0 33%);background-size:200% 100%;border-radius:8px;height:100%;width:100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-image{align-items:center;background:#f0f0f0;display:flex;justify-content:center;min-height:350px}.skeleton-line{animation:skeletonShimmer 1.2s ease-in-out infinite;background:linear-gradient(110deg,#f0f0f0 8%,#e0e0e0 18%,#f0f0f0 33%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:12px}.skeleton-title{height:24px;width:70%}.skeleton-price{height:28px;width:40%}.skeleton-text{width:90%}.skeleton-text.short{width:55%}.vehicle-specs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:8px}.vehicle-spec-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;padding:12px}.vehicle-spec-icon{font-size:1.2em;margin-bottom:4px}.vehicle-spec-label{color:#888;font-size:.75em;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.vehicle-spec-value{color:#333;font-size:.95em;font-weight:600}.btn-contact-vehicle{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:14px 24px;transition:background .2s;width:100%}.btn-contact-vehicle:hover{background:#1976d2}@media (max-width:480px){.vehicle-specs-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.vehicle-spec-item{padding:10px}}.my-annonces-container{margin:40px auto;max-width:900px;padding:0 20px}.my-annonces-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.my-annonces-header h2{color:#333}.no-annonces{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:60px 40px;text-align:center}.no-annonces p{color:#666;font-size:18px;margin-bottom:20px}.annonces-list{display:flex;flex-direction:column;gap:15px}.annonce-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:20px}.annonce-thumb{border-radius:8px;flex-shrink:0;height:120px;object-fit:cover;width:120px}.annonce-info{flex:1 1;min-width:0}.annonce-info h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.annonce-price{color:#28a745;font-size:20px;font-weight:700;margin:0 0 5px}.annonce-details{color:#666;font-size:14px;margin:0 0 10px}.annonce-status{border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.annonce-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.annonce-actions button{border:none;border-radius:5px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-publish{background-color:#28a745;color:#fff}.btn-publish:hover{background-color:#218838}.btn-sold{background-color:#17a2b8;color:#fff}.btn-sold:hover{background-color:#138496}.btn-unpublish{background-color:#6c757d;color:#fff}.btn-unpublish:hover{background-color:#5a6268}.btn-edit{background-color:#ffc107;color:#212529}.btn-edit:hover{background-color:#e0a800}.btn-delete{background-color:#dc3545}.btn-delete:hover{background-color:#c82333}.annonce-item-info h3{color:#333;margin-bottom:8px}.annonce-item-info .price{color:#007bff;font-size:22px;font-weight:700;margin-bottom:5px}.annonce-item-info .category{color:#666;margin-bottom:10px}.badge{border-radius:15px;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-info{background-color:#d1ecf1;color:#0c5460}.badge-secondary{background-color:#e2e3e5;color:#383d41}.badge-danger{background-color:#f8d7da;color:#721c24}.annonce-item-actions{display:flex;gap:10px}.btn-success{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.btn-success:hover{background-color:#218838}.btn-warning{background-color:#ffc107;border:none;border-radius:5px;color:#212529;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.btn-warning:hover{background-color:#e0a800}.btn-guest-list{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:transform .2s,box-shadow .2s}.btn-guest-list:hover{box-shadow:0 3px 8px #667eea66;transform:translateY(-1px)}.sales-notification-section{margin-bottom:30px}.sales-section-title{border-bottom:2px solid #ff9800;color:#ff9800;font-size:20px;margin:0 0 15px;padding-bottom:10px}.sale-notification-card{background:#fff;border:2px solid #ff9800;border-radius:12px;box-shadow:0 2px 12px #ff980026;margin-bottom:15px;padding:20px}.sale-notification-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.sale-notif-image{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.sale-notif-info{flex:1 1}.sale-notif-info h4{color:#333;font-size:17px;margin:0 0 5px}.sale-notif-price{color:#28a745;font-size:18px;font-weight:700;margin:0 0 8px}.sale-notif-status{border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.sale-notification-details{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.sale-notif-row{display:flex;font-size:14px;gap:10px;padding:6px 0}.sale-notif-label{color:#666;flex-shrink:0;font-weight:600;min-width:140px}.sale-notif-value{color:#333}.sale-notif-message{border-top:1px solid #e0e0e0;margin-top:5px;padding-top:8px}.sale-notif-message .sale-notif-value{color:#555;font-style:italic}.sale-notif-actions{display:flex;gap:10px}.btn-contact-buyer{background:linear-gradient(135deg,#ff6b9d,#ff4081);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-contact-buyer:hover{box-shadow:0 4px 12px #ff6b9d4d;transform:translateY(-2px)}.annonce-item-sold{border-left:4px solid #ff9800}.annonce-order-info{background:#fff3e0;border-radius:6px;font-size:13px;margin-top:8px;padding:8px 12px}.annonce-order-info p{color:#e65100;margin:3px 0}.completed-badge,.review-badge{border-radius:15px;font-size:12px;padding:4px 12px}.review-badge{background:#fff3cd;color:#856404;display:inline-block;font-weight:600}.btn-leave-review{background:#007782!important;color:#fff!important}.btn-leave-review:hover{background:#005f63!important}.btn-confirm-delivery{background:#28a745}.btn-confirm-delivery:hover{background:#218838}.btn-contact{background:#f5f5f5}.btn-contact:hover{background:#e0e0e0}@media (max-width:768px){.my-annonces-header{align-items:flex-start;flex-direction:column;gap:15px}.annonce-item{align-items:stretch;flex-direction:column;gap:15px}.annonce-thumb{height:200px;object-fit:cover;width:100%}.annonce-info{text-align:center}.annonce-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.annonce-actions button{flex:1 1;min-width:100px}.annonce-item-actions{flex-direction:column;width:100%}.annonce-item-actions a,.annonce-item-actions button{text-align:center;width:100%}.sale-notification-header{flex-direction:column;text-align:center}.sale-notif-row{flex-direction:column;gap:2px}.sale-notif-label{min-width:auto}.sale-notif-actions{justify-content:center}}.admin-dashboard{margin:0 auto;max-width:1400px;padding:20px}.dashboard-header h1{margin:0}.stat-card{box-shadow:0 2px 8px #0000001a}.stat-card.revenue .stat-number{color:#28a745}.orders-alerts{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}.alert-card{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:16px;min-width:250px;padding:18px 24px;transition:transform .2s,box-shadow .2s}.alert-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.alert-dispute{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:1px solid #f48fb1}.alert-overdue{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffd54f}.alert-count{font-size:2.2rem;font-weight:700;min-width:50px;text-align:center}.alert-dispute .alert-count{color:#c0392b}.alert-overdue .alert-count{color:#e65100}.alert-text{display:flex;flex-direction:column;gap:2px}.alert-text strong{color:#333;font-size:15px}.alert-text span{color:#666;font-size:13px}.action-btn-orders{background:#e67e22}.action-btn-orders:hover{background:#d35400}.recent-products{margin-top:40px}.recent-products h2{color:#333;font-size:1.5rem;margin-bottom:20px}.products-table{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.products-table table{border-collapse:collapse;width:100%}.products-table thead{background:#f8f9fa}.products-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px;text-align:left}.products-table td{border-bottom:1px solid #dee2e6;padding:15px}.products-table tbody tr:hover{background:#f8f9fa}.admin-container{margin:0 auto;max-width:1400px;padding:20px}.admin-container h2{color:#333;font-size:1.8rem;margin-bottom:20px}.admin-filters{margin-bottom:20px}.admin-filters select{background:#fff;border:1px solid #dee2e6;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 15px}.admin-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.admin-table thead{background:#f8f9fa}.admin-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px;text-align:left}.admin-table td{border-bottom:1px solid #dee2e6;padding:15px;vertical-align:middle}.admin-table tbody tr:hover{background:#f8f9fa}.admin-table select{border:1px solid #dee2e6;border-radius:4px;font-size:.9rem;margin-right:8px;padding:6px 10px}.btn-delete-small{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background .3s}.btn-delete-small:hover{background:#c82333}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-active{background:#d4edda;color:#155724}.status-badge.status-sold{background:#d1ecf1;color:#0c5460}.loading,.loading-container{color:#666;font-size:1.2rem;padding:50px;text-align:center}.admin-users{margin:0 auto;max-width:1400px;padding:20px}.page-header h1{font-size:2rem;margin:0}.back-btn{background:#6c757d;transition:background .3s}.back-btn:hover{background:#5a6268}.users-table{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.users-table table{border-collapse:collapse;min-width:800px;width:100%}.users-table thead{background:#f8f9fa}.users-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #dee2e6;padding:15px}.users-table tbody tr:hover{background:#f8f9fa}.role-badge{border-radius:5px;display:inline-block;font-size:.85rem;font-weight:600;padding:5px 12px}.role-badge.admin{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.role-badge.user{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.stripe-badge{border-radius:5px;display:inline-block;font-size:.85rem;font-weight:600;padding:5px 12px}.stripe-badge.active{background-color:#e8dbf5;border:1px solid #d4b8e8;color:#6b21a8}.stripe-badge.none{color:#999}.view-btn{margin-right:8px;padding:6px 12px}.delete-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background .3s}.delete-btn:hover{background:#c82333}.message-btn{align-items:center;background:#e8f4f8;border:none;border-radius:50%;cursor:pointer;display:inline-flex;font-size:18px;height:36px;justify-content:center;transition:background .2s;width:36px}.message-btn:hover{background:#007782}.message-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.message-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;overflow:hidden;width:90%}.message-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px 20px}.message-modal-header h3{color:#333;font-size:16px;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:16px;padding:4px 8px}.modal-close:hover{background:#f0f0f0;color:#333}.message-modal-body{padding:20px}.message-modal-body textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:12px;resize:vertical;width:100%}.message-modal-body textarea:focus{border-color:#007782}.message-modal-footer{border-top:1px solid #e5e5e5;display:flex;gap:10px;justify-content:flex-end;padding:12px 20px}.message-modal-footer .cancel-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 20px}.message-modal-footer .cancel-btn:hover{background:#f5f5f5}.message-modal-footer .send-btn{background:#007782;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .2s}.message-modal-footer .send-btn:hover:not(:disabled){background:#005f63}.message-modal-footer .send-btn:disabled{background:#ccc;cursor:not-allowed}.error{font-size:1.1rem;padding:50px;text-align:center}.admin-theme{margin:0 auto;max-width:1400px;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:#333;font-size:28px}.back-btn{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.back-btn:hover{background-color:#5a6268}.theme-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px}.theme-form{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:30px}.theme-form h2{border-bottom:2px solid #007bff;color:#333;font-size:24px;margin-bottom:25px;padding-bottom:10px}.color-section{margin-bottom:30px}.color-section h3{color:#555;font-size:18px;font-weight:600;margin-bottom:15px}.color-inputs{grid-gap:20px;display:grid;gap:20px}.color-input-group{display:flex;flex-direction:column}.color-input-group label{color:#555;font-size:14px;font-weight:500;margin-bottom:8px}.color-preview-wrapper{align-items:center;display:flex;gap:10px}.color-picker{border:2px solid #ddd;border-radius:5px;cursor:pointer;height:40px;width:60px}.color-text{border:1px solid #ddd;border-radius:5px;flex:1 1;font-family:monospace;font-size:14px;padding:10px}.action-buttons{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.reset-btn,.save-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:12px 25px;transition:background .3s}.save-btn{background-color:#28a745;color:#fff;flex:1 1}.save-btn:hover:not(:disabled){background-color:#218838}.save-btn:disabled{cursor:not-allowed;opacity:.6}.reset-btn{background-color:#dc3545;color:#fff}.reset-btn:hover{background-color:#c82333}.theme-preview{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.theme-preview h2{color:#333;font-size:20px;margin-bottom:20px}.preview-hero{border-radius:10px;padding:40px 20px;text-align:center;transition:all .3s}.preview-hero h3{font-size:24px;margin-bottom:10px}.preview-hero p{font-size:16px;margin-bottom:20px;opacity:.9}.preview-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:12px 30px;transition:opacity .3s}.preview-button:hover{opacity:.9}.error,.loading{font-size:18px;padding:40px;text-align:center}.error{color:#dc3545}@media (max-width:1200px){.theme-container{grid-template-columns:1fr}.theme-preview{position:static}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.theme-form,.theme-preview{padding:20px}.action-buttons{flex-direction:column}.reset-btn,.save-btn{width:100%}}.visual-effects-section{border-top:2px solid #eee;margin-top:30px;padding-top:20px}.section-description{color:#666;font-size:14px;margin-bottom:20px}.visual-effects-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.effect-card{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:20px 15px;text-align:center;transition:all .3s ease}.effect-card:hover{background:#f0f7ff;border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.effect-card.active{background:linear-gradient(135deg,#e8f4ff,#f0f7ff);border-color:#007bff;box-shadow:0 4px 16px #007bff40}.effect-card.active:after{align-items:center;background:#28a745;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;position:absolute;right:8px;top:8px;width:22px}.effect-card{position:relative}.effect-icon{display:block;font-size:36px;margin-bottom:10px}.effect-label{color:#333;font-size:14px;font-weight:600;margin-bottom:5px}.effect-description{color:#888;font-size:11px;line-height:1.3}@media (max-width:600px){.visual-effects-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.effect-card{padding:15px 10px}.effect-icon{font-size:28px}.effect-label{font-size:12px}.effect-description{display:none}}.admin-messages{margin:0 auto;max-width:1400px;padding:30px}.admin-messages.loading{color:#666;font-size:18px;padding:60px;text-align:center}.messages-header{align-items:center;display:flex;gap:15px;margin-bottom:25px}.messages-header h1{color:#333;font-size:28px;margin:0}.unread-badge{background:#dc3545;border-radius:20px;font-size:14px;padding:5px 12px}.messages-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.messages-filters button{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.messages-filters button:hover{border-color:#007bff;color:#007bff}.messages-filters button.active{background:#007bff;border-color:#007bff;color:#fff}.messages-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;min-height:500px}.messages-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-height:600px;overflow:hidden}.no-messages{color:#999;padding:40px;text-align:center}.message-item{border-bottom:1px solid #eee;cursor:pointer;padding:15px;transition:background .3s}.message-item:hover{background:#f5f5f5}.message-item.selected{background:#e3f2fd;border-left:4px solid #007bff}.message-item.unread{background:#fff3e0}.message-item.unread .message-name{font-weight:700}.message-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.message-name{color:#333;font-weight:600}.message-status{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px}.message-status.status-unread{background:#ff9800;color:#fff}.message-status.status-read{background:#2196f3;color:#fff}.message-status.status-replied{background:#4caf50;color:#fff}.message-subject{color:#555;font-size:14px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-date{color:#999;font-size:12px}.message-detail{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.no-selection{align-items:center;color:#999;display:flex;font-size:16px;height:100%;justify-content:center}.detail-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.detail-header h2{color:#333;font-size:22px;margin:0}.detail-actions{display:flex;gap:10px}.detail-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 15px;transition:opacity .3s}.detail-actions button:hover{opacity:.8}.btn-replied{background:#4caf50;color:#fff}.btn-delete{background:#dc3545;color:#fff}.detail-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.detail-info p{color:#555;font-size:14px;margin:5px 0}.detail-message{background:#fafafa;border-radius:8px;color:#333;line-height:1.6;min-height:150px;padding:20px;white-space:pre-wrap}.detail-reply{margin-top:20px;text-align:center}.btn-reply{background:linear-gradient(135deg,#007bff,#00d4ff);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:transform .3s,box-shadow .3s}.btn-reply:hover{box-shadow:0 5px 20px #007bff66;transform:translateY(-2px)}.previous-reply{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-top:20px;padding:15px}.previous-reply h4{color:#2e7d32;font-size:14px;margin:0 0 10px}.previous-reply .reply-content{color:#333;line-height:1.5;white-space:pre-wrap}.previous-reply .reply-date{color:#666;font-size:12px;margin-top:10px}.reply-form{width:100%}.reply-form textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;min-height:120px;padding:15px;resize:vertical;transition:border-color .3s;width:100%}.reply-form textarea:focus{border-color:#007bff;outline:none}.reply-form textarea:disabled{background:#f5f5f5;cursor:not-allowed}.reply-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.btn-send{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:transform .3s,box-shadow .3s}.btn-send:hover:not(:disabled){box-shadow:0 5px 20px #4caf5066;transform:translateY(-2px)}.btn-send:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-cancel{background:#f5f5f5;border:2px solid #ddd;color:#666;font-weight:600;padding:12px 25px;transition:background .3s}.btn-cancel:hover:not(:disabled){background:#eee}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}@media (max-width:900px){.messages-container{grid-template-columns:1fr}.messages-list{max-height:300px}}@media (max-width:768px){.admin-messages{padding:15px}.messages-header h1{font-size:22px}.messages-filters button{font-size:12px;padding:8px 12px}.detail-header{flex-direction:column;gap:15px}.detail-header h2{font-size:18px}}.user-dashboard{margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h1{color:#333;font-size:2rem;margin:0 0 10px}.dashboard-header p{color:#666;font-size:1.1rem;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2 8px #0000001a;padding:25px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#666;font-size:.9rem;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.stat-number{color:#007bff;font-size:2.5rem;font-weight:700;margin:0}.quick-actions{margin:40px 0;text-align:center}.quick-actions h2{color:#333;font-size:1.5rem;margin-bottom:20px}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.action-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .3s}.action-btn.primary{background:#28a745}.action-btn:hover{background:#0056b3}.action-btn.primary:hover{background:#218838}.recent-events{margin-top:40px}.recent-events h2{color:#333;font-size:1.5rem;margin-bottom:20px}.empty-state{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:60px 20px}.empty-state p{color:#666;font-size:1.1rem}.create-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 30px;transition:background .3s}.create-btn:hover{background:#218838}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.event-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s}.event-card:hover{transform:translateY(-5px)}.event-card h3{color:#333;font-size:1.2rem;margin:0 0 10px}.event-date{color:#666;font-size:.95rem;margin:5px 0}.event-location{color:#888;font-size:.9rem;margin:5px 0}.event-footer{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.status-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:5px 10px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.active{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.status-badge.completed{background:#d1ecf1;color:#0c5460}.view-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 15px;transition:background .3s}.view-btn:hover{background:#0056b3}.loading{font-size:1.2rem;padding:50px}.not-found-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px}.not-found-content{max-width:600px;text-align:center}.not-found-title{color:#007bff;font-size:120px;font-weight:700;line-height:1;margin:0}.not-found-subtitle{color:#333;font-size:32px;margin:20px 0}.not-found-message{color:#666;font-size:18px;line-height:1.6;margin:20px 0 40px}.not-found-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.not-found-actions .btn-primary,.not-found-actions .btn-secondary{border-radius:5px;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.not-found-actions .btn-primary{background-color:#007bff;color:#fff}.not-found-actions .btn-primary:hover{background-color:#0056b3;transform:translateY(-2px)}.not-found-actions .btn-secondary{background-color:#6c757d;color:#fff}.not-found-actions .btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.not-found-title{font-size:80px}.not-found-subtitle{font-size:24px}.not-found-message{font-size:16px}.not-found-actions{flex-direction:column;width:100%}.not-found-actions .btn-primary,.not-found-actions .btn-secondary{width:100%}}.contact-page{background:#000;min-height:calc(100vh - 100px);padding:40px 20px}.contact-container{background:#1a1a1a;border-radius:15px;box-shadow:0 10px 40px #00000080;margin:0 auto;max-width:700px;padding:40px}.contact-header{margin-bottom:30px;text-align:center}.contact-header h1{color:#fff;font-size:32px;margin-bottom:10px}.contact-header p{color:#aaa;font-size:16px}.contact-form{margin-bottom:30px}.contact-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.contact-form .form-group{margin-bottom:20px}.contact-form label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.contact-form input,.contact-form select,.contact-form textarea{background:#2a2a2a;border:2px solid #333;border-radius:8px;color:#fff;font-size:15px;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:100%}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#666}.contact-form select{cursor:pointer}.contact-form select option{background:#2a2a2a;color:#fff}.contact-form textarea{min-height:120px;resize:vertical}.btn-submit{background:linear-gradient(135deg,#007bff,#00d4ff);font-size:16px;padding:15px 30px;transition:transform .3s,box-shadow .3s;width:100%}.btn-submit:hover{box-shadow:0 5px 20px #007bff66;transform:translateY(-2px)}.btn-submit:disabled{background:#555;box-shadow:none;transform:none}.contact-info{border-top:1px solid #333;padding-top:20px;text-align:center}.contact-info h3{color:#fff;font-size:18px;margin-bottom:10px}.contact-info p{color:#aaa;font-size:14px;margin:5px 0}.success-message{background:#28a74533;border:1px solid #28a745;border-radius:8px;color:#28a745;padding:15px;text-align:center}.success-message .success-link{background:#28a745;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-top:10px;padding:8px 18px;text-decoration:none;transition:background .2s}.success-message .success-link:hover{background:#218838}.error-message{background:#dc354533;border:1px solid #dc3545;color:#dc3545;padding:15px}.my-messages-section{border-top:1px solid #333;margin-top:30px;padding-top:30px}.my-messages-section h2{color:#fff;font-size:22px;margin-bottom:20px}.support-redirect-text{color:#aaa;font-size:14px;margin-bottom:15px}.btn-goto-messages{background:#007782;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 24px;text-decoration:none;transition:background .2s}.btn-goto-messages:hover{background:#005f63}.my-messages-list{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.my-message-card{background:#2a2a2a;border-radius:10px;cursor:pointer;overflow:hidden;transition:background .2s}.my-message-card:hover{background:#333}.my-message-card.has-reply{border-left:4px solid #28a745}.my-message-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.my-message-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.my-message-subject{color:#fff;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-message-date{color:#888;font-size:.8rem}.my-message-status{border-radius:4px;flex-shrink:0;font-size:.78rem;font-weight:600;padding:4px 10px;white-space:nowrap}.my-message-status.status-unread{background:#ffc10726;color:#ffc107}.my-message-status.status-read{background:#007bff26;color:#5ba3f5}.my-message-status.status-replied{background:#28a74526;color:#28a745}.my-message-body{border-top:1px solid #3a3a3a;padding:0 18px 16px}.my-message-content{padding-top:14px}.msg-label{color:#888;display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.my-message-content p{color:#ccc;line-height:1.5;margin:0;white-space:pre-wrap}.my-message-reply{background:#28a74514;border-left:3px solid #28a745;border-radius:8px;margin-top:16px;padding:14px}.my-message-reply p{color:#ddd;line-height:1.5;margin:0;white-space:pre-wrap}.reply-date{color:#666;display:block;font-size:.75rem;margin-top:8px}@media (max-width:768px){.contact-page{padding:20px 15px}.contact-container{padding:25px 20px}.contact-header h1{font-size:26px}.contact-form .form-row{gap:0;grid-template-columns:1fr}.contact-form input,.contact-form select,.contact-form textarea{font-size:14px;padding:10px 12px}.btn-submit{font-size:15px;padding:12px 20px}}.messages-page{background:#fafafa;height:calc(100vh - 96px);overflow:hidden}.messages-container{background:#fff;display:flex;height:100%;margin:0 auto;max-width:1200px;overflow:hidden}.conversations-list{background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;width:350px}.conversations-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px}.conversations-header h2{color:#171717;font-size:18px;font-weight:600;margin:0}.socket-status{font-size:10px}.socket-status.online{color:#22c55e}.no-conversations{color:#757575;padding:40px 20px;text-align:center}.no-conversations p{color:#171717;font-size:16px;margin-bottom:8px}.no-conversations span{font-size:14px}.conversations{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.conversation-item:hover{background:#fafafa}.conversation-item.active{background:#f0f7f8;border-left:3px solid #007782}.conversation-item.unread{background:#f8f8f8}.conv-image{background:#f5f5f5;border-radius:8px;flex-shrink:0;height:50px;overflow:hidden;width:50px}.conv-image img{height:100%;object-fit:cover;width:100%}.conv-image .no-image{align-items:center;display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.conv-info{flex:1 1;min-width:0}.conv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.conv-username{color:#171717;font-size:14px;font-weight:600}.conv-time{color:#757575;font-size:12px}.conv-product{color:#007782;margin-bottom:2px}.conv-preview,.conv-product{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-preview{color:#757575}.unread .conv-preview{color:#171717;font-weight:500}.unread-badge{background:#007782;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.conversation-view{background:#fafafa;display:flex;flex:1 1;flex-direction:column}.no-conversation-selected{align-items:center;color:#757575;display:flex;flex:1 1;justify-content:center}.conversation-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;gap:12px;padding:12px 16px}.btn-back{background:#f5f5f5;border-radius:50%;display:none;font-size:18px;height:36px;width:36px}.header-info{display:flex;flex-direction:column}.header-username{color:#171717;font-size:16px;font-weight:600}.header-role{color:#757575;font-size:12px}.product-banner{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.product-banner:hover{background:#fafafa}.product-banner img{border-radius:6px;height:48px;object-fit:cover;width:48px}.product-banner .product-info{display:flex;flex-direction:column}.product-banner .product-title{color:#171717;font-size:14px;font-weight:500}.product-banner .product-price{color:#007782;font-size:14px;font-weight:600}.conv-image .no-image.support-icon{background:#e8f4f8;color:#007782;font-size:22px}.support-banner{align-items:center;background:#e8f4f8;border-bottom:1px solid #cce5ec;display:flex;gap:12px;padding:12px 16px}.support-banner-icon{flex-shrink:0;font-size:28px}.support-banner .product-info{display:flex;flex-direction:column}.support-banner .product-title{color:#171717;font-size:14px;font-weight:600}.support-label{color:#007782;font-size:12px}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.message{display:flex;max-width:70%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{border-radius:16px;padding:10px 14px;position:relative}.message.sent .message-content{background:#007782;border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#171717}.message-content p{font-size:14px;line-height:1.4;margin:0;word-break:break-word}.message-time{display:block;font-size:11px;margin-top:4px;opacity:.7}.message.received .message-time{color:#757575}.message-input{background:#fff;border-top:1px solid #e5e5e5;display:flex;gap:8px;padding:12px 16px}.message-input input{border:1px solid #e5e5e5;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .15s}.message-input input:focus{border-color:#007782}.message-input button{background:#007782;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:44px;transition:background .15s;width:44px}.message-input button:hover:not(:disabled){background:#005f63}.message-input button:disabled{background:#e5e5e5;color:#999;cursor:not-allowed}@media (max-width:768px){.messages-page{height:calc(100vh - 96px)}.conversations-list{border-right:none;width:100%}.conversations-list.hidden-mobile{display:none}.conversation-view{bottom:0;display:none;left:0;position:fixed;right:0;top:96px;z-index:100}.btn-back,.conversation-view.visible{display:flex}.btn-back{align-items:center;justify-content:center}.message{max-width:85%}}.loading-container{align-items:center;color:#757575;display:flex;justify-content:center;min-height:50vh}.typing-indicator .message-content{padding:12px 16px}.typing-dots{align-items:center;display:flex;gap:4px}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite;background:#757575;border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.message-status{font-size:10px;margin-left:4px;opacity:.8}.payment-container{margin:40px auto;max-width:500px;padding:0 20px}.payment-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px}.payment-card h2{color:#333;font-size:22px;margin:0 0 10px;text-align:center}.payment-amount{color:#28a745;font-size:32px;font-weight:700;margin:10px 0 25px;text-align:center}.error-message{padding:12px 15px}.payment-method-selector{margin-bottom:25px}.payment-method-selector>label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:12px;text-align:center}.payment-methods{display:flex;gap:12px}.payment-method-btn{align-items:center;background:#fafafa;border:3px solid #e0e0e0;border-radius:12px;color:#555;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:18px 15px;transition:all .2s ease}.payment-method-btn:hover{background-color:#f0f7ff;border-color:#007bff}.payment-method-btn.active{background-color:#e7f3ff;border-color:#007bff;box-shadow:0 0 0 4px #007bff26;color:#007bff}.payment-method-btn .method-icon{font-size:28px}.card-form-section{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:20px}.card-form-section h3{color:#333;font-size:16px;margin:0 0 15px}.card-element{background-color:#fff;border:2px solid #ddd;border-radius:8px;min-height:50px;padding:18px 15px}.card-element:focus-within{border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.card-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.test-card-info{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:15px 0;padding:12px 15px}.test-card-info p{color:#856404;font-size:13px;margin:4px 0}.test-card-info strong{color:#533f03}.payment-method-choice{display:flex;gap:12px;margin-bottom:20px}.payment-method-option{align-items:center;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;padding:14px 16px;transition:all .15s}.payment-method-option:hover{border-color:#ff6b9d}.payment-method-option.selected{background:#fff5f7;border-color:#ff6b9d}.payment-method-option input{display:none}.payment-method-icon{font-size:22px}.twint-section{background:linear-gradient(135deg,#000,#333);border-radius:10px;margin-bottom:20px;padding:25px 20px;text-align:center}.twint-logo{background:#fff;border-radius:8px;display:inline-block;margin-bottom:15px;padding:15px 30px}.twint-logo span{color:#000;font-size:24px;font-weight:700}.twint-info{background-color:#f0f7ff;border:1px solid #007bff;border-radius:8px;margin:15px 0;padding:15px}.twint-info p{color:#004085;font-size:14px;line-height:1.5;margin:8px 0}.twint-info strong{color:#036}.btn-pay{border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:600;margin-top:15px;padding:16px 20px;transition:all .2s ease;width:100%}.btn-pay-card{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-pay-card:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#003d80);box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.btn-pay-twint{background:linear-gradient(135deg,#000,#333);color:#fff}.btn-pay-twint:hover:not(:disabled){background:linear-gradient(135deg,#333,#000);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.btn-pay:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-back{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;font-size:15px;font-weight:500;margin-top:12px;padding:12px 20px;transition:all .2s ease;width:100%}.btn-back:hover{background:#f8f9fa;border-color:#999}.payment-divider{align-items:center;color:#999;display:flex;font-size:13px;margin:20px 0}.payment-divider:after,.payment-divider:before{background:#ddd;content:"";flex:1 1;height:1px}.payment-divider span{padding:0 15px}.payment-card.success{padding:50px 30px;text-align:center}.payment-card.success h2{color:#28a745;font-size:28px;margin-bottom:15px}.payment-card.success p{color:#666;font-size:16px;margin:8px 0}.success-icon{font-size:60px;margin-bottom:20px}.payment-card.error{padding:50px 30px;text-align:center}.payment-card.error h2{color:#dc3545;font-size:28px;margin-bottom:15px}.loading-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.payment-container{margin:20px auto;padding:0 15px}.payment-card{padding:20px}.payment-card h2{font-size:18px}.payment-amount{font-size:26px}.payment-methods{flex-direction:column}.payment-method-btn{padding:15px}.btn-pay{font-size:16px;padding:14px}}.secure-payment-info{align-items:center;color:#28a745;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:15px}.secure-payment-info .lock-icon{font-size:16px}.success-card{text-align:center}.success-card .success-icon{color:#28a745;display:block;font-size:60px;margin-bottom:20px}.success-card h2{color:#28a745}.seller-status-info{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px}.status-item{align-items:center;display:flex;gap:10px;padding:10px 0}.status-item.success{color:#28a745}.status-icon{font-size:20px}.button-group{display:flex;gap:12px;margin-top:20px}.btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff4081);border-radius:8px;flex:1 1;font-weight:600;padding:14px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #ff6b9d4d}.btn-secondary{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;flex:1 1;font-weight:600;padding:14px 20px;transition:all .2s}.btn-secondary:hover{background:#f8f9fa;border-color:#999}.btn-stripe{background:linear-gradient(135deg,#635bff,#4b45c6);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s}.btn-stripe:hover:not(:disabled){box-shadow:0 4px 12px #635bff4d;transform:translateY(-2px)}.btn-stripe:disabled{cursor:not-allowed;opacity:.6}.btn-large{font-size:18px;padding:16px;width:100%}.seller-benefits{margin:25px 0}.benefit-item{align-items:flex-start;background:#f8f9fa;border-radius:10px;display:flex;gap:15px;margin-bottom:12px;padding:15px}.benefit-icon{font-size:28px}.benefit-item h4{color:#333;margin:0 0 5px}.benefit-item p{color:#666;font-size:14px;margin:0}.fee-info-box{background:#e7f3ff;border:1px solid #007bff;border-radius:10px;margin:20px 0;padding:20px}.fee-info-box h3{color:#004085;margin:0 0 15px}.fee-info-box p{color:#004085;margin:8px 0}.fee-info-box .example{border-top:1px solid #007bff33;font-style:italic;margin-top:15px;padding-top:15px}.seller-info-box{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px}.seller-info-box h3{margin:0 0 15px}.seller-info-box ul{margin:0;padding-left:20px}.seller-info-box li{color:#555;margin:8px 0}.legal-text{color:#888;font-size:12px;margin-top:20px;text-align:center}.buy-product-form{display:flex;flex-direction:column;gap:25px}.product-summary{background:#f8f9fa;border-radius:10px;display:flex;gap:15px;padding:15px}.product-thumb{border-radius:8px;height:80px;object-fit:cover;width:80px}.product-info h3{font-size:16px;margin:0 0 5px}.product-price{color:#ff6b9d;font-size:18px;font-weight:700;margin:0 0 5px}.seller-info{color:#666;font-size:13px;margin:0}.shipping-options{margin-bottom:20px}.shipping-options h3{font-size:16px;margin:0 0 15px}.shipping-option{align-items:center;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;margin-bottom:10px;padding:15px;transition:all .2s}.shipping-option:hover{border-color:#ff6b9d}.shipping-option.selected{background:#fff5f7;border-color:#ff6b9d}.shipping-option input{display:none}.option-content{align-items:center;display:flex;gap:15px;width:100%}.option-icon{font-size:24px}.option-content strong{display:block;margin-bottom:3px}.option-content p{color:#666;font-size:14px;margin:0}.shipping-address{margin-bottom:20px}.shipping-address h3{font-size:16px;margin:0 0 15px}.form-group{margin-bottom:12px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 15px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#ff6b9d;outline:none}.form-row{display:flex;gap:12px}.form-row input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:15px;padding:12px 15px}.form-row input:first-child{flex:0.4 1}.buyer-message-section{margin-bottom:10px}.buyer-message-section h3{font-size:16px;margin:0 0 10px}.buyer-message-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 15px;resize:vertical;transition:border-color .2s;width:100%}.buyer-message-input:focus{border-color:#ff6b9d;outline:none}.price-breakdown{background:#f8f9fa;border-radius:10px;padding:20px}.price-breakdown h3{font-size:16px;margin:0 0 15px}.price-line{padding:8px 0}.price-line.protection{color:#888;font-size:14px}.price-line.total{margin-top:10px}.protection-info{align-items:flex-start;background:#e7f3ff;border-radius:10px;display:flex;gap:12px;padding:15px}.info-icon{font-size:24px}.protection-info p{color:#004085;font-size:14px;margin:0}.card-element-container{background:#fff;border:2px solid #e0e0e0}.card-element-container,.payment-summary{border-radius:10px;margin-bottom:20px;padding:15px}.payment-summary{background:#f8f9fa;text-align:center}.next-steps{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px}.next-steps h3{margin:0 0 15px}.next-steps ol{margin:0;padding-left:20px}.next-steps li{color:#555;margin:10px 0}.wallet-page{max-width:600px}.wallet-balance-card{background:linear-gradient(135deg,#ff6b9d,#ff4081);border-radius:15px;color:#fff;margin-bottom:20px;padding:30px;text-align:center}.balance-amount{align-items:baseline;display:flex;gap:8px;justify-content:center}.balance-amount .currency{font-size:20px;opacity:.9}.balance-amount .amount{font-size:48px;font-weight:700}.balance-label{margin:10px 0 0;opacity:.9}.stripe-balance{background:#ffffff26;border-radius:10px;margin-top:20px;padding:15px}.balance-row{display:flex;font-size:14px;justify-content:space-between;padding:5px 0}.info-box{align-items:flex-start;background:#fff3cd;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:15px}.info-box p{color:#856404;font-size:14px;margin:0}.wallet-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.tab-btn.active,.tab-btn:hover{border-color:#ff6b9d}.tab-btn.active{background:#fff5f7;color:#ff6b9d}.sales-list{margin-bottom:20px}.empty-state{color:#888;padding:40px 20px;text-align:center}.empty-state p{margin-bottom:20px}.sale-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:15px;margin-bottom:10px;padding:15px}.sale-image{border-radius:8px;height:60px;object-fit:cover;width:60px}.sale-info{flex:1 1}.sale-info h4{font-size:15px;margin:0 0 5px}.buyer-name{color:#666;font-size:13px;margin:0 0 8px}.sale-status{border-radius:20px;color:#fff;display:inline-block;font-size:11px;padding:4px 10px}.sale-amount{text-align:right}.earnings{color:#28a745;display:block;font-size:16px;font-weight:700}.paid-badge{background:#28a745;border-radius:4px;color:#fff;display:inline-block;font-size:11px;margin-top:5px;padding:3px 8px}.sale-item-detailed{align-items:stretch;flex-direction:column}.sale-header{align-items:center;display:flex;gap:15px}.sale-details{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.sale-detail-row{display:flex;font-size:13px;gap:8px;padding:4px 0}.detail-label{color:#666;white-space:nowrap}.buyer-message-row{margin-top:6px}.buyer-message-text{color:#555;font-style:italic}.wallet-actions{border-top:1px solid #e0e0e0;padding-top:20px}.purchase-item .purchase-details{color:#666;font-size:13px;margin:10px 0}.purchase-item .purchase-details p{margin:3px 0}.purchase-item .total-price{color:#333;margin-top:8px}.tracking-number{color:#007bff;font-size:13px;margin-top:8px}.btn-confirm-delivery{background:linear-gradient(135deg,#28a745,#20c997);padding:10px 16px}.btn-confirm-delivery:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.completed-badge{background:#d4edda;border-radius:8px;color:#155724;display:inline-block;font-size:13px;font-weight:600;padding:8px 12px}.btn-contact{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:8px 14px;transition:all .2s}.btn-contact:hover{border-color:#ff6b9d;color:#ff6b9d}.info-box-bottom{background:#e7f3ff;border-radius:10px;margin-top:20px;padding:20px}.info-box-bottom h4{color:#004085;margin:0 0 10px}.info-box-bottom p{color:#004085;font-size:14px;margin:0}.btn-buy{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:10px;padding:16px 20px;transition:all .2s;width:100%}.btn-buy:hover{box-shadow:0 6px 20px #28a74559;transform:translateY(-2px)}.pickup-address-info{background:#fff5f7;border:2px solid #ff6b9d;border-radius:10px;margin-top:5px;padding:15px 20px}.pickup-address-info h4{align-items:center;color:#333;display:flex;font-size:15px;gap:8px;margin:0 0 10px}.pickup-address-info h4:before{content:"📍"}.pickup-address{color:#333;font-size:15px;font-weight:500;line-height:1.5;margin:0 0 12px;padding-left:24px}.pickup-note{color:#666;font-size:13px;font-style:italic;margin:0;padding-left:24px}.post-help-link{align-items:center;background:#fff8e1;border:1px solid #fc0;border-radius:8px;color:#333;display:flex;font-size:14px;font-weight:500;gap:12px;margin:15px 0;padding:12px 16px;text-decoration:none;transition:background .2s}.post-help-link:hover{background:#fff3c4}.post-help-link .post-logo{flex-shrink:0;height:28px;width:auto}.cart-container{margin:40px auto;max-width:600px;padding:0 20px}.cart-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px}.cart-card h2{color:#333;font-size:22px;margin:0 0 20px;text-align:center}.cart-loading{color:#888;font-size:16px;padding:40px 20px;text-align:center}.cart-empty{padding:30px 0;text-align:center}.cart-empty-icon{margin-bottom:20px}.cart-empty h3{color:#333;font-size:20px;margin:0 0 8px}.cart-empty p{color:#888;font-size:15px;margin:0 0 24px}.cart-checkout-form{display:flex;flex-direction:column;gap:24px}.cart-items h3{color:#333;font-size:16px;margin:0 0 15px}.cart-item{background:#f8f9fa;border-radius:10px;margin-bottom:12px;padding:15px}.cart-item-main{align-items:center;display:flex;gap:12px}.cart-item-image{border-radius:8px;flex-shrink:0;height:70px;object-fit:cover;width:70px}.cart-item-no-image{align-items:center;background:#e0e0e0;color:#999;display:flex;font-size:24px;justify-content:center}.cart-item-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.cart-item-title{color:#333;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-price{color:#ff6b9d;font-size:16px;font-weight:700}.cart-item-seller{color:#888;font-size:12px}.cart-item-remove{align-items:center;background:#dc35451a;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .15s;width:32px}.cart-item-remove:hover{background:#dc354533}.cart-item-shipping{border-top:1px solid #e5e5e5;display:flex;gap:8px;margin-top:10px;padding-top:10px}.cart-shipping-option{align-items:center;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;padding:8px 12px;transition:all .15s}.cart-shipping-option:hover{border-color:#ff6b9d}.cart-shipping-option.selected{background:#fff5f7;border-color:#ff6b9d}.cart-shipping-option input{display:none}.cart-address h3{color:#333;font-size:16px;margin:0 0 15px}.cart-address .form-group{margin-bottom:12px}.cart-address .form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 15px;transition:border-color .2s;width:100%}.cart-address .form-group input:focus{border-color:#ff6b9d;outline:none}.cart-address .form-row{display:flex;gap:12px}.cart-address .form-row input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:15px;padding:12px 15px}.cart-address .form-row input:first-child{flex:0.4 1}.cart-address .form-row input:focus{border-color:#ff6b9d;outline:none}.cart-price-breakdown{background:#f8f9fa;border-radius:10px;padding:20px}.cart-price-breakdown h3{color:#333;font-size:16px;margin:0 0 15px}.cart-price-item{border-bottom:1px solid #e5e5e5;margin-bottom:12px;padding-bottom:12px}.cart-price-item:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.price-line{color:#555;display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.price-line.sub{color:#888;font-size:13px;padding-left:8px}.price-item-title{color:#333;font-weight:600;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-line.total{border-top:2px solid #ddd;color:#333;font-size:18px;font-weight:700;margin-top:12px;padding-top:15px}.cart-protection-info{align-items:flex-start;background:#e7f3ff;border-radius:10px;display:flex;gap:12px;padding:15px}.cart-protection-info .info-icon{font-size:24px}.cart-protection-info p{color:#004085;font-size:14px;margin:0}.cart-checkout-form .btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff4081);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s}.cart-checkout-form .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff6b9d4d;transform:translateY(-2px)}.cart-checkout-form .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.cart-checkout-form .btn-primary.btn-large{font-size:18px;padding:16px;width:100%}.cart-checkout-form .btn-secondary{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s}.cart-checkout-form .btn-secondary:hover{background:#f8f9fa;border-color:#999}.cart-checkout-form .button-group{display:flex;gap:12px;margin-top:20px}.cart-checkout-form .card-element-container{background:#fff;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:20px;padding:15px}.cart-checkout-form .payment-summary{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px;text-align:center}.payment-summary-count{color:#888;font-size:14px;margin:4px 0 0}.cart-checkout-form .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;padding:12px 15px;text-align:center}.cart-checkout-form h3{color:#333;font-size:16px;margin:0 0 15px}.cart-card.success-card{text-align:center}.cart-card.success-card .success-icon{color:#28a745;display:block;font-size:60px;margin-bottom:20px}.cart-card.success-card h2{color:#28a745}.cart-card .next-steps{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px;text-align:left}.cart-card .next-steps h3{margin:0 0 15px}.cart-card .next-steps ol{margin:0;padding-left:20px}.cart-card .next-steps li{color:#555;margin:10px 0}.cart-card .button-group{display:flex;gap:12px;margin-top:20px}.cart-card .btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff4081);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s}.cart-card .btn-primary:hover{box-shadow:0 4px 12px #ff6b9d4d;transform:translateY(-2px)}.cart-card .btn-secondary{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s}.cart-card .btn-secondary:hover{background:#f8f9fa;border-color:#999}@media (max-width:480px){.cart-container{margin:20px auto;padding:0 15px}.cart-card{padding:20px}.cart-card h2{font-size:18px}.cart-item-main{gap:10px}.cart-item-image{height:60px;width:60px}.cart-item-title{font-size:14px}.cart-item-shipping{flex-direction:column;gap:6px}.cart-shipping-option{font-size:12px;padding:6px 10px}.cart-address .form-row{flex-direction:column;gap:12px}.cart-address .form-row input:first-child{flex:1 1}.cart-card .button-group,.cart-checkout-form .button-group{flex-direction:column}}.review-form-container{background:#fff;border-radius:12px;margin:0 auto;max-width:500px;padding:24px}.review-form-header{margin-bottom:24px;text-align:center}.review-form-header h3{color:#171717;font-size:20px;margin:0 0 8px}.review-form-header p{color:#757575;font-size:14px;margin:0}.review-form-header strong{color:#007782}.rating-section{margin-bottom:24px;text-align:center}.rating-section label{color:#171717;display:block;font-size:14px;font-weight:500;margin-bottom:12px}.rating-input{align-items:center;display:flex;flex-direction:column;gap:8px}.rating-label{color:#007782;font-size:14px;font-weight:500}.comment-section{margin-bottom:20px}.comment-section label{color:#171717;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.comment-section textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .15s;width:100%}.comment-section textarea:focus{border-color:#007782;outline:none}.char-count,.comment-section textarea::placeholder{color:#9e9e9e}.char-count{display:block;font-size:12px;margin-top:4px;text-align:right}.error-message{background:#ffebee;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:16px;text-align:center}.form-actions{display:flex;gap:12px;justify-content:center}.btn-cancel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#757575;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .15s}.btn-cancel:hover{background:#f5f5f5}.btn-submit{background:#007782;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:background .15s}.btn-submit:hover:not(:disabled){background:#005f63}.btn-submit:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.review-modal-overlay .review-form-container{box-shadow:0 4px 20px #00000026;max-height:90vh;overflow-y:auto;width:100%}@media (max-width:480px){.review-form-container{padding:16px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.mouvements-container{margin:40px auto;max-width:900px;padding:0 20px}.mouvements-title{color:#333;font-size:24px;margin-bottom:25px}.mouvements-loading{color:#666;font-size:16px;padding:60px 20px;text-align:center}.mouvements-error{background:#f8d7da;border-radius:8px;color:#721c24;font-size:14px;margin-bottom:20px;padding:12px 16px}.mouvements-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:25px}.mouvements-tab{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;position:relative;transition:all .2s}.mouvements-tab:hover{color:#333}.mouvements-tab.active{color:#ff6b9d}.mouvements-tab.active:after{background:#ff6b9d;border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-badge{align-items:center;background:#ff6b9d;border-radius:11px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.mouvements-list{display:flex;flex-direction:column;gap:16px}.mouvements-empty{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:60px 40px;text-align:center}.mouvements-empty p{color:#666;font-size:16px;margin-bottom:20px}.mouvements-empty .btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff4081);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.mouvements-empty .btn-primary:hover{box-shadow:0 4px 12px #ff6b9d4d;transform:translateY(-2px)}.mouvement-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;transition:box-shadow .2s}.mouvement-card:hover{box-shadow:0 4px 16px #0000001f}.mouvement-action-needed{border-left:4px solid #ff9800}.mouvement-header{align-items:flex-start;display:flex;gap:16px}.mouvement-image{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.mouvement-info{flex:1 1;min-width:0}.mouvement-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 6px}.mouvement-user{color:#666;font-size:14px;margin:0 0 8px}.mouvement-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mouvement-amount{color:#28a745;font-size:16px;font-weight:700}.mouvement-amount.purchase{color:#dc3545}.mouvement-status{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.mouvement-notification{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460;font-size:14px;font-weight:500}.mouvement-details,.mouvement-notification{border-radius:8px;margin-top:12px;padding:12px 16px}.mouvement-details{background:#f8f9fa}.mouvement-detail-row{display:flex;font-size:14px;gap:10px;padding:4px 0}.mouvement-detail-row .detail-label{color:#666;flex-shrink:0;font-weight:600;min-width:100px}.mouvement-detail-row .detail-value{color:#333}.mouvement-message{color:#555!important;font-style:italic}.mouvement-actions{align-items:center;display:flex;gap:10px;margin-top:14px}.btn-ship{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s}.btn-ship:hover:not(:disabled){box-shadow:0 4px 12px #17a2b84d;transform:translateY(-2px)}.btn-ship:disabled{cursor:not-allowed;opacity:.6}.btn-confirm-delivery{background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s}.btn-confirm-delivery:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-confirm-delivery:disabled{cursor:not-allowed;opacity:.6}.status-badge{border-radius:8px;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px}.status-badge.shipped{background:#e8daef;color:#6f42c1}.status-badge.completed{background:#d4edda;color:#155724}.btn-hide-order{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;line-height:1;margin-left:auto;transition:all .2s;width:32px}.btn-hide-order:hover{background:#dc3545;color:#fff}.mouvement-notification.completed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.mouvement-payment-summary{background:#f0faf3;border:1px solid #c3e6cb;border-radius:8px;margin-top:12px;padding:14px 16px}.mouvement-payment-summary.purchase-summary{background:#f8f9fa;border:1px solid #dee2e6}.payment-summary-title{color:#155724;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.purchase-summary .payment-summary-title{color:#495057}.payment-summary-rows{display:flex;flex-direction:column;gap:6px}.payment-row{color:#555;display:flex;font-size:14px;justify-content:space-between;padding:2px 0}.payment-row.total{border-top:1px solid #c3e6cb;color:#28a745;font-size:15px;font-weight:700;margin-top:4px;padding-top:8px}.purchase-summary .payment-row.total{border-top-color:#dee2e6;color:#333}.payment-date{color:#6c757d;font-size:12px;font-style:italic;margin-top:8px}.mouvements-info-box{background:#f0f7ff;border:1px solid #b8daff;border-radius:10px;margin-top:20px;padding:16px 20px}.mouvements-info-box strong{color:#004085;font-size:14px}.mouvements-info-box p{color:#004085;font-size:13px;line-height:1.5;margin:6px 0 0}.btn-dispute{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s}.btn-dispute:hover{box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.status-badge.disputed{background:#fce4ec;color:#c0392b}.mouvement-notification.disputed{background:#fce4ec;border:1px solid #f5c6cb;color:#c0392b}.dispute-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dispute-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:480px;padding:28px;width:100%}.dispute-modal h3{color:#333;font-size:18px;margin:0 0 10px}.dispute-modal p{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.dispute-modal textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.dispute-modal textarea:focus{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c1a;outline:none}.dispute-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.dispute-modal-actions .btn-cancel{background:#f0f0f0;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.dispute-modal-actions .btn-cancel:hover{background:#e0e0e0}.dispute-modal-actions .btn-submit-dispute{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.dispute-modal-actions .btn-submit-dispute:hover:not(:disabled){box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.dispute-modal-actions .btn-submit-dispute:disabled{cursor:not-allowed;opacity:.6}.btn-leave-review{background:#007782;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-leave-review:hover{background:#005f63}.status-badge.reviewed{background:#fff3cd;color:#856404}.review-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.mouvements-container{margin:20px auto;padding:0 12px}.mouvements-title{font-size:20px}.mouvements-tab{font-size:14px;padding:12px 10px}.mouvement-header{align-items:center;flex-direction:column;text-align:center}.mouvement-image{height:140px;max-width:200px;width:100%}.mouvement-meta{justify-content:center}.mouvement-detail-row{flex-direction:column;gap:2px}.mouvement-detail-row .detail-label{min-width:auto}.mouvement-actions{flex-wrap:wrap;justify-content:center}}.admin-orders{margin:0 auto;max-width:1400px;padding:20px}.admin-orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-orders-header h1{color:#333;font-size:1.8rem;margin:0}.btn-back{background:#f0f0f0;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:14px;padding:8px 18px;transition:background .2s}.btn-back:hover{background:#e0e0e0}.admin-orders-error{align-items:center;background:#f8d7da;border-radius:8px;color:#721c24;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.admin-orders-error button{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px}.admin-orders-loading{color:#666;font-size:16px;padding:60px;text-align:center}.orders-stats-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.orders-stat{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;flex:1 1;min-width:120px;padding:16px;text-align:center;transition:transform .2s,box-shadow .2s}.orders-stat:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.orders-stat .stat-value{display:block;font-size:1.8rem;font-weight:700}.orders-stat .stat-label{color:#666;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.orders-stat.disputed{border-left:4px solid #e74c3c}.orders-stat.disputed .stat-value{color:#e74c3c}.orders-stat.overdue{border-left:4px solid #f39c12}.orders-stat.overdue .stat-value{color:#f39c12}.orders-stat.shipped .stat-value{color:#6f42c1}.orders-stat.paid .stat-value{color:#17a2b8}.orders-stat.completed .stat-value{color:#28a745}.orders-stat.total .stat-value{color:#333}.orders-filters{display:flex;gap:12px;margin-bottom:20px}.orders-filters select{background:#fff;cursor:pointer;min-width:180px}.orders-filters input,.orders-filters select{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 14px}.orders-filters input{flex:1 1;max-width:400px}.orders-filters input:focus,.orders-filters select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.orders-table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#f8f9fa}.orders-table th{border-bottom:2px solid #e9ecef;color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.orders-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px 16px}.orders-table tbody tr:hover{background:#f8f9fa}.no-orders{color:#999;padding:40px!important;text-align:center}.row-overdue{background:#fff8e1!important}.row-overdue:hover{background:#fff3cd!important}.row-disputed{background:#fce4ec!important}.row-disputed:hover{background:#f8d7da!important}.order-id{color:#007bff;font-weight:600}.order-product{align-items:center;display:flex;gap:10px}.order-thumb{border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.order-product-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-amount{font-weight:600;white-space:nowrap}.order-date{color:#666;font-size:13px;white-space:nowrap}.order-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.status-pending{background:#fff3cd;color:#856404}.status-paid{background:#d1ecf1;color:#0c5460}.status-shipped{background:#e8daef;color:#6f42c1}.status-completed{background:#d4edda;color:#155724}.status-cancelled{background:#e2e3e5;color:#6c757d}.status-refunded{background:#f8d7da;color:#721c24}.status-disputed{background:#fce4ec;color:#c0392b}.overdue-badge{background:#f39c12;border-radius:8px;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-left:6px;padding:2px 6px}.order-actions-cell{white-space:nowrap}.btn-detail{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;transition:background .2s}.btn-detail:hover{background:#0056b3}.orders-pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:20px}.orders-pagination button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 18px}.orders-pagination button:disabled{background:#ccc;cursor:not-allowed}.orders-pagination span{color:#666;font-size:14px}.order-detail-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:40px 20px;position:fixed;right:0;top:0;z-index:1000}.order-detail-modal{background:#fff;border-radius:14px;box-shadow:0 10px 40px #0003;max-width:700px;width:100%}.order-detail-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.order-detail-header h2{color:#333;font-size:20px;margin:0}.btn-close-modal{background:none;border:none;color:#999;cursor:pointer;font-size:28px;line-height:1}.btn-close-modal:hover{color:#333}.order-detail-content{padding:24px}.detail-section{margin-bottom:24px}.detail-section h3{border-bottom:1px solid #eee;color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 12px;padding-bottom:6px;text-transform:uppercase}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:3px}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#999;font-size:12px;font-weight:600;text-transform:uppercase}.detail-value{color:#333;font-size:14px}.detail-total{color:#007bff;font-size:16px;font-weight:700}.dispute-section{background:#fef5f5;border:1px solid #fce4ec;border-radius:8px;padding:16px}.dispute-section h3{border-bottom-color:#f5c6cb;color:#c0392b}.dispute-reason{background:#fff;border:1px solid #f5c6cb;border-radius:6px;padding:10px;white-space:pre-wrap}.admin-notes-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.admin-notes-textarea:focus{border-color:#007bff;outline:none}.btn-save-notes{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:8px;padding:8px 16px;transition:background .2s}.btn-save-notes:hover{background:#5a6268}.detail-actions{border-top:2px solid #eee;padding-top:20px}.action-buttons-row{display:flex;flex-wrap:wrap;gap:10px}.btn-action{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-action:disabled{cursor:not-allowed;opacity:.6}.btn-confirm{background:linear-gradient(135deg,#28a745,#218838)}.btn-confirm:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d}.btn-refund{background:linear-gradient(135deg,#fd7e14,#e8590c)}.btn-refund:hover:not(:disabled){box-shadow:0 4px 12px #fd7e144d}.btn-cancel-order{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-cancel-order:hover:not(:disabled){box-shadow:0 4px 12px #dc35454d}.no-actions{color:#999;font-size:14px;font-style:italic}@media (max-width:768px){.admin-orders{padding:12px}.admin-orders-header{align-items:flex-start;flex-direction:column;gap:10px}.admin-orders-header h1{font-size:1.4rem}.orders-stats-bar{gap:8px}.orders-stat{min-width:80px;padding:10px}.orders-stat .stat-value{font-size:1.3rem}.orders-stat .stat-label{font-size:10px}.orders-filters{flex-direction:column}.orders-filters input,.orders-filters select{max-width:100%}.detail-grid{grid-template-columns:1fr}.order-detail-overlay{padding:10px}.action-buttons-row{flex-direction:column}.btn-action{text-align:center;width:100%}}.admin-notifications{margin:0 auto;max-width:1400px;padding:20px}.admin-notifications .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:30px}.admin-notifications .page-header h1{color:#333;font-size:2rem;margin:0}.header-actions{display:flex;gap:10px}.new-notif-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s}.new-notif-btn:hover{background:#0056b3}.notif-form-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.notif-form-card h2{color:#333;font-size:1.3rem;margin:0 0 20px}.notif-form-card .form-group{margin-bottom:18px}.notif-form-card label{color:#555;display:block;font-weight:600;margin-bottom:6px}.type-selector{display:flex;gap:10px}.type-btn{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#555;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .2s}.type-btn.active{background:#e7f1ff;border-color:#007bff;color:#007bff}.type-btn:hover:not(.active){border-color:#adb5bd}.notif-form-card input[type=text],.notif-form-card select,.notif-form-card textarea{border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px 12px;width:100%}.notif-form-card textarea{resize:vertical}.notif-form-card input:focus,.notif-form-card select:focus,.notif-form-card textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26;outline:none}.send-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:background .3s}.send-btn:hover:not(:disabled){background:#218838}.send-btn:disabled{cursor:not-allowed;opacity:.6}.notif-history{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:25px}.notif-history h2{color:#333;font-size:1.3rem;margin:0 0 20px}.empty-text{color:#999;padding:30px;text-align:center}.notif-table{overflow-x:auto}.notif-table table{border-collapse:collapse;min-width:700px;width:100%}.notif-table thead{background:#f8f9fa}.notif-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px 15px;text-align:left}.notif-table td{border-bottom:1px solid #dee2e6;padding:12px 15px;vertical-align:top}.notif-table tbody tr:hover{background:#f8f9fa}.type-badge{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 10px;white-space:nowrap}.type-badge.broadcast{background:#e7f1ff;color:#0056b3}.type-badge.individual{background:#e8f5e9;color:#2e7d32}.notif-title-cell{font-weight:600;max-width:200px}.notif-content-cell,.notif-title-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-content-cell{color:#666;max-width:300px}.admin-notifications .delete-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background .3s}.admin-notifications .delete-btn:hover{background:#c82333}.admin-notifications .back-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.admin-notifications .back-btn:hover{background:#5a6268}@media (max-width:768px){.admin-notifications{padding:15px}.admin-notifications .page-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1 1}.type-selector{flex-direction:column}}.user-notifications{margin:0 auto;max-width:800px;padding:20px}.notif-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:25px}.notif-page-header h1{color:#333;font-size:1.6rem;margin:0}.mark-all-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background .3s}.mark-all-btn:hover{background:#0056b3}.notif-empty{color:#999;padding:60px 20px;text-align:center}.notif-empty-icon{display:block;font-size:3rem;margin-bottom:15px}.notif-empty p{font-size:1.1rem}.notif-list{display:flex;flex-direction:column;gap:10px}.notif-card{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.notif-card:hover{box-shadow:0 2px 8px #0000001f}.notif-card.unread{background:#f0f7ff;border-left:4px solid #007bff}.notif-card-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.notif-card-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.unread-dot{background:#007bff;border-radius:50%;flex-shrink:0;height:10px;width:10px}.notif-card-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 4px}.notif-card.unread .notif-card-title{color:#007bff}.notif-card-meta{color:#999;font-size:.8rem}.notif-chevron{color:#999;flex-shrink:0;font-size:.7rem;margin-left:10px;transition:transform .2s}.notif-chevron.open{transform:rotate(180deg)}.notif-card-body{border-top:1px solid #eee;margin-top:-2px;padding:14px 20px 18px}.notif-card-body p{color:#555;line-height:1.6;margin:0;white-space:pre-wrap}.notif-translated{background:#f0f7ff;border-left:3px solid #007bff;border-radius:0 8px 8px 0;margin-top:12px;padding:12px}.notif-translated strong{color:#171717;display:block;margin-bottom:4px}.notif-translated p{color:#333;margin:0;white-space:pre-wrap}.btn-translate-notif{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:20px;color:#555;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;margin-top:10px;padding:5px 12px;transition:all .2s}.btn-translate-notif:hover{background:#eee;border-color:#ccc}.btn-translate-notif.active{background:#e8f4fd;border-color:#007bff;color:#007bff}.btn-translate-notif:disabled{cursor:wait;opacity:.6}@media (max-width:768px){.user-notifications{padding:15px}.notif-page-header{align-items:flex-start;flex-direction:column}.notif-card-header{padding:14px 16px}.notif-card-body{padding:0 16px 14px}}.install-prompt{animation:slideUp .3s ease;bottom:70px;left:0;padding:12px 16px;position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.install-prompt__content{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;gap:12px;margin:0 auto;max-width:500px;padding:14px 16px}.install-prompt__icon{border-radius:10px;flex-shrink:0;height:44px;width:44px}.install-prompt__text{display:flex;flex:1 1;flex-direction:column;gap:2px}.install-prompt__text strong{color:#333;font-size:14px}.install-prompt__text span{color:#666;font-size:12px}.install-prompt__actions{display:flex;flex-direction:column;flex-shrink:0;gap:4px}.install-prompt__btn{background:#007782;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.install-prompt__btn:active{background:#005f68}.install-prompt__dismiss{background:none;border:none;color:#999;cursor:pointer;font-size:11px;padding:2px}@media (max-width:480px){.install-prompt{bottom:65px;padding:8px 12px}}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.main-content{flex:1 1;overflow:visible;padding-bottom:60px;padding-top:96px}.container{margin:0 auto;max-width:1200px;overflow:visible;padding:0 20px}.btn-primary{background-color:#ff6b9d;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s}.btn-primary:hover{background-color:#e91e63;box-shadow:0 4px 12px #ff6b9d66;transform:translateY(-2px)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#4ecdc4;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s}.btn-secondary:hover{background-color:#26a69a;transform:translateY(-2px)}.btn-danger{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.btn-danger:hover{background-color:#c82333}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;margin-bottom:20px;padding:12px}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin-bottom:20px;padding:12px}.loading{font-size:18px}.loading,.no-results{color:#666;padding:40px;text-align:center}
/*# sourceMappingURL=main.b8422035.css.map*/