.layout-container{display:flex;flex-direction:column;min-height:100vh}.layout-content{flex:1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;background:#dbedfc;border-bottom:3px solid #A9A9A9;min-height:80px;width:100%;box-sizing:border-box;gap:.5rem}.navbar-greeting{margin-right:.5rem;font-size:clamp(.9rem,2.2vw,1.2rem);font-weight:700;color:#3700ff;white-space:nowrap}.logo{height:clamp(40px,8vw,76px);width:auto;object-fit:contain;margin:0;padding:0;flex-shrink:0}.navbar ul{list-style:none;display:flex;align-items:center;gap:clamp(15px,4vw,70px);margin:20px;padding:0;height:100%;flex:1;justify-content:center;min-width:0}.navbar ul li{display:flex;align-items:center;height:100%;white-space:nowrap}.navbar ul li a{text-decoration:none;color:#333;font-size:clamp(.9rem,2.5vw,1.5rem);font-weight:700;transition:color .3s ease}.navbar ul li a:hover{color:#efa300}.auth-buttons{display:flex;align-items:center;gap:clamp(8px,2vw,15px);height:100%;flex-shrink:0}.navbar button{padding:clamp(8px,1.5vw,12px) clamp(12px,3vw,24px);border:none;cursor:pointer;font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;border-radius:5px;transition:background .3s ease;white-space:nowrap}.navbar .login{background:#90ee90}.navbar .login:hover{background:#7acc7a}.navbar .logout{background:#ff5733;color:#fff}.navbar .logout:hover{background:#e64520}.navbar .admin-button{padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);font-size:clamp(.8rem,1.8vw,.9rem);background:#f0ad4e;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.navbar .admin-button:hover{background:#ec971f}.footer{background-color:#222;color:#fff;text-align:center;padding:20px 0;position:relative;width:100%;bottom:0}.footer-container{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-nav{display:flex;gap:10px}.footer-nav a{color:#fff;text-decoration:none;font-size:20px;transition:color .3s ease-in-out}.footer-nav a:hover{color:#fc0}.divider{color:#fff;font-size:18px}.user-panel-icon{display:flex;align-items:center;height:100%}.user-icon{height:clamp(16px,3vw,20px);width:clamp(16px,3vw,20px);object-fit:contain;border-radius:20%;cursor:pointer;transition:transform .2s ease-in-out}.user-icon:hover{transform:scale(1.1)}.auth-buttons .admin-panel-icon{margin-right:clamp(4px,1vw,8px)}@media (max-width: 1024px){.navbar ul{gap:clamp(12px,3vw,40px);margin:15px}.navbar ul li a{font-size:clamp(.85rem,2.2vw,1.3rem)}.navbar button{padding:clamp(7px,1.3vw,11px) clamp(10px,2.5vw,20px);font-size:clamp(.85rem,1.8vw,1rem)}}@media (max-width: 1420px){.navbar{flex-wrap:wrap}.navbar ul{order:1;flex:1 1 auto;justify-content:center}.auth-buttons{order:2;flex:1 1 100%;justify-content:center;margin-top:.5rem;flex-wrap:wrap}.navbar-greeting{white-space:normal;text-align:center}}@media (max-width: 768px){.navbar{flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:.5rem;gap:.3rem}.navbar-greeting{order:-1;margin:0;text-align:center}.logo{height:clamp(35px,6vw,50px)}.navbar ul{order:0;margin:8px 0;gap:clamp(15px,4vw,30px);justify-content:center;flex-wrap:nowrap}.navbar ul li a{font-size:clamp(.9rem,2.3vw,1.1rem)}.auth-buttons{order:1;justify-content:center;gap:clamp(10px,2.5vw,15px)}.navbar button{font-size:clamp(.85rem,2vw,1rem);padding:clamp(7px,1.5vw,10px) clamp(12px,2.8vw,18px)}}@media (max-width: 480px){.navbar{min-height:110px;padding:.4rem}.navbar ul{gap:clamp(12px,3.5vw,25px);margin:6px 0}.navbar ul li a{font-size:clamp(.8rem,2.1vw,1rem)}.navbar-greeting{font-size:clamp(.85rem,2vw,1rem)}.navbar button{font-size:clamp(.8rem,1.8vw,.95rem);padding:clamp(6px,1.3vw,9px) clamp(10px,2.5vw,16px)}.auth-buttons{gap:clamp(8px,2vw,12px)}}@media (max-width: 360px){.navbar{min-height:100px;padding:.3rem}.navbar ul{gap:clamp(10px,3vw,20px);margin:5px 0}.navbar ul li a{font-size:clamp(.75rem,2vw,.9rem)}.navbar-greeting{font-size:clamp(.8rem,1.8vw,.95rem)}.navbar button{font-size:clamp(.75rem,1.6vw,.9rem);padding:clamp(5px,1.2vw,8px) clamp(8px,2.2vw,14px)}.logo{height:clamp(30px,5vw,45px)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#eff8ff}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}main{flex:1}.app-container{display:flex;flex-direction:column;min-height:100vh}.about-container{max-width:800px;margin:3rem auto;padding:2rem;font-family:Arial,sans-serif;color:#333;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.about-container h1{font-size:2rem;margin-bottom:1rem;color:#222}.about-container p{line-height:1.6;margin-bottom:1rem}.about-container a{color:#007bff;text-decoration:none;font-weight:700}.about-container a:hover{text-decoration:underline}body{font-family:Arial,sans-serif;text-align:center}h1{margin:20px 0}.catalog-filters{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.catalog-filters input,.catalog-filters select{padding:8px;font-size:14px;border-radius:5px;border:1px solid #ccc}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;max-width:1200px;margin:auto;align-items:start;justify-content:center}.pop-card{position:relative;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:15px;text-align:center;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between;height:100%;max-width:250px;width:100%}.pop-card:hover{transform:scale(1.05)}.pop-card img{max-width:100%;height:275px;object-fit:contain;border-radius:5px}.pop-card h3{margin-top:auto;font-size:18px}.pop-card p{font-size:14px;color:#666;margin:5px 0}.card-actions{margin-top:10px;display:flex;justify-content:space-around}.card-actions a{text-decoration:none;color:#007bff;font-weight:700;transition:color .2s}.card-actions a:hover{color:#0056b3}.card-actions button:not(.addtocollection-button):not(.sellonmarket-button){background:none;border:none;color:#007bff;font-weight:700;cursor:pointer;transition:color .2s}.card-actions button:not(.addtocollection-button):not(.sellonmarket-button):hover{color:#0056b3}.wishlist-icon{position:absolute;top:12px;right:12px;font-size:22px;color:#ccc;cursor:pointer;transition:color .2s,transform .2s}.card-actions .addtocollection-button{background-color:#00aeff;color:#fff;font-size:16px;padding:10px 5px;border:none;border-radius:5px;cursor:pointer;max-width:100px;transition:background-color .3s ease,transform .3s ease;font-weight:700}.card-actions .addtocollection-button:hover{background-color:#00aeffde;transform:scale(1.05);color:#fff}.card-actions .sellonmarket-button{background-color:#fc0;color:#fff;font-size:16px;padding:10px 5px;border:none;border-radius:5px;cursor:pointer;max-width:100px;transition:background-color .3s ease,transform .3s ease;font-weight:700}.card-actions .sellonmarket-button:hover{background-color:#ffb300;transform:scale(1.05);color:#fff}.suggest-pop-button{background-color:#fc0;color:#3f3600;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.suggest-pop-button:hover{background-color:#ffb300}.ai-suggest-button{background-color:#28a745;color:#fff;border:none;cursor:pointer;transition:background .2s}.ai-suggest-button:hover{background-color:#218838}.catalog-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.catalog-buttons button{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out;min-width:160px}.collection,.collection-empty{font-family:Arial,sans-serif;text-align:center;padding:2rem 1rem}.collection-header{text-align:center;display:flex;justify-content:center;align-items:baseline;gap:1rem}.collection-total{margin:0;font-size:1rem;color:#c08702}.collection h1,.collection-empty h1{margin-bottom:1rem;font-size:2rem;color:#333}.collection-empty p{font-size:1.1rem;color:#555}.collection .catalog-filters{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.collection .catalog-filters input,.collection .catalog-filters select{padding:8px;font-size:14px;border-radius:5px;border:1px solid #ccc}.collection .catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;max-width:1200px;margin:auto;align-items:start;justify-content:center}.collection .pop-card{position:relative;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:15px;text-align:center;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between;height:100%;max-width:250px;width:100%}.collection .pop-card:hover{transform:scale(1.05)}.collection .pop-card img{max-width:100%;height:275px;object-fit:contain;border-radius:5px}.collection .pop-card h3{margin-top:auto;font-size:18px}.collection .pop-card p{font-size:14px;color:#666;margin:5px 0}.collection .pop-card small{color:#888;font-size:.75rem}.collection .card-actions{margin-top:10px;display:flex;justify-content:space-around}.collection .card-actions button:not(.collectiontomarket-button):not(.removefromcollection-button){background:none;border:none;color:#007bff;font-weight:700;cursor:pointer;transition:color .2s}.collection .card-actions button:not(.collectiontomarket-button):not(.removefromcollection-button):hover{color:#0056b3}.collection .card-actions button.collectiontomarket-button{background-color:#fc0;color:#fff;font-size:16px;padding:10px 5px;border:none;border-radius:5px;cursor:pointer;max-width:100px;transition:background-color .3s ease,transform .3s ease}.collection .card-actions button.collectiontomarket-button:hover{background-color:#ffb300;transform:scale(1.05);color:#fff}.collection .card-actions button.removefromcollection-button{background-color:#ff4800;color:#fff;font-size:16px;padding:10px 5px;border:none;border-radius:5px;cursor:pointer;max-width:100px;transition:background-color .3s ease,transform .3s ease}.collection .card-actions button.removefromcollection-button:hover{background-color:#ff4800ce;transform:scale(1.05);color:#fff}.contact-container{max-width:600px;margin:3rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Arial,sans-serif;color:#333}.contact-container h1{text-align:center;margin-bottom:1.5rem;color:#222}.contact-error,.contact-success{text-align:center;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.contact-error{background:#ffe6e6;color:#c00;border:1px solid #cc0000}.contact-success{background:#e6ffed;color:#060;border:1px solid #00aa00}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form label{font-weight:500}.contact-form input,.contact-form textarea{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #66afe9;border-color:#66afe9}.contact-submit{padding:.75rem;font-size:1.1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.contact-submit:hover{background:#0056b3}@media (max-width: 480px){.contact-container{margin:1rem;padding:1rem}}.home-hero{position:relative;height:40vh;overflow:hidden}.hero-bg{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.hero-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.hero-overlay h1{font-size:3rem;margin-bottom:.5rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}.hero-overlay p{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;text-shadow:0 2px 6px rgba(0,0,0,.7)}.btn-primary{background:#fc0;color:#333;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#e6b800}.latest-section{background:#f7fbff;padding:2rem 1rem;text-align:center}.latest-section h2{font-size:2rem;margin-bottom:1.5rem;color:#333}.latest-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto}.latest-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 6px #0000001a;width:180px;transition:transform .2s,box-shadow .2s}.latest-card:hover{transform:translateY(-5px);box-shadow:0 3px 10px #00000026}.latest-img{width:100%;border-radius:4px;margin-bottom:.5rem}.latest-card h4{margin:.5rem 0;font-size:1rem;color:#222}.latest-price{font-weight:700;color:#007bff}.ad-section{text-align:center;margin:2rem 0}.ad-image{width:90%;max-height:400px;max-width:1000px;border-radius:8px;box-shadow:0 2px 8px #0000001a;animation:fade-in 1s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.footer-placeholder{text-align:center;padding:2rem 1rem;color:#555;font-style:italic}@media (max-width: 600px){.home-hero{height:30vh}.hero-overlay h1{font-size:2rem}.hero-overlay p{font-size:1rem}.latest-card{width:140px;padding:.75rem}.ad-image{max-width:100%}}.login-page{display:flex;align-items:center;justify-content:center;min-height:75vh;padding:10px;box-sizing:border-box}.login-side-image{flex-shrink:0;width:320px;max-width:30%;height:auto;margin:0 20px}.login-container{max-width:400px;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:left}.login-container h2{text-align:center;margin-bottom:20px}.login-form{display:flex;flex-direction:column}.login-form label{margin-top:10px;font-size:16px;color:#333}.login-form input{padding:8px;border:1px solid #ccc;border-radius:4px;margin-top:5px}.login-form button{margin-top:20px;padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.login-form button:hover{background:#0056b3}.error{color:#d9534f;margin-top:10px}.signup-text{text-align:center;margin-top:15px;font-size:16px}.signup-text a{color:#007bff;text-decoration:none}.signup-text a:hover{text-decoration:underline}@media (max-width: 600px){.login-page{flex-direction:column}.login-side-image{margin:10px 0;width:80px;max-width:40%}}.market-container{max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box;font-family:Arial,sans-serif;color:#333}.market-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.market-search-filter{display:flex;flex-wrap:wrap;gap:.5rem}.market-search-input{padding:.5rem;font-size:1rem;flex:1 1 200px;border:1px solid #ccc;border-radius:4px}.market-filter-select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;flex:1 1 150px}.market-orderpost{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.market-orderby{display:flex;align-items:center;gap:.5rem}.market-orderby select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff}.post-ad-button{background-color:#fc0;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.post-ad-button:hover{background-color:#ffb300}.market-no-results,.market-loading,.market-error{text-align:center;font-size:1.2rem;color:#666;margin-top:2rem}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.market-card{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 5px #0000000d}.carousel-container{position:relative;width:100%;height:200px;overflow:hidden}.market-card-image{width:100%;height:200px;object-fit:cover;background-color:#f5f5f5;cursor:pointer;transition:transform .2s ease-in-out}.zoomable:hover{transform:scale(1.1)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffb3;border:none;font-size:1.5rem;padding:0 .5rem;cursor:pointer;z-index:10}.carousel-btn.prev{left:8px}.carousel-btn.next{right:8px}.market-card-body{padding:.75rem;flex:1}.pop-name{margin:0 0 .25rem;font-size:1.1rem;color:#222}.pop-category{margin:0 0 .5rem;font-size:.95rem;color:#555}.pop-location,.pop-price,.pop-date{margin:.25rem 0;font-size:.9rem;color:#444}.pop-details{margin-top:.5rem;font-size:.9rem;color:#333}.market-card-footer{background-color:#fafafa;padding:.5rem .75rem;border-top:1px solid #eee}.seller-info,.seller-contact{margin:0;font-size:.9rem;color:#444}.rating-summary{font-size:.9rem;margin:.5rem 0;text-align:center}.rating-summary svg{color:#f5a623;vertical-align:middle;margin:0 1px}.reviews-link{color:#007bff;text-decoration:none;cursor:pointer}.reviews-link:hover{text-decoration:underline}.leave-feedback{display:block;width:100%;margin:.25rem 0;padding:.4rem;font-size:.9rem;border:none;border-radius:4px;cursor:pointer;color:#fff;background:#28a745;transition:background .2s}.leave-feedback:hover{background:#218838}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.lightbox-image{max-width:100vw;max-height:100vh;object-fit:contain;cursor:grab;transition:transform .2s ease-in-out}.lightbox-image:hover{transform:scale(1.05)}.lb-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;font-size:2rem;padding:0 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2001}.lb-btn.prev{left:1rem}.lb-btn.next{right:1rem}.lb-btn:disabled{opacity:.3;cursor:default}@media (max-width: 600px){.market-controls{flex-direction:column;gap:.75rem}.market-orderpost{flex-direction:column;align-items:flex-start}.market-orderby{width:100%}.post-ad-button{width:100%;text-align:center}}.signup-page{display:flex;align-items:center;justify-content:center;min-height:80vh}.signup-side-image{flex-shrink:0;width:350px;max-width:30%;height:auto;margin:0 20px}.signup-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:400px;width:100%;font-family:Arial,sans-serif}.signup-container h2{text-align:center;margin-bottom:1.5rem;color:#333}.signup-form{display:flex;flex-direction:column;gap:1rem}.signup-form label{font-weight:500}.signup-form input{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.signup-help{font-size:.85rem;color:#555;margin-top:-.5rem;margin-bottom:1rem}button[type=submit]{padding:.75rem;font-size:1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}button[type=submit]:hover{background:#0056b3}.error{color:#c00;text-align:center}.login-text{text-align:center;margin-top:1rem;font-size:.9rem}.login-text a{color:#007bff;text-decoration:none}.login-text a:hover{text-decoration:underline}@media (max-width: 768px){.signup-side-image{display:none}.signup-container{max-width:100%;margin:0 1rem}}.wishlist,.wishlist-empty{font-family:Arial,sans-serif;text-align:center;padding:2rem 1rem}.wishlist h1,.wishlist-empty h1{margin-bottom:1rem;font-size:2rem;color:#333}.wishlist-empty p{font-size:1.1rem;color:#555}.empty-link{color:#007bff;text-decoration:none;font-weight:700}.empty-link:hover{text-decoration:underline}.wishlist .catalog-filters{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.wishlist .catalog-filters input,.wishlist .catalog-filters select{padding:8px;font-size:14px;border-radius:5px;border:1px solid #ccc}.wishlist .catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;max-width:1200px;margin:auto;align-items:start;justify-content:center}.wishlist .pop-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:15px;text-align:center;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between;height:100%;max-width:250px;width:100%}.wishlist .pop-card:hover{transform:scale(1.05)}.wishlist .pop-card img{max-width:100%;height:275px;object-fit:contain;border-radius:5px}.wishlist .pop-card h3{margin-top:auto;font-size:18px}.wishlist .pop-card p{font-size:14px;color:#666;margin:5px 0}.wishlist .pop-card small{color:#888;font-size:.75rem}.wishlist .card-actions{margin-top:10px;display:flex;justify-content:space-around}.wishlist .card-actions button:not(.wishlisttocollection-button):not(.removefromwishlist-button){background:none;border:none;color:#007bff;font-weight:700;cursor:pointer;transition:color .2s}.wishlist .card-actions button:not(.wishlisttocollection-button):not(.removefromwishlist-button):hover{color:#0056b3}.wishlist .card-actions button.wishlisttocollection-button{background-color:#00aeff;color:#fff;font-size:16px;padding:10px 5px;border:none;border-radius:5px;cursor:pointer;max-width:100px;transition:background-color .3s ease,transform .3s ease}.wishlist .card-actions button.wishlisttocollection-button:hover{background-color:#00aeffde;color:#fff;transform:scale(1.05)}.wishlist .card-actions button.removefromwishlist-button{background-color:#ff4800;color:#fff;font-size:16px;padding:10px 5px;border:none;border-radius:5px;cursor:pointer;max-width:100px;transition:background-color .3s ease,transform .3s ease}.wishlist .card-actions button.removefromwishlist-button:hover{background-color:#ff4800ce;transform:scale(1.05)}.newlisting-container{max-width:600px;margin:2rem auto;padding:1rem 1.5rem;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000000d;font-family:Arial,sans-serif}.newlisting-title{margin-bottom:1rem;font-size:1.5rem;color:#222;text-align:center}.newlisting-error{background-color:#ffe6e6;color:#c00;padding:.75rem 1rem;border:1px solid #cc0000;border-radius:4px;margin-bottom:1rem;text-align:center}.newlisting-form{display:flex;flex-direction:column;gap:1rem}.form-group-checkbox{display:flex;align-items:center;gap:.5rem}.newlisting-form label{font-weight:500;color:#333;margin-bottom:.25rem}.newlisting-form input[type=text],.newlisting-form input[type=number],.newlisting-form select,.newlisting-form textarea{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#fafafa;width:100%;box-sizing:border-box}.pop-dropdown{position:relative}.pop-dropdown input[type=text]{width:100%}.pop-options-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;z-index:10;text-align:left}.pop-options-list li{padding:.5rem;cursor:pointer;text-align:left}.pop-options-list li:hover{background-color:#f0f0f0}.serial-display{display:flex;align-items:center;gap:.5rem}.serial-display .serial-text{padding:.25rem .5rem;background-color:#fafafa;border:1px solid #ccc;border-radius:4px;font-style:italic;color:#555}.newlisting-form input[type=file]{font-size:1rem;padding:.25rem .5rem}.newlisting-form input:focus,.newlisting-form select:focus,.newlisting-form textarea:focus{outline:2px solid #66afe9;border-color:#66afe9}.newlisting-submit-button{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:.75rem;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease-in-out;margin-top:.5rem}.newlisting-submit-button:hover:not(:disabled){background-color:#218838}.newlisting-submit-button:disabled{background-color:#aaa;cursor:not-allowed}@media (max-width: 480px){.newlisting-container{margin:1rem;padding:1rem}.newlisting-submit-button{font-size:1rem;padding:.65rem}}.image-previews{display:flex;gap:8px;margin-top:.5rem}.preview-thumb{width:80px;height:80px;object-fit:cover;border:1px solid #ccc;border-radius:4px;margin-top:.5rem}.manage-container{max-width:800px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif;color:#333}.manage-container h1{text-align:center;margin-bottom:1.5rem}.manage-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.manage-card{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 5px #0000000d}.manage-image{width:100%;height:160px;object-fit:cover;background:#f5f5f5}.manage-info{padding:.75rem;flex:1;display:flex;flex-direction:column}.manage-info h2{margin:0 0 .5rem;font-size:1.1rem}.manage-info p{margin:.25rem 0;font-size:.9rem}.manage-button{margin-top:auto;padding:.5rem;border:none;border-radius:4px;font-size:.95rem;cursor:pointer}.manage-button.sold{background-color:#28a745;color:#fff}.manage-button.sold:hover{background-color:#218838}.manage-button.remove{background-color:#dc3545;color:#fff;margin-top:.5rem}.manage-button.remove:hover{background-color:#c82333}.manage-loading,.manage-error{text-align:center;margin-top:2rem;font-size:1.2rem;color:#666}.up-container{max-width:600px;margin:2.5rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Arial,sans-serif;color:#333}.up-container h1{text-align:center;margin-bottom:1.5rem}.up-error,.up-success{text-align:center;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.up-error{background:#ffe6e6;color:#c00;border:1px solid #cc0000}.up-success{background:#e6ffed;color:#060;border:1px solid #00aa00}.up-form{display:flex;flex-direction:column;gap:1rem}.up-form label{font-weight:500}.up-note{font-size:.85rem;color:#666;margin-left:.5rem}.up-form input[type=text],.up-form input[type=email]{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.up-form input[type=email][disabled]{background:#f0f0f0;color:#666}.up-help{font-size:.85rem;color:#555;margin-top:-.5rem;margin-bottom:1rem}.up-form input:focus{outline:2px solid #66afe9;border-color:#66afe9}.up-checkbox{display:flex;align-items:center;gap:.5rem}.up-submit{margin-top:1rem;padding:.75rem;font-size:1.1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.up-submit:hover{background:#0056b3}@media (max-width: 480px){.up-container{margin:1rem;padding:1rem}}.suggestion-container{max-width:600px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-family:Arial,sans-serif}.suggestion-container h1{text-align:center;margin-bottom:1rem}.suggestion-error{background:#ffe6e6;color:#c00;padding:.75rem;border:1px solid #cc0000;border-radius:4px;margin-bottom:1rem}.suggestion-form{display:flex;flex-direction:column;gap:1rem}.suggestion-form label{font-weight:500;color:#333}.suggestion-form input[type=text],.suggestion-form textarea,.suggestion-form input[type=file]{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.suggestion-form textarea{resize:vertical}.suggestion-form button{background:#007bff;color:#fff;border:none;padding:.75rem;font-size:1rem;border-radius:4px;cursor:pointer;align-self:center}.suggestion-form button:disabled{background:#aaa;cursor:not-allowed}.suggestion-form button:hover:not(:disabled){background:#0056b3}.newfeedback-container{max-width:500px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.newfeedback-container h1{text-align:center;margin-bottom:1rem}.newfeedback-error{background:#ffe6e6;color:#c00;padding:.5rem;border:1px solid #cc0000;border-radius:4px;margin-bottom:1rem;text-align:center}.newfeedback-form{display:flex;flex-direction:column;gap:1rem}.newfeedback-form label{font-weight:500}.newfeedback-form select,.newfeedback-form textarea{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.newfeedback-form button{background:#28a745;color:#fff;border:none;padding:.75rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background .2s}.newfeedback-form button:hover{background:#218838}.sr-container{max-width:600px;margin:2rem auto;padding:0 1rem;font-family:Arial,sans-serif;color:#333}.sr-title{text-align:center;font-size:2rem;margin-bottom:1rem}.sr-summary{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem}.sr-summary-stars{font-size:1.5rem;color:#f5a623}.sr-summary-text{font-size:1rem;color:#555}.sr-no{text-align:center;font-size:1rem;color:#777}.sr-list{list-style:none;padding:0;margin:0}.sr-item{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d}.sr-item-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.sr-item-header strong{color:#222}.sr-date{font-size:.85rem;color:#888}.sr-item-rating{font-size:1.25rem;color:#f5a623;margin-bottom:.5rem}.sr-item-review{font-size:1rem;color:#444;line-height:1.4}.sr-back{text-align:center;margin-top:2rem}.sr-back a{color:#007bff;text-decoration:none;font-weight:700}.sr-back a:hover{text-decoration:underline}.sr-loading,.sr-error{text-align:center;font-size:1.2rem;color:#666;margin-top:2rem}.as-container{max-width:1200px;margin:2rem auto;padding:0 1rem;text-align:center;font-family:Arial,sans-serif;color:#333}.as-loading,.as-error,.as-none{font-size:1.2rem;color:#666;margin-top:2rem}.as-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:1rem}.as-card{position:relative;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center}.as-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.as-card img{width:100%;height:150px;object-fit:contain;margin-bottom:.5rem}.as-card h3{margin:.5rem 0 .25rem;font-size:1rem;color:#222}.as-card h4{margin:0 0 .5rem;font-size:.85rem;color:#555}.as-card p{margin:.2rem 0;font-size:.8rem;color:#666}.wishlist-icon{position:absolute;top:8px;right:8px;font-size:20px;color:#ccc;cursor:pointer;transition:color .2s,transform .2s}.wishlist-icon:hover{color:#e74c3c;transform:scale(1.2)}.wishlist-icon.filled{color:#e74c3c}.as-add-button{margin-top:.75rem;background-color:#00aeff;color:#fff;border:none;padding:10px 5px;border-radius:5px;cursor:pointer;max-width:120px;transition:background-color .3s ease,transform .3s ease}.as-add-button:disabled{opacity:.6;cursor:default}.as-add-button:hover:not(:disabled){background-color:#00aeffde;transform:scale(1.05)}.as-back{text-align:center;margin-top:2rem}.as-back a{color:#007bff;text-decoration:none;font-weight:700}.as-back a:hover{text-decoration:underline}.verification-loading{text-align:center;font-size:1.2rem;margin-top:2rem;color:#333}.verification-error,.verification-success{max-width:400px;margin:3rem auto;padding:2rem;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.verification-error h1,.verification-success h1{font-size:1.5rem;margin-bottom:1rem;color:#222}.verification-error p,.verification-success p{margin:1rem 0 2rem;font-size:1rem;color:#555}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:#007bff;border:none;border-radius:6px;cursor:pointer;text-decoration:none}.btn:hover{background-color:#0056b3}.admin-container{padding:2rem;font-family:Arial,sans-serif;background-color:#f7f9fc;min-height:100vh}.admin-container h1{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:#333}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.admin-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.admin-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #00000026}.card-icon{font-size:2.5rem;margin-bottom:.75rem}.card-label{text-align:center;font-size:1.1rem;color:#333;line-height:1.3}.admin-market-container{max-width:1000px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.admin-market-container h1{text-align:center;margin-bottom:1rem}.admin-market-search{width:100%;padding:.5rem;margin-bottom:1rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.admin-market-table{width:100%;border-collapse:collapse}.admin-market-table th,.admin-market-table td{padding:.5rem;border:1px solid #ccc;font-size:.9rem}.admin-market-table th{background:#f0f0f0}.admin-actions{display:flex;gap:.5rem}.admin-actions button{padding:.4rem .8rem;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background .2s ease}.admin-actions button.edit{background:#007bff}.admin-actions button.edit:hover{background:#0056b3}.admin-actions button.delete{background:#dc3545}.admin-actions button.delete:hover{background:#c82333}.admin-actions button.save{background:#28a745}.admin-actions button.save:hover{background:#218838}.admin-actions button.cancel{background:#6c757d}.admin-actions button.cancel:hover{background:#5a6268}.admin-approve-container{max-width:1000px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.admin-approve-container h1{text-align:center;margin-bottom:1rem}.admin-approve-table{width:100%;border-collapse:collapse}.admin-approve-table th,.admin-approve-table td{padding:.5rem;border:1px solid #ccc;font-size:.9rem;vertical-align:middle}.admin-approve-table th{background:#f0f0f0}.admin-approve-table select{width:100%;padding:.25rem;font-size:.9rem;border-radius:4px;border:1px solid #aaa}.admin-approve-actions{display:flex;gap:.5rem}.admin-approve-actions button{padding:.4rem .8rem;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background .2s ease}.admin-approve-actions button.approve{background:#28a745}.admin-approve-actions button.approve:hover{background:#218838}.admin-approve-actions button.reject{background:#dc3545}.admin-approve-actions button.reject:hover{background:#c82333}.admin-catalog-container{max-width:900px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.admin-catalog-container h1{text-align:center;margin-bottom:1rem}.catalog-controls{display:flex;justify-content:space-between;margin-bottom:1rem}.catalog-controls input[type=text]{flex:1;margin-right:1rem;padding:.5rem;font-size:1rem}.add-new-btn{padding:.5rem 1rem;font-size:1rem;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-new-btn:hover{background:#218838}.admin-catalog-table{width:100%;border-collapse:collapse}.admin-catalog-table th,.admin-catalog-table td{padding:.5rem;border:1px solid #ccc;text-align:left}.admin-catalog-table th{background:#f0f0f0}.admin-catalog-actions{display:flex;gap:.5rem}.admin-catalog-actions button{padding:.3rem .6rem;font-size:.9rem;border:none;border-radius:4px;cursor:pointer;color:#fff}.admin-catalog-actions button.edit{background:#007bff}.admin-catalog-actions button.edit:hover{background:#0056b3}.admin-catalog-actions button.delete{background:#dc3545}.admin-catalog-actions button.delete:hover{background:#c82333}.admin-catalog-actions button.save{background:#28a745}.admin-catalog-actions button.save:hover{background:#218838}.admin-catalog-actions button.cancel{background:#6c757d}.admin-catalog-actions button.cancel:hover{background:#5a6268}.admin-loading,.admin-error{text-align:center;color:#666;margin-top:2rem}.mu-container{max-width:900px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.mu-container h1{text-align:center;margin-bottom:1rem}.mu-search{width:100%;padding:.5rem;margin-bottom:1rem;font-size:1rem}.mu-table{width:100%;border-collapse:collapse}.mu-table th,.mu-table td{padding:.5rem;border:1px solid #ccc;text-align:left;font-size:.9rem}.mu-table th{background:#f0f0f0}.mu-actions{display:flex;gap:.5rem}.mu-actions button{padding:.3rem .6rem;font-size:.9rem;border:none;border-radius:4px;cursor:pointer;color:#fff}.mu-actions button.edit{background:#007bff}.mu-actions button.edit:hover{background:#0056b3}.mu-actions button.delete{background:#6c757d}.mu-actions button.delete:hover{background:#5a6268}.mu-actions button.save{background:#28a745}.mu-actions button.save:hover{background:#218838}.mu-actions button.cancel{background:#6c757d}.mu-actions button.cancel:hover{background:#5a6268}.mu-actions button.ban{background:#dc3545}.mu-actions button.ban:hover{background:#c82333}.mu-actions button.unban{background:#28a745}.mu-actions button.unban:hover{background:#218838}.mu-loading,.mu-error{text-align:center;color:#666;margin-top:2rem}.acm-container{max-width:1000px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.acm-container h1{text-align:center;margin-bottom:1rem}.acm-table{width:100%;border-collapse:collapse}.acm-table th,.acm-table td{padding:.5rem;border:1px solid #ccc;vertical-align:top;font-size:.9rem}.acm-table th{background:#f0f0f0}.acm-body{max-width:300px;white-space:pre-wrap;word-wrap:break-word}.acm-actions{display:flex;gap:.5rem}.acm-actions button{padding:.3rem .6rem;font-size:.9rem;border:none;border-radius:4px;cursor:pointer;color:#fff}.acm-actions .delete{background:#dc3545}.acm-actions .delete:hover{background:#c82333}.acm-loading,.acm-error{text-align:center;color:#666;margin-top:2rem}.aps-container{max-width:1000px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.aps-container h1{text-align:center;margin-bottom:1rem}.aps-table{width:100%;border-collapse:collapse}.aps-table th,.aps-table td{padding:.5rem;border:1px solid #ccc;font-size:.9rem;vertical-align:middle}.aps-table th{background:#f0f0f0}.aps-thumb{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.aps-actions{display:flex;gap:.5rem}.aps-actions button{padding:.4rem .8rem;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background .2s ease}.aps-actions button.accept{background:#28a745}.aps-actions button.accept:hover{background:#218838}.aps-actions button.reject{background:#dc3545}.aps-actions button.reject:hover{background:#c82333}.aps-loading,.aps-error{text-align:center;color:#666;margin-top:2rem}.arf-container{max-width:900px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.arf-container h1{text-align:center;margin-bottom:1rem}.arf-search{width:100%;padding:.5rem;margin-bottom:1rem;font-size:1rem}.arf-table{width:100%;border-collapse:collapse}.arf-table th,.arf-table td{padding:.5rem;border:1px solid #ccc;text-align:left;font-size:.9rem}.arf-table th{background:#f0f0f0}.arf-actions{display:flex;gap:.5rem}.arf-actions button{padding:.3rem .6rem;font-size:.9rem;border:none;border-radius:4px;cursor:pointer;color:#fff}.arf-actions .edit{background:#007bff}.arf-actions .edit:hover{background:#0056b3}.arf-actions .approve{background:#28a745}.arf-actions .approve:hover{background:#218838}.arf-actions .reject{background:#dc3545}.arf-actions .reject:hover{background:#c82333}.arf-actions .save{background:#28a745}.arf-actions .save:hover{background:#218838}.arf-actions .cancel{background:#6c757d}.arf-actions .cancel:hover{background:#5a6268}.arf-loading,.arf-error{text-align:center;color:#666;margin-top:2rem}