body{background:#f4f6f8;margin:0;font-family:Segoe UI,sans-serif}.navbar{color:#fff;background:linear-gradient(90deg,#111,#333);justify-content:space-between;align-items:center;padding:18px 50px;display:flex}.navbar h2{margin:0}.navbar a{color:#fff;margin-left:20px;font-weight:500;text-decoration:none;transition:all .3s}.navbar a:hover{color:#ff6b00}.search-box{align-items:center;gap:15px;padding:20px 50px;display:flex}.search-box input{border:1px solid #ccc;border-radius:8px;outline:none;width:350px;padding:12px}.search-box select{border:1px solid #ccc;border-radius:8px;padding:12px}.container{padding:20px 50px;display:flex}.sidebar{background:#fff;border-radius:12px;width:240px;padding:20px;box-shadow:0 4px 12px #00000014}.sidebar h3{margin-top:0}.sidebar label{margin-top:10px;font-weight:500;display:block}.sidebar select,.sidebar input{border:1px solid #ccc;border-radius:6px;width:100%;margin-top:5px;padding:8px}.sidebar button{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:6px;width:100%;margin-top:15px;padding:10px}.grid{flex:1;grid-template-columns:repeat(3,1fr);gap:25px;padding-left:25px;display:grid}.card{background:#fff;border-radius:14px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 6px 18px #0000001a}.card:hover{transform:translateY(-8px);box-shadow:0 12px 25px #0003}.card img{object-fit:cover;width:100%;height:200px}.card-content{padding:15px}.card h3{margin:0;font-size:18px}.price{color:#ff6b00;margin:8px 0;font-size:20px;font-weight:700}.details{color:#666;margin:5px 0;font-size:13px}.card-content button{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px;transition:all .3s}.card-content button:hover{background:#e65c00}.wishlist-btn{cursor:pointer;z-index:10;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 3px 10px #0003}.wishlist-btn:hover{transform:scale(1.1)}.badge{color:#fff;background:green;border-radius:5px;padding:5px 10px;font-size:12px;position:absolute;top:10px;left:10px}.details-page{padding:30px 50px}.details-container{background:#fff;border-radius:14px;align-items:center;gap:40px;margin-bottom:40px;padding:25px;display:flex;box-shadow:0 6px 20px #0000001a}.details-image-box{flex:1;justify-content:center;display:flex}.details-img{object-fit:cover;border-radius:10px;width:100%;max-width:500px;height:300px;transition:all .3s}.details-img:hover{transform:scale(1.03)}.details-info{flex:1}.details-grid{margin-top:15px}.details-grid p{margin:8px 0;font-size:15px}.contact-btn{color:#fff;cursor:pointer;background:green;border:none;border-radius:6px;margin-top:20px;padding:12px 18px;font-weight:500}.similar-section h3{margin-bottom:20px}.footer{text-align:center;color:#fff;background:#111;margin-top:30px;padding:20px}@media (max-width:900px){.grid{grid-template-columns:1fr}.container{flex-direction:column}.sidebar{width:100%;margin-bottom:20px}.search-box{flex-direction:column;align-items:flex-start}.search-box input{width:100%}.details-container{flex-direction:column}.details-img{width:100%;height:250px}}.login-page{background:linear-gradient(135deg,#111,#333);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{text-align:center;background:#fff;border-radius:12px;width:320px;padding:40px;box-shadow:0 8px 25px #0000004d}.login-box h2{margin-bottom:5px}.login-box p{color:#666;margin-bottom:20px}.login-box input{border:1px solid #ccc;border-radius:6px;outline:none;width:100%;margin-bottom:12px;padding:12px}.login-box button{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:6px;width:100%;padding:12px;font-weight:700;transition:all .3s}.login-box button:hover{background:#e65c00}.hint{color:gray;margin-top:15px;font-size:12px}body{margin:0;padding:0}.dashboard{width:100%;min-height:100vh;display:flex}.back-btn{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:6px;margin-bottom:15px;padding:8px 15px}.sidebar-dash{color:#fff;background:linear-gradient(#1e1e2f,#111);width:220px;min-width:220px;height:100vh;padding:20px;position:sticky;top:0}.sidebar-dash h2{margin-bottom:30px}.sidebar-dash ul{margin:0;padding:0;list-style:none}.sidebar-dash li{border-radius:6px;margin:12px 0;padding:10px;transition:all .3s}.sidebar-dash a{color:#fff;text-decoration:none;display:block}.sidebar-dash li:hover{background:#ffffff1a}.sidebar-dash li:hover a{color:#ff6b00}.dashboard-content{background:#f4f6f8;flex:1;padding:30px 40px}.stats{gap:20px;margin-top:20px;display:flex}.stat-card{color:#fff;border-radius:12px;flex:1;padding:20px;font-weight:700;transition:all .3s}.stat-card:hover{transform:translateY(-5px)}.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.orange{background:linear-gradient(135deg,#ff6b00,#ff9a00)}.green{background:linear-gradient(135deg,#00c853,#69f0ae)}.chart{background:#fff;border-radius:12px;margin-top:40px;padding:20px}.bars{align-items:flex-end;gap:15px;height:150px;margin-top:20px;display:flex}.bars div{color:#fff;background:#ff6b00;border-radius:6px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:5px;transition:all .3s;display:flex}.bars div:hover{background:#e65c00}.recent{margin-top:40px}table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}th,td{padding:12px}th{color:#fff;background:#111}tr:nth-child(2n){background:#f9f9f9}@media (max-width:900px){.dashboard{flex-direction:column}.sidebar-dash{width:100%;height:auto}.stats{flex-direction:column}}