.layout{background:#0af}.layout header{background:linear-gradient(15deg,#0af,#000);border-bottom:5px solid #0af}.project-name{color:#0af;padding:5px;width:100%;font-size:3rem;text-align:center}.project-name div{font-family:serif}.nav-layout{display:flex;flex-wrap:wrap;padding-left:10px}.nav-layout a:link,.nav-layout a:active,.nav-layout a:visited{margin:10px 2px;color:#fff;text-decoration:none;background:#000;padding:10px 20px;border:2px solid #0cf;border-radius:10px}.nav-layout a:hover{background:#0af}.logout{background:red;color:red}.help-chat-pop-up{background:#ff0;position:fixed;top:70%;right:0;padding:20px;border-radius:20px;display:none}.help-chat-pop-up button{padding:5px 10px;background:#fff;border:none;margin:5px;color:#333}footer{display:flex;flex-direction:column;background:#0bf;height:500px;margin-top:300px}footer a:hover,footer a:active,footer a:link,footer a:visited{color:#fff;text-decoration:none;padding:20px}.shopping-cart-logo{width:25px}.decide-register-or-login{display:flex;justify-content:center;align-items:center;margin-top:50px}.decide-register-or-login>button,.register button,.login button{padding:10px 30px;background:#fff;font-weight:700;margin:10px;border-radius:10px;border:none;background:#0af;color:#fff;font-size:1rem}.decide-register-or-login>button:hover,.register>button:hover,.login>button:hover{background:#0cf}.register,.login{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff}.register h2,.login h2{padding:20px}.register input,.login input{width:80%;padding:5px 10px;border-radius:10px;max-width:600px}.register,.login{display:none}.admin nav{height:40px}.admin nav a,.admin nav a:link,.admin nav a:active,.admin nav a:visited{margin:10px 2px;color:#fff;text-decoration:none;background:#000;padding:10px 20px;border:2px solid #0cf;border-radius:10px}.admin nav a:hover{background:#0af}.contact-container{max-width:600px;margin:0 auto;padding:20px;background-color:#08f;border-radius:10px;box-shadow:0 2px 10px #0000001a}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input,textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc}button{padding:10px 20px;background-color:#007bff;color:#ccc;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#009eb3}.home{height:2000px;display:flex;flex-direction:column;align-items:center}.home h1{padding:20px}.set-product{display:flex;flex-direction:column;align-items:center;gap:10px;height:1000px}.set-product h2{margin-top:20px}.set-product>*{width:80%;text-align:center}.set-product input,.set-product textarea{padding:5px 20px;border-radius:10px}.set-product button{background:#0af;color:#fff;padding:5px 20px;width:80px;border:none}.help-chat{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.write-a-question{display:none;flex-direction:column}.products{height:5000px;display:flex;flex-direction:column;align-items:center;gap:10px}.product-container{border:3px solid #09f;width:90%;height:500px;display:flex;flex-direction:column;padding:10px;border-radius:10px;gap:10px;max-width:700px;background:#09f}.product-container img{width:200px;height:200px;object-fit:cover;border-radius:10px}.product-container>div>*{padding-bottom:10px}.product-container h4{font-size:1.2rem}.products button{margin:10px;background:#07f;padding:5px 20px;border:none;border-radius:10px;color:#fff;font-weight:700}.mail-system{padding:1rem;max-width:1200px;margin:0 auto}.mail-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.mail-header{padding:1rem;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:.5rem}.mail-header h2{margin:0}.mail-content{display:flex;gap:1rem;min-height:600px}.message-list{width:33%;border-right:1px solid #e5e5e5;padding:1rem}.compose-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;margin-bottom:1rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer}.compose-button:hover{background:#2563eb}.message-item{padding:.5rem;border-radius:4px;cursor:pointer;margin-bottom:.5rem}.message-item:hover{background:#f3f4f6}.message-item.selected{background:#e5e7eb}.message-item.unread{font-weight:700}.message-header{display:flex;justify-content:space-between;align-items:center}.delete-icon{color:#9ca3af;cursor:pointer}.delete-icon:hover{color:#ef4444}.from{font-size:.875rem}.subject{font-size:.875rem;margin:.25rem 0}.timestamp{font-size:.75rem;color:#6b7280}.message-detail{width:67%;padding:1rem}.selected-message{display:flex;flex-direction:column;gap:1rem}.sender-info{display:flex;align-items:center;gap:.5rem}.sender-name{font-weight:500}.sender-time{font-size:.875rem;color:#6b7280}.message-subject{font-weight:500}.message-body{color:#374151}.reply-button{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;width:fit-content}.reply-button:hover{background:#2563eb}.no-message{text-align:center;color:#6b7280;padding:2rem}.compose-form{display:flex;flex-direction:column;gap:1rem}.compose-form input,.compose-form textarea{padding:.5rem;border:1px solid #e5e5e5;border-radius:4px}.compose-form textarea{height:200px;resize:vertical}.button-group{display:flex;gap:.5rem}.send-button,.cancel-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.send-button{background:#3b82f6;color:#fff}.send-button:hover{background:#2563eb}.cancel-button{background:#6b7280;color:#fff}.cancel-button:hover{background:#4b5563}.article-preview{margin-top:1rem;border:1px solid #e5e5e5;border-radius:8px}.article-header{padding:1rem;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:.5rem;font-weight:500}.article-content{padding:1rem}.article-content img{width:100%;border-radius:4px;margin-bottom:1rem}.article-info h3{margin:0 0 .5rem;font-size:1.25rem}.price{font-size:1.5rem;font-weight:700;color:#3b82f6;margin:0 0 1rem}.article-details p{margin:0 0 1rem;color:#374151}.article-meta{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.single-product{display:flex;flex-direction:column;align-items:center}.single-product button{margin:10px}.single-product img{width:200px;height:200px;object-fit:cover;border-radius:20px}.single-product>div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px 10px}.single-product-comment{display:flex;flex-direction:column;border:1px solid #999;padding:10px;border-radius:10px}.single-product-comment span{padding:5px}.single-product-comment span:first-child{text-decoration:underline}.profile{display:flex;flex-direction:column;align-items:center;padding:20px;gap:10px}.profile button{background:#0bf;color:#fff;font-weight:700}.profile button:first-child{background:#f30}.see-my-products{display:flex;flex-direction:column;align-items:center;gap:10px}.see-my-product-container{border:3px solid #09f;width:90%;height:500px;display:flex;flex-direction:column;padding:10px;border-radius:10px;gap:10px;max-width:700px;background:#09f}.see-my-product-container img{width:200px;height:200px;object-fit:cover;border-radius:10px}.see-my-product-container>div>*{padding-bottom:10px}.see-my-product-container h4{font-size:1.2rem}.see-my-products button{margin:10px;background:#07f;padding:5px 20px;border:none;border-radius:10px;color:#fff;font-weight:700}:root,*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}body{font-family:sans-serif;font-weight:700}