.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-height);background-color:var(--color-chrome);border-bottom:2px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md);transition:background-color var(--transition-slow)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6);gap:var(--space-4)}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.navbar-search{flex:1;max-width:480px;position:relative}.navbar-search-input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);border-radius:var(--radius-full);border:none;background-color:#ffffff26;color:#fff;font-size:var(--font-size-sm);outline:none;transition:background-color var(--transition),box-shadow var(--transition)}.navbar-search-input::placeholder{color:#ffffffa6}.navbar-search-input:focus{background-color:#ffffff38;box-shadow:0 0 0 2px #ffffff4d}.navbar-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:#ffffffa6;pointer-events:none;font-size:var(--font-size-base)}.navbar-nav{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.navbar-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#ffffffd9;text-decoration:none;transition:color var(--transition),background-color var(--transition);white-space:nowrap}.navbar-link:hover,.navbar-link.active{color:#fff;background-color:#ffffff1f}.navbar-link-sell{background-color:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.navbar-link-sell:hover{color:#fff;background-color:var(--color-accent-hover)}.navbar-user{display:flex;align-items:center;gap:var(--space-1);position:relative}.navbar-avatar-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:none;border:none;cursor:pointer;color:#ffffffd9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition),color var(--transition)}.navbar-avatar-btn:hover{background-color:#ffffff1f;color:#fff}.navbar-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;flex-shrink:0;overflow:hidden}.navbar-avatar img{width:100%;height:100%;object-fit:cover}.navbar-message-badge{position:relative}.navbar-badge-count{position:absolute;top:-5px;right:-8px;min-width:18px;height:18px;background-color:#ef4444;border-radius:var(--radius-full);font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--color-primary);line-height:1;pointer-events:none}.navbar-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:220px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1001;overflow:hidden;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.navbar-dropdown-name{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm)}.navbar-dropdown-email{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:background-color var(--transition),color var(--transition);cursor:pointer;background:none;border:none;width:100%;text-align:left}.navbar-dropdown-item:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.navbar-dropdown-item.danger{color:var(--color-error)}.navbar-dropdown-item.danger:hover{background-color:var(--color-error-light)}.navbar-dropdown-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-1) 0}.navbar-browse-wrap{position:static}.navbar-browse-btn{background:none;border:none;cursor:pointer;font-family:inherit}.mega-menu{position:fixed;top:var(--navbar-height);left:0;right:0;background-color:var(--color-surface);border-bottom:2px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:998;animation:dropdownIn .15s ease;max-height:calc(100vh - var(--navbar-height));overflow-y:auto}.mega-menu-inner{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-5) var(--space-4);padding:var(--space-5) var(--space-6);align-items:start}.mega-menu-col{min-width:0}.mega-menu-col.wide{grid-column:span 2}.mega-menu-col.wide .mega-menu-list{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-3)}.mega-menu-super-link{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);text-decoration:none;padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border);line-height:1.3}.mega-menu-super-link:hover{color:var(--color-accent-hover)}.mega-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.mega-menu-item{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;padding:3px var(--space-2);border-radius:var(--radius-sm);line-height:1.3;transition:background-color var(--transition),color var(--transition)}.mega-menu-item:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.navbar-mobile-cats{display:flex;flex-direction:column}.navbar-mobile-cats-toggle{background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;width:100%}.navbar-mobile-cats-body{padding-left:var(--space-3);margin-top:var(--space-1);border-left:2px solid var(--color-border)}.navbar-mobile-super{margin-bottom:var(--space-1)}.navbar-mobile-super-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffffd9;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition);text-align:left}.navbar-mobile-super-toggle:hover{background-color:#ffffff14}.navbar-mobile-sub-list{display:flex;flex-direction:column;padding-left:var(--space-3);margin:var(--space-1) 0;gap:2px}.navbar-mobile-sub-link{display:block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:#ffffffb3;text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--transition),color var(--transition)}.navbar-mobile-sub-link:hover{background-color:#ffffff1a;color:#fff}.navbar-mobile-sub-link-all{color:var(--color-accent);font-weight:var(--font-weight-medium)}.navbar-mobile-toggle{display:none;background:none;border:none;color:#ffffffd9;font-size:1.4rem;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition)}.navbar-mobile-toggle:hover{background-color:#ffffff1f;color:#fff}.navbar-mobile-menu{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background-color:var(--color-chrome);z-index:999;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar-mobile-link{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#ffffffd9;text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:background-color var(--transition),color var(--transition)}.navbar-mobile-link:hover{background-color:#ffffff1f;color:#fff}@media (max-width: 900px){.navbar-nav,.navbar-search{display:none}.navbar-mobile-toggle{display:flex}}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,#0d2236 60%,#1a3a5c 100%);padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 50%,rgba(232,93,4,.12) 0%,transparent 60%);pointer-events:none}.hero-title{font-size:clamp(var(--font-size-3xl),5vw,3.5rem);font-weight:var(--font-weight-bold);color:#fff;line-height:1.1;margin-bottom:var(--space-4)}.hero-title span{color:var(--color-accent)}.hero-subtitle{font-size:var(--font-size-lg);color:#ffffffbf;max-width:560px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed)}.hero-search-bar{display:flex;max-width:640px;margin:0 auto var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-border)}.hero-search-input{flex:1;border:none;padding:var(--space-4) var(--space-5);font-size:var(--font-size-base);background:transparent;color:var(--color-text);outline:none}.hero-search-input::placeholder{color:var(--color-text-muted)}.hero-search-select{border:none;border-left:1px solid var(--color-border);padding:var(--space-4) var(--space-4);font-size:var(--font-size-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;outline:none}.hero-search-btn{padding:var(--space-4) var(--space-6);background-color:var(--color-accent);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:background-color var(--transition);white-space:nowrap}.hero-search-btn:hover{background-color:var(--color-accent-hover)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-8);color:#ffffffb3;font-size:var(--font-size-sm)}.hero-stat-number{font-weight:var(--font-weight-bold);color:#fff;font-size:var(--font-size-xl);display:block}.hero-stat-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.categories-section{padding:var(--space-12) 0;background-color:var(--color-bg)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition);cursor:pointer}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-icon-badge{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.category-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:center}.category-card-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.listings-page{padding:var(--space-8) 0 var(--space-12)}.listings-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);align-items:start}.filters-sidebar{position:sticky;top:calc(var(--navbar-height) + var(--space-4));background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.filters-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.filters-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.filters-clear-btn{font-size:var(--font-size-xs);color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:var(--font-weight-medium)}.filters-clear-btn:hover{text-decoration:underline}.filters-body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.filter-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0;text-align:left}.filter-group-toggle:hover{color:var(--color-text)}.filter-caret{font-size:.6rem;color:var(--color-text-muted);flex-shrink:0}.filter-group-body{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2)}.filter-option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.filter-option input[type=checkbox],.filter-option input[type=radio]{accent-color:var(--color-primary);width:15px;height:15px;flex-shrink:0}.filter-option-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1}.filter-option-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface-alt);padding:1px 6px;border-radius:var(--radius-full)}.filter-super-group{margin-bottom:var(--space-3)}.filter-super-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-accent);padding:var(--space-1) 0 var(--space-1);margin-top:var(--space-1)}.filter-option-sub{padding-left:var(--space-2)}.price-slider-wrapper{padding:4px 0 6px}.price-slider-labels{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px}.price-slider-label-val{font-size:.8rem;font-weight:600;color:var(--color-text);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 8px;min-width:70px;text-align:center}.price-slider-track-container{position:relative;height:20px;display:flex;align-items:center;margin:0 2px}.price-slider-track{position:absolute;width:100%;height:4px;background:var(--color-border);border-radius:2px}.price-slider-fill{position:absolute;height:4px;background:var(--color-primary);border-radius:2px}.price-slider-input{position:absolute;width:100%;height:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;margin:0;outline:none}.price-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);border:2px solid #fff;box-shadow:0 1px 4px #00000040;cursor:pointer;pointer-events:auto;margin-top:0}.price-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);border:2px solid #fff;box-shadow:0 1px 4px #00000040;cursor:pointer;pointer-events:auto}.price-slider-input::-webkit-slider-runnable-track{background:transparent}.price-slider-input::-moz-range-track{background:transparent;height:0}.filter-apply-btn{width:100%;margin-top:var(--space-2)}.filters-mobile-toggle{display:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm)}.listings-main{min-width:0}.listings-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-3);flex-wrap:wrap}.listings-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.listings-sort{display:flex;align-items:center;gap:var(--space-2)}.listings-sort-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.listings-sort-select{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;outline:none}.view-toggle{display:flex;gap:var(--space-1)}.view-toggle-btn{padding:var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition);font-size:var(--font-size-base)}.view-toggle-btn.active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.listings-grid.list-view{grid-template-columns:1fr}.listing-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);cursor:pointer;text-decoration:none;display:flex;flex-direction:column}.listing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-primary)}.listing-card.list-view{flex-direction:row}.listing-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;background-color:var(--color-surface-alt);flex-shrink:0}.listing-card.list-view .listing-card-image{width:200px;aspect-ratio:auto}.listing-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.listing-card:hover .listing-card-image img{transform:scale(1.03)}.listing-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-text-muted)}.listing-card-badges{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;gap:var(--space-1)}.listing-card-save{position:absolute;top:var(--space-2);right:var(--space-2);width:30px;height:30px;border-radius:50%;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all var(--transition);color:var(--color-text-muted);font-size:var(--font-size-base)}.listing-card-save:hover,.listing-card-save.saved{background-color:var(--color-accent);color:#fff}.listing-card-body{padding:var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.listing-card-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent)}.listing-card-price.negotiable:after{content:" · Will Consider Offers";font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.listing-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.listing-card-meta-item{display:flex;align-items:center;gap:3px}.listing-card-seller{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-light);margin-top:auto}.listing-card-seller-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.listing-card-seller-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.listing-card-seller-rating{margin-left:auto;display:flex;align-items:center;gap:2px;font-size:var(--font-size-xs);color:var(--color-warning);font-weight:var(--font-weight-medium)}.listing-detail-page{padding:var(--space-8) 0 var(--space-12)}.listing-detail-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;margin-bottom:var(--space-5);transition:color var(--transition)}.listing-detail-back:hover{color:var(--color-primary)}.listing-detail-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8);align-items:start}.listing-gallery{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.listing-gallery-main{aspect-ratio:16/10;background-color:var(--color-surface-alt);overflow:hidden;position:relative}.listing-gallery-main img{width:100%;height:100%;object-fit:cover}.listing-gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background-color:var(--color-border)}.listing-gallery-thumb{aspect-ratio:1;background-color:var(--color-surface-alt);overflow:hidden;cursor:pointer;opacity:.7;transition:opacity var(--transition)}.listing-gallery-thumb.active,.listing-gallery-thumb:hover{opacity:1}.listing-gallery-thumb img{width:100%;height:100%;object-fit:cover}.listing-detail-main{min-width:0}.listing-detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.listing-detail-price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--space-3)}.listing-detail-price .negotiable-tag{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-left:var(--space-2)}.listing-detail-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.listing-detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6);background-color:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border-light)}.listing-detail-spec{display:flex;flex-direction:column;gap:2px}.listing-detail-spec-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.listing-detail-spec-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.listing-detail-description h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.listing-detail-description p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-line}.listing-contact-card{position:sticky;top:calc(var(--navbar-height) + var(--space-4));background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.listing-contact-header{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.listing-seller-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.listing-seller-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.listing-seller-name{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-base)}.listing-seller-company{font-size:var(--font-size-sm);color:var(--color-text-muted)}.listing-seller-stats{display:flex;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted)}.listing-contact-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.listing-contact-btn-primary{width:100%;padding:var(--space-3);font-size:var(--font-size-base)}.listing-meta-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.listing-meta-tag{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface-alt);padding:3px var(--space-2);border-radius:var(--radius-full)}.create-listing-page{padding:var(--space-8) 0 var(--space-12)}.create-listing-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start;max-width:860px;margin:0 auto}.image-upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition);background-color:var(--color-surface-alt)}.image-upload-area:hover,.image-upload-area.dragging{border-color:var(--color-primary);background-color:var(--color-primary-light)}.image-upload-icon{font-size:2.5rem;color:var(--color-text-muted);margin-bottom:var(--space-3)}.image-upload-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.image-upload-text span{color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer}.image-previews{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-3)}.image-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background-color:#000000b3;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background-color var(--transition)}.image-preview-remove:hover{background-color:var(--color-error)}@media (max-width: 1024px){.listings-layout{grid-template-columns:240px 1fr}.listing-detail-layout{grid-template-columns:1fr 320px}}@media (max-width: 768px){.listings-layout{grid-template-columns:1fr}.filters-sidebar{position:static;display:none}.filters-sidebar.mobile-open{display:block}.filters-mobile-toggle{display:flex}.listing-detail-layout{grid-template-columns:1fr}.listing-contact-card{position:static}.listing-detail-specs{grid-template-columns:1fr 1fr}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 480px){.hero-stats{flex-direction:column;gap:var(--space-4)}.hero-search-bar{flex-direction:column;border-radius:var(--radius-md)}.hero-search-select{border-left:none;border-top:1px solid var(--color-border)}.listings-grid{grid-template-columns:1fr}}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:42px}.password-toggle{position:absolute;right:0;top:0;bottom:0;width:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:color var(--transition);padding:0}.password-toggle:hover{color:var(--color-text)}.password-toggle svg{width:18px;height:18px;flex-shrink:0}.form-checkbox-row{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px}.password-match-indicator{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:4px}.password-match-indicator.match{color:var(--color-success)}.password-match-indicator.no-match{color:var(--color-error)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:var(--space-8) var(--space-4)}.auth-card{width:100%;max-width:480px;background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);overflow:hidden}.auth-card-header{background:linear-gradient(135deg,var(--color-primary),#0f2a42);padding:var(--space-8) var(--space-8) var(--space-10);text-align:center;position:relative}.auth-logo{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);text-decoration:none}.auth-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-1)}.auth-card-subtitle{font-size:var(--font-size-sm);color:#ffffffb3}.auth-card-body{padding:var(--space-8)}.auth-form{display:flex;flex-direction:column;gap:0}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-submit-btn{width:100%;padding:var(--space-3);font-size:var(--font-size-base);margin-top:var(--space-2)}.auth-footer-text{text-align:center;margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-footer-text a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.auth-forgot-link{display:block;text-align:right;font-size:var(--font-size-xs);color:var(--color-primary);margin-top:var(--space-1)}.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.role-option{position:relative}.role-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.role-option-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);text-align:center}.role-option-label:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.role-option input:checked+.role-option-label{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.role-option-icon{font-size:1.4rem}.role-option-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:1.2}.role-option input:checked+.role-option-label .role-option-text{color:var(--color-primary)}.terms-check{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4)}.terms-check input[type=checkbox]{margin-top:3px;accent-color:var(--color-primary);flex-shrink:0}.terms-check label{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.terms-check a{color:var(--color-primary)}.approval-banner{text-align:center;padding:var(--space-8)}.approval-icon{font-size:3rem;margin-bottom:var(--space-4)}.approval-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-3)}.approval-text{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:380px;margin:0 auto var(--space-6)}@media (max-width: 520px){.auth-card-body{padding:var(--space-6) var(--space-4)}.auth-card-header{padding:var(--space-6) var(--space-4) var(--space-8)}.role-selector{grid-template-columns:1fr}}.message-center-page{padding-top:var(--navbar-height);height:100vh;display:flex;flex-direction:column}.message-center-layout{display:grid;grid-template-columns:320px 1fr;flex:1;overflow:hidden;border-top:1px solid var(--color-border)}.conversation-list{border-right:1px solid var(--color-border);display:flex;flex-direction:column;background-color:var(--color-surface);overflow:hidden}.conversation-list-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.conversation-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.conversation-search{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.conversation-search-input{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);background-color:var(--color-surface-alt);color:var(--color-text);outline:none;transition:border-color var(--transition)}.conversation-search-input:focus{border-color:var(--color-primary)}.conversation-search-input::placeholder{color:var(--color-text-muted)}.conversation-items{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background-color var(--transition);border-bottom:1px solid var(--color-border-light);text-decoration:none}.conversation-item:hover{background-color:var(--color-surface-hover)}.conversation-item.active{background-color:var(--color-primary-light);border-left:3px solid var(--color-primary)}.conversation-item.unread{background-color:var(--color-surface-alt)}.conversation-avatar{width:44px;height:44px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.conversation-info{flex:1;min-width:0}.conversation-info-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.conversation-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);truncate:true;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.conversation-preview{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.conversation-item.unread .conversation-preview{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.conversation-listing-title{font-size:var(--font-size-xs);color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-unread-badge{width:18px;height:18px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:var(--space-1)}.conversation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;color:var(--color-text-muted);gap:var(--space-2)}.conversation-empty-icon{font-size:2.5rem;opacity:.4}.conversation-thread{display:flex;flex-direction:column;background-color:var(--color-bg);overflow:hidden}.conversation-thread-header{padding:var(--space-4) var(--space-6);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;box-shadow:var(--shadow-xs)}.conversation-thread-back{display:none;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;background:none;border:none;padding:var(--space-1)}.conversation-thread-user{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.conversation-thread-name{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-base)}.conversation-thread-listing{font-size:var(--font-size-xs);color:var(--color-primary)}.conversation-thread-actions{display:flex;gap:var(--space-2)}.messages-area{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.message-group{display:flex;flex-direction:column;gap:var(--space-1)}.message-group.outgoing{align-items:flex-end}.message-group.incoming{align-items:flex-start}.message-bubble-wrapper{display:flex;align-items:flex-end;gap:var(--space-2);max-width:70%}.message-group.outgoing .message-bubble-wrapper{flex-direction:row-reverse}.message-bubble-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.message-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-width:100%;word-break:break-word;box-shadow:var(--shadow-xs)}.message-group.outgoing .message-bubble{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-xs)}.message-group.incoming .message-bubble{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-xs)}.message-timestamp{font-size:10px;color:var(--color-text-muted);padding:0 var(--space-2)}.message-date-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.message-date-divider:before,.message-date-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.message-listing-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;gap:var(--space-3);align-items:center;text-decoration:none;transition:border-color var(--transition);margin-bottom:var(--space-4)}.message-listing-card:hover{border-color:var(--color-primary)}.message-listing-image{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background-color:var(--color-surface-alt)}.message-listing-image img{width:100%;height:100%;object-fit:cover}.message-listing-info{flex:1;min-width:0}.message-listing-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-listing-price{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-bold)}.message-input-area{padding:var(--space-4) var(--space-6);background-color:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}.message-input-form{display:flex;gap:var(--space-3);align-items:flex-end}.message-input-wrapper{flex:1;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface-alt);overflow:hidden;transition:border-color var(--transition)}.message-input-wrapper:focus-within{border-color:var(--color-primary)}.message-input-textarea{width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text);font-size:var(--font-size-sm);resize:none;outline:none;min-height:44px;max-height:160px;line-height:var(--line-height-normal);font-family:var(--font-sans)}.message-input-textarea::placeholder{color:var(--color-text-muted)}.message-send-btn{width:44px;height:44px;border-radius:50%;background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:background-color var(--transition),transform var(--transition-fast)}.message-send-btn:hover{background-color:var(--color-primary-hover)}.message-send-btn:active{transform:scale(.95)}.message-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.conversation-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-muted);background-color:var(--color-bg)}.conversation-placeholder-icon{font-size:4rem;opacity:.3}.conversation-placeholder-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.conversation-placeholder-text{font-size:var(--font-size-sm);max-width:300px;text-align:center}.admin-broadcast{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.admin-broadcast-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-2)}@media (max-width: 768px){.message-center-layout{grid-template-columns:1fr}.conversation-list{display:block}.conversation-thread{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--navbar-height);z-index:10;transform:translate(100%);transition:transform var(--transition-slow)}.conversation-thread.mobile-open{transform:translate(0)}.conversation-thread-back{display:flex}.messages-area{padding:var(--space-4)}.message-input-area{padding:var(--space-3) var(--space-4)}.message-bubble-wrapper{max-width:85%}}.profile-page{padding:var(--space-8) 0 var(--space-12)}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-8);align-items:start}.profile-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--navbar-height) + var(--space-4))}.profile-card-banner{height:80px;background:linear-gradient(135deg,var(--color-primary),#0d2236);position:relative}.profile-card-body{padding:0 var(--space-6) var(--space-6);text-align:center}.profile-avatar-wrapper{position:relative;display:inline-block;margin-top:-36px;margin-bottom:var(--space-3)}.profile-avatar{width:72px;height:72px;border-radius:50%;border:3px solid var(--color-surface);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-edit{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background-color:var(--color-accent);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--color-surface);transition:background-color var(--transition)}.profile-avatar-edit:hover{background-color:var(--color-accent-hover)}.profile-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}.profile-company{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.profile-badges{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.profile-role-badge{padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border);margin-bottom:var(--space-4)}.profile-stat{text-align:center}.profile-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);display:block}.profile-stat-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.profile-rating{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.profile-rating-stars{display:flex;color:var(--color-warning);font-size:var(--font-size-base);gap:1px}.profile-rating-value{font-weight:var(--font-weight-bold);color:var(--color-text);font-size:var(--font-size-lg)}.profile-rating-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.profile-location{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.profile-member-since{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.profile-token-balance{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;margin-bottom:var(--space-3);text-align:center}.profile-token-balance small{font-size:var(--font-size-xs);color:var(--color-text-muted)}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);overflow-x:auto}.profile-tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;white-space:nowrap;transition:color var(--transition),border-color var(--transition);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.profile-tab:hover{color:var(--color-text)}.profile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-tab-count{background-color:var(--color-surface-alt);color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-semibold);padding:1px 5px;border-radius:var(--radius-full)}.settings-page{padding:var(--space-8) 0 var(--space-12)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-8);align-items:start}.settings-sidebar{position:sticky;top:calc(var(--navbar-height) + var(--space-4));background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-sidebar-nav{padding:var(--space-2);display:flex;flex-direction:column}.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition);cursor:pointer;background:none;border:none;width:100%;text-align:left}.settings-nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.settings-nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.settings-main{display:flex;flex-direction:column;gap:var(--space-6)}.settings-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.settings-section-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.settings-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.settings-section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.settings-section-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.settings-section-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt);display:flex;justify-content:flex-end;gap:var(--space-3)}.theme-picker{display:flex;gap:var(--space-3)}.theme-option{flex:1;position:relative}.theme-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.theme-option-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.theme-option-label:hover{border-color:var(--color-primary)}.theme-option input:checked+.theme-option-label{border-color:var(--color-primary);background-color:var(--color-primary-light)}.theme-preview{width:64px;height:40px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);position:relative}.theme-preview-light{background:linear-gradient(180deg,#f0f2f5,#fff,#f0f2f5)}.theme-preview-dark{background:linear-gradient(180deg,#0d1b2a,#1a2d42,#0d1b2a)}.theme-preview-system{background:linear-gradient(90deg,#f0f2f5 50%,#0d1b2a 50%)}.theme-preview-bar{height:6px;margin:4px;border-radius:2px}.theme-preview-light .theme-preview-bar{background-color:#1a3a5c}.theme-preview-dark .theme-preview-bar{background-color:#5ba3e0}.theme-preview-system .theme-preview-bar{background:linear-gradient(90deg,#1a3a5c 50%,#5ba3e0 50%)}.theme-option-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.theme-option input:checked+.theme-option-label .theme-option-name{color:var(--color-primary)}.notification-list{display:flex;flex-direction:column;gap:0}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.notification-item:last-child{border-bottom:none}.notification-info{flex:1}.notification-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:2px}.notification-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background-color:var(--color-border);cursor:pointer;transition:background-color var(--transition)}.toggle-switch input:checked+.toggle-track{background-color:var(--color-primary)}.toggle-track:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:transform var(--transition);box-shadow:var(--shadow-xs)}.toggle-switch input:checked+.toggle-track:before{transform:translate(20px)}.danger-zone{border-color:var(--color-error)}.danger-zone .settings-section-header{background-color:var(--color-error-light);border-bottom-color:var(--color-error)}.danger-zone .settings-section-title{color:var(--color-error)}.review-card{background-color:var(--color-surface-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.review-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.review-card-reviewer{flex:1}.review-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.review-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.review-card-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.sold-listings-row{grid-template-columns:1fr 80px 80px!important}.sold-listings-row .sold-col-date,.sold-listings-row .sold-col-buyer{display:none}.profile-layout,.settings-layout{grid-template-columns:1fr}.profile-card,.settings-sidebar{position:static}.settings-sidebar-nav{flex-direction:row;flex-wrap:wrap;padding:var(--space-2);gap:var(--space-1)}.settings-nav-item{flex:none;width:auto}.theme-picker{flex-direction:column}}.admin-page{padding:var(--space-8) 0 var(--space-12);min-height:calc(100vh - var(--navbar-height))}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);align-items:start}.admin-sidebar{position:sticky;top:calc(var(--navbar-height) + var(--space-4));background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-primary),#0d2236)}.admin-sidebar-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;text-transform:uppercase;letter-spacing:.08em}.admin-sidebar-nav{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.admin-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition);cursor:pointer;background:none;border:none;width:100%;text-align:left}.admin-nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.admin-nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.admin-nav-item-icon{font-size:1.1rem;flex-shrink:0}.admin-nav-badge{margin-left:auto;background-color:var(--color-error);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.admin-main{min-width:0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.admin-stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2)}.admin-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1}.admin-stat-delta{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.admin-stat-delta.up{color:var(--color-success)}.admin-stat-delta.down{color:var(--color-error)}.admin-stat-icon{font-size:1.5rem;opacity:.6;margin-bottom:var(--space-1)}.admin-table-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--space-6)}.admin-table-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.admin-table-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.admin-table-tools{display:flex;align-items:center;gap:var(--space-3)}.admin-search-input{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-alt);color:var(--color-text);outline:none;width:220px;transition:border-color var(--transition)}.admin-search-input:focus{border-color:var(--color-primary)}.admin-filter-select{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;outline:none}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-alt);white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--color-text)}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--color-surface-hover)}.data-table-user{display:flex;align-items:center;gap:var(--space-3)}.data-table-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.data-table-primary{font-weight:var(--font-weight-medium);color:var(--color-text)}.data-table-secondary{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-table-actions{display:flex;gap:var(--space-2);align-items:center}.approval-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--space-4);transition:border-color var(--transition)}.approval-card:hover{border-color:var(--color-primary)}.approval-card-header{padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border)}.approval-card-user{flex:1;display:flex;align-items:center;gap:var(--space-3)}.approval-card-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.approval-card-name{font-weight:var(--font-weight-semibold);color:var(--color-text)}.approval-card-type{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.approval-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.approval-card-body{padding:var(--space-5);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.approval-field-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:2px}.approval-field-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.approval-card-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt)}.global-message-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.recipient-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.recipient-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-primary-light);border:1.5px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition)}.recipient-chip:hover,.recipient-chip.active{background-color:var(--color-primary);color:#fff}.activity-feed{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.activity-feed-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);flex-shrink:0}.activity-icon.user{background-color:var(--color-info-light);color:var(--color-info)}.activity-icon.listing{background-color:var(--color-success-light);color:var(--color-success)}.activity-icon.message{background-color:var(--color-primary-light);color:var(--color-primary)}.activity-icon.flag{background-color:var(--color-error-light);color:var(--color-error)}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal)}.activity-text strong{font-weight:var(--font-weight-semibold)}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}@media (max-width: 900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar-nav{flex-direction:row;flex-wrap:wrap;padding:var(--space-3)}.admin-nav-item{flex:none;width:auto}.approval-card-body{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.approval-card-body{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}}:root{--color-bg: #f0f2f4;--color-surface: #ffffff;--color-surface-alt: #f7f9fb;--color-surface-hover: #edf0f3;--color-chrome: #3a4d5c;--color-primary: #3a4d5c;--color-primary-hover: #2d3e4d;--color-primary-light: #e6ecf1;--color-primary-text: #ffffff;--color-accent: #c7080c;--color-accent-hover: #a50609;--color-accent-light: #fde8e8;--color-text: #1a222a;--color-text-secondary: #465663;--color-text-muted: #7a8e9b;--color-text-inverse: #ffffff;--color-border: #d8dee4;--color-border-light: #eaeff3;--color-border-focus: #3a4d5c;--color-success: #10b981;--color-success-light: #ecfdf5;--color-warning: #f59e0b;--color-warning-light: #fffbeb;--color-error: #ef4444;--color-error-light: #fef2f2;--color-info: #3b82f6;--color-info-light: #eff6ff;--color-badge-new: #10b981;--color-badge-used: #f59e0b;--color-badge-nos: #3b82f6;--color-badge-pending: #8b5cf6;--color-badge-sold: #6b7280;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .14);--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--container-max: 1280px;--navbar-height: 64px;--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .25s ease}[data-theme=dark]{--color-bg: #0e1a22;--color-surface: #182533;--color-surface-alt: #1c2d3e;--color-surface-hover: #213548;--color-chrome: #111e28;--color-primary: #7aafcc;--color-primary-hover: #6a9fbc;--color-primary-light: #182533;--color-primary-text: #ffffff;--color-accent: #e0201f;--color-accent-hover: #c71a1a;--color-accent-light: #2d1010;--color-text: #e4eef5;--color-text-secondary: #8aaec6;--color-text-muted: #537386;--color-text-inverse: #182533;--color-border: #253d52;--color-border-light: #1e3347;--color-border-focus: #7aafcc;--color-success-light: #052e16;--color-warning-light: #1c1500;--color-error-light: #1f0a0a;--color-info-light: #0a1628;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .45);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .55);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-slow),color var(--transition-slow);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-sans);font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.page-content{flex:1;padding-top:var(--navbar-height)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.5;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition-fast);white-space:nowrap;cursor:pointer;border:2px solid transparent;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-text)}.btn-accent{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-accent:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626;color:#fff}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--font-size-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-label .required{color:var(--color-error);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition-slow);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:120px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a9bb0' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em}.badge-new{background-color:var(--color-success);color:#fff}.badge-used{background-color:var(--color-warning);color:#fff}.badge-nos{background-color:var(--color-info);color:#fff}.badge-parts{background-color:#6b7280;color:#fff}.badge-pending{background-color:#8b5cf6;color:#fff}.badge-sold{background-color:var(--color-text-muted);color:#fff}.badge-approved{background-color:var(--color-success);color:#fff}.badge-suspended{background-color:var(--color-error);color:#fff}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid transparent;margin-bottom:var(--space-4)}.alert-error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info)}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--space-16)}.skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 25%,var(--color-border-light) 37%,var(--color-surface-alt) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton-text{height:.9em;margin:.25em 0}.skeleton-circle{border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.star-rating{display:inline-flex;gap:2px;color:var(--color-warning);font-size:var(--font-size-sm)}.star-rating .star-empty{color:var(--color-border)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.section-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-1)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--font-size-base);max-width:400px;margin:0 auto var(--space-6)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8)}.pagination-btn{min-width:36px;height:36px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.pagination-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.container{padding:0 var(--space-4)}.form-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}#bmc-wbtn{transform:scale(.78);transform-origin:bottom right}