@import"https://fonts.googleapis.com/css2?family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-secondary-dark: #475569;--color-secondary-light: #94a3b8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-white: #ffffff;--color-black: #000000;--font-family-headings: "Sansation", sans-serif;--font-family-body: "Poppins", sans-serif;--font-family-mono: "Fira Code", "Monaco", "Cascadia Code", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Droid Sans Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}html{scroll-behavior:smooth;font-size:16px}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary);font-weight:600}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:600}h3{font-size:var(--text-lg);font-weight:600}h4{font-size:var(--text-base);font-weight:600}h5{font-size:var(--text-sm);font-weight:600}h6{font-size:var(--text-xs);font-weight:600}p{margin:0;color:var(--text-primary)}a{font-family:var(--font-family-body);color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}ul,ol{font-family:var(--font-family-body);padding-left:var(--space-6);margin-bottom:var(--space-4)}li{font-family:var(--font-family-body);margin-bottom:var(--space-1)}code{font-family:var(--font-family-mono);font-size:.875em;background-color:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}pre{font-family:var(--font-family-mono);background-color:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background:none;padding:0}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}th{font-weight:var(--font-semibold);background-color:var(--color-gray-50)}button{font-family:var(--font-family-body);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;border:none;outline:none}label{font-family:var(--font-family-body);font-weight:var(--font-medium);color:var(--color-gray-700)}span,div{font-family:var(--font-family-body)}::selection{background-color:var(--color-primary);color:var(--color-white)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray-50)}::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5in}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.toast{position:fixed;top:20px;right:-400px;width:380px;max-width:calc(100vw - 40px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.toast-visible{right:20px;opacity:1;transform:translate(0)}.toast-exiting{right:-400px;opacity:0;transform:translate(100%)}.toast{display:flex;align-items:flex-start;padding:16px;gap:12px}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-top:2px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;min-width:0}.toast-title{margin:0 0 4px;font-size:14px;font-weight:600;color:#1e293b;line-height:1.4}.toast-message{margin:0;font-size:13px;color:#64748b;line-height:1.4}.toast-close{flex-shrink:0;width:24px;height:24px;background:none;border:none;color:#64748b;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:2px}.toast-close:hover{background:#64748b1a;color:#475569}.toast-close:active{background:#64748b26;color:#334155}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#64748b1a;overflow:hidden}.toast-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);animation:toast-progress linear forwards;transform-origin:left}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success .toast-progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.toast-error .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-info .toast-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb)}@media (max-width: 480px){.toast{width:calc(100vw - 40px);right:-100vw}.toast-visible{right:20px}.toast-exiting{right:-100vw}}.toast+.toast{margin-top:12px}.toast:hover{transform:translate(0) translateY(-2px);box-shadow:0 12px 40px #00000026}.toast-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.toast{background:#fff!important;border-color:#e2e8f0!important}.toast:nth-child(1){animation-delay:0ms}.toast:nth-child(2){animation-delay:.1s}.toast:nth-child(3){animation-delay:.2s}.toast:nth-child(4){animation-delay:.3s}.toast:nth-child(5){animation-delay:.4s}.custom-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;overflow:hidden}.custom-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;pointer-events:none}.custom-button:hover:before{left:100%}.custom-button{height:48px;padding:12px 16px;font-size:14px}.button-sm{height:36px;padding:8px 12px;font-size:13px}.button-lg{height:56px;padding:16px 20px;font-size:16px}.button-primary{background-color:#23496c;color:#fff;border:1px solid #23496C}.button-primary:hover:not(.button-disabled){background-color:#1a3a5a;border-color:#1a3a5a;transform:translateY(-1px)}.button-primary:active:not(.button-disabled){transform:translateY(0)}.button-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.button-secondary:hover:not(.button-disabled){background-color:#e5e7eb;border-color:#9ca3af}.button-outline{background-color:transparent;color:#23496c;border:1px solid #23496C}.button-outline:hover:not(.button-disabled){background-color:#23496c;color:#e2f3fd}.button-ghost{background-color:transparent;color:#23496c;border:1px solid transparent}.button-ghost:hover:not(.button-disabled){background-color:#23496c1a;border-color:#23496c33}.button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button-disabled:hover{transform:none!important;box-shadow:none!important}.button-full-width{width:100%}.button-content{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.button-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.button-icon-left{order:1}.button-icon-right{order:3}.button-text{display:flex;gap:5px;align-items:center;justify-content:center;order:2;flex-shrink:0}.button-loading{position:relative;color:transparent}.button-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:button-spin 1s linear infinite}.button-loading-content{display:flex;align-items:center;justify-content:center;gap:8px}.button-loading-text{font-size:14px;font-weight:500}.button-loading-dots{display:flex;gap:2px}.button-loading-dots span{width:3px;height:3px;background-color:currentColor;border-radius:50%;animation:button-loading-dots 1.4s infinite ease-in-out}.button-loading-dots span:nth-child(1){animation-delay:-.32s}.button-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes button-loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.custom-button{height:44px;padding:10px 14px;font-size:14px}.button-sm{height:32px;padding:6px 10px;font-size:12px}.button-lg{height:48px;padding:12px 16px;font-size:15px}}.offline-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.offline-modal{background:#fff;border-radius:16px;max-width:400px;width:100%;box-shadow:0 10px 25px #00000026;animation:modalSlideIn .3s ease-out}.offline-modal-content{padding:40px 30px;text-align:center}.wifi-cut-icon{margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.offline-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:12px;font-family:Poppins,sans-serif}.offline-subtitle{font-size:1rem;color:#6b7280;margin-bottom:32px;line-height:1.5;font-family:Poppins,sans-serif}.offline-button-container{display:flex;justify-content:center}.retry-button{min-width:140px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.spin{animation:spin 1s linear infinite}@media (max-width: 480px){.offline-modal{margin:20px;border-radius:12px}.offline-modal-content{padding:30px 20px}.offline-title{font-size:1.25rem}.offline-subtitle{font-size:.9rem}}.offline-indicator{position:fixed;left:50%;transform:translate(-50%);z-index:9999;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;font-family:Poppins,sans-serif;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}.offline-indicator.top{top:20px}.offline-indicator.bottom{bottom:20px}.offline-indicator.offline{background:#ef4444e6;color:#fff;animation:slideInDown .3s ease-out}.offline-indicator.online{background:#22c55ee6;color:#fff;animation:slideInDown .3s ease-out}.indicator-content{display:flex;align-items:center;gap:6px}.blink{animation:blink 1.5s ease-in-out infinite}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width: 480px){.offline-indicator{left:20px;right:20px;transform:none;text-align:center}}.notification-popup-overlay{position:absolute;top:calc(100% + 8px);right:-200px;z-index:1000;animation:fadeIn .2s ease-out}.notification-popup{background:#fff;width:420px;max-height:600px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideDown .3s ease-out;overflow:hidden;border:1px solid #e5e7eb}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{padding:20px 24px 16px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;background:#fff}.notification-header h3{margin:0;font-size:20px;font-weight:600;color:#111827;font-family:Poppins,sans-serif}.notification-header-actions{display:flex;align-items:center;gap:12px}.mark-all-read-btn{background:none;border:none;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.mark-all-read-btn:hover{background:#f0f9ff;color:#2563eb}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f9fafb;color:#6b7280}.notifications-list{max-height:450px;overflow-y:auto;background:#fff}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f9fafb}.notifications-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notification-item{display:flex;align-items:flex-start;padding:16px 24px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:all .2s;position:relative}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f8fafc}.notification-item.unread:hover{background:#f1f5f9}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;color:#fff}.notification-content{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.notification-description{font-size:14px;color:#6b7280;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:12px;color:#9ca3af;font-weight:500}.unread-dot{position:absolute;top:20px;right:24px;width:8px;height:8px;background:#3b82f6;border-radius:50%;flex-shrink:0}.no-notifications{padding:60px 40px;text-align:center;background:#fff}.no-notifications-icon{margin-bottom:16px;display:flex;justify-content:center;opacity:.4}.no-notifications-icon svg{color:#9ca3af}.no-notifications h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151;font-family:Poppins,sans-serif}.no-notifications p{margin:0;font-size:14px;color:#6b7280}.notification-footer{padding:16px 24px;border-top:1px solid #f3f4f6;background:#f9fafb}.clear-all-btn{width:100%;background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:10px 16px;border-radius:8px;transition:all .2s}.clear-all-btn:hover{background:#e5e7eb;color:#374151;border-color:#d1d5db}@media (max-width: 640px){.notification-popup-overlay{right:-20px}.notification-popup{width:95%;max-width:380px;margin:0 auto}.notification-header{padding:16px 20px 12px}.notification-item{padding:14px 20px}.no-notifications{padding:40px 30px}.notification-footer{padding:12px 20px}}.header{background-color:#e2f3fd;border-bottom:1px solid #e5e7eb;width:100%}.top-nav{background-color:#e2f3fd;border-bottom:none}.top-nav-container{margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.left-section{display:flex;align-items:center;gap:35px}.logo-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.brand-name{font-size:22px;font-weight:600;color:#111827}.logo-image{height:45px;width:auto;max-width:160px;object-fit:contain}.desktop-logo{display:block}.mobile-logo{display:none}@media (max-width: 768px){.desktop-logo{display:none}.mobile-logo{display:block;height:35px;max-width:120px}}.nav-categories{display:flex;align-items:center}.nav-category{display:flex;align-items:center;gap:8px;text-decoration:none;color:#6b7280;font-size:16px;font-weight:500;border-radius:6px;transition:all .2s ease;padding:8px 12px}.nav-category:hover{color:#374151}.nav-category.active{background-color:#23496c;color:#fff}.nav-category.active:hover{background-color:#1a3a5a;color:#fff}.right-section{display:flex;align-items:center;gap:15px}.nav-icon{position:relative;display:flex;align-items:center;justify-content:center;height:48px;border-radius:50%;background-color:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-icon:hover{color:#374151}.nav-icon svg{width:24px;height:24px}.notification-red-dot{position:absolute;top:9px;right:0;width:12px;height:12px;background:#ef4444;border-radius:50%;border:2px solid #E2F3FD;animation:pulseNotification 2s ease-in-out infinite}@keyframes pulseNotification{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid white}.notification-red{animation:pulseRed 2s ease-in-out infinite;background-color:#dc2626!important}@keyframes pulseRed{0%{transform:scale(1);background-color:#dc2626}50%{transform:scale(1.1);background-color:#ef4444;box-shadow:0 0 8px #dc262680}to{transform:scale(1);background-color:#dc2626}}.auth-links{display:flex;align-items:center;gap:8px;margin-right:16px}.auth-link{color:#374151;text-decoration:none;font-size:16px;font-weight:500;transition:color .2s ease}.auth-link:hover{color:#1f2937}.auth-separator{color:#9ca3af;font-size:16px;font-weight:400}.sell-btn{padding:6px 12px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#4285f4 0,#4285f4 25%,#34a853 25%,#34a853 50%,#fbbc05 50%,#fbbc05 75%,#ea4335 75%,#ea4335) border-box;color:#222;font-size:.9rem;font-weight:600;border:3px solid transparent;border-radius:100px;transition:all .3s ease;text-decoration:none}.sell-btn:hover{color:#222;border-radius:20px}.user-menu-container{position:relative}.user-profile{background-color:transparent;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:40px;min-height:40px;position:relative}.nav-profile-img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;display:block!important;position:absolute;top:0;left:0;z-index:1;opacity:1!important;visibility:visible!important;transition:opacity .3s ease}.nav-profile-img.loading{opacity:0}.nav-profile-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background-color:#f3f4f6;position:absolute;top:0;left:0;z-index:1}.profile-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background-color:#f3f4f6}.profile-img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;transition:opacity .3s ease}.profile-img.loading{opacity:0}.profile-container{display:flex;align-items:center;gap:12px;flex-shrink:0}.profile-icon{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.profile-icon img{width:100%;height:100%;object-fit:cover}.profile-initials{width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;text-transform:uppercase}.user-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;width:320px;z-index:1000;margin-top:8px;overflow:hidden}.user-menu-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;gap:12px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.header-user-info{display:flex;flex-direction:column;flex:1}.user-full-name{font-weight:600;color:#111827;font-size:16px;margin-bottom:4px}.view-profile-link{color:#6b7280;font-size:14px;text-decoration:underline;cursor:pointer}.view-profile-link:hover{color:#374151}.promo-banner{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s ease}.promo-banner:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.promo-icon{width:32px;height:32px;background-color:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.promo-content{flex:1}.promo-title{font-weight:600;color:#111827;font-size:14px;margin-bottom:2px}.promo-subtitle{color:#6b7280;font-size:12px}.promo-arrow{color:#6b7280;flex-shrink:0}.user-menu-divider{height:1px;background-color:#f3f4f6;margin:0}.user-menu-items{padding:8px 0}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;text-decoration:none;font-size:14px;background:none;border:none;width:100%;cursor:pointer;transition:background-color .2s ease}.user-menu-item:hover{background-color:#f9fafb}.user-menu-item span{font-weight:400}.logout-item{color:#374151;margin-top:4px;padding-top:12px}.logout-item:hover{background-color:#f9fafb}@media (max-width: 1024px){.top-nav-container{padding:0 16px}.left-section{gap:20px}.nav-categories{display:none}.right-section{gap:12px}}@media (max-width: 768px){.top-nav-container{height:56px;padding:0 12px}.brand-name{display:none}}.mobile-sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#fff;box-shadow:2px 0 10px #0000001a;z-index:1000;transition:left .3s ease;overflow-y:auto;padding-top:60px}.mobile-sidebar.open{left:0}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.mobile-sidebar-header{padding:15px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;margin-top:-60px}.mobile-sidebar-close{display:none}.mobile-user-info{display:flex;align-items:center;gap:12px;margin-top:5px}.mobile-user-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#6b7280;flex-shrink:0;border:2px solid #e5e7eb}.mobile-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mobile-user-details{flex:1;min-width:0;overflow:hidden}.mobile-user-name{font-size:16px;font-weight:600;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.mobile-user-email{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.mobile-sidebar-content{padding:15px 20px;display:flex;flex-direction:column;gap:4px}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 0;color:#374151;text-decoration:none;border-bottom:1px solid #f3f4f6;transition:all .2s;border-radius:6px;margin-bottom:2px}.mobile-menu-item:hover{color:#1f2937;background:#f9fafb;margin:0 -20px;padding:15px 20px;border-radius:0}.mobile-menu-item svg{width:20px;height:20px}.mobile-menu-item.logout{color:#dc2626;border-bottom:none;background:transparent;border-radius:8px;margin:15px 0 0;border:none;transition:all .2s;font-weight:500}.mobile-menu-item.logout:hover{background:#fef2f2;color:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc26261a}.mobile-menu-item.logout svg{color:#dc2626}@media (max-width: 768px){.user-menu-dropdown{display:none!important}.user-profile{position:relative}}@media (min-width: 769px){.mobile-sidebar,.mobile-sidebar-overlay{display:none!important}}.mobile-secondary-header{display:none;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px;position:sticky;top:0;z-index:100}.mobile-secondary-nav{display:flex;align-items:center;gap:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-secondary-nav::-webkit-scrollbar{display:none}.mobile-nav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border-radius:20px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s;border:1px solid transparent}.mobile-nav-item:hover,.mobile-nav-item.active{background:#23496c;color:#fff;border-color:#23496c}.mobile-nav-item svg{width:16px;height:16px}@media (max-width: 768px){.mobile-secondary-header{display:block}.nav-categories{display:none}}.footer{background:#f8f9fa;color:#333;padding:60px 0 0;margin-top:auto;border-top:1px solid #e9ecef}.footer-content{padding:0 50px;display:flex;justify-content:space-between;gap:20px}.footer-left{display:flex;gap:60px;flex:1}.footer-column{flex:1}.footer-column h3{color:#333;font-size:18px;font-weight:700;margin-bottom:24px;letter-spacing:.5px;font-family:Sansation,sans-serif}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:12px}.footer-column a{color:#666;text-decoration:none;font-size:14px;font-weight:400;transition:color .2s ease}.footer-column a:hover{color:#007bff}.footer-right{flex:0 0 280px;display:flex;flex-direction:column;align-items:center}.connect-section h3{color:#333;font-size:18px;font-weight:700;margin-bottom:24px;letter-spacing:.5px;font-family:Sansation,sans-serif;text-align:start}.social-icons{display:flex;gap:16px;flex-wrap:wrap;justify-content:start;margin-bottom:20px}.social-icons .x{background:#000}.social-icon{width:37px;height:37px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s ease}.social-icon:hover{transform:scale(1.1)}.follow-description{text-align:center}.follow-description p{color:#666;font-size:14px;text-align:start;margin:0;max-width:250px}.footer-bottom{background:#e9ecef;border-top:1px solid #dee2e6;padding:20px 0;margin-top:40px}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.footer-copyright p{color:#666;font-size:14px;margin:0}.footer-legal-links{display:flex;align-items:center;gap:12px;font-size:13px}.footer-legal-links a{color:#666;text-decoration:none;transition:color .2s ease}.footer-legal-links a:hover{color:#007bff}.footer-legal-links span{color:#999}@media (max-width: 1024px){.footer-content{flex-direction:column;gap:40px}.footer-left{gap:40px}.footer-right{flex:none;align-items:center}}@media (max-width: 768px){.footer{padding:40px 0 0}.footer-content{padding:0 16px}.footer-left{flex-direction:column;gap:32px}.footer-bottom-content{flex-direction:column;gap:16px;text-align:center}.footer-legal-links{justify-content:center}}.home{min-height:100vh}.search-section{background-color:#fff;padding:16px 20px;border-bottom:none}.search-flex{display:flex;gap:8px;margin:0 auto;align-items:stretch}.dropdown-container{display:flex;align-items:center;padding:0 12px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:180px;height:48px;transition:all .2s ease;position:relative}.dropdown-container:focus-within{border-color:#2563eb}.dropdown-container svg{color:#6b7280;pointer-events:none;flex-shrink:0;margin-right:8px}.dropdown-container .custom-select-wrapper{flex:1;height:100%}.dropdown-container .custom-select-input{border:none;background:none;outline:none;font-size:14px;color:#374151;cursor:pointer;flex:1;height:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:28px;padding-left:0}.dropdown-container .custom-select-input:focus{outline:none;box-shadow:none!important}.dropdown-container .custom-select-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.dropdown-container .custom-select-option{padding:12px 16px;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s ease}.dropdown-container .custom-select-option:hover{background-color:#f3f4f6}.dropdown-container .custom-select-option.selected{background-color:#2563eb;color:#fff}.location-dropdown{border:none;background:none;outline:none;font-size:14px;color:#374151;cursor:pointer;flex:1;height:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:28px}.location-dropdown:focus{outline:none;box-shadow:none!important}.location-dropdown option{padding:12px 16px;background:#fff;color:#374151;border:none;font-size:14px;margin-top:4px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.search-input-container{position:relative;flex:4}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:400px;overflow-y:auto;z-index:1000;margin-top:4px}.suggestion-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f5f5f5}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-product{gap:12px}.suggestion-image{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.suggestion-image img{width:100%;height:100%;object-fit:cover}.suggestion-image-placeholder{color:#999;display:flex;align-items:center;justify-content:center}.suggestion-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.suggestion-title{font-weight:500;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-category{font-size:12px;color:#666}.no-results-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:#fff;text-align:center}.no-results-icon{width:48px;height:48px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#666;position:relative}.no-results-icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px}.no-results-text{display:flex;flex-direction:column;gap:4px}.no-results-title{font-weight:600;color:#333;font-size:16px}.no-results-subtitle{font-size:14px;color:#666}.search-suggestions::-webkit-scrollbar{width:4px}.search-suggestions::-webkit-scrollbar-track{background:#f1f5f9}.search-suggestions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.search-suggestions::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-btn{display:flex;align-items:center;gap:6px;padding:0 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:95px;justify-content:center;height:48px}.search-btn:hover{background-color:#111827}.categories-section{background-color:#fff;padding:12px 0}.categories-container{max-width:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:30px;overflow-x:auto}.category-item{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:6px;text-decoration:none;color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s ease;background:none;border:none;cursor:pointer}.category-item:hover{background-color:#f9fafb;color:#374151}.category-item.active{background-color:#eff6ff;color:#2563eb;font-weight:600}.hero-banner{padding:0 20px;margin-bottom:40px}.hero-banner-container{margin:0 auto;display:flex;align-items:center;min-height:300px;border-radius:12px;overflow:hidden;position:relative;background-image:url(https://images.unsplash.com/photo-1441986300917-64674bd600d8?q=80&w=1400&auto=format&fit=crop);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-banner-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f29374d,#37415133);z-index:1}.hero-content{flex:1;padding:40px 50px;color:#fff;z-index:2;position:relative}.hero-content h1{font-size:42px;font-weight:700;margin-bottom:16px;color:#fff}.hero-content p{font-size:18px;color:#e5e7eb;margin-bottom:32px}.hero-cta-button{display:inline-flex;align-items:center;padding:12px 24px;background-color:#3b82f6;color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease}.hero-cta-button:hover{background-color:#2563eb;color:#fff}.hero-image{display:none}@media (max-width: 1024px){.hero-banner{padding:0 15px}.hero-banner-container{min-height:280px}.hero-content{padding:30px 40px}.hero-content h1{font-size:36px}.hero-content p{font-size:16px}}@media (max-width: 768px){.hero-banner{padding:0 15px}.hero-banner-container{min-height:250px}.hero-content{padding:30px 25px;text-align:center;width:100%}.hero-content h1{font-size:28px}.hero-content p{font-size:15px;margin-bottom:24px}}@media (max-width: 480px){.hero-banner{padding:0 10px}.hero-content{padding:25px 20px}.hero-content h1{font-size:24px}.hero-content p{font-size:14px}}.categories-grid-section{padding:40px 20px;background-color:#fff}.categories-grid-container{margin:0 auto}.categories-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}.category-grid-item{display:block;padding:16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:#374151;transition:all .3s ease}.category-grid-item:hover{background-color:#f9fafb;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-content{display:flex;align-items:center;gap:12px;height:100%}.category-grid-item .category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}.category-grid-item:nth-child(1) .category-icon{background-color:#fce7f3;color:#ec4899}.category-grid-item:nth-child(2) .category-icon{background-color:#dcfce7;color:#16a34a}.category-grid-item:nth-child(3) .category-icon{background-color:#dbeafe;color:#2563eb}.category-grid-item:nth-child(4) .category-icon{background-color:#fef3c7;color:#d97706}.category-grid-item:nth-child(5) .category-icon{background-color:#f3e8ff;color:#9333ea}.category-grid-item:nth-child(6) .category-icon{background-color:#fecaca;color:#dc2626}.category-grid-item:nth-child(7) .category-icon{background-color:#e0f2fe;color:#0891b2}.category-grid-item:nth-child(8) .category-icon{background-color:#f0fdf4;color:#15803d}.category-grid-item:nth-child(9) .category-icon{background-color:#fef7ff;color:#a21caf}.category-grid-item:nth-child(10) .category-icon{background-color:#f1f5f9;color:#475569}.category-grid-item:nth-child(11) .category-icon{background-color:#fef2f2;color:#ef4444}.category-grid-item:nth-child(12) .category-icon{background-color:#f0f9ff;color:#0ea5e9}.category-grid-item:nth-child(13) .category-icon{background-color:#fefce8;color:#eab308}.category-grid-item:nth-child(14) .category-icon{background-color:#f7fee7;color:#65a30d}.category-grid-item:nth-child(15) .category-icon{background-color:#faf5ff;color:#8b5cf6}.category-grid-item:nth-child(1):hover .category-icon{background-color:#f9a8d4;color:#be185d}.category-grid-item:nth-child(2):hover .category-icon{background-color:#bbf7d0;color:#15803d}.category-grid-item:nth-child(3):hover .category-icon{background-color:#bfdbfe;color:#1d4ed8}.category-grid-item:nth-child(4):hover .category-icon{background-color:#fde68a;color:#b45309}.category-grid-item:nth-child(5):hover .category-icon{background-color:#e9d5ff;color:#7c3aed}.category-grid-item:nth-child(6):hover .category-icon{background-color:#fca5a5;color:#b91c1c}.category-grid-item:nth-child(7):hover .category-icon{background-color:#bae6fd;color:#0e7490}.category-grid-item:nth-child(8):hover .category-icon{background-color:#dcfce7;color:#166534}.category-grid-item:nth-child(9):hover .category-icon{background-color:#f5d0fe;color:#86198f}.category-grid-item:nth-child(10):hover .category-icon{background-color:#e2e8f0;color:#334155}.category-grid-item:nth-child(11):hover .category-icon{background-color:#fecaca;color:#dc2626}.category-grid-item:nth-child(12):hover .category-icon{background-color:#bae6fd;color:#0284c7}.category-grid-item:nth-child(13):hover .category-icon{background-color:#fef08a;color:#ca8a04}.category-grid-item:nth-child(14):hover .category-icon{background-color:#d9f99d;color:#4d7c0f}.category-grid-item:nth-child(15):hover .category-icon{background-color:#e9d5ff;color:#7c3aed}.category-text{display:flex;flex-direction:column;gap:2px}.category-name{font-size:14px;font-weight:600;color:#374151}.category-count{font-size:12px;color:#6b7280}.category-grid-item:hover .category-name{color:#3b82f6}@media (max-width: 1200px){.categories-grid{grid-template-columns:repeat(5,1fr);gap:14px}}@media (max-width: 1024px){.categories-grid{grid-template-columns:repeat(4,1fr);gap:14px}.category-grid-item{padding:14px 12px}.category-grid-item .category-icon{width:36px;height:36px}.category-name{font-size:13px}.category-count{font-size:11px}}@media (max-width: 768px){.categories-grid-section{padding:30px 15px}.categories-grid{grid-template-columns:repeat(3,1fr);gap:12px}.category-grid-item{padding:12px 10px}.category-grid-item .category-icon{width:32px;height:32px}.category-name{font-size:12px}.category-count{font-size:10px}}@media (max-width: 480px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-grid-item{padding:12px 8px}}.container{margin:0 auto;padding:0 8px}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.hero-content h1{font-size:48px;font-weight:700;margin-bottom:16px}.hero-content p{font-size:20px;margin-bottom:32px;opacity:.9}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:60px}.cta-primary,.cta-secondary{padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s}.cta-primary{background:#fff;color:#2563eb}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.cta-secondary{background:transparent;color:#fff;border:2px solid white}.cta-secondary:hover{background:#fff;color:#2563eb}.hero-stats{display:flex;justify-content:center;gap:60px;max-width:600px;margin:0 auto}.stat{text-align:center}.stat-number{display:block;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{font-size:14px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.categories{padding:80px 0;background:#f8fafc}.categories h2{text-align:center;font-size:36px;font-weight:700;margin-bottom:48px;color:#1e293b}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.category-card{background:#fff;padding:32px 24px;border-radius:12px;text-align:center;text-decoration:none;transition:all .3s;border:1px solid #e2e8f0}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.category-icon{font-size:48px;display:block}.category-card h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.category-card p{color:#64748b;font-size:14px;margin:0}.featured-items-section{padding:40px 20px;background-color:#fff}.featured-items-container{max-width:1400px;margin:0 auto}.featured-items{padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.section-header h2{font-size:36px;font-weight:700;color:#1e293b;margin:0}.view-all{color:#2563eb;text-decoration:none;font-weight:600;font-size:16px;padding:8px 16px;border:2px solid #2563eb;border-radius:8px;transition:all .2s}.view-all:hover{background:#2563eb;color:#fff}.items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1200px){.items-grid{grid-template-columns:repeat(3,1fr)}}.item-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .2s ease}.item-content h3{font-size:16px;font-weight:600;color:#6b7280;margin:0 0 8px}.cta-section{background:linear-gradient(135deg,#1e3a8a,#3730a3);color:#fff;padding:80px 0;text-align:center}.cta-content h2{font-size:36px;font-weight:700;margin-bottom:16px}.cta-content p{font-size:18px;margin-bottom:32px;opacity:.9}.cta-button{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#1e3a8a;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}@media (max-width: 768px){.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:24px}.categories h2,.section-header h2,.cta-content h2{font-size:28px}.section-header{flex-direction:column;gap:16px;text-align:center}.category-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.items-grid{grid-template-columns:1fr}.item-meta{flex-direction:column;gap:8px;align-items:flex-start}}.category-card.loading,.item-card.loading{pointer-events:none}.category-icon-skeleton{width:48px;height:48px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:50%;margin-bottom:1rem}.category-text-skeleton{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.item-image-skeleton{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.title-skeleton{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.price-skeleton{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:12px;width:60%}.condition-skeleton,.time-skeleton{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;width:40%}.stats-skeleton{display:flex;justify-content:space-between;align-items:center}.views-skeleton,.badge-skeleton{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;width:30%}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.search-section{padding:20px 16px}.search-flex{flex-direction:column;gap:12px}.dropdown-container,.search-input-container{width:100%}.search-btn{width:100%;justify-content:center}.search-suggestions{margin-top:0;border-radius:0 0 8px 8px}.suggestion-item{padding:16px}.suggestion-image{width:36px;height:36px}.suggestion-title{font-size:13px}.suggestion-category{font-size:11px}}.home-location-dropdown{width:auto!important;min-width:250px;max-width:100%}.home-location-dropdown .custom-dropdown{width:auto!important}.custom-dropdown{width:100%;margin-bottom:16px;position:relative}.dropdown-wrapper{position:relative;display:flex;align-items:center;width:100%}.dropdown-wrapper.has-icon{position:relative}.dropdown-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1;display:flex;align-items:center;justify-content:center}.dropdown-icon svg{width:18px;height:18px;color:#9ca3af}.custom-dropdown-input{width:100%;height:48px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:Poppins,sans-serif;color:#111827;background-color:#fff;outline:none;transition:all .2s ease;box-sizing:border-box;cursor:pointer;position:relative}.custom-dropdown-input:focus{border-color:#23496c;box-shadow:0 0 0 3px #23496c1a}.custom-dropdown-input.dropdown-open{border-color:#23496c;box-shadow:0 0 0 3px #23496c1a}.custom-dropdown-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.dropdown-full-width{width:100%}.dropdown-wrapper.has-icon .custom-dropdown-input{padding-left:40px}.dropdown-placeholder{color:#9ca3af;font-family:Poppins,sans-serif;font-size:16px;display:block;padding-right:25px}.dropdown-placeholder.selected{color:#111827}.dropdown-arrow{position:absolute;display:flex;align-items:center;justify-content:center;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s ease;color:#9ca3af}.dropdown-arrow svg{color:#9ca3af}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;max-height:200px;overflow-y:auto;overflow-x:hidden}.dropdown-search-container{padding:10px}.dropdown-search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:Poppins,sans-serif;color:#111827;background-color:#fff;outline:none;transition:border-color .2s ease}.dropdown-search-input:focus{border-color:#23496c;box-shadow:0 0 0 2px #23496c1a}.dropdown-search-input::placeholder{color:#9ca3af}.dropdown-no-results{padding:12px 16px;color:#6b7280;font-size:14px;font-family:Poppins,sans-serif;text-align:center;font-style:italic}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dropdown-option{padding:12px 16px;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;color:#111827;transition:background-color .2s ease;border-radius:0}.dropdown-option:first-child{border-radius:0}.dropdown-option:last-child{border-radius:0 0 8px 8px}.dropdown-option:hover{background-color:#f9fafb}.dropdown-option.selected{background-color:#23496c;color:#fff}@media (max-width: 768px){.custom-dropdown-input{font-size:16px}}.custom-dropdown-input:disabled{opacity:.6;cursor:not-allowed}.input-container{width:100%;margin-bottom:16px}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-wrapper.has-icon,.input-wrapper.has-password-toggle{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1;display:flex;align-items:center;justify-content:center}.input-icon svg{width:20px;height:20px;color:#9ca3af}.custom-input{width:100%;height:48px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:Poppins,sans-serif;color:#111827;background-color:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.custom-input:focus{border-color:#23496c;box-shadow:0 0 0 3px #23496c1a}.custom-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.custom-input.input-full-width{width:100%}.input-wrapper.has-icon .custom-input{padding-left:40px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease;z-index:1;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#374151}.password-toggle:disabled{color:#9ca3af;cursor:not-allowed}.input-wrapper.has-password-toggle .custom-input{padding-right:48px}.custom-input::placeholder{color:#9ca3af;font-family:Poppins,sans-serif;font-size:15px}@media (max-width: 768px){.custom-input{font-size:16px}}.custom-input:disabled{opacity:.6;cursor:not-allowed}.custom-input[readonly]{background-color:#f9fafb;color:#6b7280}.custom-input.input-loading{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.input-loading-dots{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;gap:2px;z-index:1}.input-loading-dots span{width:4px;height:4px;background-color:#6b7280;border-radius:50%;animation:loading-dots 1.4s infinite ease-in-out}.input-loading-dots span:nth-child(1){animation-delay:-.32s}.input-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.auction-bid-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.auction-bid-modal-content{background:#fff;border-radius:12px;width:50vw;height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.auction-bid-modal-header{position:sticky;top:0;z-index:10;flex-shrink:0;background:#fff;border-radius:12px 12px 0 0;padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.auction-bid-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.auction-bid-modal-body{flex:1;overflow-y:auto;padding:0}.auction-bid-modal-close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;transition:all .2s ease}.auction-bid-modal-close:hover{background:#f1f5f9;color:#374151}.auction-current-bid-info{padding:24px;background:#fff;color:#1f2937;text-align:left}.auction-bid-amount-display{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:8px}.auction-current-amount{font-size:36px;font-weight:700;color:#1f2937}.auction-bid-time{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#64748b}.auction-bid-time span:first-child{font-weight:500;color:#374151}.auction-bid-time span:last-child{font-size:12px;color:#9ca3af}.auction-bid-history-section{padding:16px 24px}.auction-bid-history-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.auction-bid-history-list{display:flex;flex-direction:column;gap:8px}.auction-bid-history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.auction-bidder-info{display:flex;align-items:center;gap:12px}.auction-bidder-avatar-small{width:35px;height:35px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.auction-bidder-avatar-small img{width:100%;height:100%;border-radius:50%;object-fit:cover}.auction-bidder-name{font-size:14px;font-weight:500;color:#1f2937}.auction-bidder-join-date{font-size:12px;color:#64748b;margin-top:2px}.auction-bid-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.auction-bid-amount{color:#059669;font-weight:600;font-size:14px}.auction-bid-time{font-size:12px;color:#64748b}.auction-bid-trend-section{padding:20px 24px}.auction-bid-trend-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.auction-bid-graph{background:#f8fafc;border-radius:8px;padding:16px}.auction-top-bidders-section{padding:16px 24px}.auction-top-bidders-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.auction-top-bidders-divider,.auction-top-bidders-divider-top{height:1px;background:#e2e8f0;margin:0 24px}.auction-top-bidders-list{display:flex;flex-direction:column;gap:0}.auction-top-bidder-item{display:flex;align-items:center;gap:12px}.auction-top-bidder-item:last-child{border-bottom:none}.auction-top-bidder-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.auction-top-bidder-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.auction-top-bidder-info{flex:1;display:flex;flex-direction:column;gap:2px}.auction-top-bidder-name{font-weight:600;color:#1f2937;font-size:16px}.auction-top-bidder-bid-count{color:#64748b;font-size:13px}.auction-top-bidder-amount{color:#059669;font-weight:700;font-size:18px}@media (max-width: 768px){.auction-bid-modal-content{max-width:98vw;height:85vh}.auction-bid-modal-header,.auction-current-bid-info,.auction-top-bidders-section,.auction-bid-history-section,.auction-bid-trend-section{padding:12px 16px}.auction-current-amount{font-size:28px}.auction-bid-graph{padding:12px}}.listings-page{min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.mobile-filter-toggle{display:none;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8f0}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{background:#e2e8f0}.listings-container{display:flex;width:100%;flex:1}.filters-sidebar{width:auto;background:#fff;border-right:1px solid #e2e8f0;height:100vh;position:sticky;top:0;overflow-y:auto;overflow-x:hidden;flex-shrink:0;display:flex;flex-direction:column}.filters-content{flex:1;overflow-y:auto;padding:0}.filters-sidebar>*{padding-left:24px;padding-right:24px}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-top:24px;background:#fff;position:sticky;top:0;z-index:10}.filter-actions{display:flex;align-items:center;gap:8px}.clear-filters-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#e2e8f0;color:#475569}.filters-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.close-filters{display:none;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-filters:hover{background:#f1f5f9;color:#1e293b}.filter-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px;padding:0;border:none;background:transparent}.coming-soon-badge{background:#fbbf24;color:#92400e;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}.price-range-container{display:flex;flex-direction:column;gap:16px}.price-range-slider{position:relative;width:100%;height:6px;background:#e2e8f0;border-radius:3px;margin:20px 0}.price-range-track{position:absolute;height:100%;background:#3b82f6;border-radius:3px;pointer-events:none}.price-range-input{position:absolute;width:100%;height:6px;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;outline:none;cursor:pointer}.price-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#3b82f6;cursor:pointer;pointer-events:all;border:2px solid white;box-shadow:0 2px 4px #0003;position:relative;z-index:2}.price-range-input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#3b82f6;cursor:pointer;pointer-events:all;border:2px solid white;box-shadow:0 2px 4px #0003}.price-range-input:active::-webkit-slider-thumb{transform:scale(1.1)}.price-range-input:active::-moz-range-thumb{transform:scale(1.1)}.price-range-values{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;color:#1e293b;min-width:80px;text-align:center}.price-range-separator{color:#64748b;font-weight:500;margin:0 8px}.price-inputs{display:flex;align-items:center;gap:12px}.price-input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease;background:#fafbfc}.price-input:focus{border-color:#3b82f6;background:#fff}.price-inputs span{color:#64748b;font-weight:500}.color-group{display:flex;gap:12px}.color-item{cursor:pointer;position:relative}.color-item input[type=checkbox]{display:none}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid #e2e8f0;transition:all .2s ease;display:block}.color-item input[type=checkbox]:checked+.color-swatch{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.rating-item{align-items:center}.rating-display{display:flex;gap:2px}.star-filled{color:#fbbf24;fill:currentColor}.rating-filter-group{display:flex;flex-direction:column;gap:8px}.rating-filter-item{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#475569;transition:color .2s ease;padding:8px 0;position:relative}.rating-filter-item:hover{color:#1e293b}.rating-filter-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.rating-filter-item .checkmark{height:18px;width:18px;background-color:#fff;border:2px solid #e2e8f0;border-radius:3px;position:relative;margin-right:8px;transition:all .2s ease;flex-shrink:0}.rating-filter-item input[type=checkbox]:checked+.checkmark{background-color:#3b82f6;border-color:#3b82f6}.rating-filter-item input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;display:block;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.rating-display{display:flex;align-items:center;gap:4px}.star-empty{color:#d1d5db;fill:none;stroke:#d1d5db}.rating-text{font-size:13px;color:#64748b;margin-left:4px}.rating-filter-group.disabled{opacity:.5;pointer-events:none}.rating-filter-item.disabled{cursor:not-allowed;opacity:.6}.rating-filter-item.disabled input[type=checkbox]{cursor:not-allowed}.listing-type-item{display:flex;align-items:center;gap:8px}.listings-main{flex:1;padding:24px;background:#fff;min-height:100vh}.listings-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:transparent;padding:20px 0;border-radius:0;box-shadow:none;border:none;border-bottom:1px solid #e5e7eb}.controls-left{display:flex;flex-direction:column;gap:4px}.controls-left .results-count{font-size:24px;font-weight:700;color:#1e293b;margin:0}.controls-left .results-subtitle{font-size:14px;color:#64748b;font-weight:400}.controls-right{display:flex;align-items:center;gap:24px}.sort-dropdown{display:flex;align-items:center;gap:8px;position:relative}.sort-dropdown label{font-size:14px;color:#64748b;font-weight:500}.sort-select{padding:12px 36px 12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;color:#1e293b;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:160px;transition:border-color .2s ease;box-shadow:none}.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sort-icon{position:absolute;right:12px;color:#64748b;pointer-events:none}.view-toggle{display:flex;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;box-shadow:none}.view-btn{padding:12px 16px;background:#fff;border:none;cursor:pointer;color:#64748b;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-right:1px solid #e5e7eb}.view-btn:last-child{border-right:none}.view-btn:hover{background:#f8fafc;color:#1e293b}.view-btn.active{background:#3b82f6;color:#fff}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;padding:16px 0}@media (max-width: 1200px){.items-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.items-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.items-grid{grid-template-columns:1fr}}.items-grid.list{grid-template-columns:1fr;gap:20px}.items-grid.list .item-card{display:flex;min-height:200px;height:auto}.items-grid.list .item-image{width:300px;height:280px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.items-grid.list .item-image img{width:100%;height:100%;object-fit:contain;object-position:center}.items-grid.list .item-content{flex:1;display:flex;flex-direction:column;padding:16px 20px;min-width:0}.items-grid.list .item-content h3{font-size:18px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.items-grid.list .item-description{color:#64748b;margin-bottom:8px;font-size:14px}.items-grid.list .item-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.items-grid.list .item-location{display:flex;align-items:center;gap:4px;color:#64748b;font-size:13px}.items-grid.list .item-date{display:flex;align-items:center;gap:4px;color:#94a3b8;font-size:13px}.items-grid.list .item-categories{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.item-category-badge{background-color:#f1f5f9;color:#475569;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}@media (max-width: 768px){.items-grid.list .item-card{height:auto;flex-direction:column}.items-grid.list .item-image{width:100%;height:200px}.items-grid.list .item-meta{flex-direction:column;align-items:flex-start;gap:8px}}.item-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .2s ease;position:relative;cursor:pointer}.item-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.item-image{position:relative;width:100%;height:200px;background:#f8f9fa;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:contain;object-position:left center;transition:transform .2s ease}.item-content{padding:16px}.item-content h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-price{font-size:18px;color:#1a1a1a;font-weight:600;font-family:Poppins,sans-serif;margin:0}.item-price-condition{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-condition{font-size:13px;color:#111827;font-weight:500}.item-location{font-size:13px;color:#6b7280;margin-bottom:6px}.item-time-views{display:flex;justify-content:space-between;align-items:center}.item-time{font-size:12px;color:#9ca3af}.item-views{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.item-views svg{width:14px;height:14px;color:#9ca3af}.item-actions{display:none;gap:8px;margin-top:12px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;background:none;white-space:nowrap;max-width:200px}.show-number-btn{border-color:#d1d5db;color:#374151}.show-number-btn:hover{border-color:#9ca3af;background-color:#f9fafb}.chat-btn{border-color:#3b82f6;color:#3b82f6;background-color:#3b82f6;color:#fff}.chat-btn:hover{background-color:#2563eb;border-color:#2563eb}.item-actions{display:none}.items-grid.list .item-actions{display:flex;margin-top:12px;width:100%}.item-meta{display:flex;justify-content:space-between;align-items:center}.item-type-badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.item-type-badge.sell{background-color:#dcfce7;color:#15803d}.item-type-badge.trade{background-color:#fef3c7;color:#d97706}.item-type-badge.bid{background-color:#e0e7ff;color:#4338ca}.item-type-badge.sell_trade{background-color:#f3e8ff;color:#7c3aed}.loading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.item-card.loading{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;position:relative;cursor:default}.item-content-skeleton{padding:16px}.title-skeleton{width:80%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;margin-bottom:8px;border-radius:4px}.price-skeleton{width:60%;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;margin-bottom:8px;border-radius:4px}.condition-skeleton,.time-skeleton{width:40%;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.views-skeleton,.badge-skeleton{width:30%;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.empty-state h3{font-size:20px;margin-bottom:8px;color:#1e293b}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px}.pagination-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pagination-number{width:40px;height:40px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width: 1024px){.items-grid{grid-template-columns:repeat(3,1fr);gap:20px}.loading-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.mobile-filter-toggle{display:block}.filters-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:1000;transition:left .3s ease;overflow-y:auto}.filters-sidebar.mobile-open{left:0}.close-filters{display:block}.mobile-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.listings-main{padding:16px}.listings-controls{flex-direction:column;gap:16px;align-items:flex-start;padding:16px 0}.controls-left .results-count{font-size:20px}.controls-right{justify-content:space-between;width:100%}.sort-select{min-width:140px}.items-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:8px 0}.item-image{height:180px}}@media (max-width: 480px){.filters-sidebar{width:100%;left:-100%}.filters-sidebar.mobile-open{left:0}.listings-main{padding:12px}.listings-controls{padding:12px 0}.controls-left .results-count{font-size:18px}.controls-left .results-subtitle{font-size:12px}.controls-right{flex-direction:column;gap:12px;align-items:stretch}.sort-dropdown{width:100%}.sort-select{width:100%;min-width:auto}.view-toggle{align-self:center}.item-content{padding:12px}.items-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 360px){.listings-controls{padding:8px 0}.controls-left .results-count{font-size:16px}.items-grid{gap:8px}}.featured-badge{position:absolute;top:12px;left:12px;background-color:#ffc107;color:#1e293b;font-weight:600;font-size:12px;border-radius:4px;padding:4px 8px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.items-grid.list .item-actions{flex-direction:row;flex-wrap:wrap}.action-btn{min-width:120px}}.item-category-badge.auction-badge{background-color:#e0e7ff;color:#4338ca}.welcome-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;background-image:linear-gradient(135deg,#23496c08,#23496c0d),radial-gradient(rgba(35,73,108,.1) 1px,transparent 1px),radial-gradient(rgba(35,73,108,.1) 1px,transparent 1px);background-size:100% 100%,20px 20px,20px 20px;background-position:0 0,0 0,10px 10px;display:flex;justify-content:center;align-items:center;z-index:2000;transition:opacity .8s ease;padding:20px}.welcome-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;width:100%}.welcome-overlay.exit-animation{opacity:0}.welcome-text{font-size:36px;font-weight:700;color:#23496c;margin-bottom:16px;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease-in-out .5s forwards}.welcome-subtitle{font-size:18px;color:#23496c;max-width:500px;text-align:center;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease-in-out 1s forwards;margin-bottom:32px}@keyframes fadeOut{0%{opacity:1;visibility:visible}80%{opacity:.2}99%{opacity:0}to{opacity:0;visibility:hidden}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.welcome-overlay{padding:16px}.welcome-content{max-width:100%;padding:0 20px}.welcome-text{font-size:28px;line-height:1.2;margin-bottom:12px}.welcome-subtitle{font-size:16px;line-height:1.4;margin-bottom:24px}}@media (max-width: 480px){.welcome-text{font-size:24px}.welcome-subtitle{font-size:14px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#475569;transition:color .2s ease;position:relative;padding:4px 0}.checkbox-item:hover{color:#1e293b}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-item .checkmark{height:18px;width:18px;background-color:#fff;border:2px solid #e2e8f0;border-radius:3px;position:relative;margin-right:8px;transition:all .2s ease;flex-shrink:0}.checkbox-item input[type=checkbox]:checked+.checkmark{background-color:#3b82f6;border-color:#3b82f6}.checkbox-item input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;display:block;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.sort-dropdown label{font-size:14px;font-weight:500;color:#64748b}.sort-select{padding:8px 32px 8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;color:#1e293b;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.sort-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.view-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:4px}.view-btn{padding:8px 12px;border:none;background:transparent;color:#64748b;border-radius:4px;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#e2e8f0;color:#1e293b}.view-btn.active{background:#fff;color:#7c3aed}.auctions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.auctions-grid.list{grid-template-columns:1fr}.auctions-grid.list .auction-card{display:flex;flex-direction:row}.auctions-grid.list .auction-image{width:200px;flex-shrink:0}.auctions-grid.list .auction-content{flex:1;padding:16px 20px}.auctions-grid.list .auction-title{font-size:18px;margin-bottom:8px}.auction-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid #e2e8f0;position:relative}.auction-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.auction-image{position:relative;aspect-ratio:4/3;overflow:hidden}.auction-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.auction-card:hover .auction-image img{transform:scale(1.05)}.favorite-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.auction-status-badge{position:absolute;top:12px;left:12px;background:#7c3aede6;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:2}.auction-content{padding:16px}.auction-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.auction-price{font-size:16px;font-weight:700;color:#1a1a1a;font-family:Poppins,sans-serif;margin:0}.auction-price-condition{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.auction-condition{font-size:13px;color:#111827;font-weight:500}.auction-location{font-size:13px;color:#6b7280;margin-bottom:6px}.auction-time-info{display:flex;justify-content:space-between;align-items:center}.auction-time{display:flex;align-items:center;gap:6px;font-size:14px;color:#ef4444;font-weight:600}.auction-views{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.auction-views svg{width:14px;height:14px;color:#9ca3af}.auction-description{font-size:14px;color:#64748b;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.auction-categories{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.auction-category-badge{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.auction-category-badge.auction-badge{background:#ddd6fe;color:#7c3aed}.auction-meta{display:flex;gap:16px;margin-top:12px}.auction-location,.auction-date{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.star-rating{display:flex;gap:2px}.star-filled{color:#f59e0b;fill:#f59e0b}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.auction-card-skeleton{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.auction-image-skeleton{aspect-ratio:4/3;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulse 1.5s infinite}.auction-content-skeleton{padding:16px}.auction-title-skeleton{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:4px;margin-bottom:12px}.auction-price-skeleton{height:24px;width:60%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:4px;margin-bottom:12px}.auction-time-skeleton{height:16px;width:40%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:4px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;color:#64748b}.empty-state h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#374151}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px}.pagination-btn{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#7c3aed;color:#7c3aed}.pagination-numbers{display:flex;gap:4px}.pagination-number{width:36px;height:36px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination-number:hover{border-color:#7c3aed;color:#7c3aed}.pagination-number.active{background:#7c3aed;border-color:#7c3aed;color:#fff}@media (max-width: 1024px){.auctions-grid,.loading-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.mobile-filter-toggle{display:block}.filters-sidebar{position:fixed;left:-100%;top:0;width:280px;height:100vh;z-index:1000;transition:left .3s ease}.filters-sidebar.mobile-open{left:0}.close-filters{display:block}.mobile-filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.auction-main{padding:16px}.auction-controls{flex-direction:column;gap:16px;align-items:stretch}.controls-right{justify-content:space-between}.auctions-grid{grid-template-columns:1fr;gap:16px}.loading-grid{grid-template-columns:1fr}.auction-image{aspect-ratio:3/2}.hero-stats{gap:40px}.hero-content h1{font-size:36px}}@media (max-width: 480px){.filters-sidebar{width:100%}.filters-sidebar.mobile-open{left:0}.auction-main,.auction-content{padding:12px}.sort-select{font-size:12px}.hero-stats{flex-direction:column;gap:20px}.hero-content h1{font-size:28px}}@media (max-width: 360px){.auctions-grid,.loading-grid{grid-template-columns:1fr}}.auction-stats-section{margin-top:12px}.auction-bid-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.top-bidder-section{display:flex;align-items:center;gap:8px}.bidder-avatar{width:24px;height:24px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.bidder-profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.bidder-name{font-size:12px;font-weight:500;color:#1f2937}.current-bid-section{text-align:right}.current-bid-amount{font-size:14px;font-weight:600;color:#059669}.mini-graph{margin:12px 0;height:80px;background:#fff;border-radius:6px;padding:4px;border:1px solid #e2e8f0}.recent-bids{margin-top:12px}.recent-bids-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#64748b;margin-bottom:8px}.bid-items{display:flex;flex-direction:column;gap:8px}.bid-item{display:flex;align-items:center;font-size:12px}.bidder-info{display:flex;align-items:center;gap:8px;flex:1}.bidder-avatar-small{width:20px;height:20px;border-radius:50%;overflow:hidden;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}.bidder-avatar-small img,.bidder-avatar-small-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.bidder-name-small{color:#374151;font-weight:500;font-size:11px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bid-amount{color:#059669;font-weight:600;font-size:12px}@media (max-width: 768px){.auction-stats-section{padding:8px}.stats-main{flex-direction:column;gap:8px}.stats-right{text-align:left}.top-bidder-info{align-items:flex-start}.mini-graph{height:50px}}.view-bids-section{margin-top:12px}.view-bids-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.view-bids-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.view-bids-btn:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.login-page{height:100vh;display:flex;align-items:stretch;background-color:#fff;margin:0;padding:0;top:0;left:0;right:0;bottom:0;z-index:9999}.login-container{display:flex;width:100%;height:100vh;align-items:stretch}.login-form-section{flex:0 0 50%;padding:40px 48px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;min-height:100vh;position:relative}.login-form-section::-webkit-scrollbar{display:none}.back-to-home-btn{position:absolute;top:20px;left:20px;gap:8px;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;font-size:14px;align-items:center;justify-content:center;z-index:10}.login-banner{flex:0 0 50%;background:transparent;display:flex;align-items:center;justify-content:center;color:#fff;padding:20px;text-align:center;margin:30px 50px 30px 0;border-radius:20px;position:relative;overflow:hidden}.logo{align-self:flex-start;width:100%;max-width:400px}.login-header{margin-bottom:20px;text-align:left;width:100%;max-width:400px}.login-header h1{font-size:32px;font-weight:700;margin-bottom:12px;color:#111827;font-family:Sansation,sans-serif}.login-header p{font-size:16px;color:#6b7280}.google-signin{width:100%;max-width:400px}.google-button{width:100%;height:48px;background-color:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.google-button:hover{background-color:#f9fafb}.divider{display:flex;align-items:center;margin:24px 0;color:#9ca3af;font-size:14px;width:100%;max-width:400px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #E5E7EB}.divider span{margin:0 16px;white-space:nowrap}form{width:100%;max-width:400px}.custom-error-alert{display:flex;align-items:center;padding:12px 16px;background-color:#fdf2f2;border:1px solid #FCA5A5;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;animation:slideIn .4s ease-out;font-family:Poppins,sans-serif}@keyframes slideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;width:100%}.checkbox-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:14px;height:14px;accent-color:#4F46E5}.checkbox-label{font-size:14px;color:#374151}.forgot-password{font-size:14px;color:#23496c;text-decoration:none;font-weight:500}.forgot-password:hover{color:#1a365d}.signup-link{text-align:center;width:100%;margin-bottom:24px}.signup-link p{font-size:14px;color:#6b7280}.signup-link a{color:#23496c;text-decoration:none;font-weight:600}.signup-link a:hover{color:#1a365d;text-decoration:underline}.terms{font-size:12px;color:#9ca3af;text-align:center;width:100%;max-width:400px}.terms a{color:#23496c;text-decoration:none}.terms a:hover{color:#1a365d;text-decoration:underline}.banner-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.banner-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}@media (max-width: 968px){.login-container{flex-direction:column}.login-form-section{flex:1;padding:32px 24px}.login-banner{flex:0 0 40vh;padding:32px 24px;margin:20px;border-radius:16px}.banner-image img{width:100%;height:100%;object-fit:cover}}@media (max-width: 640px){.login-form-section{padding:24px 16px}.login-banner{display:none}.login-header h1{font-size:28px}.banner-image img{width:100%;height:100%;object-fit:cover}}.signup-page{height:100vh;display:flex;align-items:stretch;background-color:#fff}.signup-container{display:flex;width:100%;height:100vh}.signup-form-section{flex:0 0 50%;padding:40px 48px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;min-height:100vh}.signup-form-section::-webkit-scrollbar{display:none}.signup-header{margin-bottom:20px;text-align:left;width:100%;max-width:400px}.signup-header h1{font-size:32px;font-weight:700;margin-bottom:12px;color:#111827;font-family:Sansation,sans-serif}.signup-header p{font-size:16px;color:#6b7280}.password-requirements{margin-top:4px;margin-bottom:16px;padding-left:4px}.password-requirements small{color:#6b7280;font-size:12px}.checkbox-wrapper input[type=checkbox]{width:14px;height:14px;accent-color:#23496C;border-radius:3px}.checkbox-label a{color:#23496c;text-decoration:none;font-weight:500}.checkbox-label a:hover{text-decoration:underline}.signup-banner{flex:0 0 50%;background:transparent;display:flex;align-items:center;justify-content:center;color:#fff;padding:20px;text-align:center;margin:30px 50px 30px 0;border-radius:20px;position:relative;overflow:hidden}@media (max-width: 968px){.signup-container{flex-direction:column}.signup-form-section{flex:1;padding:32px 24px}.signup-banner{flex:0 0 40vh;padding:32px 24px;margin:20px;border-radius:16px}}@media (max-width: 640px){.signup-form-section{padding:24px 16px}.signup-banner{display:none}.signup-header h1{font-size:28px}}.profile-page{background-color:#fff;min-height:100vh}.hero-background{position:relative;width:100%;height:200px;overflow:hidden}.hero-background img{width:100%;height:100%;object-fit:cover;cursor:pointer}.hero-background:hover .banner-overlay{opacity:1;pointer-events:auto}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer;pointer-events:none}.banner-change-btn{background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#374151;pointer-events:auto}.banner-change-btn:hover{background:#fff;transform:scale(1.1);color:#1f2937}.change-cover-btn{position:absolute;top:16px;right:16px;background:#000c;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;z-index:10}.change-cover-btn:hover{background:#000000e6;transform:translateY(-1px)}.change-cover-btn:hover~.banner-overlay{opacity:0!important;pointer-events:none!important}.profile-picture-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.profile-picture-container:hover .profile-picture-overlay{opacity:1}.profile-picture-btn{width:50px;height:50px;border-radius:50%;background:#ffffffe6;color:#333;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000004d}.profile-picture-btn:hover{background:#fff;transform:scale(1.1)}.profile-info{display:flex;flex-direction:column;align-items:flex-start;padding-top:10px}.profile-name{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px;display:flex;align-items:center;gap:8px}.stars{display:flex;align-items:center;gap:4px}.star-filled{color:#fbbf24;fill:#fbbf24}.trades-completed,.member-since{color:#6b7280;font-size:14px}.edit-profile-btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;transition:background-color .2s;align-self:flex-start;margin-top:20px}.edit-profile-btn:hover{background:#2563eb}.profile-content{display:grid;grid-template-columns:350 1fr;gap:24px;padding:24px 20px;margin:0 auto}.profile-sidebar{display:flex;flex-direction:column;gap:16px}.about-section,.social-media,.stats-section,.verifications{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;margin-bottom:16px}.about-section h3,.social-media h4,.stats-section h4,.verifications h4{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827}.bio{color:#4b5563;margin:0 0 20px;font-size:14px}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-item-private{display:flex;align-items:center;gap:12px;color:#374151;font-size:14px}.contact-item-private svg{color:#6b7280;flex-shrink:0}.contact-item-private span{color:#1f2937;font-weight:500;word-break:break-all}.portfolio-link{color:#1e3a8a;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.portfolio-link:hover{color:#1e3a8a;text-decoration:underline}.stat-value,.stat-value-private{font-weight:600;color:#111827;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.verification-item{display:flex;align-items:center;gap:8px;padding:6px 0;color:#4b5563;font-size:14px}.unverified{color:#ef4444}.social-note{font-size:12px;color:#6b7280;margin-top:8px;font-style:italic}.profile-main{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.listing-condition{color:#6b7280;font-size:14px;margin:0 0 16px}.empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%;grid-column:1 / -1}.empty-icon{display:flex;justify-content:center;align-items:center;color:#9ca3af}.empty-state h3{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.empty-state p{font-size:14px;color:#6b7280;margin:0}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr;gap:20px;padding:20px}.profile-info{width:100%;flex-direction:column;align-items:center;gap:16px}}@media (max-width: 768px){.hero-background{height:200px}.profile-header{margin-top:-60px}.profile-avatar img{width:100px;height:100px}.profile-name{font-size:24px}.tab-navigation{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;border-bottom:1px solid #e5e7eb;gap:0}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;max-width:100%;text-align:center;border-bottom:2px solid transparent;border-right:none;padding:16px 20px;white-space:nowrap;margin:0;border-radius:0}.tab-btn:first-child{margin-left:0}.tab-btn:last-child{margin-right:0}.tab-btn.active{border-bottom-color:#3b82f6;border-left:none}.listings-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content-profile{background:#fff;border-radius:16px;width:100%;max-width:1200px;max-height:90vh;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.modal-header h2{font-size:24px;font-weight:600;color:#111827;margin:0;font-family:Poppins,sans-serif}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#f3f4f6;color:#374151}.edit-profile-form{padding:32px;flex:1;max-width:100%;overflow-y:auto;display:flex;flex-direction:column}.form-section{margin-bottom:32px}.form-section h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px;font-family:Poppins,sans-serif}.social-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0}.form-actions-modal{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.btn-primary{background-color:#1e3a8a;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-primary:hover{background-color:#1e40af;transform:translateY(-1px)}.btn-secondary{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.modal-overlay{padding:16px}.modal-content-profile{max-height:95vh;border-radius:12px}.form-row,.social-form-row{grid-template-columns:1fr;gap:16px}.modal-header{padding:20px 24px}.edit-profile-form{padding:24px}.form-actions-modal{flex-direction:column;gap:12px;margin-top:24px}.btn-primary,.btn-secondary{width:100%;padding:16px 24px}}.listing-location{font-size:13px;color:#6b7280;margin-bottom:6px;white-space:nowrap;overflow:hidden}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-modal{background:#fff;border-radius:12px;min-width:400px;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .3s ease-out;position:relative}.confirmation-modal-header{padding:24px 24px 0;display:flex;align-items:flex-start;justify-content:space-between}.confirmation-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirmation-modal-icon.danger{background-color:#fee2e2;color:#dc2626}.confirmation-modal-icon.warning{background-color:#fef3c7;color:#d97706}.confirmation-modal-icon.info{background-color:#dbeafe;color:#2563eb}.confirmation-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.confirmation-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.confirmation-modal-close:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-body{padding:24px}.confirmation-modal-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.confirmation-modal-message{font-size:14px;color:#6b7280;margin:0}.confirmation-modal-footer{padding:0 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirmation-modal-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;justify-content:center;min-width:80px}.confirmation-modal-button:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal-button.cancel{background-color:#fff;color:#374151;border-color:#d1d5db}.confirmation-modal-button.cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.confirmation-modal-button.confirm.danger{background-color:#dc2626;color:#fff}.confirmation-modal-button.confirm.danger:hover:not(:disabled){background-color:#b91c1c}.confirmation-modal-button.confirm.warning{background-color:#d97706;color:#fff}.confirmation-modal-button.confirm.warning:hover:not(:disabled){background-color:#b45309}.confirmation-modal-button.confirm.info{background-color:#2563eb;color:#fff}.confirmation-modal-button.confirm.info:hover:not(:disabled){background-color:#1d4ed8}.confirmation-modal-loading{display:flex;align-items:center;gap:8px}.confirmation-modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.confirmation-modal{min-width:320px;max-width:90vw;margin:20px}.confirmation-modal-header,.confirmation-modal-body,.confirmation-modal-footer{padding-left:20px;padding-right:20px}.confirmation-modal-footer{flex-direction:column}.confirmation-modal-button{width:100%}}.deal-close-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.deal-close-modal{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out;text-align:center}.deal-close-modal-header{margin-bottom:24px;text-align:center}.deal-close-modal-header h2{font-size:28px;font-weight:700;color:#1f2937;margin:0;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deal-close-modal-body{margin-bottom:32px;text-align:center}.deal-close-modal-body p{font-size:16px;color:#4b5563;margin:12px 0}.review-section{background:#fff;padding:20px;border-radius:12px;margin:20px 0;border:1px solid #E5E7EB}.review-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;text-align:center}.stars-container{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.star{cursor:pointer;transition:all .2s ease;color:#d1d5db;stroke:#d1d5db;stroke-width:1}.star.active{color:#fbbf24;fill:#fbbf24;stroke:#f59e0b;stroke-width:1}.review-textarea-container{position:relative}.review-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;background:#fff;transition:border-color .2s ease}.review-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.review-textarea::placeholder{color:#9ca3af}.character-count{position:absolute;bottom:8px;right:12px;font-size:12px;color:#6b7280;background:#fff;padding:2px 4px;border-radius:4px}.deal-info{font-size:14px;color:#6b7280;font-style:italic;text-align:center}.deal-close-modal-footer{display:flex;gap:12px;justify-content:center}.cancel-btn,.done-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.cancel-btn{background:#f9fafb;color:#374151;border:1px solid #D1D5DB}.cancel-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.done-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.done-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.cancel-btn:disabled,.done-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.deal-close-modal{padding:24px;margin:20px}.deal-close-modal-header h2{font-size:24px}.review-section{padding:16px}.review-section h3{font-size:16px}.stars-container{gap:4px}.star{width:28px;height:28px}.review-textarea{min-height:80px;font-size:14px}.deal-close-modal-footer{flex-direction:column}.cancel-btn,.done-btn{width:100%}}.message-ticks{display:inline-flex;align-items:center;margin-left:4px;position:relative}.message-ticks.sent .single-tick{color:#9ca3af;stroke-width:2.5}.double-ticks{position:relative;display:inline-flex;align-items:center}.message-ticks.delivered .tick{color:#9ca3af;stroke-width:2.5}.message-ticks.delivered .tick-back{position:relative;z-index:1}.message-ticks.delivered .tick-front{position:relative;margin-left:-8px;z-index:2}.message-ticks.read .tick{color:#3b82f6;stroke-width:2.5}.message-ticks.read .tick-back{position:relative;z-index:1}.message-ticks.read .tick-front{position:relative;margin-left:-8px;z-index:2}.message-ticks{transition:all .2s ease-in-out}.tick{transition:color .3s ease-in-out}.message-ticks:hover .tick{opacity:.8}.message-ticks.small{transform:scale(.8)}.message-ticks.large{transform:scale(1.2)}.messages-page{height:100vh;background-color:#f8fafc;padding:0;position:relative;font-family:Poppins,sans-serif;overflow:hidden}.messages-page~footer,body:has(.messages-page) footer{display:none!important}.messages-container{display:flex;height:100vh;margin:0 auto;background:#fff;border-radius:0;overflow:hidden;box-shadow:none}.conversations-sidebar{width:320px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;background:#fff;height:100%;overflow:hidden}.messages-header{padding:16px;border-bottom:1px solid #f3f4f6}.messages-header{display:flex;justify-content:space-between;align-items:center}.messages-header h1{font-size:22px;font-weight:700;color:#111827;margin:0;font-family:Sensation,sans-serif}.connection-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px}.connection-status.online{color:#10b981;background:#ecfdf5}.connection-status.offline{color:#ef4444;background:#fef2f2}.connection-status svg{fill:currentColor}.messages-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.tab-btn-message{flex:1;padding:8px 12px;border:none;background:transparent;color:#6b7280;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab-btn-message:hover{color:#374151;background:#f3f4f6}.tab-btn-message.active{color:#3b82f6;background:#fff;border-bottom-color:#3b82f6;font-weight:600}.search-container{padding:12px 16px;display:flex;align-items:center;background-color:transparent;border:1px solid #e5e7eb;border-radius:50px;margin:0 16px;height:36px}.search-container:focus-within{border-color:#3b82f6}.search-container svg{color:#9ca3af;margin-right:8px;flex-shrink:0}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#111827}.search-input::placeholder{color:#9ca3af}.conversations-list{flex:1;overflow-y:auto;height:0}.conversation-item{display:flex;align-items:flex-start;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #e5e7eb}.conversation-item:hover{background-color:#f9fafb}.conversation-item.active{background-color:#f3f4f6}.conversation-item.unread{background-color:#f8fafc;border-left:3px solid #3b82f6;padding-left:13px}.conversation-item.unread:hover{background-color:#f1f5f9}.conversation-avatar{position:relative;margin-right:12px;flex-shrink:0}.conversation-avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover}.online-indicator{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border:2px solid white;border-radius:50%}.online-indicator.online{background-color:#10b981}.online-indicator.away{background-color:#f59e0b}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-size:16px;font-weight:600;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-name.unread{font-weight:700;color:#111827}.conversation-time{font-size:12px;color:#9ca3af;flex-shrink:0;margin-left:8px}.conversation-time.unread{font-weight:600;color:#3b82f6}.conversation-item-name{font-size:13px;color:#6b7280;margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-name.unread{font-weight:600;color:#374151}.conversation-last-message{font-size:14px;color:#9ca3af;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-last-message.unread{font-weight:600;color:#111827}.unread-badge{position:absolute;top:8px;right:12px;background:#3b82f6;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.no-conversations{padding:40px 20px;text-align:center;color:#6b7280}.no-conversations p:first-child{font-weight:600;color:#374151;margin-bottom:8px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.chat-area{flex:1;display:flex;flex-direction:column;background:#fff;height:100%;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;background:#fff;position:relative;flex-shrink:0}.chat-user-info{display:flex;align-items:center;gap:12px}.chat-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-user-details h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 2px}.chat-user-details p{font-size:14px;color:#6b7280;margin:0}.status-text{font-size:11px;font-weight:500;text-transform:capitalize}.status-text.online{color:#10b981}.status-text.away{color:#f59e0b}.status-text.offline{color:#6b7280}.user-status.online{color:#10b981!important}.user-status.away{color:#f59e0b!important}.user-status.offline{color:#6b7280!important}.chat-actions{display:flex;align-items:center;gap:12px}.view-trade-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.view-trade-btn:hover{background:#2563eb}.more-options-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.chat-options-container{position:relative}.chat-options-dropdown{position:absolute;top:calc(100% + 0px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:180px;z-index:1000;overflow:hidden}.chat-option-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s;text-align:left;font-family:Poppins,sans-serif;white-space:nowrap}.chat-option-item:hover{background-color:#f9fafb}.chat-option-item.danger{color:#dc2626}.chat-option-item.danger:hover{background-color:#fef2f2;color:#dc2626}.chat-option-item svg{flex-shrink:0;color:#6b7280}.chat-option-item.danger svg{color:#dc2626}.chat-option-item.deal-close{color:#10b981;font-weight:600;border-bottom:1px solid #e5e7eb;margin-bottom:4px}.chat-option-item.deal-close:hover{background-color:#ecfdf5;color:#059669}.chat-option-item.deal-close svg{color:#10b981}.messages-area{flex:1;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px;overflow-y:auto;height:0}.messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#6b7280}.messages-loading .loading-spinner{width:30px;height:30px;margin-bottom:12px}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#6b7280;text-align:center}.no-messages p:first-child{font-weight:600;color:#374151;margin-bottom:8px}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#6b7280;font-size:14px;font-style:italic}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:#6b7280;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.message{display:flex;flex-direction:column;margin-bottom:12px;align-items:flex-end;gap:4px}.message.own-message{align-items:flex-end}.message.other-message{align-items:flex-start}.message-time-left{font-size:10px;color:#9ca3af;margin-top:4px;flex-shrink:0;min-width:35px;text-align:center;order:2}.message-content{max-width:70%;padding:8px 12px;border-radius:18px;position:relative;display:flex;align-items:flex-end;gap:8px;order:1}.message-content p{margin:0;flex:1}.message-status-right{display:flex;align-items:flex-end;margin-left:4px;flex-shrink:0}.own-message .message-content{background:#f3f4f6!important;color:#111827!important;border:1px solid #e5e7eb;border-bottom-right-radius:4px}.own-message .message-content p{color:#111827!important}.other-message .message-content{background:#fff;color:#111827;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.other-message .message-content p{color:#111827!important}.message-time{display:none}.message-input-area{padding:16px;border-top:1px solid #e5e7eb;background:#fff;position:relative}.message-form{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;max-width:100%}.message-form:focus-within{border-color:#e5e7eb}.chat-message-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#111827;padding:0;resize:none;height:48px;overflow:hidden}.chat-message-input::placeholder{color:#9ca3af}.chat-message-input:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.message-form.disabled{opacity:.5;pointer-events:none}.send-btn{background:#3b82f6;border:none;color:#fff;cursor:pointer;padding:0;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.send-btn:hover:not(:disabled){background:#2563eb}.send-btn:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af}.attachment-btn,.emoji-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.attachment-btn:hover:not(:disabled),.emoji-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.attachment-btn:disabled,.emoji-btn:disabled{opacity:.5;cursor:not-allowed}.no-conversation-selected{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:16px}.no-conversation-content{text-align:center}.no-conversation-content h3{font-size:18px;color:#374151;margin-bottom:8px}.no-conversation-content p{color:#6b7280;margin:0}@media (max-width: 768px){.messages-page{padding:10px}.messages-container{height:calc(100vh - 20px)}.conversations-sidebar{width:300px}.conversation-item{padding:12px 16px}.messages-area,.message-input-area{padding:16px 20px}}@media (max-width: 640px){.conversations-sidebar{width:100%;position:absolute;z-index:10;height:100%}.chat-area{display:none}.messages-container{flex-direction:column}}.avatar-initials{width:100%;height:100%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border-radius:50%;padding:8px}.chat-avatar .avatar-initials{font-size:18px}.conversations-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.conversations-header h2{margin:0;font-size:24px;font-weight:600;color:#1f2937}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.online{background-color:#10b981}.status-indicator.offline{background-color:#ef4444}.status-text{color:#6b7280}.conversation-status{margin-top:4px}.conversation-status .status-text{font-size:11px;font-weight:500;text-transform:capitalize}.conversation-status .status-text.online{color:#10b981}.conversation-status .status-text.away{color:#f59e0b}.conversation-status .status-text.offline{color:#ef4444}.chat-user-details .user-status.online{color:#10b981!important}.chat-user-details .user-status.away{color:#f59e0b!important}.chat-user-details .user-status.offline{color:#ef4444!important}.conversation-time-container{display:flex;align-items:center;gap:6px}.unread-dot{color:#3b82f6;flex-shrink:0;animation:pulse 2s infinite}.conversation-item.blocked{background-color:#f9fafb;opacity:.7;cursor:pointer;border-left:none!important;padding-left:16px!important}.conversation-item.blocked:hover{background-color:#e9ecef}.conversation-item.blocked .conversation-name,.conversation-item.blocked .conversation-last-message,.conversation-item.blocked .conversation-time,.conversation-item.blocked .conversation-item-name{color:#6c757d}.conversation-item.blocked .conversation-avatar{filter:grayscale(100%)}.blocked-label{font-size:12px;color:#dc3545;font-weight:500;font-style:italic}.blocked-status{color:#dc3545;font-weight:500;font-style:italic}.user-status.blocked{color:#dc3545!important;font-weight:500}.chat-header .chat-avatar.blocked{filter:grayscale(100%);opacity:.7}.blocked-message-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f8f9fa;border-radius:8px;margin:10px;text-align:center}.blocked-message-info p{color:#6c757d;margin-bottom:15px;font-size:14px}.conversation-item.deleted{opacity:.6;background-color:#f8f9fa}.conversation-item.deleted:hover{background-color:#e9ecef}.conversation-item.deleted .conversation-name,.conversation-item.deleted .conversation-last-message,.conversation-item.deleted .conversation-time,.conversation-item.deleted .conversation-item-name{color:#6c757d}.conversation-item.deleted .conversation-avatar{filter:grayscale(100%)}.deleted-listing-label{font-size:12px;color:#dc3545;font-weight:500;font-style:italic}.deleted-listing-status{color:#dc3545;font-weight:500;font-style:italic}.chat-area.deleted-listing .message-input-area{opacity:.5;pointer-events:none}.chat-area.deleted-listing .chat-message-input{background-color:#f8f9fa;color:#6c757d}.chat-area.deleted-listing .send-btn,.chat-area.deleted-listing .attachment-btn{opacity:.5;cursor:not-allowed}.unblock-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.unblock-btn:hover{background:#0056b3}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.blocked-by-them-label{font-size:12px;color:#f59e0b;font-weight:500;font-style:italic}.blocked-by-them-status{font-size:14px;color:#f59e0b;font-weight:500;font-style:italic}.user-status.blocked-by-them{color:#f59e0b!important;font-weight:500}.conversation-item.blocked-by-them{opacity:1;background:inherit;cursor:pointer;border-left:none!important;padding-left:16px!important}.conversation-item.blocked-by-them:hover{background:#f3f4f6;transform:translate(2px)}.conversation-item.blocked-by-them .conversation-name,.conversation-item.blocked-by-them .conversation-last-message,.conversation-item.blocked-by-them .conversation-time,.conversation-item.blocked-by-them .conversation-item-name{color:inherit}.user-status.blocked-status{color:#dc3545!important;font-weight:500}.conversation-item.blocked .conversation-last-message{color:#dc3545!important;font-weight:500;font-style:italic}.emoji-picker-container{position:absolute;bottom:100%;right:0;z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #00000026;margin-bottom:12px;padding:16px;max-height:250px;overflow-y:auto;overflow-x:hidden;width:auto;min-width:200px;max-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emoji-picker-header{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;text-align:center}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:fit-content}.emoji-item{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:relative}.emoji-item:hover{background-color:#f3f4f6;transform:scale(1.1)}.emoji-item:active{transform:scale(.95)}@media (max-width: 768px){.emoji-picker-container{right:8px;width:auto;min-width:180px;max-width:280px;padding:12px;max-height:200px}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:4px}.emoji-item{font-size:18px;padding:6px;width:32px;height:32px}}@media (max-width: 480px){.emoji-picker-container{right:4px;width:auto;min-width:160px;max-width:260px;padding:8px}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:3px}.emoji-item{font-size:16px;padding:4px;width:28px;height:28px}}@media (max-width: 815px){.messages-page{height:100vh;padding:0}.chat-user-info{gap:0px}.messages-container{position:relative;height:100vh;overflow:hidden}.conversations-sidebar{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:10;transition:transform .3s ease;background:#fff}.conversations-sidebar.mobile-hidden{transform:translate(-100%)}.chat-area{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;z-index:5;transition:transform .3s ease;background:#fff;flex:none!important;display:block!important;flex-direction:unset!important;transform:translate(0)}.chat-area.mobile-hidden{transform:translate(100%)!important}.mobile-back-btn{background:none;border:none;padding:8px;margin-right:12px;cursor:pointer;color:#6b7280;border-radius:4px;transition:background-color .2s}.mobile-back-btn:hover{background-color:#f3f4f6}.chat-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff}.conversation-item{padding:12px 16px}.messages-area{height:calc(100vh - 140px)}.message-input-area{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:12px 16px;z-index:15}}.my-listings-page{min-height:100vh;background:#fff;padding:20px 10px}.my-listings-container{margin:0 auto;padding:0 10px}.my-listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0}.header-content h1{margin:0 0 8px;color:#111827;font-size:28px;font-weight:700}.header-content p{margin:0;color:#6b7280;font-size:14px}.header-content{text-align:start;margin-top:10px}.add-listing-btn{display:flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s ease}.add-listing-btn:hover{background:#2563eb;color:#fff;transform:translateY(-1px)}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}.listing-card{background:#fff;border-radius:8px;overflow:hidden;transition:all .2s ease;position:relative;border:1px solid #e5e7eb}.listing-card:hover{transform:translateY(-2px);border-color:#d1d5db}.card-options{position:absolute;top:12px;right:12px;z-index:10}.options-btn{background:#ffffffe6;border:1px solid #e5e7eb;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.options-btn:hover{background:#fff;border-color:#d1d5db}.options-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;min-width:120px;z-index:20}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:13px;color:#374151;cursor:pointer;transition:background .2s ease}.menu-item:hover{background:#f3f4f6}.menu-item.delete{color:#dc2626}.menu-item.delete:hover{background:#fef2f2}.menu-item.publish{color:#059669}.menu-item.publish:hover{background:#ecfdf5}.menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.card-image{aspect-ratio:16/10;overflow:hidden;background:#f3f4f6;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.listing-card:hover .card-image img{transform:scale(1.05)}.card-image .listing-type-badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:5;box-shadow:0 2px 4px #0000001a;width:fit-content;min-width:auto;max-width:none;white-space:nowrap}.card-content{padding:16px;font-size:16px}.card-price-condition{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.price-original-my-lisitng{text-decoration:line-through;color:#9ca3af;font-weight:400;font-size:18px;margin-right:10px}.price-current-my-lisitng{color:#111827;font-weight:600;font-size:18px}.card-condition-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-condition-badge.new{background-color:#dcfce7;color:#15803d}.card-condition-badge.like-new{background-color:#fef3c7;color:#d97706}.card-condition-badge.good{background-color:#e0e7ff;color:#4338ca}.card-condition-badge.fair{background-color:#f3e8ff;color:#7c3aed}.card-condition-badge.poor{background-color:#fee2e2;color:#dc2626}.card-title{margin:0 0 8px;color:#111827;font-size:16px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-location{margin-bottom:8px}.card-location span{color:#6b7280;font-size:13px;display:flex;align-items:center;gap:4px}.card-time-views{display:flex;justify-content:space-between;align-items:center}.card-time{color:#9ca3af;font-size:12px}.card-views{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:12px}.card-views svg{width:14px;height:14px;color:#9ca3af}.listing-type-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content;min-width:auto;max-width:none;white-space:nowrap}.listing-type-badge.sell,.listing-type-badge.trade{background:#dbeafe;color:#1d4ed8;width:fit-content;min-width:auto}.listing-type-badge.sell_trade{background:#dcfce7;color:#166534;width:fit-content;min-width:auto}.empty-state{display:flex;justify-content:center;align-items:center}.empty-icon{font-size:64px}.empty-state h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:600}.empty-state p{margin:0;color:#6b7280;font-size:14px}.loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{margin:0;color:#6b7280;font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:0}.pagination-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#2563eb}.pagination-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:14px;font-weight:500}@media (max-width: 768px){.my-listings-page{padding:16px 8px}.my-listings-container{padding:0 8px}.my-listings-header{flex-direction:column;gap:16px;align-items:flex-start;padding:0}.header-content h1{font-size:24px}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.card-content{padding:14px}.pagination{flex-direction:column;gap:12px}.card-image .listing-type-badge{font-size:10px;padding:3px 6px;top:6px;left:6px}.listing-type-badge{font-size:10px;padding:3px 6px}}.visibility-control{display:flex;align-items:center;gap:8px;margin-bottom:12px;position:relative}.visibility-label{font-size:13px;color:#6b7280;font-weight:500}.visibility-selector{position:relative}.visibility-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:110px}.visibility-btn:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.visibility-btn:disabled{cursor:not-allowed;opacity:.6}.visibility-btn.visibility-everyone{color:#059669;border-color:#d1fae5;background:#ecfdf5}.visibility-btn.visibility-verified{color:#3b82f6;border-color:#dbeafe;background:#eff6ff}.visibility-btn.visibility-private{color:#dc2626;border-color:#fecaca;background:#fef2f2}.visibility-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;min-width:200px;z-index:20;box-shadow:0 4px 6px -1px #0000001a}.visibility-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s ease}.visibility-option:hover{background:#f9fafb}.option-info{display:flex;flex-direction:column;gap:2px}.option-info span{font-size:14px;font-weight:500;color:#111827}.option-info small{font-size:12px;color:#6b7280}@media (max-width: 768px){.visibility-control{flex-direction:column;align-items:flex-start;gap:6px}.visibility-btn{min-width:auto;width:100%}.visibility-menu{left:0;right:0}}.add-listing-page{min-height:calc(100vh - 70px);background-color:#fff;padding:20px 20px 80px;position:relative}.add-listing-container{max-width:1400px;margin:0 auto}.add-listing-header{margin-bottom:24px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.back-link:hover{color:#374151}.add-listing-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.add-listing-form{background:transparent;max-width:100%;border-radius:0;padding:0;box-shadow:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:0}.form-left{display:flex;flex-direction:column;gap:5px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field:has(.tiptap){margin-bottom:10px}.field-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-right{display:flex;flex-direction:column;gap:0}.image-note{display:block;font-size:11px;font-weight:400;color:#3b82f6;margin-top:4px;padding:4px 8px;background:#eff6ff;border-radius:4px}.section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.image-upload-area{border:1px dashed #d1d5db;border-radius:8px;padding:30px 20px;text-align:center;background:#fff;transition:all .2s;cursor:pointer}.image-upload-area:hover,.image-upload-area.drag-active{border-color:#3b82f6;background:#f9fafb}.upload-icon{color:#9ca3af;margin-bottom:12px}.upload-text{font-size:16px;color:#6b7280;margin:0 0 12px;font-weight:500}.upload-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:6px}.upload-btn:hover{background:#2563eb}.upload-hint{font-size:12px;color:#9ca3af;margin:0}.uploaded-files{margin-top:12px;border-top:1px solid #e5e7eb;padding-top:12px;display:flex;flex-wrap:wrap;gap:10px}.file-preview{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;transition:all .2s;cursor:pointer}.file-preview:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.file-preview.primary{border-color:#3b82f6;background:#f0f7ff}.primary-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;z-index:2;letter-spacing:.5px;box-shadow:0 2px 8px #3b82f61a}.file-preview-image{width:80px;height:80px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb;background-color:#f9fafb}.file-name{font-size:12px;color:#374151;font-weight:500;margin-top:6px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;display:block}.remove-file{position:absolute;top:-6px;right:-6px;background:#f3f4f6;border:none;color:#111;cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:0;box-shadow:none;transition:background .2s,color .2s,transform .2s;z-index:3}.remove-file:hover{background:#e0e7ef;color:#3b82f6;transform:scale(1.1);border:none;box-shadow:none}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding:15px 20px;border-top:1px solid #e5e7eb;background-color:#fff;position:fixed;bottom:0;left:0;right:0;z-index:10;box-shadow:0 -2px 10px #0000000d}.cancel-btn{display:flex;align-items:center;gap:8px;background:#fff;color:#6b7280;border:1px solid #d1d5db;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.create-listing-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-listing-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.create-listing-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.add-listing-page{padding:16px 16px 100px}.add-listing-form{padding:0}.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{padding:12px 16px;flex-direction:row}.cancel-btn,.create-listing-btn{padding:10px 15px;font-size:13px}}@media (max-width: 480px){.image-upload-area{padding:24px 16px}.form-actions{flex-direction:row;padding:10px 16px;gap:10px}.cancel-btn,.create-listing-btn{width:50%;justify-content:center;margin:0}}.add-listing-page,.add-listing-form,.form-field,.form-input,.form-textarea,.custom-select-input,.search-input,.card-title,.card-price,.card-condition,.card-condition-badge,.price-original-my-lisitng,.price-current-my-lisitng{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.info-note{font-size:12px;color:#6b7280;margin-top:4px}.tiptap-editor-wrapper{border:1px solid #d1d5db;border-radius:8px;background:#fff;overflow:hidden}.tiptap-editor-wrapper.error{border-color:#ef4444}.tiptap-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap}.tiptap-toolbar button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:6px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tiptap-toolbar button:hover{background:#e5e7eb;border-color:#d1d5db}.tiptap-toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar-separator{width:1px;height:20px;background:#d1d5db;margin:0 4px}.tiptap-editor{min-height:120px;padding:16px;outline:none;font-size:14px;color:#111827;border:none!important;box-shadow:none!important}.tiptap-editor.error{border-color:#ef4444}.tiptap-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none;position:absolute}.tiptap-editor .tiptap-bullet-list{list-style-type:disc!important;padding-left:20px!important;margin:8px 0}.tiptap-editor .tiptap-ordered-list{list-style-type:decimal!important;padding-left:20px!important;margin:8px 0}.tiptap-editor .tiptap-bullet-list li,.tiptap-editor .tiptap-ordered-list li{margin-bottom:4px;padding-left:4px}.tiptap-editor h2{font-size:20px;font-weight:600;margin:16px 0 8px;color:#111827}.tiptap-editor h3{font-size:18px;font-weight:600;margin:12px 0 6px;color:#111827}.tiptap-editor strong{font-weight:600}.tiptap-editor em{font-style:italic}.tiptap-editor s{text-decoration:line-through}.tiptap-editor p{margin:8px 0}.tiptap-editor p:first-child{margin-top:0}.tiptap-editor p:last-child{margin-bottom:0}.char-count{padding:12px;text-align:right;font-size:12px;color:#6b7280}.error-message{padding:8px 12px;background:#fef2f2;border-top:1px solid #fecaca;color:#dc2626;font-size:14px}.tiptap-editor-wrapper:focus-within,.tiptap-editor:focus,.tiptap-editor:active,.tiptap-editor:focus-visible{border-color:#d1d5db!important;box-shadow:none!important;outline:none!important}.view-listing-container{width:100%;margin:0 auto;padding:20px;min-height:calc(100vh - 80px);background:#fff}.view-listing-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:0}.back-btn{background:#fff;border:1px solid #e5e7eb;padding:8px 16px;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.back-btn:hover{background:#f9fafb;border-color:#d1d5db}.view-listing-header h1{margin:0;color:#111827;font-size:24px;font-weight:600}.breadcrumb{margin-bottom:20px;font-size:14px;color:#6b7280}.breadcrumb a{color:#6b7280;text-decoration:none}.breadcrumb a:hover{color:#111827}.breadcrumb span{margin:0 8px}.view-listing-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;background:#fff;padding:0;position:relative;max-width:1400px;margin:0 auto}.image-section{position:relative}.listing-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:10}.action-icon{width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.action-icon:hover{background:#f9fafb;border-color:#d1d5db}.action-icon svg{color:#6b7280}.main-image-container{position:relative;width:100%;height:400px;background:#f8f9fa;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.main-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;transition:transform .3s ease}.prev-btn{left:20px}.next-btn{right:20px}.thumbnail-container{display:flex;gap:8px;margin-top:16px;overflow-x:auto;padding:4px 0}.thumbnail{width:80px;height:80px;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;flex-shrink:0;object-fit:contain;object-position:center;display:flex;align-items:center;justify-content:center;padding:4px}.thumbnail.active{border-color:#3b82f6}.details-section{padding:0}.listing-header{margin-bottom:24px;padding-bottom:0;border-bottom:none}.listing-title{margin:0 0 16px;color:#111827;font-size:28px;font-weight:600;font-family:Sansation,sans-serif}.listing-price{font-size:24px;font-weight:600;color:#111827;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;gap:8px}.price-original{text-decoration:line-through;color:#9ca3af;font-weight:400;font-size:20px}.price-current{color:#111827;font-weight:600}.status-tags{display:flex;gap:8px;margin-bottom:24px}.status-tag{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-tag.active{background:#dcfce7;color:#166534}.status-tag.trade{background:#dbeafe;color:#1d4ed8}.product-info-listing{margin-bottom:32px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#6b7280;font-size:15px}.info-value{font-weight:500;color:#111827;font-size:15px}.description-section{margin-bottom:32px}.description-section h3{margin:0 0 12px;color:#111827;font-size:18px;font-weight:600}.listing-description{margin:0;color:#4b5563;font-size:15px}.boost-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.boost-card{border:2px dashed #d1d5db;border-radius:12px;padding:24px;text-align:center;background:#f9fafb;transition:all .2s ease}.boost-card:hover{border-color:#9ca3af;background:#f3f4f6}.boost-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fef3c7;border-radius:50%;color:#d97706;margin-bottom:16px}.boost-content h3{margin:0 0 8px;color:#111827;font-size:18px;font-weight:600}.boost-content p{margin:0 0 20px;color:#6b7280;font-size:14px}.boost-btn{background:#f59e0b;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.boost-btn:hover{background:#d97706;transform:translateY(-1px)}.image-skeleton{width:100%;aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:loading 1.5s infinite}.detail-skeleton{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:12px;animation:loading 1.5s infinite}.detail-skeleton:nth-child(1){width:80%}.detail-skeleton:nth-child(2){width:60%}.detail-skeleton:nth-child(3){width:90%}.not-found{text-align:center;padding:60px 20px;background:#fff}.not-found h2{color:#6b7280;margin-bottom:20px;font-size:20px;font-weight:600}@media (max-width: 1024px){.view-listing-content{flex-direction:column;gap:24px}.image-section{width:100%}.main-image-container{height:350px}}@media (max-width: 768px){.view-listing-container{padding:16px}.main-image-container{height:300px}.thumbnail{width:60px;height:60px}.listing-title{font-size:22px}.listing-price{font-size:18px;flex-direction:column;align-items:flex-start;gap:4px}.price-original{font-size:16px}.view-listing-header{flex-direction:column;align-items:flex-start;gap:12px}.view-listing-header h1{font-size:20px}}.bid-limit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bid-limit-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:480px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.bid-limit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e5e7eb}.bid-limit-modal-title{display:flex;align-items:center;gap:12px}.bid-limit-modal-title h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.warning-icon{color:#f59e0b}.bid-limit-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.bid-limit-modal-close:hover{background-color:#f3f4f6;color:#374151}.bid-limit-modal-content{padding:24px}.bid-limit-info{text-align:center}.bid-limit-message{font-size:16px;font-weight:500;color:#1f2937;margin:0 0 8px}.bid-limit-remaining{font-size:14px;color:#6b7280;margin:0 0 24px}.bid-limit-details{background-color:#f9fafb;border-radius:8px;padding:16px;margin:0 0 20px}.bid-amount-display{display:flex;align-items:center;justify-content:space-between}.bid-amount-label{font-size:14px;color:#6b7280;font-weight:500}.bid-amount-value{font-size:18px;font-weight:600;color:#059669}.bid-limit-warning{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px 16px;margin:0 0 20px}.bid-limit-modal-actions{display:flex;gap:16px;justify-content:flex-end;padding:0 24px 24px}.warning-content{display:flex;align-items:center;gap:8px}.info-icon{color:#f59e0b;flex-shrink:0}.bid-limit-warning p{margin:0;font-size:14px;color:#92400e;font-weight:500}@media (max-width: 480px){.bid-limit-modal{width:95%;margin:20px}.bid-limit-modal-header{padding:20px 20px 0}.bid-limit-modal-content{padding:20px}.bid-limit-modal-actions{padding:0 20px 20px;flex-direction:column;justify-content:center}}.textarea-container{width:100%;margin-bottom:16px}.textarea-wrapper{position:relative;display:flex;width:100%}.textarea-wrapper.has-icon{position:relative}.textarea-icon{position:absolute;left:12px;top:16px;color:#9ca3af;z-index:1;display:flex;align-items:center;justify-content:center}.textarea-icon svg{width:20px;height:20px;color:#9ca3af}.custom-textarea{width:100%;min-height:80px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-family:Poppins,sans-serif;color:#111827;background-color:#fff;outline:none;transition:all .2s ease;box-sizing:border-box;resize:vertical;line-height:1.5}.custom-textarea:focus{border-color:#23496c;box-shadow:0 0 0 3px #23496c1a}.custom-textarea:hover{border-color:#9ca3af}.custom-textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.custom-textarea.textarea-full-width{width:100%}.textarea-wrapper.has-icon .custom-textarea{padding-left:40px}.textarea-loading-dots{position:absolute;right:12px;top:16px;display:flex;gap:4px;z-index:1}.textarea-loading-dots span{width:6px;height:6px;border-radius:50%;background-color:#9ca3af;animation:textarea-loading 1.4s ease-in-out infinite both}.textarea-loading-dots span:nth-child(1){animation-delay:-.32s}.textarea-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes textarea-loading{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.textarea-error{margin-top:8px;color:#dc2626;font-size:14px;font-weight:500}.custom-textarea::placeholder{color:#9ca3af;font-weight:400}@media (max-width: 768px){.custom-textarea{font-size:14px;min-height:70px;padding:10px 14px}.textarea-wrapper.has-icon .custom-textarea{padding-left:36px}.textarea-icon{left:10px;top:14px}.textarea-icon svg{width:18px;height:18px}}.bid-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bid-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.bid-modal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e5e7eb}.bid-modal-title{margin:0;font-size:20px;font-weight:600;color:#1f2937}.bid-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.bid-modal-close:hover{background-color:#f3f4f6;color:#374151}.bid-modal-content{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.bid-modal-content::-webkit-scrollbar{width:6px}.bid-modal-content::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.bid-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.bid-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.bid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.bid-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.bid-loading p{color:#6b7280;margin:0;font-size:14px}.bid-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#dc2626}.bid-error svg{margin-bottom:12px}.bid-error p{margin:0 0 16px;color:#374151}.bid-info-section{margin-bottom:24px}.bid-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bid-info-item{display:flex;align-items:center;gap:12px}.bid-info-icon{width:32px;height:32px;background-color:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bid-info-content{display:flex;flex-direction:column;gap:2px}.bid-info-label{font-size:12px;color:#6b7280;font-weight:500}.bid-info-value{font-size:14px;font-weight:600;color:#111827}.bid-info-value.highlight{color:#059669}.bid-divider{height:1px;background-color:#e5e7eb;margin:24px 0}.bid-form{margin-top:24px;max-width:100%}.bid-form{display:flex;flex-direction:column;gap:16px}.bid-amount-input{margin-bottom:0}.bid-form-actions{display:flex;gap:16px;justify-content:flex-end}.char-count-bid{display:block;text-align:right;font-size:12px;color:#6b7280;margin-top:4px;font-weight:500}.minimum-bid{color:#059669!important;font-weight:600}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}@media (max-width: 480px){.bid-form-actions .custom-button{min-width:100px;height:40px;font-size:13px}.form-group{margin-bottom:16px}}.bid-amount-input input[type=text]::-webkit-outer-spin-button,.bid-amount-input input[type=text]::-webkit-inner-spin-button,.bid-amount-input input[type=number]::-webkit-outer-spin-button,.bid-amount-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bid-amount-input input[type=text]::-moz-number-spin-box,.bid-amount-input input[type=number]::-moz-number-spin-box{-moz-appearance:textfield}.bid-amount-input input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.view-product{min-height:100vh;background:#fff;padding:20px 0}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.breadcrumb-link{color:#6b7280;text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-size:14px}.breadcrumb-link:hover{color:#2563eb}.breadcrumb-separator{color:#d1d5db}.breadcrumb-current{color:#111827;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;position:relative}.product-gallery{position:sticky;top:20px;z-index:1}.main-image-container{position:relative;margin-bottom:20px}.main-image{position:relative;width:100%;aspect-ratio:3/4;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.main-image img{width:100%;height:100%;object-fit:contain;object-position:center}.nav-btn{position:absolute;background:transparent;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#374151;box-shadow:none!important}.nav-btn:hover{background:transparent;transform:translateY(-50%) scale(1.05);box-shadow:none!important}.prev-btn{left:16px}.next-btn{right:16px}.thumbnail-list{display:flex;gap:4px;max-width:100%}.thumbnail{width:80px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s ease;background:none;padding:0;flex-shrink:0}.thumbnail:hover{border-color:#d1d5db}.thumbnail.active{border-color:#2563eb}.thumbnail img{width:100%;height:100%;object-fit:contain}.product-details{padding-left:20px;position:sticky;top:20px;height:fit-content;align-self:flex-start;z-index:2}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px;position:relative;width:100%}.product-details-title{font-size:28px;font-weight:600;color:#111827;margin:0;flex:1;font-family:Sansation,sans-serif;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.product-actions{display:flex!important;gap:12px!important;flex-shrink:0!important;position:relative!important;align-items:center!important;white-space:nowrap!important;min-width:auto!important}.action-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;border:none!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;color:#6b7280!important;box-shadow:0 1px 3px #0000001a!important;flex-shrink:0!important;position:relative!important;margin:0!important;padding:0!important}.action-btn:hover{background:#fff!important;transform:scale(1.05)!important;box-shadow:0 2px 6px #00000026!important}.action-btn svg{width:20px!important;height:20px!important;display:block!important;flex-shrink:0!important}.product-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.price-display{display:flex;align-items:center;gap:8px}.price-original{text-decoration:line-through;color:#9ca3af;font-weight:400;font-size:22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.price-current{color:#111827;font-weight:600;font-size:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.price{font-size:24px;font-weight:600;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.product-badges{display:flex;gap:8px}.status-badge,.type-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.status-badge.available{background:#dcfce7;color:#166534}.status-badge.sold{background:#fee2e2;color:#991b1b}.type-badge.sell{background:#dbeafe;color:#1d4ed8}.type-badge.trade{background:#fef3c7;color:#92400e}.type-badge.sell_trade{background:#f3e8ff;color:#7c3aed}.product-info-listing{margin-bottom:24px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{font-weight:400;color:#6b7280;font-size:15px;text-align:left}.info-value{font-weight:600;color:#111827;display:flex;align-items:center;gap:6px;font-size:15px;text-align:right}.info-value svg{color:#9ca3af}.product-description{margin-bottom:32px}.product-description h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:12px}.description-content{color:#6b7280;font-size:15px;max-width:500px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.description-content p{margin:0 0 12px;color:#6b7280;font-size:15px;max-width:500px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.description-content p:last-child{margin-bottom:0}.action-buttons-section{display:flex;gap:12px;margin-bottom:32px}.seller-info{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.seller-avatar{flex-shrink:0}.avatar-circle{width:48px;height:48px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;overflow:hidden;position:relative}.avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.seller-details{flex:1}.seller-details h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.seller-details p{font-size:14px;color:#6b7280;margin:0}.view-profile-btn{padding:8px 16px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.view-profile-btn:hover{background:#f9fafb;border-color:#9ca3af}.main-image-skeleton{width:100%;aspect-ratio:3/4;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:12px;margin-bottom:20px}.thumbnail-list-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.thumbnail-skeleton{aspect-ratio:3/4;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.product-header-skeleton{padding-left:20px}.title-skeleton{height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-bottom:16px;width:80%}.price-skeleton{height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;width:40%}.error-state{text-align:center;padding:60px 20px}.error-state h2{color:#6b7280;margin-bottom:20px}.back-btn{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.back-btn:hover{background:#1d4ed8}@media (max-width: 1024px){.product-layout{gap:40px}.product-details{padding-left:0;position:static;height:auto}.product-gallery{position:static}.product-header{width:100%!important;gap:14px!important}.product-actions{gap:10px!important;flex-shrink:0!important;display:flex!important}.action-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-shrink:0!important}.action-btn svg{width:19px!important;height:19px!important}}@media (max-width: 768px){.product-layout{grid-template-columns:1fr;gap:16px}.container{padding:0 16px}.product-header{gap:12px!important;width:100%!important;align-items:flex-start!important}.product-details-title{font-size:24px;flex:1!important;min-width:0!important}.product-actions{gap:8px!important;flex-shrink:0!important;min-width:auto!important;display:flex!important;align-items:flex-start!important}.action-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-shrink:0!important}.action-btn svg{width:18px!important;height:18px!important}.price{font-size:24px}.action-buttons-section{flex-direction:column}.seller-info{flex-direction:column;text-align:center;gap:12px}.view-profile-btn{align-self:center}.seller-info-mobile{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:16px!important;padding:20px 0 0!important;margin-top:24px!important;border-top:1px solid #e5e7eb!important}.seller-main-info-mobile{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important}.seller-avatar-mobile{flex-shrink:0!important}.seller-avatar-mobile .avatar-circle{width:48px;height:48px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;overflow:hidden;position:relative}.seller-avatar-mobile .avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.seller-details-mobile{flex:1!important;min-width:0!important}.seller-details-mobile h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.seller-details-mobile p{font-size:14px;color:#6b7280;margin:0}.view-profile-btn-mobile{padding:8px 16px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;flex-shrink:0!important;white-space:nowrap!important}.view-profile-btn-mobile:hover{background:#f9fafb;border-color:#9ca3af}}.reviews-section{margin-top:32px;padding:0;background:transparent;border-radius:0;border:none}.reviews-header{margin-bottom:20px}.reviews-summary{display:flex;align-items:center;gap:16px;margin-bottom:16px}.reviews-count{font-size:18px;font-weight:600;color:#111827}.rating-display{display:flex;align-items:center;gap:8px}.rating-score{font-size:18px;font-weight:600;color:#f59e0b}.star{color:#d1d5db;transition:color .2s ease}.star.half{color:#f59e0b;opacity:.5}.verified-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#dcfce7;border-radius:20px;font-size:12px;color:#166534;font-weight:500}.verified-icon{font-size:14px}.review-tags{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.review-tag{padding:6px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;font-size:12px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease}.review-tag:hover{border-color:#2563eb;color:#2563eb}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-item{background:#fff;padding:16px 0;border-radius:0;border:none;border-bottom:1px solid #f3f4f6}.review-item:last-child{border-bottom:none}.reviewer-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;overflow:hidden;flex-shrink:0}.reviewer-details{display:flex;flex-direction:column;gap:2px}.reviewer-name{font-weight:600;color:#111827;font-size:14px}.reviewer-location{font-size:12px;color:#6b7280}.review-rating-and-content{margin-left:52px}.review-rating{display:flex;gap:2px;margin-bottom:6px}.review-rating .star{color:#f59e0b}.review-content{display:flex;align-items:flex-start;gap:8px}.review-image-icon{color:#6b7280;flex-shrink:0;margin-top:2px}.review-content p{margin:0;color:#374151;font-size:14px}.seller-info-left{display:flex;align-items:center;gap:16px;padding:24px 0;margin-top:32px;border-top:1px solid #e5e7eb}.seller-info-left .seller-avatar{flex-shrink:0}.seller-info-left .avatar-circle{width:48px;height:48px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;overflow:hidden;position:relative}.seller-info-left .avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.seller-info-left .seller-details{flex:1}.seller-info-left .seller-details h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.seller-info-left .seller-details p{font-size:14px;color:#6b7280;margin:0}.seller-info-left .view-profile-btn{padding:8px 16px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.seller-info-left .view-profile-btn:hover{background:#f9fafb;border-color:#9ca3af}.reviews-loading{text-align:center;padding:40px 20px;color:#6b7280}.no-reviews{text-align:center}.no-reviews p{margin:0;font-size:14px}.phone-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phone-modal{background:#fff;border-radius:16px;padding:0;max-width:400px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.phone-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;border-bottom:1px solid #f3f4f6}.phone-modal-header h3{font-size:20px;font-weight:600;color:#111827;margin:0;display:flex;align-items:center}.phone-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.phone-modal-close:hover{background:#f3f4f6;color:#374151}.phone-modal-content{padding:24px}.phone-number-section{display:flex;align-items:center;gap:16px;padding:20px;background:#f0f7ff;border-radius:12px;border:1px solid #dbeafe;margin-bottom:24px}.phone-icon{flex-shrink:0;color:#2563eb}.phone-details{display:flex;flex-direction:column;gap:4px}.phone-label{font-size:14px;color:#6b7280;font-weight:500}.phone-number{font-size:18px;font-weight:600;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.phone-actions{display:flex;gap:12px}.public-profile-page{background-color:#fff;min-height:100vh}.loading-state,.error-state{display:flex;justify-content:center;align-items:center;height:50vh;font-size:18px;color:#6b7280}.profile-hero{position:relative;background:#fff;border-bottom:1px solid #e5e7eb}.hero-background{position:relative;height:280px;overflow:hidden}.hero-background img{width:100%;height:100%;object-fit:cover}.profile-header{position:relative;padding:0 40px 30px;display:flex;justify-content:space-between;margin-top:-80px}.profile-avatar{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.profile-picture-container{position:relative;width:120px;height:120px;margin-bottom:15px}.profile-picture-container img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:none}.profile-name-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.profile-name{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:700;color:#111827;margin:0;text-align:left}.profile-rating{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-start}.stars{display:flex;align-items:center;gap:2px}.star-filled{color:#fbbf24}.star-empty{color:#d1d5db}.rating-number{font-weight:600;color:#111827;margin-left:4px}.member-since{color:#6b7280;font-size:14px}.profile-content{display:grid;grid-template-columns:350px 1fr;padding:24px 20px}.about-section,.social-media,.stats-section,.verifications{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.about-section h3,.social-media h4,.stats-section h4,.verifications h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.bio{color:#6b7280;margin:0 0 20px;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item-private{display:flex;align-items:center;gap:12px;color:#6b7280;font-size:14px;word-break:break-all;overflow-wrap:break-word}.contact-item-private svg{color:#9ca3af;flex-shrink:0}.contact-item-private span{word-break:break-all;overflow-wrap:break-word}.portfolio-link{color:#3b82f6;text-decoration:none;font-weight:500}.portfolio-link:hover{text-decoration:underline}.social-icons{display:flex;gap:12px;flex-wrap:wrap}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;text-decoration:none;transition:all .2s}.social-icon.facebook{background:#1877f2}.social-icon.twitter{background:#000}.social-icon.linkedin{background:#0a66c2}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.social-note{color:#9ca3af;font-size:14px;margin:16px 0 0;font-style:italic}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.stat-item:last-child{border-bottom:none}.stat-label{color:#6b7280;font-size:14px;font-weight:500;text-transform:none}.stat-value-private,.stat-value-public{font-size:18px;font-weight:600;color:#111827;font-family:Poppins,sans-serif}.verification-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.verification-item:last-child{border-bottom:none}.verification-item .verified{color:#10b981}.unverified{color:#9ca3af}.profile-main{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.tab-navigation{display:flex;border-bottom:1px solid #e5e7eb;background:#fff}.tab-btn{flex:1;padding:16px 20px;border:none;background:transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;border-radius:0}.tab-btn:hover{color:#374151;background:#f3f4f6}.tab-btn.active{color:#111827;font-weight:600;background:#fff;border-bottom-color:#3b82f6;border-radius:0}.tab-content{padding:24px}.listings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.listing-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .2s ease;position:relative;cursor:pointer}.listing-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.listing-image{position:relative;width:100%;height:200px;background:#f8f9fa;overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .2s ease}.listing-card:hover .listing-image img{transform:scale(1.05)}.listing-content{padding:16px}.listing-category{display:inline-block;color:#3b82f6;font-size:12px;font-weight:500;margin-bottom:8px}.listing-title{font-size:16px;font-weight:600;color:#6b7280;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.listing-condition{color:#6b7280;font-size:14px;margin:0}.listing-footer{display:flex;justify-content:space-between;align-items:center}.listing-price{font-size:18px;color:#1a1a1a;font-weight:600;font-family:Poppins,sans-serif;margin:0}.listing-price strong{color:#1a1a1a;font-weight:600;font-family:Poppins,sans-serif}.empty-state{display:flex;justify-content:center;align-items:center;padding:60px 20px;text-align:center}.empty-state-content{text-align:center}.empty-icon{color:#9ca3af;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:14px;margin:0}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr;gap:20px}.profile-header{padding:0 20px 20px}.profile-info{align-items:center;text-align:center}}@media (max-width: 768px){.hero-background{height:200px}.profile-header{padding:0 16px 16px}.profile-avatar img{width:100px;height:100px}.profile-name{font-size:24px}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.profile-content{padding:16px}}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr;gap:24px;padding:24px 20px}.profile-header{margin-top:-60px}.profile-info{padding-top:0}}@media (max-width: 768px){.hero-background{height:200px}.profile-header{margin-top:-60px}.profile-avatar img{width:100px;height:100px}.profile-name{font-size:24px}.tab-navigation{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;border-bottom:1px solid #e5e7eb;gap:0}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;max-width:100%;text-align:center;border-bottom:2px solid transparent;border-right:none;padding:16px 20px;white-space:nowrap;margin:0;border-radius:0}.tab-btn:first-child{margin-left:0}.tab-btn:last-child{margin-right:0}.tab-btn.active{border-bottom-color:#3b82f6;border-left:none}.listings-grid{grid-template-columns:1fr}.profile-content{padding:20px}}.listing-card.loading{pointer-events:none}.listing-image-skeleton{width:100%;height:150px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px 8px 0 0}.listing-content-skeleton{padding:16px}.title-skeleton{width:80%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.description-skeleton{width:100%;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.meta-skeleton{width:60%;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.reviews-section-profile{padding:20px 0}.reviews-grid{display:grid;gap:16px}.review-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reviewer-info{display:flex;align-items:center;gap:12px}.reviewer-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#10b981;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.reviewer-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#10b981;color:#fff;font-weight:600;font-size:14px}.reviewer-details{display:flex;flex-direction:column;gap:4px}.reviewer-name{font-weight:600;color:#374151;font-size:14px}.review-rating{display:flex;gap:2px}.star{transition:all .2s ease}.star:hover{transform:scale(1.1)}.star.filled{color:#f59e0b}.star.empty{color:#d1d5db}.review-date{font-size:12px;color:#9ca3af}.review-text{font-size:14px;color:#374151;font-style:italic}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.listing-type-badge{position:absolute;top:12px;right:12px;background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.favorite-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.favorite-btn:hover{color:#ef4444;transform:scale(1.1)}.favorite-btn.active{color:#ef4444}.favorite-btn.active svg{fill:#ef4444}.listing-price-condition{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.listing-location{font-size:13px;color:#6b7280;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-time-views{display:flex;justify-content:space-between;align-items:center}.listing-time{font-size:12px;color:#9ca3af}.listing-views{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.trade-only{color:#1a1a1a;font-weight:700;font-family:Poppins,sans-serif}.price-original{color:#9ca3af;text-decoration:line-through;font-size:14px;margin-right:8px}.price-current{color:#1a1a1a;font-weight:600;font-family:Poppins,sans-serif;font-size:18px}.profile-completion-container{display:flex;align-items:center;gap:8px}.profile-completion-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;position:relative}.profile-completion-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.profile-completion-text{font-size:14px;font-weight:600;color:#374151;min-width:40px;text-align:right}.contact-item-hidden{display:flex;align-items:center;gap:8px;padding:8px 0;color:#6b7280;font-style:italic}.contact-item-hidden svg{color:#9ca3af}.social-hidden{display:flex;align-items:center;gap:8px;padding:12px 0;color:#6b7280;font-style:italic}.social-hidden span{font-size:14px}.listings-hidden-message{display:flex;align-items:center;justify-content:center;height:200px;font-size:1.2rem;color:#6b7280;font-style:italic;text-align:center}.swap-item-page{background-color:#fff;min-height:100vh;padding:40px}.swap-container{max-width:1400px;margin:0 auto}.swap-header{text-align:left;margin-bottom:40px}.swap-header h1{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.swap-subtitle{font-size:16px;color:#666;margin:0}.swap-content{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;margin-bottom:40px;align-items:start}.swap-icon-container{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px}.swap-icon{color:#fff;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#23496c;border:none;border-radius:50%;padding:8px;transition:none}.swap-section h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:10px}.selected-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.item-card-content{display:flex;flex-direction:row;gap:20px;align-items:flex-start}.selected-item-card .item-image{width:150px;height:150px;border-radius:8px;overflow:hidden;flex-shrink:0}.selected-item-card .item-image img{width:100%;height:100%;object-fit:contain}.selected-item-card .item-info{display:flex;flex-direction:column;flex:1;gap:8px;min-width:0;max-width:100%}.item-description-clean{color:#4b5563;font-size:14px;font-weight:400;margin:0;padding:4px 0;line-height:1.4;max-height:calc(1.4em * 3);overflow:hidden;word-wrap:break-word;word-break:break-word;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;width:100%;max-width:100%;box-sizing:border-box}.item-location-display{color:#6b7280;font-size:14px;font-weight:500;margin:0;padding:4px 0}.selected-item-card h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.item-description{color:#6b7280;font-size:14px;margin:0}.item-badges{display:flex;gap:8px;flex-wrap:wrap}.condition-badge,.category-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.condition-badge{background:#dcfce7;color:#166534}.category-badge{background:#dbeafe;color:#1d4ed8}.location-badge{background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.type-badge{background:#dcfce7;color:#166534;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.item-price{margin:0}.price-text{font-size:18px;font-weight:600;color:#059669}.item-details{flex:1;width:100%}.item-specs{display:flex;flex-direction:column;gap:4px;width:100%}.item-specs span{color:#6b7280;font-size:13px;width:100%;display:block}.rating-container{display:flex;align-items:center;gap:6px}.stars{display:flex;gap:2px}.rating-text{font-size:12px;color:#6b7280;font-weight:500}.seller-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:8px;width:100%;box-sizing:border-box;border-top:1px solid #e5e7eb;margin-top:8px}.seller-avatar-swap,.seller-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.seller-avatar-swap img,.seller-avatar img{width:100%;height:100%;object-fit:cover}.seller-info span{color:#6b7280;font-size:14px;font-weight:500;flex:1}.select-different-text{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;background:none;border:none;font-size:14px;font-weight:400;cursor:pointer;padding:12px 0;border-top:1px solid #f3f4f6;margin-top:8px;width:100%;transition:none}.select-different-text:hover{color:#6b7280}.item-selection{min-height:200px}.empty-state{text-align:left;color:#6b7280}.empty-state svg{color:#d1d5db}.empty-state h3{font-size:18px;color:#374151;margin-bottom:8px}.empty-state p{margin-bottom:20px}.add-listing-btn{display:inline-flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.selectable-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.selectable-item:hover{border-color:#3b82f6}.selectable-item .item-image{width:100%;height:120px;border-radius:6px;overflow:hidden;margin-bottom:8px}.selectable-item .item-image img{width:100%;height:100%;object-fit:contain;background-color:#f9fafb}.selectable-item h4{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.selectable-item .item-condition{font-size:12px;color:#6b7280}.message-section{margin-bottom:40px}.message-section h3{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.message-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:100px}.message-input:focus{outline:none;border-color:#3b82f6}.action-buttons{display:flex;gap:16px;justify-content:center}.propose-swap-btn{background:#3b82f6;color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.propose-swap-btn:hover:not(:disabled){background:#2563eb}.propose-swap-btn:disabled{background:#9ca3af;cursor:not-allowed}.cancel-btn{background:#fff;color:#6b7280;border:1px solid #d1d5db;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.send-message-section{display:flex;justify-content:center;margin-top:20px;margin-bottom:20px}.send-swap-message-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:16px 40px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d;min-width:200px}.send-swap-message-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;flex:1}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.modal-close:hover{background:#f3f4f6}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.modal-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;position:relative}.modal-item:hover{border-color:#3b82f6}.modal-item.selected{border-color:#3b82f6;background:#f0f9ff}.modal-item-image{width:100%;height:150px;border-radius:6px;overflow:hidden;margin-bottom:12px}.modal-item-image img{width:100%;height:100%;object-fit:contain;background-color:#f9fafb}.modal-item-info h4{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.modal-item-badges{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.modal-item-price{font-size:14px;color:#6b7280;margin:0}.selected-indicator{position:absolute;top:12px;right:12px;background:#3b82f6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.loading-state,.error-state{text-align:center;padding:80px 20px}.message-section{margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.message-title{margin-bottom:15px;color:#374151;font-size:18px;font-weight:600}.swap-message-input{resize:vertical;min-height:100px}.action-buttons-container{display:flex;justify-content:flex-end;gap:15px;margin:15px 0}@media (max-width: 768px){.swap-item-page{padding:20px 15px}.swap-content{grid-template-columns:1fr;gap:30px}.swap-icon-container{order:2;min-height:60px}.swap-icon-container .swap-icon{transform:rotate(90deg);width:32px;height:32px;padding:6px}.swap-section:first-child{order:1}.swap-section:last-child{order:3}.action-buttons-container{flex-direction:column;gap:10px}.action-buttons-container>*{width:100%}.item-card-content{flex-direction:column;gap:15px}.selected-item-card .item-image{width:100%;height:200px;align-self:center}.swap-header h1{font-size:24px}.swap-header{margin-bottom:30px}.message-section{padding:15px}.message-title{font-size:16px}}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.error-state svg{color:#ef4444;margin-bottom:16px}.error-state h2{font-size:24px;color:#1a1a1a;margin-bottom:8px}.error-state p{color:#6b7280;margin-bottom:24px}.back-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.back-btn:hover{background:#2563eb}@media (max-width: 768px){.swap-item-page{padding:20px}.swap-content{grid-template-columns:1fr;gap:30px}.swap-icon-container{order:2;min-height:auto;margin:20px 0}.swap-section:first-child{order:1}.swap-section:last-child{order:3}.selected-item-card{flex-direction:column;gap:16px}.selected-item-card .item-image{width:100%;height:200px}.selected-item-card .item-info{min-height:auto}.modal-content{width:95%;max-height:90vh}.modal-items-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.action-buttons{flex-direction:column}.propose-swap-btn,.cancel-btn{width:100%}}.page-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}.page-loader-content{display:flex;flex-direction:column;align-items:center;gap:24px}.page-loader-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #23496C;border-radius:50%;animation:page-loader-spin 1s linear infinite}.page-loader-text{font-size:16px;color:#23496c;font-weight:500;margin:0;text-align:center}@keyframes page-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swap-requests-page{min-height:100vh;background:#fff;padding:20px 0}.page-header{display:flex;justify-content:center;align-items:center;margin-bottom:24px;gap:40px;padding:0;margin-top:10px}.header-left-swap{flex:1;max-width:600px}.header-right-swap{display:flex;flex-direction:row;gap:16px;min-width:300px;flex-wrap:wrap}.search-container-swap,.status-container{display:flex;flex-direction:column;gap:0;flex:1;min-width:140px;align-items:center}.search-container-swap .input-container{margin-bottom:0;margin-top:0}.search-container-swap .input-wrapper{margin:0;padding:0}.search-container-swap .custom-input{height:48px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#111827;background-color:#fff;transition:all .2s ease}.search-container-swap .custom-input:focus{border-color:#23496c;box-shadow:0 0 0 3px #23496c1a}.status-container .dropdown-container{margin-bottom:0;margin-top:0}.status-container .dropdown-wrapper{margin:0;padding:0}.status-container .dropdown-button{height:48px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#111827;background-color:#fff;transition:all .2s ease}.status-container .dropdown-button:hover{border-color:#23496c}.status-container .dropdown-button:focus{border-color:#23496c;box-shadow:0 0 0 3px #23496c1a}.tabs-container-swap{display:flex;gap:8px;margin-bottom:12px;border-bottom:1px solid #e5e7eb}.tabs-container-swap .custom-button{background:transparent!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:12px 20px!important;font-size:14px!important;font-weight:500!important;color:#6b7280!important;transition:all .2s!important}.tabs-container-swap .custom-button:hover{background:transparent!important;color:#23496c!important;transform:none!important}.tabs-container-swap .custom-button.button-primary{background:transparent!important;color:#23496c!important;border-bottom-color:#23496c!important}.tabs-container-swap .custom-button.button-ghost{background:transparent;color:#6b7280;border-bottom-color:transparent}.requests-count{font-size:16px;color:#6b7280;margin:0}.no-results-swap{text-align:center;padding:80px 20px}.no-results-content h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.no-results-content p{font-size:14px;color:#6b7280;margin:0}.swaps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.swap-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:all .2s}.swap-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.swap-header{margin-bottom:16px}.product-info-swap{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.product-title{font-size:14px;font-weight:600;color:#1f2937;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-badge-swap{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap;margin-left:12px}.status-badge-swap.pending{background:#fef3c7;color:#92400e}.status-badge-swap.accepted{background:#d1fae5;color:#065f46}.status-badge-swap.rejected{background:#fee2e2;color:#991b1b}.requester-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.requester-details{display:flex;align-items:center;gap:12px;flex:1}.requester-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.requester-avatar img{width:100%;height:100%;object-fit:cover}.requester-text{display:flex;flex-direction:column}.requester-name{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.request-time{font-size:12px;color:#6b7280}.swap-summary{display:flex;flex-direction:column;margin:12px 0}.summary-value{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.summary-value.current-swap{color:#059669}.summary-value.swap-type{color:#3b82f6;display:flex;align-items:center;gap:4px}.swap-message{display:flex;flex-direction:row;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #e5e7eb}.message-content-swap{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.swap-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}@media (max-width: 1200px){.swaps-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.page-header{flex-direction:column;gap:20px;align-items:stretch}.header-right-swap,.search-container-swap,.status-container{min-width:unset}.swaps-grid{grid-template-columns:repeat(2,1fr);gap:16px}.swap-card{padding:16px}}@media (max-width: 480px){.swaps-grid{grid-template-columns:1fr}.header-right-swap{flex-direction:column}}.swap-filters{margin-bottom:24px}.filter-controls{display:flex;justify-content:space-between;align-items:center}.filter-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.filter-btn:hover{border-color:#9ca3af}.sort-control{display:flex;align-items:center;gap:12px;font-size:14px;color:#374151;position:relative}.sort-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 40px 10px 16px;font-size:14px;color:#374151;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:160px}.sort-select:focus{outline:none;border-color:#3b82f6}.sort-arrow{position:absolute;right:12px;pointer-events:none;color:#6b7280}.swap-requests-list{display:flex;flex-direction:column;gap:20px}.swap-request-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:0 2px 4px #0000001a;transition:all .2s}.swap-request-card:hover{transform:translateY(-2px)}.requester-info{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.requester-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.requester-details h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.request-time{display:flex;align-items:center;gap:4px;font-size:14px;color:#6b7280}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;margin-top:4px}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.cancelled{background:#f3f4f6;color:#374151}.swap-message h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.swap-message p{font-size:14px;color:#6b7280;margin:0;font-style:italic}.offered-items-list{display:flex;flex-direction:column;gap:12px}.no-items{color:#9ca3af;font-style:italic;text-align:center;padding:20px}.item-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.category-badge{background:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.items-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:start}.item-section{display:flex;flex-direction:column;gap:16px}.item-section h4{font-size:16px;font-weight:600;color:#374151;margin:0;text-align:left}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.item-horizontal{display:flex;gap:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.item-horizontal:hover{transform:translateY(-2px)}.item-image{width:100px;height:100px;border-radius:8px;object-fit:cover;background:#fff;border:1px solid #e5e7eb;flex-shrink:0}.item-content{flex:1;display:flex;flex-direction:column;gap:8px}.item-content h5{font-size:16px;font-weight:600;color:#1f2937;margin:0}.item-description{font-size:14px;color:#6b7280;margin:0;flex:1}.condition-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;margin-top:auto}.condition-badge.like-new{background:#dbeafe;color:#1e40af}.condition-badge.excellent{background:#dcfce7;color:#166534}.condition-badge.good{background:#fef3c7;color:#d97706}.item-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.action-icon-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.action-icon-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f9ff;transform:translateY(-1px)}.main-action-buttons{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.empty-state{text-align:center;color:#6b7280}.empty-state h3{font-size:20px;color:#374151;margin:0 0 8px}@media (max-width: 768px){.filter-controls{flex-direction:column;gap:16px;align-items:stretch}.sort-control{justify-content:center}.items-comparison{grid-template-columns:1fr;gap:20px}.swap-icon-container{order:2;min-height:auto;padding:16px 0}.item-section:first-child{order:1}.item-section:last-child{order:3}.item-horizontal{flex-direction:column;text-align:center}.item-image{width:80px;height:80px;align-self:center}.item-content{text-align:left}.item-actions{justify-content:center}.main-action-buttons{flex-direction:column;gap:12px}.accept-btn{max-width:none}}.bid-requests-page{min-height:100vh;background:#fff;padding:20px 10px}.container{margin:0 auto;padding:0 10px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:40px;padding:0;margin-top:10px}.header-left-bid{flex:1;max-width:600px}.page-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 12px}.page-description{font-size:16px;color:#6b7280;margin:0}.header-right-bid{display:flex;flex-direction:row;gap:16px;min-width:300px;flex-wrap:wrap}.search-container-bid,.status-container{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.input-label{font-size:14px;font-weight:500;color:#374151;margin:0}.search-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px;pointer-events:none;z-index:2}.search-input{width:100%!important;height:48px!important;padding:0 16px 0 48px!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-size:16px!important;color:#111827!important;background-color:#fff!important;transition:all .2s ease!important;box-sizing:border-box!important;outline:none!important}.search-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.search-input::placeholder{color:#9ca3af!important}.status-select{width:100%!important;height:48px!important;padding:0 40px 0 16px!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-size:16px!important;color:#111827!important;background-color:#fff!important;cursor:pointer!important;outline:none!important;transition:all .2s ease!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important}.status-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.header-divider{height:1px;background-color:#e5e7eb;margin-bottom:32px}.sort-dropdown{position:relative}.sort-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151;cursor:pointer;outline:none;min-width:140px}.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px;text-align:center}.error-message p{color:#dc2626;margin:0 0 12px}.retry-btn{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-btn:hover{background-color:#2563eb}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{color:#d1d5db}.empty-state h2{font-size:24px;font-weight:600;color:#374151;margin:0 0 12px}.empty-state p{font-size:16px;color:#6b7280;margin:0 0 24px;max-width:400px}.cta-btn{background-color:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.cta-btn:hover{background-color:#2563eb}.bids-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.bid-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:all .2s}.bid-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.bid-header{margin-bottom:16px}.product-info-bid{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.product-title{font-size:14px;font-weight:600;color:#1f2937;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.status-badge-bid{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap;margin-left:12px}.status-badge-bid.pending{background:#fef3c7;color:#92400e}.status-badge-bid.accepted{background:#d1fae5;color:#065f46}.status-badge-bid.rejected{background:#fee2e2;color:#991b1b}.bidder-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.bidder-details{display:flex;align-items:center;gap:12px;flex:1}.bidder-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.bidder-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;font-weight:600;font-size:14px}.bidder-text{display:flex;flex-direction:column}.bidder-name{font-size:14px;font-weight:600;color:#1f2937}.bid-time{font-size:12px;color:#6b7280}.bid-summary{display:flex;flex-direction:column;margin:12px 0}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.summary-label{font-size:12px;color:#6b7280;font-weight:500}.summary-value{font-size:14px;font-weight:600;color:#111827}.summary-value.current-bid{color:#059669}.summary-value.increase{color:#3b82f6}.bid-message{display:flex;flex-direction:row;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #e5e7eb}.message-label{font-size:12px;font-weight:500;color:#9ca3af;white-space:nowrap;margin-top:2px}.message-content-bid{font-size:13px;color:#374151}.bid-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.action-btn-bid{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn-bid.accept-btn{background:#059669;color:#fff}.action-btn-bid.accept-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.action-btn-bid.reject-btn{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.action-btn-bid.reject-btn:hover:not(:disabled){background:#e5e7eb;color:#374151;transform:translateY(-1px)}.action-btn-bid:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-display{width:100%;text-align:center;padding:10px;border-radius:6px;background:#f8fafc}.status-text{font-size:13px;font-weight:600}.status-text.accepted{color:#059669}.status-text.rejected{color:#dc2626}.bid-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.comparison-item{display:flex;flex-direction:column;gap:4px;text-align:center}.comparison-item .label{font-size:12px;color:#6b7280;font-weight:500}.comparison-item .value{font-size:16px;font-weight:600;color:#111827}.comparison-item .value.highlight,.comparison-item .value.increase{color:#059669}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.pagination-btn{background-color:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:#2563eb}.pagination-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280}@media (max-width: 768px){.container{padding:0 16px}.page-header h1{font-size:24px}.bid-header{flex-direction:column;gap:16px;align-items:flex-start}.bid-amount{justify-content:flex-start}.bidder-info{flex-wrap:wrap}.view-profile-btn{order:-1;align-self:flex-end}.bid-comparison{grid-template-columns:1fr;gap:12px}.comparison-item{flex-direction:row;justify-content:space-between;text-align:left}.pagination{flex-direction:column;gap:12px}}@media (max-width: 480px){.bid-requests-page{padding:16px 0}.page-header{margin-bottom:24px}.bid-card{margin:0 -4px}.listing-title{font-size:16px}.amount{font-size:18px}}.bid-actions-section{margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6}.pending-actions{display:flex;gap:12px;flex-wrap:wrap}.processed-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.action-btn-bid{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-align:center;min-width:120px}.action-btn-bid.accept-btn{background-color:#4f46e5;color:#fff}.action-btn-bid.accept-btn:hover:not(:disabled){background-color:#4338ca;transform:translateY(-1px)}.action-btn-bid.reject-btn-bid{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.action-btn-bid.reject-btn-bid:hover:not(:disabled){background-color:#e5e7eb;color:#374151;transform:translateY(-1px)}.action-btn-bid:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.accept-btn{background-color:#10b981;color:#fff}.accept-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.reject-btn{background-color:#ef4444;color:#fff}.reject-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.chat-btn{background-color:#3b82f6;color:#fff}.chat-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.report-btn{background-color:#f59e0b;color:#fff}.report-btn:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px)}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500}.status-indicator.accepted{background-color:#ecfdf5;color:#059669}.status-indicator.rejected{background-color:#fef2f2;color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.reject-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#f3f4f6}.modal-content{padding:24px}.modal-content p{margin:0 0 16px;color:#374151}.reject-reason-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit;transition:border-color .2s}.reject-reason-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.character-count{text-align:right;font-size:12px;color:#6b7280;margin-top:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb}.cancel-btn{padding:10px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.confirm-reject-btn{padding:10px 20px;background-color:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.confirm-reject-btn:hover:not(:disabled){background-color:#dc2626}.confirm-reject-btn:disabled{opacity:.6;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px}@media (max-width: 1200px){.bids-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.container{padding:0 16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-left-bid{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:24px}.sort-select{min-width:100%}.header-controls{width:100%;justify-content:space-between}.search-section{min-width:200px}.bids-grid{grid-template-columns:repeat(2,1fr);gap:16px}.bid-card{padding:16px}.product-title,.bidder-name{font-size:13px}.summary-value{font-size:14px}.action-btn-bid{padding:8px 12px;font-size:12px}}@media (max-width: 768px){.page-header{flex-direction:column;gap:24px}.header-right-bid{min-width:100%;flex-direction:column}.search-container-bid,.status-container{min-width:100%}.page-title{font-size:28px}.page-description{font-size:15px}}@media (max-width: 768px){.bid-requests{padding:16px 0}.container{padding:0 12px}.page-title{font-size:24px}.header-controls{flex-direction:column;align-items:stretch;gap:12px}.filter-section{justify-content:space-between}.search-section{min-width:100%}.bids-grid{grid-template-columns:1fr;gap:16px}.bid-card{padding:16px}.product-title{font-size:14px}.bidder-info{margin-bottom:12px}.bidder-name{font-size:13px}.bid-time{font-size:11px}.summary-value{font-size:13px}.action-btn-bid{padding:8px 10px;font-size:12px}.chat-btn{width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.bid-requests{padding:12px 0}.container{padding:0 8px}.page-title{font-size:20px}.filter-section{flex-direction:column;align-items:stretch;gap:8px}.bid-card{padding:12px}.product-title{font-size:13px}.bidder-name,.summary-value{font-size:12px}.action-btn-bid{padding:6px 8px;font-size:11px}.chat-btn{width:24px;height:24px;font-size:10px}}.table-filter-info{margin-top:24px}.pagination-data{padding:0;margin:0}.pagination-data li{list-style:none}.rc-pagination{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:wrap}.rc-pagination-total-text{margin-right:12px;cursor:initial;color:#6b7280;font-size:14px;min-width:120px}.rc-pagination-controls{display:flex;align-items:center;gap:8px}.rc-pagination-item,.rc-pagination-prev,.rc-pagination-next{display:inline-block;min-width:32px;height:32px;color:#656f84;font-family:Arial;text-align:center;vertical-align:middle;list-style:none;border-radius:8px;cursor:pointer;transition:all .3s;border:1px solid transparent;background-color:transparent;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.rc-pagination-prev,.rc-pagination-next{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#5a8dee;min-width:32px;height:32px;border-radius:8px;border:1px solid transparent;background-color:transparent;cursor:pointer;transition:all .3s}.rc-pagination-prev svg,.rc-pagination-next svg{width:16px;height:16px;stroke:currentColor}.rc-pagination-prev:hover,.rc-pagination-next:hover{background-color:#eceff5;border-color:#eceff5}.rc-pagination-item.rc-pagination-item-active,.rc-pagination-item.rc-pagination-item-active:hover{background-color:#5a8dee;border-color:#5a8dee;color:#fff}.rc-pagination-prev.rc-pagination-item-disabled,.rc-pagination-next.rc-pagination-item-disabled{opacity:.5;cursor:not-allowed;color:#9ca3af}.rc-pagination-prev.rc-pagination-item-disabled svg,.rc-pagination-next.rc-pagination-item-disabled svg{stroke:#9ca3af}.rc-pagination-size-changer{display:flex;align-items:center;margin-left:auto}.rc-pagination-size-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#fff;color:#374151;cursor:pointer;outline:none}.rc-pagination-size-select:focus{border-color:#5a8dee;box-shadow:0 0 0 2px #5a8dee1a}@media (max-width: 768px){.rc-pagination{flex-direction:column;gap:12px}.rc-pagination-controls{justify-content:center}.rc-pagination-total-text{text-align:center}}.rc-pagination-item:hover,.rc-pagination-prev:hover,.rc-pagination-next:hover{background-color:#eceff5;border-color:#eceff5}@media (max-width: 768px){.page-header{flex-direction:column;gap:20px}.header-left-bid{max-width:100%}.header-right-bid{min-width:100%;flex-direction:row;gap:12px}.search-container-bid,.status-container{flex:1;min-width:0}.bids-grid{grid-template-columns:1fr;gap:16px}.bid-card{padding:16px}.rc-pagination{flex-direction:column;justify-content:center;gap:12px}.rc-pagination-controls{justify-content:center}.rc-pagination-size-changer{display:none}.rc-pagination-total-text{text-align:center;margin-bottom:8px}}@media (max-width: 480px){.header-right-bid{flex-direction:column;gap:16px}.search-container-bid,.status-container{min-width:100%}.bid-card{padding:12px}.product-title{font-size:14px}.bidder-name{font-size:13px}}.pagination-size-select .custom-select-input{height:36px!important;padding:8px 32px 8px 12px!important;font-size:13px!important;min-width:120px!important;max-width:140px!important}.pagination-size-select .custom-select-options{max-height:150px!important}.pagination-size-select .custom-select-option{padding:8px 12px!important;font-size:13px!important}@media (max-width: 768px){.rc-pagination-size-changer{display:none!important}}.favourites-page{min-height:100vh;background-color:#fff;padding:2rem 1rem}.favourites-container{width:100%;margin:0 auto}.favourites-header-left{text-align:left;margin-bottom:2rem}.favourites-header-left h1{font-size:2.5rem;color:#333;margin-bottom:.5rem}.favourites-header-left p{font-size:1.1rem;color:#666;margin-bottom:1rem}.header-divider{width:100%;height:1px;background-color:#e0e0e0;margin-top:1rem}.favourites-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-form{display:flex;gap:.5rem;flex:1;min-width:300px}.filter-container{display:flex;align-items:center;gap:8px;background:#fff;padding:12px;border:1px solid #ddd;border-radius:8px}.filter-container svg{color:#666}.filter-container select{border:none;background:none;font-size:1rem;color:#333;cursor:pointer;outline:none}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.item-card{background:#fff;border-radius:12px;overflow:hidden;transition:transform .2s;cursor:pointer;border:1px solid #f0f0f0}.item-card:hover{transform:translateY(-2px)}.item-card.loading{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f0f0f0}.item-image{position:relative;width:100%;height:200px;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.item-card:hover .item-image img{transform:scale(1.05)}.favorite-btn{position:absolute;top:12px;right:12px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.favorite-btn:hover{background:#fff;transform:scale(1.1)}.favorite-btn.active{color:#ff6b6b}.item-content{padding:1rem}.item-content h3{font-size:1.1rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.item-price{font-size:18px;font-weight:600;color:#1a1a1a}.item-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;color:#666}.item-condition{background:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:.8rem}.item-time{font-size:.8rem}.item-stats{display:flex;justify-content:space-between;align-items:center}.item-views{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#666}.item-type-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.item-type-badge.sell{background:#e3f2fd;color:#1976d2}.item-type-badge.trade{background:#f3e5f5;color:#7b1fa2}.item-type-badge.bid{background:#fff3e0;color:#f57c00}.item-image-skeleton{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.item-content-skeleton{padding:1rem}.title-skeleton,.price-skeleton,.condition-skeleton,.time-skeleton,.views-skeleton,.badge-skeleton{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.title-skeleton{width:80%;height:20px}.price-skeleton{width:60%;height:18px}.meta-skeleton{display:flex;justify-content:space-between;margin-bottom:8px}.condition-skeleton{width:60px;margin-bottom:0}.time-skeleton{width:50px;margin-bottom:0}.stats-skeleton{display:flex;justify-content:space-between}.views-skeleton{width:40px;margin-bottom:0}.badge-skeleton{width:50px;margin-bottom:0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.pagination-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background:#0056b3}.pagination-btn:disabled{background:#ccc;cursor:not-allowed}.pagination-info{font-size:.9rem;color:#666}.no-favourites{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px}.no-favourites-icon{width:80px;height:80px;background:#ffe6e6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#ff6b6b}.no-favourites h2{font-size:1.5rem;color:#333;margin-bottom:.5rem}.no-favourites p{color:#666;font-size:1rem}@media (max-width: 768px){.favourites-page{padding:1rem .5rem}.favourites-header-left h1{font-size:2rem}.items-grid,.loading-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.no-favourites{padding:2rem 1rem}.pagination{flex-direction:column;gap:.5rem}}.privacy-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Poppins,sans-serif;padding:0;margin:0}.privacy-container{width:100%;max-width:1200px;padding:40px 24px;margin:0 auto}.privacy-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:60px 40px;border-radius:20px;margin-bottom:40px;position:relative;text-align:center;box-shadow:0 20px 40px #4f46e533}.back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffffe6;text-decoration:none;font-size:14px;margin-bottom:32px;transition:all .3s ease;position:absolute;top:24px;left:24px}.header-icon-wrapper{background:#ffffff1a;border-radius:50%;padding:20px;display:inline-block;margin-bottom:24px}.header-icon{color:#fff}.privacy-header h1{font-family:Sansation,sans-serif;font-size:48px;font-weight:700;margin-bottom:16px;color:#fff}.privacy-header p{font-size:18px;margin-bottom:16px;color:#ffffffe6;max-width:600px;margin-left:auto;margin-right:auto}.privacy-content{display:flex;flex-direction:column;gap:32px}.privacy-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.privacy-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.section-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px}.privacy-section h2{font-family:Sansation,sans-serif;font-size:28px;font-weight:700;color:#111827;margin:0}.info-card{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:20px;border-left:4px solid #4F46E5}.info-card h3{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#111827;margin-bottom:16px}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{color:#6b7280;font-size:16px;position:relative;padding:8px 0 8px 20px}.info-card li:before{content:"•";color:#4f46e5;font-weight:700;position:absolute;left:0;font-size:18px}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.usage-item{background:#f8fafc;border-radius:12px;padding:24px;text-align:center;border:1px solid #e5e7eb;transition:all .3s ease}.usage-item:hover{background:#4f46e5;color:#fff;transform:translateY(-2px)}.usage-number{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto 16px;font-size:16px}.usage-item:hover .usage-number{background:#fff;color:#4f46e5}.usage-item p{margin:0;font-weight:500}.sharing-notice{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:24px;border-radius:12px;display:flex;align-items:center;gap:16px;margin-bottom:32px}.sharing-notice h3{margin:0;font-size:18px;font-weight:600}.sharing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.sharing-card{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e5e7eb;transition:all .3s ease}.sharing-card:hover{background:#fff;box-shadow:0 4px 20px #0000001a}.sharing-card h4{color:#111827;font-weight:600;margin-bottom:8px;font-size:16px}.sharing-card p{color:#6b7280;margin:0;font-size:14px}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.security-item{display:flex;align-items:center;gap:16px;background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb;transition:all .3s ease}.security-item:hover{background:#fff;box-shadow:0 4px 20px #0000001a}.security-icon{font-size:24px;min-width:40px}.security-item h4{color:#111827;font-weight:600;margin:0 0 4px;font-size:16px}.security-item p{color:#6b7280;margin:0;font-size:14px}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.right-item{background:#f8fafc;border-radius:12px;padding:20px;text-align:center;border:1px solid #e5e7eb;transition:all .3s ease}.right-item:hover{background:#4f46e5;color:#fff;transform:translateY(-2px)}.right-item h4{color:#111827;font-weight:600;margin-bottom:8px;font-size:16px}.right-item:hover h4{color:#fff}.right-item p{color:#6b7280;margin:0;font-size:14px}.right-item:hover p{color:#ffffffe6}.contact-section{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.contact-section .section-header h2{color:#fff}.contact-section .section-icon{background:#fff3}.contact-intro{text-align:center;font-size:18px;margin-bottom:32px;color:#ffffffe6}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.contact-method{background:#ffffff1a;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.contact-method:hover{background:#fff3;transform:translateY(-2px)}.contact-method h4{color:#fff;font-weight:600;margin:0 0 4px;font-size:16px}.contact-method p{color:#ffffffe6;margin:0;font-size:14px}.privacy-footer{background:#fff;padding:40px;border-radius:16px;text-align:center;margin-top:40px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.privacy-footer p{font-size:16px;color:#6b7280;margin-bottom:24px}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.footer-links a{color:#4f46e5;text-decoration:none;font-weight:500;padding:12px 24px;border:2px solid #4F46E5;border-radius:8px;transition:all .3s ease}.footer-links a:hover{background-color:#4f46e5;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.privacy-container{padding:20px 16px}.privacy-header{padding:40px 24px;margin-bottom:32px}.privacy-header h1{font-size:36px}.privacy-section{padding:24px}.privacy-section h2{font-size:24px}.usage-grid,.sharing-cards,.security-features,.rights-grid,.contact-methods{grid-template-columns:1fr}.footer-links{flex-direction:column;align-items:center}.back-link{position:relative;top:auto;left:auto;margin-bottom:24px}}@media (max-width: 480px){.privacy-header h1{font-size:28px}.privacy-section h2{font-size:20px}.info-card h3{font-size:16px}.info-card li{font-size:14px}}.privacy-policy-page{font-family:Poppins,Inter,Nunito,Arial,sans-serif;font-weight:400;padding:48px 24px 64px;background:#fff;color:#1a202c;min-height:80vh}.privacy-policy-page h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;color:#111827;letter-spacing:-1px}.privacy-policy-page p,.privacy-policy-page ul,.privacy-policy-page li{font-size:1.08rem;color:#374151}.privacy-policy-page h2{font-size:1.5rem;font-weight:600;margin-top:40px;margin-bottom:12px;color:#0f172a;letter-spacing:-.5px}.privacy-policy-page h3{font-size:1.15rem;font-weight:600;margin-top:28px;margin-bottom:8px;color:#1e293b}.privacy-policy-page ul{margin:0 0 18px 24px;padding-left:18px}.privacy-policy-page li{margin-bottom:6px}.privacy-policy-page strong{color:#0ea5e9;font-weight:600}.privacy-policy-page a{color:#0ea5e9;text-decoration:underline}.privacy-policy-page hr{border:none;border-top:1.5px solid #e5e7eb;margin:32px 0}@media (max-width: 600px){.privacy-policy-page{padding:24px 6px 48px}.privacy-policy-page h1{font-size:2rem}.privacy-policy-page h2{font-size:1.2rem}}.terms-page{min-height:100vh;background-color:#f9fafb;font-family:Poppins,sans-serif;padding:0;margin:0}.terms-container{width:100%;padding:40px 24px;margin:0 auto}.terms-header{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:40px;border-radius:16px;margin-bottom:40px;position:relative}.back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffffe6;text-decoration:none;font-size:14px;margin-bottom:24px;transition:all .2s ease}.back-link:hover{color:#fff;transform:translate(-4px)}.header-icon{color:#ffffffe6;margin-bottom:16px}.terms-header h1{font-family:Sansation,sans-serif;font-size:48px;font-weight:700;margin-bottom:16px;color:#fff}.terms-header p{font-size:18px;margin-bottom:12px;color:#ffffffe6}.last-updated{font-size:14px;color:#ffffffb3;font-style:italic}.terms-content{display:flex;flex-direction:column;gap:32px}.terms-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.terms-section h2{font-family:Sansation,sans-serif;font-size:28px;font-weight:700;color:#111827;margin-bottom:20px;display:flex;align-items:center;gap:16px}.section-icon{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:12px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.section-content h3{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#374151;margin:24px 0 12px}.section-content ul{list-style:none;padding:0;margin:0}.section-content li{border-bottom:1px solid #f3f4f6;font-size:16px;color:#6b7280;position:relative;padding:12px 0 12px 24px}.section-content li:last-child{border-bottom:none}.section-content li:before{content:"•";color:#059669;font-weight:700;position:absolute;left:8px;font-size:18px}.section-content p{font-size:16px;color:#6b7280;margin:16px 0}.section-content strong{color:#111827;font-weight:600}.terms-footer{background:#fff;padding:32px;border-radius:12px;text-align:center;margin-top:40px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.terms-footer p{font-size:16px;color:#6b7280;margin-bottom:24px}.footer-links{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.footer-links a{color:#059669;text-decoration:none;font-weight:500;padding:12px 24px;border:1px solid #059669;border-radius:8px;transition:all .2s ease}.footer-links a:hover{background-color:#059669;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.terms-container{padding:20px 16px}.terms-header{padding:24px}.terms-header h1{font-size:36px}.terms-section{padding:24px}.terms-section h2{font-size:24px;flex-direction:column;align-items:flex-start;gap:12px}.section-icon{align-self:flex-start}.footer-links{flex-direction:column;gap:16px}.footer-links a{width:100%;text-align:center}}@media (max-width: 480px){.terms-header h1{font-size:28px}.terms-section h2{font-size:20px}.section-content h3{font-size:16px}.section-content li{font-size:14px;padding:10px 0 10px 20px}}.admin-layout{display:flex;min-height:100vh;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-sidebar{width:250px;background-color:#fff;border-right:1px solid #e9ecef;position:fixed;height:100vh;left:0;top:0;z-index:1000;display:flex;flex-direction:column;transition:all .3s ease}.admin-sidebar.collapsed{width:60px}.admin-sidebar.collapsed .admin-brand h2,.admin-sidebar.collapsed .nav-label,.admin-sidebar.collapsed .logout-text{display:none}.admin-sidebar.collapsed .sidebar-controls{flex-direction:column;gap:8px}.sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center}.admin-brand h2{font-size:18px;font-weight:600;color:#495057;margin:0;transition:opacity .3s ease}.sidebar-controls{display:flex;align-items:center;gap:8px}.sidebar-toggle-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background-color:#f8f9fa;color:#495057}.sidebar-close{display:none;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px}.sidebar-close:hover{background-color:#f8f9fa}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6c757d;text-decoration:none;transition:all .2s ease;font-size:14px;font-weight:500;position:relative}.nav-item:hover{background-color:#f8f9fa;color:#495057}.nav-item.active{background-color:#e3f2fd;color:#1976d2;border-right:3px solid #1976d2}.nav-item span{font-weight:500;transition:opacity .3s ease}.nav-label{white-space:nowrap;overflow:hidden}.sidebar-footer{padding:20px;border-top:1px solid #e9ecef}.user-profile{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;background-color:#e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6c757d}.user-info p{font-size:14px;font-weight:600;color:#495057;margin:0}.user-info span{font-size:12px;color:#6c757d}.logout-btn{width:100%;background:linear-gradient(90deg,#6366f1,#3b82f6);color:#fff;border:none;padding:10px 0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 2px 8px #6366f114;transition:background .2s,color .2s}.logout-btn:hover{background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff}.logout-text{transition:opacity .3s ease}.admin-main{flex:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh;height:100vh;transition:margin-left .3s ease}.admin-main.expanded{margin-left:60px}.admin-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.sidebar-toggle{display:none;background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:4px}.sidebar-toggle:hover{background-color:#f8f9fa}.admin-header h1{font-size:24px;font-weight:600;color:#212529;margin:0}.header-right{display:flex;align-items:center;gap:16px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;color:#6c757d}.search-box input{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px 12px 8px 36px;font-size:14px;color:#495057;width:200px;transition:all .2s ease}.search-box input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff40}.header-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:6px;position:relative;transition:all .2s ease}.header-btn:hover{background-color:#f8f9fa;color:#495057}.notification-btn .notification-badge{position:absolute;top:4px;right:4px;background-color:#dc3545;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.user-menu{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.user-menu:hover{background-color:#f8f9fa}.user-menu .user-avatar{width:28px;height:28px;font-size:12px}.user-menu span{font-size:14px;font-weight:500;color:#495057}.admin-content{flex:1;padding:24px;background-color:#fff}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);width:250px}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.collapsed{width:250px}.admin-main,.admin-main.expanded{margin-left:0}.sidebar-toggle,.sidebar-close{display:block!important}.sidebar-overlay{display:block}.search-box{display:none}.admin-header h1{font-size:20px}.admin-content{padding:16px}}@media (max-width: 480px){.header-right{gap:8px}.user-menu span{display:none}}.user-avatar-initials{width:32px;height:32px;border-radius:50%;background:#e9ecef;color:#495057;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;margin-right:10px}.user-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.user-name{font-weight:600;color:#212529;font-size:15px}.user-email{font-size:12px;color:#6c757d;margin-top:2px}.dashboard{padding:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e9ecef;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{font-size:14px;color:#6c757d;font-weight:500}.stat-icon{color:#6c757d}.stat-value{font-size:28px;font-weight:700;color:#212529;margin-bottom:8px}.stat-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.chart-card{background:#fff;border-radius:8px;border:1px solid #e9ecef;overflow:hidden}.chart-header{padding:20px 20px 0}.chart-header h3{font-size:16px;font-weight:600;color:#212529;margin:0}.chart-container{padding:20px}.activities-section{background:#fff;border-radius:8px;border:1px solid #e9ecef;margin-bottom:30px}.activities-header{padding:20px;border-bottom:1px solid #e9ecef}.activities-header h3{font-size:16px;font-weight:600;color:#212529;margin:0}.activities-table{overflow-x:auto}.activities-table table{width:100%;border-collapse:collapse}.activities-table th{background-color:#f8f9fa;padding:12px 20px;text-align:left;font-weight:600;font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e9ecef}.activities-table td{padding:16px 20px;border-bottom:1px solid #f1f3f4;font-size:14px;color:#495057}.activities-table tr:hover{background-color:#f8f9fa}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.action-btn.primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.action-btn.primary:hover{background-color:#2563eb;border-color:#2563eb}.action-btn.secondary{background-color:#fff;color:#6c757d;border-color:#e9ecef}.action-btn.secondary:hover{background-color:#f8f9fa;color:#495057;border-color:#dee2e6}@media (max-width: 1024px){.charts-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}}@media (max-width: 768px){.stats-grid,.action-buttons{grid-template-columns:1fr}.stat-card{padding:16px}.chart-header{padding:16px 16px 0}.chart-container,.activities-header{padding:16px}.activities-table th,.activities-table td{padding:12px 16px}}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background-color:#f8f9fa;padding:16px 12px;text-align:left;font-weight:600;font-size:13px;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e9ecef;white-space:nowrap}.data-table td{padding:16px 12px;border-bottom:1px solid #f1f3f4;vertical-align:top}.data-table tr:hover{background-color:#f8f9fa}.data-table tr.clickable{cursor:pointer;transition:background-color .2s ease}.data-table tr.clickable:hover{background-color:#e9ecef}@media (max-width: 768px){.data-table{font-size:12px}.data-table th,.data-table td{padding:12px 8px}}.users-page{width:100%;max-width:1400px;margin:0 auto;padding:0}.filters-section{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:nowrap}.filters-section .custom-dropdown{min-width:200px;flex-shrink:0}.user-info-admin{display:flex;flex-direction:row;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.user-avatar span{font-size:14px;font-weight:600;color:#495057;text-transform:uppercase}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;color:#212529;line-height:1.2}.user-phone{font-size:12px;color:#6c757d;line-height:1.2}.email-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#495057}.email-info svg{color:#6c757d;flex-shrink:0}.date-info svg{color:#6c757d;flex-shrink:0}.products-count{display:flex;align-items:center;gap:6px;justify-content:center}.count-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#007bff;color:#fff;border-radius:50%;font-size:12px;font-weight:600;line-height:1}.products-count svg{color:#6c757d;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge svg{flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:#f8f9fa;color:#495057}@media (max-width: 768px){.filters-section{flex-direction:column;align-items:stretch;flex-wrap:wrap}.filters-section .input-container{min-width:auto}.filters-section .custom-dropdown{min-width:auto;flex-shrink:1}.user-info-admin{gap:8px}.user-avatar{width:32px;height:32px}.user-name{font-size:13px}.user-phone{font-size:11px}.email-info,.date-info{font-size:12px}.count-badge{width:20px;height:20px;font-size:11px}.status-badge{font-size:11px;padding:3px 6px}.action-btn{width:28px;height:28px}}.users-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 0;border-top:1px solid #e9ecef}.pagination-info span{color:#6c757d;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#6c757d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:4px}.page-number{padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.page-number:hover{background:#f8f9fa;border-color:#6c757d}.page-number.active{background:#007bff;border-color:#007bff;color:#fff}@media (max-width: 768px){.users-pagination{flex-direction:column;gap:16px;align-items:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{padding:6px 10px;font-size:13px}.page-number{padding:6px 10px;min-width:36px;font-size:13px}}.bid-products-page{width:100%;max-width:1400px;margin:0 auto;padding:0}.page-header{margin-bottom:24px}.header-content h1{font-size:28px;font-weight:600;color:#212529;margin:0 0 8px}.header-content p{font-size:16px;color:#6c757d;margin:0}.filters-section{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.filters-section .input-container{flex:1;min-width:300px}.filters-section .custom-dropdown{min-width:200px}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-scroll-container{overflow-x:auto;overflow-y:hidden;min-width:100%}.table-scroll-container::-webkit-scrollbar{height:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-header{padding:20px 24px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.table-header h2{margin:0;font-size:18px;font-weight:600;color:#212529}.table-wrapper{overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table th{background-color:#f8f9fa;padding:16px 12px;text-align:left;font-weight:600;font-size:13px;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e9ecef}.products-table td{padding:16px 12px;border-bottom:1px solid #f1f3f4;vertical-align:top}.products-table tr:hover{background-color:#f8f9fa}.product-info{display:flex;gap:12px;align-items:flex-start;max-width:300px}.product-image{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #e9ecef}.product-details h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#212529;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-details .category{margin:0 0 4px;font-size:12px;color:#6c757d;font-weight:500}.product-details .description{margin:0;font-size:12px;color:#6c757d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{font-size:14px;font-weight:600;color:#495057}.user-details{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:#212529;margin-bottom:2px}.user-email{font-size:12px;color:#6c757d}.price{font-size:16px;font-weight:600;color:#28a745}.date-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#6c757d}.date-info svg{color:#6c757d}.views-count{display:flex;align-items:center;gap:6px;font-size:13px;color:#6c757d}.views-count svg{color:#6c757d}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.activate{background-color:#28a745;color:#fff}.action-btn.activate:hover{background-color:#218838}.action-btn.deactivate{background-color:#dc3545;color:#fff}.action-btn.deactivate:hover{background-color:#c82333}.action-btn:disabled{opacity:.6;cursor:not-allowed}.actions-menu{position:relative;display:inline-block}.menu-trigger{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6c757d;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.menu-trigger:hover{background-color:#f8f9fa;color:#495057}.menu-popup{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;margin-top:4px}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.menu-header span{font-weight:600;color:#495057;font-size:14px}.close-menu{background:none;border:none;font-size:18px;color:#6c757d;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-menu:hover{background-color:#e9ecef;color:#495057}.menu-items{padding:8px 0}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#495057;transition:background-color .2s ease}.menu-item:hover{background-color:#f8f9fa}.menu-item.activate{color:#198754}.menu-item.activate:hover{background-color:#d1e7dd}.menu-item.deactivate{color:#dc3545}.menu-item.deactivate:hover{background-color:#f8d7da}.menu-item.view{color:#0d6efd}.menu-item.view:hover{background-color:#cfe2ff}.menu-item.edit{color:#fd7e14}.menu-item.edit:hover{background-color:#fff3cd}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.table-loading{text-align:center;padding:40px 20px;color:#6c757d}.table-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.table-loading p{font-size:14px;margin:0;color:#6c757d}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{font-size:16px;margin:0}@media (max-width: 768px){.filters-section{flex-direction:column;align-items:stretch}.filters-section .input-container,.filters-section .custom-dropdown{min-width:auto}.products-table{font-size:12px}.products-table th,.products-table td{padding:12px 8px}.product-info{max-width:200px}.product-image{width:50px;height:50px}.user-avatar{width:32px;height:32px}.action-btn{padding:6px 8px;font-size:12px}.menu-popup{right:-80px;min-width:160px}.menu-item{padding:8px 12px;font-size:13px}}.bid-products-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 0;border-top:1px solid #e9ecef}.bid-products-pagination .pagination-info span{color:#6c757d;font-size:14px}.bid-products-pagination .pagination-controls{display:flex;align-items:center;gap:8px}.bid-products-pagination .pagination-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:14px;cursor:pointer;transition:all .2s ease}.bid-products-pagination .pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#6c757d}.bid-products-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.bid-products-pagination .page-numbers{display:flex;gap:4px}.bid-products-pagination .page-number{padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.bid-products-pagination .page-number:hover{background:#f8f9fa;border-color:#6c757d}.bid-products-pagination .page-number.active{background:#007bff;border-color:#007bff;color:#fff}@media (max-width: 768px){.bid-products-pagination{flex-direction:column;gap:16px;align-items:center}.bid-products-pagination .pagination-controls{flex-wrap:wrap;justify-content:center}.bid-products-pagination .pagination-btn{padding:6px 10px;font-size:13px}.bid-products-pagination .page-number{padding:6px 10px;min-width:36px;font-size:13px}}.settings-container{display:flex;min-height:100vh;background-color:#fff}.settings-sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;position:fixed;left:0;top:0;height:100vh;z-index:100;display:flex;flex-direction:column}.settings-sidebar-header{padding:24px 20px 16px;border-bottom:1px solid #e2e8f0;background:#fff}.settings-sidebar-header h2{margin:0;font-size:24px;font-weight:700;display:flex;color:#1e293b;justify-content:start;align-items:center}.settings-navigation{flex:1;overflow-y:auto;padding:16px 0}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#64748b;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.settings-nav-item:hover{background-color:#f1f5f9;color:#334155}.settings-nav-item.active{background-color:#eff6ff;color:#2563eb;border-left-color:#2563eb}.settings-nav-icon{flex-shrink:0;color:currentColor}.settings-nav-label{font-weight:500}.settings-sidebar-footer{padding:16px 20px;border-top:1px solid #e2e8f0}.logout-button{display:flex;align-items:center;width:100%;padding:12px 16px;background-color:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#b91c1c}.logout-icon{margin-right:8px;font-size:16px}.settings-content{flex:1;margin-left:280px;padding:24px;background-color:#fff;min-height:100vh;overflow-y:auto;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.settings-sidebar.closed~.settings-content{margin-left:0!important}.settings-page{max-width:800px;margin:0 auto}.settings-page-header{margin-bottom:32px}.settings-page-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.settings-page-description{font-size:16px;color:#64748b;margin:0}.settings-section{background:#fff;border-radius:12px;box-shadow:#0000000d 0 0 0 1px;margin-bottom:24px}.settings-section-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#fafafa}.settings-section-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.settings-section-title svg{flex-shrink:0;vertical-align:middle}.settings-section-description{font-size:14px;color:#64748b;margin:0}.settings-section-content{padding:24px}.settings-toggle{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;margin-bottom:16px;transition:all .2s ease}.settings-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000000a}.settings-toggle-info{display:flex;flex-direction:column;gap:6px;flex:1}.settings-toggle-title{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.settings-toggle-title svg{flex-shrink:0;vertical-align:middle}.settings-toggle-description{font-size:14px;color:#64748b;margin:0}.settings-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:28px;box-shadow:inset 0 1px 3px #0000001a}.settings-switch-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.settings-switch-slider{background-color:#3b82f6}input:checked+.settings-switch-slider:before{transform:translate(24px)}.settings-form-group{margin-bottom:24px}.settings-form-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px}.settings-form-label svg{flex-shrink:0;vertical-align:middle}.settings-form-input,.settings-form-select{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;transition:all .2s ease}.settings-form-input:focus,.settings-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.settings-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;background:#3b82f6;color:#fff;box-shadow:0 1px 3px #0000001a}.settings-button svg{flex-shrink:0;vertical-align:middle}.settings-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.settings-button-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.settings-button-secondary:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.settings-button-danger{background:#dc2626;color:#fff}.settings-button-danger:hover{background:#b91c1c}.login-activity-card{padding:20px;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;transition:all .2s ease;background:#fff}.login-activity-card:hover{box-shadow:0 2px 8px #0000000a;border-color:#cbd5e1}.login-activity-card.current{background:#eff6ff;border-color:#3b82f6}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.activity-device{font-weight:600;color:#1e293b;font-size:16px}.current-session-badge{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.activity-location{display:flex;align-items:center;gap:6px;color:#64748b;font-size:14px;margin-bottom:4px}.activity-location svg{flex-shrink:0;vertical-align:middle}.activity-time{color:#9ca3af;font-size:12px}.logout-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px;width:fit-content}.logout-btn svg{flex-shrink:0;vertical-align:middle}.logout-btn:hover{background:#dc2626;transform:translateY(-1px)}.form-label,.input-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:3px}.form-textarea{resize:vertical;min-height:80px}.form-help{font-size:13px;color:#6b7280;margin-top:4px}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#2563eb}input:checked+.toggle-slider:before{transform:translate(24px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9;color:#475569}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}@media (max-width: 1024px){.settings-sidebar{width:260px}.settings-content{margin-left:260px;padding:20px}}@media (max-width: 768px){.settings-container{flex-direction:column}.settings-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid #e2e8f0}.settings-navigation{display:flex;overflow-x:auto;padding:0;scrollbar-width:none;gap:4px}.settings-nav-item{white-space:nowrap;padding:8px 16px;border-left:none;border-bottom:3px solid transparent;min-width:auto}.settings-nav-item.active{border-left:none;border-bottom-color:#2563eb}.settings-nav-icon{display:none}.settings-content{margin-left:0;padding:16px}.settings-page-title{font-size:24px}.settings-section-content{padding:20px}}@media (max-width: 480px){.settings-content{padding:12px}.settings-section-content{padding:16px}.settings-page-title{font-size:22px}}.settings-header{margin-bottom:16px}.settings-header h2{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.settings-header h2 svg{color:#3b82f6}.settings-header p{font-size:16px;color:#6b7280;margin:0;text-align:left}.section-header{margin-bottom:20px}.section-header h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937;margin:0 0 6px}.section-header h3 svg{color:#6b7280}.section-header p{font-size:14px;color:#6b7280;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-hint{font-size:12px;color:#6b7280;margin-top:4px;display:block}.toggle-group{display:flex;flex-direction:column;gap:16px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;min-height:60px}.toggle-info{display:flex;flex-direction:column;gap:4px;flex:1;margin-right:16px}.toggle-info strong{font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-info span{font-size:13px;color:#6b7280;word-wrap:break-word}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(20px)}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.radio-option:hover{border-color:#3b82f6;background-color:#fafbff}.radio-option input[type=radio]{margin:0;flex-shrink:0;accent-color:#3b82f6}.radio-content{flex:1}.radio-info{display:flex;flex-direction:column;gap:4px}.radio-info strong{font-size:14px;color:#1f2937}.radio-info span{font-size:13px;color:#6b7280}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center}.action-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.action-card svg{color:#3b82f6}.action-card strong{font-size:16px;color:#1f2937;margin:0}.action-card span{font-size:14px;color:#6b7280;margin:0}.search-box{position:relative;margin-bottom:24px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e2e8f0;overflow-x:auto;padding-bottom:0}.category-tab{padding:12px 16px;border:none;background:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s ease}.category-tab:hover{color:#3b82f6}.category-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;font-weight:500;background:#fff;transition:background-color .2s ease}.faq-question:hover{background-color:#f8fafc}.faq-question svg{color:#6b7280;transition:transform .2s ease}.faq-item[open] .faq-question svg{transform:rotate(180deg)}.faq-answer{padding:0 16px 16px;border-top:1px solid #f1f5f9;background-color:#fafbfb}.faq-answer p{margin:8px 0 0;font-size:14px;color:#6b7280}.no-results{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center;color:#6b7280}.no-results svg{color:#d1d5db}.no-results p{margin:0;font-size:16px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.resource-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;background:#fff}.resource-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.resource-item svg{color:#3b82f6;flex-shrink:0}.resource-item div{flex:1}.resource-item strong{display:block;font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.resource-item span{display:block;font-size:13px;color:#6b7280}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.contact-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.contact-item svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.contact-item div{flex:1}.contact-item strong{display:block;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.contact-item span{display:block;font-size:14px;color:#3b82f6;margin-bottom:4px}.contact-item small{display:block;font-size:12px;color:#6b7280}.profile-picture-section{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid #e2e8f0;border-radius:12px;background:#fafbfc}.profile-picture{display:flex;align-items:center;gap:20px}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb}.avatar-placeholder svg{color:#9ca3af}.picture-controls{display:flex;flex-direction:column;gap:8px}.input-with-status{position:relative;display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.status-badge.verified{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.status-badge.unverified{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.social-links{display:flex;flex-direction:column;gap:16px}.social-links .form-label{display:flex;align-items:center;gap:8px}.social-links .form-label svg{color:#6b7280}.security-options{display:flex;flex-direction:column;gap:16px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.security-info{display:flex;flex-direction:column;gap:4px}.security-info strong{font-size:14px;color:#1f2937}.security-info span{font-size:12px;color:#6b7280}.password-form{margin-top:16px;padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#fafbfc}.form-actions{display:flex;gap:12px;margin-top:16px}.account-actions{display:flex;flex-direction:column;gap:16px}.action-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.action-item.danger{border-color:#fecaca;background:#fef2f2}.action-info{display:flex;flex-direction:column;gap:4px}.action-info strong{font-size:14px;color:#1f2937}.action-info span{font-size:12px;color:#6b7280}.action-item.danger .action-info strong{color:#dc2626}.warning-box{display:flex;gap:16px;padding:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px}.warning-box svg{color:#dc2626;flex-shrink:0}.warning-box strong{display:block;color:#dc2626;font-size:16px;margin-bottom:8px}.warning-box p{color:#7f1d1d;margin:0 0 12px;font-size:14px}.warning-box ul{margin:0;padding-left:20px;color:#7f1d1d;font-size:14px}.warning-box li{margin-bottom:4px}.preview-box{padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fafbfc;margin-top:16px}.preview-header{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;margin-bottom:12px;font-size:14px}.preview-header svg{color:#6b7280}.preview-content{display:flex;flex-direction:column;gap:8px}.preview-content div{display:flex;justify-content:space-between;align-items:center;font-size:14px}.preview-content div:first-child{color:#6b7280}.preview-content div:last-child{color:#1f2937;font-weight:500}.info-box{display:flex;gap:12px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:20px}.info-icon{flex-shrink:0}.info-icon svg{color:#3b82f6}.info-content strong{display:block;color:#1e40af;font-size:14px;margin-bottom:4px}.info-content p{color:#1e40af;margin:0;font-size:14px}.blocked-users-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.blocked-user-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.user-avatar{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;flex-shrink:0}.user-avatar svg{color:#9ca3af}.user-info{flex:1;display:flex;flex-direction:column;gap:2px}.user-info strong{font-size:14px;color:#1f2937}.user-info span{font-size:13px;color:#6b7280}.user-info small{font-size:12px;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-content.large{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:color .2s ease}.modal-close:hover{color:#1f2937}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#fafbfc}.btn-link{background:none;color:#3b82f6;border:none;padding:4px 8px;font-size:13px;cursor:pointer;text-decoration:none;transition:color .2s ease}.btn-link:hover{color:#2563eb;text-decoration:underline}@media (max-width: 768px){.form-grid,.quick-actions,.resource-grid,.contact-grid{grid-template-columns:1fr}.profile-picture-section{flex-direction:column;text-align:center}.category-tabs{justify-content:center}}.settings-content{padding:20px 40px;max-width:900px;margin:0 auto;width:100%}.settings-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.settings-section{border-radius:12px;padding:1.5rem}.visibility-options{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.visibility-option{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:10px;border:2px solid transparent;background:#f8fafc;cursor:pointer;transition:box-shadow .18s,border-color .18s,background .18s;box-shadow:0 1.5px 6px #1e293b08}.visibility-option:hover{border-color:#3b82f6;background:#f0f6ff}.visibility-option.selected{border-color:#3b82f6;background:#f0f6ff;box-shadow:0 4px 16px #3b82f614}.visibility-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:1.5rem;right:1.5rem;width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;background:#fff;cursor:pointer}.visibility-option input[type=radio]:checked{border-color:#3b82f6;background:#3b82f6}.visibility-option input[type=radio]:checked:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#fff}.visibility-content{display:flex;align-items:flex-start;gap:1rem;flex:1}.visibility-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#e5eaf6;color:#64748b;font-size:24px;transition:background .18s,color .18s}.visibility-option.selected .visibility-icon{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f61a}.visibility-info{display:flex;flex-direction:column;gap:.25rem}.visibility-info strong{font-weight:600;color:#111827;font-size:1.1rem}.visibility-info span{color:#6b7280;font-size:.95rem}.visibility-detail{font-size:.85rem;color:#9ca3af;font-style:italic}.visibility-note{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem;background:#f9fafb;border-radius:8px;color:#6b7280;font-size:.8rem}.spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.blocked-users-section{margin-top:1rem}.block-user-btn{margin-bottom:2rem}.unblock-btn{color:#dc2626!important;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.unblock-btn:hover{background:#fee2e2;color:#b91c1c!important}.empty-blocked-list{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280}.empty-blocked-list svg{color:#d1d5db}.empty-blocked-list p{font-weight:600;margin:0;color:#374151}.empty-blocked-list span{font-size:.9rem}.block-consequences{margin-top:1.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.block-consequences h4{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:#991b1b}.block-consequences ul{margin:0;padding-left:1.25rem;color:#7f1d1d;font-size:.9rem}.block-consequences li{margin-bottom:.25rem}@media (max-width: 768px){.visibility-option{padding:16px!important}.visibility-icon{width:36px!important;height:36px!important;font-size:18px!important}.visibility-info strong{font-size:16px!important}.visibility-info span{font-size:14px!important}.visibility-detail{font-size:12px!important}.blocked-user-item{padding:1rem}}.settings-divider{border:none;border-top:1.5px solid #e5e7eb;margin:0 0 28px;width:100vw;position:relative;left:50%;right:50%;transform:translate(-50%)}.verification-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0;margin-bottom:24px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.verification-card:hover{box-shadow:0 4px 12px #0000001a}.verification-card.disabled{opacity:.6;cursor:not-allowed}.verification-header{display:flex;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.verification-icon-container{width:48px;height:48px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-right:16px}.verification-icon{color:#64748b;width:24px;height:24px}.verification-info{flex:1}.verification-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#1e293b}.verification-info p{margin:0;color:#64748b;font-size:14px}.verification-status{margin-left:auto}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.status-badge.verified{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.status-badge.unverified{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.status-badge.disabled{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.verification-content{padding:24px}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.input-with-icon input{padding-left:44px;padding-right:44px}.disabled-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.form-input.disabled{background:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.verification-actions,.verification-code-section{margin-top:20px}.code-input-container{position:relative}.code-input{font-family:Courier New,monospace;font-size:18px;letter-spacing:4px;text-align:center;font-weight:600}.code-length-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:12px;font-weight:500}.verification-buttons{display:flex;gap:12px;margin-top:16px}.verification-buttons .btn{flex:1}.verification-success{display:flex;align-items:center;gap:16px;padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:20px}.success-icon{color:#16a34a;width:24px;height:24px;flex-shrink:0}.success-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#166534}.success-message{margin:0;font-size:14px;color:#15803d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.error-icon{color:#dc2626;width:48px;height:48px}.retry-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@media (max-width: 768px){.verification-header{flex-direction:column;align-items:flex-start;gap:16px}.verification-status{margin-left:0;align-self:flex-start}.verification-buttons{flex-direction:column}.verification-buttons .btn{width:100%}}.settings-content{max-width:800px;margin:0 auto;padding:24px}.settings-header{margin-bottom:32px;text-align:start}.settings-header h1{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 8px}.settings-header p{font-size:16px;color:#64748b;margin:0}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px;transition:all .2s ease}.settings-card:hover{border-color:#cbd5e1}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#eff6ff;border-radius:8px;color:#2563eb;flex-shrink:0}.card-info{flex:1}.card-info h2{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.card-info p{font-size:14px;color:#64748b;margin:0}.card-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.verified{background:#dcfce7;color:#16a34a}.status-badge.pending{background:#fef3c7;color:#d97706}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#6b7280;z-index:1}.input-lock{position:absolute;right:12px;color:#9ca3af;z-index:1}.form-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;background:#fff}.form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.verification-section{margin-top:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.code-verification{margin-top:24px}.code-input-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px;max-width:300px}.code-input-box{width:48px;height:48px;border:2px solid #e2e8f0;border-radius:0;text-align:center;font-size:18px;font-weight:600;color:#1e293b;background:#fff;transition:border-color .2s;outline:none;padding:0!important}.code-input-box:focus{border-color:#4f46e5!important;background:#fff}.code-input-box:not(:placeholder-shown){border-color:#e2e8f0;background:#fff}.form-help{font-size:13px;color:#6b7280;margin:8px 0 0}.button-group{display:flex;gap:12px;margin-top:20px}.button-group .btn{flex:1}.verification-success{display:flex;align-items:center;gap:16px;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:20px}.success-icon{color:#16a34a;flex-shrink:0}.success-content h3{font-size:16px;font-weight:600;color:#15803d;margin:0 0 4px}.success-content p{font-size:14px;color:#166534;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:14px;color:#6b7280;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.error-icon{color:#ef4444;margin-bottom:16px}.error-container p{font-size:14px;color:#6b7280;margin:0 0 20px}.retry-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s ease}.retry-btn:hover{background:#2563eb}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.settings-content{padding:12px}.settings-header h1{font-size:24px}.settings-card{padding:16px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.card-status{align-self:flex-end}.code-input-grid{grid-template-columns:repeat(6,1fr);gap:8px;max-width:100%}.code-input-box{height:44px;font-size:16px}.button-group{flex-direction:column}.verification-success{flex-direction:column;align-items:flex-start;gap:12px}.input-lock{display:none!important}.input-with-icon input{padding-left:48px!important;padding-right:16px!important}.settings-content{padding:12px!important}.settings-card{padding:16px!important}.status-badge,.card-status,.visibility-icon,.settings-nav-icon,.card-icon{display:none!important}.info-box{display:flex;gap:12px;padding:16px;background:#f0f4ff;border:none;border-radius:8px;margin-top:16px}.info-icon{flex-shrink:0}.info-icon svg{color:#3b82f6}.info-content strong{display:block;color:#1e40af;font-size:14px;margin-bottom:4px}.info-content p{color:#1e40af;margin:0;font-size:14px}.visibility-option{padding:16px!important}.visibility-info strong{font-size:16px!important}.visibility-info span{font-size:14px!important}.visibility-detail{font-size:12px!important}.settings-content{padding-left:8px!important;padding-right:8px!important}.settings-section{padding-left:12px!important;padding-right:12px!important}.visibility-options{gap:12px!important}}.toggle-item{padding:12px!important;min-height:70px!important}.toggle-info{margin-right:12px!important}.toggle-info strong{font-size:14px!important}.toggle-info span{font-size:12px!important}.toggle{width:40px!important;height:22px!important}.slider:before{height:16px!important;width:16px!important;left:3px!important;bottom:3px!important}input:checked+.slider:before{transform:translate(18px)!important}.settings-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;will-change:transform;z-index:100}.settings-sidebar.closed{transform:translate(-110%);box-shadow:none}.sidebar-toggle-btn.open{position:fixed;top:50%;left:0;z-index:200;background:#fff;border:1px solid #e2e8f0;border-top-right-radius:5px;border-bottom-right-radius:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .2s;margin:0;padding:0}.sidebar-toggle-btn.open:hover{box-shadow:0 4px 16px #3b82f61f}.sidebar-toggle-btn.close{background:none;border:none;margin-left:12px;display:flex;cursor:pointer;color:#64748b;border-radius:6px;transition:background .2s;align-items:center;justify-content:center}@media (max-width: 1024px){.settings-sidebar{position:fixed;left:0;top:0;height:100vh;box-shadow:0 2px 16px #1e293b1a}.settings-content{margin-left:0!important}}@media (max-width: 768px){.settings-sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0}.settings-container{flex-direction:column}.settings-content{margin-left:0!important}.sidebar-toggle-btn.open,.sidebar-toggle-btn.close{display:none!important}.settings-sidebar.closed{transform:none}}.language-options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.language-option{display:flex;align-items:center;justify-content:space-between;padding:16px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.language-option:hover{border-color:#cbd5e1;background:#f8fafc}.language-option.active{border-color:#4f46e5;background:#f0f4ff}.language-info{display:flex;align-items:center;gap:12px}.language-icon{color:#64748b;flex-shrink:0}.language-option.active .language-icon{color:#4f46e5}.language-details{display:flex;flex-direction:column}.language-name{font-weight:500;color:#1e293b;font-size:16px}.language-option.active .language-name{color:#4f46e5}.check-icon{color:#4f46e5;flex-shrink:0}.info-card{background:#f0f4ff;border:1px solid #c7d2fe;border-radius:8px;padding:16px;margin-top:16px}.info-card p{margin:0;color:#4338ca;font-size:14px}@media (max-width: 768px){.language-option{padding:12px}.language-name{font-size:14px}.language-icon,.check-icon{width:18px;height:18px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background-color:#fff;overflow-x:hidden}p{margin-bottom:0}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.container{margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s;font-size:16px}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:transparent;color:#2563eb;border:2px solid #2563eb}.btn-secondary:hover{background:#2563eb;color:#fff}.btn-ghost{background:transparent;color:#64748b;border:1px solid #e2e8f0}.btn-ghost:hover{background:#f8fafc;color:#1e293b}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:#64748b}.text-primary{color:#2563eb}.text-success{color:#10b981}.text-error{color:#ef4444}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.form{max-width:100%}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 16px}.btn{padding:10px 20px;font-size:14px}.form-input{padding:10px 14px;font-size:14px}}html{scroll-behavior:smooth}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.card:hover{box-shadow:0 4px 12px #0000001a}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;background:#f1f5f9;color:#475569}.badge.success{background:#dcfce7;color:#166534}.badge.error{background:#fee2e2;color:#991b1b}.badge.warning{background:#fef3c7;color:#92400e}.badge.info{background:#dbeafe;color:#1e40af}