@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap";*{margin:0;padding:0;box-sizing:border-box;transition:all .4s ease;outline:none;-webkit-tap-highlight-color:transparent;font-family:Josefin Sans,sans-serif;scroll-behavior:smooth}a{display:inline-block;text-decoration:none}ul{display:flex;gap:25px;list-style:none}.container{position:relative;top:0;left:90px;width:calc(100% - 90px);padding:90px 20px 20px;min-height:100vh}.dark-mode{background:#464545}.dark-mode h2{color:#fff}.dark-mode input{border-color:#fff}.container.active{left:300px;width:calc(100% - 300px)}img{object-fit:cover}canvas{width:100%!important;height:100%!important;display:inline-block!important;color:#000}form{padding:20px;border-radius:20px;background-color:#dad6d6}input{padding:8px;font-size:17px;border-radius:10px;border:1px solid white;background-color:transparent}input::placeholder{color:#000}input:focus{background-color:#15644b33}@media screen and (max-width:700px){.container,.container.active{width:100%;left:0}}.side-menu{position:fixed;top:0;left:0;padding:20px;background-color:#15644b;height:100vh;width:90px;z-index:4}.side-menu.active{width:300px}.side-menu h2{text-align:center;font-size:30px;margin-bottom:30px;text-transform:capitalize;display:none}.side-menu h2.active{display:block}.side-menu ul{flex-direction:column}.side-menu ul li a{display:flex}.side-menu ul li a div,.side-menu ul li div{width:100%;display:flex;align-items:center;gap:35px;padding:15px;font-size:20px;border-radius:20px;overflow:hidden;color:#000}.side-menu div:hover{background-color:#39bf9533}.log-out:hover{color:red}.back{position:absolute;top:30px;left:30px;font-size:20px;display:none}@media screen and (max-width:700px){.side-menu{width:100%;left:-100%}.side-menu.active{left:0;width:100%}.back{display:block}}.header{width:calc(100% - 90px);display:flex;align-items:center;justify-content:space-between;background-color:#dad6d6;padding:20px 30px;font-size:25px;position:fixed;top:0;z-index:3;left:90px}.header.active{width:calc(100% - 300px);left:300px}.header ul{align-items:center}.admin{display:flex;align-items:center;gap:10px}.admin h3{font-size:20px}.admin img{width:35px;height:35px;object-fit:cover;border-radius:50%}@media screen and (max-width:700px){.header,.header.header.active{width:100%;left:0}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.card{padding:20px;background-color:#15644bb0;border-radius:20px;display:flex;align-items:center;justify-content:space-between}.card h2{margin-top:10px;font-size:25px}.card i{font-size:50px;color:#0c3e2e;font-weight:800}.charts-row{display:grid;grid-template-columns:60% 1fr;gap:25px;margin-top:25px}.charts-row:last-child{grid-template-columns:repeat(1,1fr)}.chart{padding:20px;border-radius:20px;background-color:#15644bb0}.chart h3{margin-bottom:15px}@media screen and (max-width:700px){.charts-row,.charts-row:last-child{grid-template-columns:1fr}}.login{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#15644bcc}.login form{width:700px;gap:10px;display:flex;flex-direction:column;gap:15px}.login form h3{text-align:center;font-size:30px;margin-bottom:20px;color:#15644bb0}.login form input{width:100%}form .inp,.login form .file{display:none}form .inp.active{display:block}form .file.active{display:flex}.pass{position:relative}.pass i{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:17px}form a{text-align:center;padding:10px;font-size:20px;color:#000c;border:1px solid rgba(21,100,75,.69);border-radius:15px;width:100%}form a:hover{background-color:#15644b}.other{display:flex;align-items:center;justify-content:space-between;width:100%}.other a{font-size:16px;color:#000;padding:0;width:fit-content;border:0}.other a:hover{background-color:transparent;text-decoration:underline}.file{align-items:center;display:flex;gap:5px}.file input{border:none}.file i{font-size:25px;color:#15644bb0}@media screen and (max-width:768px){.login form{width:90%}}.container form{width:100%;margin-top:20px;display:none;grid-template-columns:repeat(2,1fr);gap:15px}.container form.active{display:grid}.container form .check{display:flex;align-items:center;gap:5px}.container form a,.container form .file{grid-column:span 2}.pros-wrrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;margin-top:25px}.pro{background-color:#dad6d6;padding:15px;border-radius:20px;position:relative}.pro .pro-img{margin-bottom:15px;height:280px;border-radius:20px;overflow:hidden}.pro .pro-img img{width:100%;height:100%}.pro h3{margin-bottom:5px}.pro span.bestSeller{position:absolute;top:15px;left:15px;z-index:1;font-size:20px;padding:10px 15px;background-color:#15644bb0;border-radius:20px}.pro a{margin-top:10px;background-color:#15644bb0;width:100%;color:#000;justify-content:center;gap:10px;padding:10px;align-items:center;display:flex;border-radius:20px}.pro a:hover{background-color:#15644b80}.add{margin-top:25px;width:100%;display:flex;justify-content:center}.add a{padding:10px 35px;background-color:#15644bb0;border-radius:20px;color:#000;display:flex;align-items:center;gap:5px;width:fit-content}.add a:hover,.container form a:hover{background-color:#15644b80}@media screen and (max-width:768px){.container form{grid-template-columns:1fr}.container form a,.container form .file{grid-column:span 1}}.setting-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:750px;background-color:#dad6d6;border-radius:20px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:90%;align-items:center}.setting-box .img-box{display:flex;flex-direction:column;align-items:center}.setting-box .inputs-box input{width:100%;margin-bottom:15px;border-radius:25px}.setting-box .img-box img{width:200px;border-radius:50%;height:200px;margin-bottom:15px}.setting-box .img-box input{width:100%}.setting-box a{grid-column:span 2;background-color:#15644bb0;text-align:center;padding:10px;border-radius:20px;color:#000}.setting-box a:hover{background-color:#15644b66}.setting-box .out:hover{color:red}@media screen and (max-width:768px){.setting-box{grid-template-columns:1fr;margin-top:35px}.img-box{grid-area:1/1}.setting-box a{grid-column:span 1}}.head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.head h2{font-size:25px;text-transform:capitalize}.head input{padding:8px;width:400px;font-size:17px;border-radius:20px;color:#000;background-color:transparent;border:1px solid rgba(21,100,75,.69)}.head input::placeholder{color:#000}.head input:focus{background-color:#15644b33}.users{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:25px}.user{display:flex;flex-wrap:wrap;gap:15px;background-color:#15644b33;border-radius:30px;align-items:center;justify-content:space-between;padding:20px;font-size:20px}.user .user-img{width:80px;height:80px}.user .user-img img{width:100%;height:100%;border-radius:50%}.user i{font-size:20px}.user i:hover{color:red}.status{padding:10px;border-radius:20px;font-size:17px}.done{background-color:#15644bb0}.canceled{background-color:red}.no{text-align:center;font-size:30px;color:#000}@media screen and (max-width:700px){.head{flex-direction:column;align-items:flex-start}.head input{width:100%}}