*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:sans-serif}a{text-decoration:none}li{list-style:none}main{text-align:center}input{outline:none}.title.main{font-size:4.8rem;color:#09090b;margin:40px 0 20px}.title.subtitle{color:#71717a;font-size:1.8rem}.title.product-category{font-size:1.2rem;color:#71717a}.text{font-size:1.4rem;color:#71717a}.text.topic{font-size:1.2rem;font-weight:600}.price{font-size:2.4rem;color:#7c3bed}header{border-bottom:1px solid #e3e1e1;display:flex;align-items:center;padding:15px 80px;gap:60px}header .header-icons .icon:first-of-type{margin-right:15px}header .header-icons .icon:first-of-type:hover{cursor:pointer;color:#7c3bed}.icon{color:#0a0a0a}.icon.side{color:#71717a}.icon.big{font-size:2.4rem}.icon.normal{font-size:2rem}.btn{outline:none;border:none;display:flex;font-size:1.4rem;color:#131316;cursor:pointer;transition:.3s;gap:8px}.btn.sidebar{width:100%;padding:12px 16px;background-color:transparent;border-radius:4px;align-items:center;font-size:1.4rem}.btn.sidebar:hover{background-color:#e3e1e1;color:#7c3bed}.btn.sidebar:hover .icon{color:#7c3bed}.sidebar-container{width:300px;min-height:100vh;padding:30px 10px;border-right:1px solid #e3e1e1}.sidebar-container .box{margin-bottom:30px}.sidebar-container .sidebar-title{font-size:1.6rem;font-weight:600;margin-bottom:15px;color:#686868}.sidebar-container.hidden{width:40px;overflow:hidden;position:relative;transition:.3s all ease-in-out}.sidebar-container.hidden h2{visibility:hidden;display:none}.sidebar-container.hidden button{color:transparent}.sidebar-container.hidden button:hover{background:transparent;cursor:pointer;color:transparent}.sidebar-container.hidden .icon{position:absolute;transform:translate(-17px)}.sidebar-container.hidden .box:first-of-type{margin-top:25px}.home-container{display:flex}.home-container .content-container{width:100%}.home-container .content-container .content{padding:20px 80px}.home-container .content-container .content .search-container{margin:20px auto 30px;position:relative;width:100%;max-width:500px}.home-container .content-container .content .search-container .search-icon{position:absolute;top:38px;left:10px}.home-container .content-container .content .search-container input{margin:30px 0;width:100%;max-width:500px;height:40px;border-radius:8px;padding-left:40px}.home-container .content-container .content .container-products .title{font-size:2.2rem;font-weight:600;margin-bottom:15px;color:#09090b;text-align:left}.home-container .content-container .content .container-products .products{margin-top:40px;display:flex;flex-wrap:wrap;gap:30px}.home-container .content-container .content .container-products .products .card{border:1px solid #e3e1e1;border-radius:8px;width:320px;height:500px;padding:15px}.home-container .content-container .content .container-products .products .card .card-image{width:100%;max-width:300px;height:300px;position:relative}.home-container .content-container .content .container-products .products .card .card-image img{width:100%;height:100%;object-fit:contain}.home-container .content-container .content .container-products .products .card .card-image .product-tag{position:absolute;top:10px;background-color:#7c3bed;padding:5px;color:#fff;font-weight:600;font-size:1.4rem;border-radius:5px}.home-container .content-container .content .container-products .products .card .product-name{height:90px;font-size:1.8rem;margin:5px 0 10px;color:#09090b;text-align:left}.home-container .content-container .content .container-products .products .card .card-bottom{display:flex;height:50px;justify-content:space-between}.home-container .content-container .content .container-products .products .card .card-bottom-left{text-align:left}.home-container .content-container .content .container-products .products .card .card-bottom-left .product-price{font-size:2rem;font-weight:600;color:#7c3bed}.home-container .content-container .content .container-products .products .card .card-bottom-left .product-price-card{font-size:1.6rem;color:#71717a;margin:5px 0}.home-container .content-container .content .container-products .products .card .card-bottom .btn.buy{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50px;background-color:#7c3bed;cursor:pointer}.home-container .content-container .content .container-products .products .card .card-bottom .btn.buy:hover{background-color:#5811d4}.home-container .content-container .content .container-products .products .card .card-bottom .btn.buy .icon{color:#fff;font-size:2.4rem;transform:translate(-2px)}.admin-container{text-align:center;padding:20px 0}.admin-container h1{font-size:2.6rem;color:#7c3bed;margin:40px 0 20px}.admin-container h2{font-size:1.8rem;margin-bottom:40px}.admin-container form{width:100%;max-width:400px;border:1px solid #ccc;padding:20px;margin:0 auto;border-radius:8px;box-shadow:0 2px 5px #0000001a}.admin-container form .box label{display:block;margin-bottom:8px;font-size:1.4rem;font-weight:700;text-align:left}.admin-container form .box input{width:100%;padding:10px;margin-bottom:15px;border:1px solid rgb(88,17,212);border-radius:4px;box-sizing:border-box;font-size:1.4rem}.admin-container form .box input:focus{outline:none;border-color:#7c3bed;background-color:#faf0ff}.admin-container form .btn.login{display:block;width:100%;height:40px;background-color:#7c3bed;color:#fff;border:none;border-radius:4px;font-size:1.6rem;cursor:pointer;margin-top:10px}.admin-container form .btn.login:hover{background-color:#5811d4}.dashboard-container{position:relative}.dashboard-container h1{text-align:center;font-size:2.8rem;color:#7c3bed;margin:40px 0 20px}.dashboard-container h2{text-align:center;font-size:1.8rem}.dashboard-container form{width:100%;max-width:400px;margin:40px auto 0}.dashboard-container form h3{text-align:center;font-size:1.4rem;font-weight:400;margin-bottom:20px}.dashboard-container form .box label{display:block;margin-bottom:10px;font-size:1.6rem;font-weight:700}.dashboard-container form .box input,.dashboard-container form .box select{width:100%;height:40px;margin-bottom:20px;border:1px solid rgb(124,59,237);border-radius:8px;font-size:1.6rem;padding-left:5px}.dashboard-container form .box input[type=file]{width:91px;padding:0;display:block;margin:20px auto;height:auto;border:none;color:#fff;border-radius:0;font-size:1.4rem}.dashboard-container form .box img{width:300px;height:auto;display:block;margin:0 auto 20px}.dashboard-container form .btn.product-submit{display:block;width:100%;height:45px;border-radius:8px;background-color:#7c3bed;color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-top:40px}.dashboard-container form .btn.product-submit:hover{background-color:#5811d4}.dashboard-container .products-container{width:100%;max-width:1200px;text-align:center;margin:40px auto;padding:40px 0;border-top:1px solid #e3e1e1}.dashboard-container .products-container h2{margin-bottom:40px;font-size:2.4rem;color:#7c3bed}.dashboard-container .products-container .box{width:100%;max-width:400px;margin:0 auto 30px;text-align:left;position:relative}.dashboard-container .products-container .box label{display:block;margin-bottom:10px;font-size:1.6rem;font-weight:700}.dashboard-container .products-container .box .search-icon{position:absolute;top:8px;left:8px;color:#7c3bed}.dashboard-container .products-container .box input{width:100%;height:40px;margin-bottom:10px;border:1px solid rgb(124,59,237);border-radius:8px;font-size:1.6rem;padding-left:40px}.dashboard-container .products-container .box input:focus{outline:none;box-shadow:0 0 5px #7c3bed}.dashboard-container .products-container .products{display:flex;flex-wrap:wrap;gap:20px}.dashboard-container .products-container .products .card{border:1px solid #e3e1e1;border-radius:8px;width:320px;height:500px;padding:15px}.dashboard-container .products-container .products .card .card-image{width:100%;max-width:300px;height:300px;position:relative}.dashboard-container .products-container .products .card .card-image img{width:100%;height:100%;object-fit:contain}.dashboard-container .products-container .products .card .card-image .product-tag{position:absolute;top:10px;background-color:#7c3bed;padding:5px;color:#fff;font-weight:600;font-size:1.4rem;border-radius:5px}.dashboard-container .products-container .products .card .product-name{display:block;height:100px;font-size:1.8rem;margin:5px 0 10px;color:#09090b;text-align:left}.dashboard-container .products-container .products .card .card-bottom{display:flex;justify-content:space-between}.dashboard-container .products-container .products .card .card-bottom-left{text-align:left}.dashboard-container .products-container .products .card .card-bottom-left .product-price{font-size:2rem;font-weight:600;color:#7c3bed}.dashboard-container .products-container .products .card .card-bottom-left .product-price-card{font-size:1.6rem;color:#71717a;margin:5px 0}.dashboard-container .products-container .products .card .card-bottom .btn.delete{display:block;width:80px;height:40px;border-radius:8px;background-color:#e54f4f;color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:1px}.dashboard-container .btn.logout,.dashboard-container .btn.top{display:block;position:absolute;background-color:#7c3bed;color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:1px;text-align:center;height:40px}.dashboard-container .btn.logout:hover,.dashboard-container .btn.top:hover{background-color:#5811d4}.dashboard-container .btn.logout{right:30px;width:100px;top:0;border-radius:8px}.dashboard-container .btn.top{position:absolute;width:60px;border-radius:8px;right:30px;bottom:0}.dashboard-container .btn.top .icon{color:#fff}