@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-black: #0a0a0a;--color-gray-900: #1a1a1a;--color-gray-800: #2a2a2a;--color-gray-700: #3a3a3a;--color-gray-600: #5a5a5a;--color-gray-500: #7a7a7a;--color-gray-400: #9a9a9a;--color-gray-300: #c0c0c0;--color-gray-200: #e0e0e0;--color-gray-100: #f5f5f5;--color-white: #ffffff;--color-accent: #1e3a5f;--color-accent-light: #2d5a8f;--color-accent-dark: #0f1d2f;--color-error: #c41e3a;--color-success: #2d5a3a;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--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: 2rem;--font-size-4xl: 2.5rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--max-width-container: 1280px;--header-height: 72px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.6;color:var(--color-black);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--space-2)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.hover\:underline:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width-container);margin:0 auto;padding:0 var(--space-3)}@media(min-width:768px){.container{padding:0 var(--space-4)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-accent{color:var(--color-accent)}.text-white{color:var(--color-white)}.font-bold{font-weight:var(--font-weight-bold)}.w-full{width:100%}.w-5{width:1.25rem}.h-5{height:1.25rem}.overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);max-width:480px;width:90%;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-dark{background-color:var(--color-black);color:var(--color-white);border:1px solid var(--color-gray-800);max-width:440px!important}.modal-dark h2{color:var(--color-white)}.modal-dark .text-gray-600,.modal-dark .text-gray-500{color:var(--color-gray-400)}.modal-dark .input-label{color:var(--color-gray-200)}.modal-dark .input{background-color:var(--color-gray-900);border-color:var(--color-gray-800);color:var(--color-white)}.modal-dark .input:focus{border-color:var(--color-white)}.modal-dark .bg-white{background-color:var(--color-black)!important}.modal-dark .border-gray-300{border-color:var(--color-gray-800)!important}.modal-dark .google-btn{background-color:var(--color-gray-900)!important;color:var(--color-white)!important;border-color:var(--color-gray-800)!important}.modal-dark .google-btn:hover{background-color:var(--color-gray-800)!important}.overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}.success-message{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--space-1)}.btn{padding:.875rem 2rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;display:inline-block;text-align:center;letter-spacing:.025em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-primary{background-color:var(--color-black);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-gray-900);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-black)}.btn-secondary:hover:not(:disabled){background-color:var(--color-black);color:var(--color-white);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-accent{background-color:var(--color-accent);color:var(--color-white)}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:100;height:var(--header-height)}.header-container{width:100%;padding:0 var(--space-4)}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;letter-spacing:-.02em}.logo:hover{color:var(--color-black)}.nav{display:flex;gap:var(--space-4);align-items:center;margin-left:auto;margin-right:var(--space-3)}.nav-link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-black)}.messages-icon-link{position:relative;display:flex;align-items:center;justify-content:center}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid var(--color-white)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.user-name-link{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-semibold);padding:.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-name-link:hover{color:var(--color-black);background-color:var(--color-gray-100)}.user-icon-link{display:none;align-items:center;justify-content:center;color:var(--color-gray-700);transition:color var(--transition-fast)}.user-icon-link:hover{color:var(--color-black)}@media(max-width:640px){.nav{gap:var(--space-3);margin-right:var(--space-2)}.user-name-link{display:none}.user-icon-link{display:flex}.logo h1{font-size:var(--font-size-lg)}.header-container{padding:0 var(--space-3)}}.input-group{margin-bottom:var(--space-3)}.input-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--space-1)}.required{color:var(--color-error);margin-left:2px}.input{width:100%;padding:.875rem 1rem;font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:var(--color-white)}.input:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0a0a0a1a}.input::placeholder{color:var(--color-gray-400)}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #c41e3a1a}textarea.input{min-height:120px;resize:vertical;font-family:inherit}select.input{cursor:pointer}.college-selector-wrapper{position:relative;width:100%}.suggestions-list{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:250px;overflow-y:auto;margin-top:4px;padding:0;list-style:none}.suggestion-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--color-gray-100);transition:background .2s;font-size:var(--font-size-sm);display:flex;flex-wrap:wrap;align-items:center}.college-name{font-weight:var(--font-weight-medium);color:var(--color-black)}.college-district{color:var(--color-gray-500)}.no-suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:12px 16px;margin-top:4px;font-size:var(--font-size-sm);color:var(--color-gray-600)}.spinner-small{width:16px;height:16px;border:2px solid var(--color-gray-200);border-top:2px solid var(--color-black);border-radius:50%;animation:spin .8s linear infinite;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.input-with-icon{position:relative;display:flex;align-items:center}.category-selector-wrapper{position:relative;width:100%}.category-selector-wrapper .input-group{margin:0}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;font-size:var(--font-size-base);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);transition:all var(--transition-base);cursor:pointer}.custom-select-trigger:hover{border-color:var(--color-black)}.custom-select-trigger.active{border-color:var(--color-black);box-shadow:0 0 0 3px #0000000d}.selected-value{color:var(--color-black);font-weight:var(--font-weight-medium)}.selected-value.is-placeholder{color:var(--color-gray-400);font-weight:var(--font-weight-normal)}.select-arrow{color:var(--color-gray-500);display:flex;align-items:center;transition:transform var(--transition-base)}.custom-select-trigger.active .select-arrow{transform:rotate(180deg)}.suggestions-list{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;margin-top:4px;padding:0;list-style:none}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-gray-100);transition:background .2s;font-size:var(--font-size-sm)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--color-gray-50)}.suggestion-item.selected{background:var(--color-gray-50);color:var(--color-black);font-weight:var(--font-weight-semibold)}.category-name{color:var(--color-gray-700)}.suggestion-item:hover .category-name{color:var(--color-black)}.product-card{display:block;text-decoration:none;color:inherit;transition:transform var(--transition-base);cursor:pointer}.product-card:hover{transform:translateY(-4px)}.product-card-image{width:100%;aspect-ratio:1;background-color:var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-2)}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-content{padding:var(--space-1) 0}.product-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1);color:var(--color-black);line-height:1.4}.product-card-college{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-1)}.product-card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-black)}.page{min-height:calc(100vh - var(--header-height));padding:var(--space-6) 0}.hero{text-align:center;margin-bottom:var(--space-2)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);letter-spacing:-.02em}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:600px;margin:0 auto}.filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center}.filter-group{flex:1;min-width:200px}.filter-input,.filter-select{width:100%;padding:.875rem 1rem;font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:var(--color-white)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0a0a0a1a}.filter-select{cursor:pointer}.filter-clear{padding:.875rem 1.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background-color:var(--color-gray-100);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.filter-clear:hover{background-color:var(--color-gray-200)}.results-info{margin-bottom:var(--space-3)}.products-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4);padding:0 var(--space-6)}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr)!important}}@media(max-width:640px){.hero-title{font-size:var(--font-size-3xl)}.filter-group{min-width:100%}}.categories-section{margin-bottom:var(--space-4);padding:var(--space-2) 0}.categories-filter-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0;width:100%;max-width:500px;margin:0 auto}.categories-dropdown-container{margin-top:0;display:flex;flex-direction:column;gap:var(--space-2);flex-grow:1;max-width:500px}.filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;padding-left:var(--space-1)}.hero-filters{display:flex;gap:var(--space-2);margin-top:var(--space-6);max-width:100%;padding:0 var(--space-6)}.hero-search-input{flex:1;padding:.875rem 1rem;font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:var(--color-white)}.hero-search-input:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0a0a0a1a}.hero-filters .college-selector-wrapper{flex:0 0 250px}.hero-filters .input-group{margin-bottom:0}.hero-filters .input{padding:.875rem 1rem;font-size:var(--font-size-base)}.hero-filter-input{flex:0 0 150px;padding:.875rem 1rem;font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:var(--color-white)}.hero-filter-select:focus,.hero-filter-input:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0a0a0a1a}.hero-filter-select{cursor:pointer}.filter-clear-inline{padding:0 1.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background-color:var(--color-gray-100);border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;height:50px;display:flex;align-items:center;justify-content:center}.filter-clear-inline:hover{background-color:var(--color-gray-200);color:var(--color-black)}@media(max-width:768px){.hero-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;max-width:500px;margin:0 auto}.hero-search-input{flex:1 1 100%}.hero-filters .college-selector-wrapper,.hero-filter-input{width:calc(50% - (var(--space-2) / 2));flex:0 0 calc(50% - (var(--space-2) / 2))}}.pagination-container{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-10) auto;padding-bottom:var(--space-8)}.pagination-btn{padding:var(--space-2) var(--space-4);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--color-black);transition:all var(--transition-base);min-width:100px}.pagination-btn:hover:not(:disabled){border-color:var(--color-black);background-color:var(--color-gray-100)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-100)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.product-detail{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-4)}@media(min-width:768px){.product-detail{grid-template-columns:1fr 1fr;gap:var(--space-8)}}.product-gallery{display:flex;flex-direction:column;gap:var(--space-3)}.main-image{width:fit-content;margin:0 auto;max-height:450px;background-color:var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden;display:flex;justify-content:center;align-items:center}.main-image img{width:auto;height:auto;max-width:100%;max-height:450px;object-fit:contain}.thumbnail-list{display:flex;gap:var(--space-2)}.thumbnail{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-gray-100);padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:var(--color-gray-400)}.thumbnail.active{border-color:var(--color-black)}.product-info{display:flex;flex-direction:column;gap:var(--space-4)}.product-header{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-200)}.product-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);line-height:1.2}.product-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-black)}.product-meta{display:flex;flex-direction:column;gap:var(--space-2)}.meta-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-100)}.meta-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.meta-value{font-size:var(--font-size-sm);color:var(--color-black);font-weight:var(--font-weight-medium)}.product-description h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.product-description p{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:1.7}.product-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.login-prompt{margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-gray-100);border-radius:var(--radius-md);text-align:center}@media(max-width:768px){.product-title{font-size:var(--font-size-2xl)}}.toast{position:fixed;top:calc(var(--header-height) + var(--space-3));left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:slideDown .3s ease-out;min-width:300px;text-align:center}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast-success{background-color:var(--color-black);color:var(--color-white)}.toast-error{background-color:var(--color-error);color:var(--color-white)}.toast-message{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}@media(max-width:640px){.toast{min-width:280px;width:90%;max-width:400px}}.create-listing-container{max-width:700px;margin:0 auto}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--space-6)}.listing-form{background-color:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.file-input{width:100%;padding:var(--space-2);border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.file-input:hover{border-color:var(--color-gray-400);background-color:var(--color-gray-50)}.photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.photo-preview{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-gray-100)}.photo-preview img{width:100%;height:100%;object-fit:cover}.remove-photo{position:absolute;top:4px;right:4px;width:28px;height:28px;background-color:var(--color-black);color:var(--color-white);border:none;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.remove-photo:hover{background-color:var(--color-error);transform:scale(1.1)}.form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}@media(max-width:640px){.listing-form{padding:var(--space-4)}.form-actions{flex-direction:column}}.messaging-page-wrapper{height:calc(100vh - var(--header-height));overflow:hidden;padding:var(--space-3) var(--space-4);box-sizing:border-box}.messaging-container{max-width:900px;margin:0 auto;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0}.chat-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0}.chat-header-content{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);min-width:0}.back-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--color-gray-600);transition:all var(--transition-fast);cursor:pointer;padding:0;background:transparent;border:none;flex-shrink:0}.back-button:hover{background-color:var(--color-gray-200);color:var(--color-black)}.chat-product-info{display:flex;gap:var(--space-3);align-items:center;min-width:0}.chat-product-image{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-md);background-color:var(--color-gray-100);flex-shrink:0}.chat-product-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-product-price{font-size:var(--font-size-sm);color:var(--color-gray-600)}.chat-seller-info{text-align:right;flex-shrink:0;align-self:flex-start}.messages-area{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%}.message{max-width:70%;display:flex;flex-direction:column;gap:var(--space-1)}.message-sent{align-self:flex-end}.message-received{align-self:flex-start}.message-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.message-sender{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.message-time{font-size:var(--font-size-xs);color:var(--color-gray-500)}.message-content{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:1.5}.message-sent .message-content{background-color:var(--color-black);color:var(--color-white);border-bottom-right-radius:4px}.message-received .message-content{background-color:var(--color-gray-100);color:var(--color-black);border-bottom-left-radius:4px}.message-input-form{padding:var(--space-3);border-top:1px solid var(--color-gray-200);background-color:var(--color-white);display:flex;gap:var(--space-2);align-items:flex-end;flex-shrink:0}.message-input{flex:1;padding:var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;resize:none;transition:all var(--transition-fast)}.message-input:focus{outline:none;border-color:var(--color-black);box-shadow:0 0 0 3px #0a0a0a1a}.send-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background-color:var(--color-black);color:var(--color-white);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);padding:0;flex-shrink:0}.send-button:hover:not(:disabled){background-color:var(--color-gray-800);transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background-color:var(--color-gray-400);cursor:not-allowed}@media(max-height:600px){.chat-header{padding:var(--space-2) var(--space-3)}.chat-product-image{width:32px;height:32px}.back-button{width:28px;height:28px}}@media(max-width:640px){.messaging-page-wrapper{padding:var(--space-2)}.messaging-container{border-radius:var(--radius-md)}.chat-header{padding:var(--space-2) var(--space-3)}.chat-product-image{width:36px;height:36px}.chat-seller-info{text-align:right}.message{max-width:85%}.send-button{width:36px;height:36px}.message-input-form{padding:var(--space-2);gap:var(--space-2);align-items:center}.message-input{padding:.625rem .875rem;line-height:1.25;max-height:100px}}.messages-inbox-container{max-width:900px;margin:0 auto}.conversations-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.conversation-item{display:flex;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none;color:inherit}.conversation-item:hover{border-color:var(--color-gray-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.conversation-image{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-gray-100)}.conversation-image img{width:100%;height:100%;object-fit:cover}.conversation-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.conversation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.conversation-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;line-height:1.4}.conversation-time{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap}.conversation-preview{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.conversation-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);margin-top:auto}.conversation-seller{color:var(--color-gray-600)}.conversation-price{font-weight:var(--font-weight-semibold);color:var(--color-black)}@media(max-width:640px){.conversation-item{padding:var(--space-2)}.conversation-image{width:60px;height:60px}.conversation-title{font-size:var(--font-size-sm)}}.context-menu{position:absolute;background-color:#fff;box-shadow:0 4px 12px #00000026;border-radius:var(--radius-md);padding:.25rem 0;z-index:1000;min-width:120px;border:1px solid var(--color-gray-200)}.context-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;cursor:default}.conversation-wrapper{position:relative}.unread-conversation .conversation-item{border-color:var(--color-black);border-width:2px;background-color:#00000003}.unread-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background-color:#ef4444;border-radius:50%;border:2px solid var(--color-white);z-index:10;box-shadow:0 2px 4px #0000001a}.account-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.account-info{flex:1}.account-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);letter-spacing:-.02em}.user-details{display:flex;flex-direction:column;gap:var(--space-1)}.user-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.user-college{font-size:var(--font-size-base);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.account-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);letter-spacing:-.01em}.products-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}@media(min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.empty-state{text-align:center;padding:var(--space-10) 0}.empty-state p{margin-bottom:var(--space-4);color:var(--color-gray-600)}@media(max-width:640px){.account-header{flex-direction:column;gap:var(--space-4)}.account-title{font-size:var(--font-size-2xl)}.user-name{font-size:var(--font-size-lg)}}.context-menu{position:absolute;background-color:#fff;box-shadow:0 4px 12px #00000026;border-radius:var(--radius-md);padding:.25rem 0;z-index:1000;min-width:140px;border:1px solid var(--color-gray-200)}.context-menu-item{display:block;width:100%;text-align:left;padding:.5rem 1rem;font-size:var(--font-size-sm);color:var(--color-gray-700);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.context-menu-item:hover{background-color:var(--color-gray-50)}.context-menu-item.delete{color:#dc2626}.context-menu-item.delete:hover{background-color:#fef2f2}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background-color:#fff;padding:var(--space-6);border-radius:var(--radius-lg);width:90%;max-width:400px;box-shadow:var(--shadow-xl)}.modal-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}