*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.image-upload{background-color:#fff;border-radius:20px;flex-direction:column;justify-content:space-around;align-items:center;gap:20px;width:40%;min-width:450px;max-width:100rem;margin:30px auto;padding:40px 0;display:flex;box-shadow:5px 5px 25px #a48bff31}.image-upload .spinner{justify-content:center;align-items:center;height:20vh;display:flex}.image-map{background-color:#a48bff11;align-items:center;gap:6px;width:70%;height:280px;margin-top:0;padding:20px 10px;display:flex;overflow-y:hidden}.image-map::-webkit-scrollbar{height:5px}.image-map::-webkit-scrollbar-thumb{background-color:#855db9;border-radius:10px}.image-map::-webkit-scrollbar-track{background-color:#2a2130}.image-map button{margin:auto}table{width:60%;margin:auto auto 50px;position:relative}th{color:#fff;background-image:linear-gradient(40deg,#a48bff,#7c5af5);padding:10px 20px}td{border:1px solid #a48bff;padding:10px 20px}.image-upload h1{color:#7c5af5}.image-upload p{text-align:center;color:#b7b7b7;padding:10px}.image-upload .icon{width:150px}.image-upload .bills-img{border-radius:20px;max-width:250px;max-height:250px;margin:0 auto}.btns{gap:10px;display:flex}.btns-2{border:none;gap:15px;padding:0}.btns-3{gap:10px;display:flex}.btns-2 button{color:#fff;background-image:linear-gradient(40deg,#a48bff,#7c5af5);border:none;border-radius:10px;width:200px;padding:10px 25px;font-size:18px;font-weight:600;right:10px;box-shadow:5px 10px 15px #a48bff6f}.delete-btn{color:#fff;background-image:linear-gradient(40deg,#a48bff,#7c5af5);border:none;border-radius:10px;width:200px;margin:auto 30px auto auto;padding:10px 25px;font-size:18px;font-weight:600;position:relative;box-shadow:5px 10px 15px #a48bff6f}.btns button:first-child{color:#fff;background-image:linear-gradient(40deg,#a48bff,#7c5af5);padding:10px 25px;font-size:18px;font-weight:600}.btns button:nth-child(2){color:#fff;background-color:#f24286;background-image:linear-gradient(40deg,#f24286,#973158);padding:10px 25px;font-size:18px;font-weight:600}.image-map button{color:#7c5af5;background-color:#fffaf000;border:none;gap:0;height:fit-content;display:grid}.image-map button:active{transition:all .3s ease-in;transform:scale(.7)}.image-map i{color:#7c5af5fe;background-color:#7c5af550;border-radius:10px;place-content:center;width:30px;height:30px;font-size:20px;position:absolute;top:5px;left:5px}picture{width:fit-content;margin:auto;position:relative}.btns button{border:none;border-radius:10px;align-items:center;gap:5px;display:flex}.btns button:active,.btns-3 button:active{transition:all .5s ease-in;transform:scale(.91)}.btns i{font-size:20px}.table-data{width:100%;height:50vh;margin-bottom:30px;overflow-x:scroll}@media screen and (max-width:700px){.image-upload{width:100%;min-width:auto}}.table-two-row{background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:100vh;padding:10px 20px;display:flex}.table-two{flex-direction:column;gap:10px;margin:10px auto;display:flex}.home-main{background-color:#eee;align-items:center;gap:20px;width:100%;max-width:100rem;display:flex}.data-pages{background-color:#fff;width:100%;height:90vh;margin-top:10vh;padding:10px;display:grid;overflow:scroll}.data-pages::-webkit-scrollbar{width:10px;height:10px}.data-pages::-webkit-scrollbar-thumb{background-color:#725b98;border-radius:20px}.data-pages::-webkit-scrollbar-corner{background-color:#242525}.data-pages::-webkit-scrollbar-track-piece{background-color:#171717}@media screen and (max-width:700px){.home-main{flex-direction:column;gap:0}.data-pages{margin-top:10px}.data-pages::-webkit-scrollbar{display:none}}.side-bar-main{background-color:#fff;flex-direction:column;align-items:center;width:40vh;max-width:40rem;height:100vh;padding:20px 0;display:flex;overflow-y:scroll}.side-bar-main img{width:200px}.side-bar-main p{color:#000;background-color:#ededed;border-radius:10px;padding:10px;transition:all .2s linear}.side-bar-main p:hover{color:#fff;background-image:linear-gradient(40deg,#a48bff,#7c5af5);margin:3px 0 3px 10px;padding:10px 20px;transition:all .2s linear;box-shadow:5px 5px 10px #9d8fee3b}.side-bar-main h4{color:#8369cc;border-bottom:2px solid #9f73d4;justify-content:space-between;align-items:center;width:90%;margin-top:50px;padding:0 0 0 10px;display:flex}.side-bar-main .side-btn{color:#8369cc;background-color:#ededed00;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:25px;font-weight:600;display:flex}.side-list{flex-direction:column;gap:10px;width:90%;padding:20px 0;display:flex}@media screen and (max-width:700px){.side-list{flex-direction:row;width:90%;overflow-x:scroll}.side-list p{flex-shrink:0}.side-bar-main{width:100vw;height:auto}}.custom-btn{background-color:#a68ef5;border:none;padding:5px 20px;font-size:16px}.custom-inp{background-color:#fff;border:none;width:300px;padding:6px 20px}.addnew-item-main{background-color:#a48bff47;border-radius:15px;align-items:center;gap:5px;width:fit-content;height:fit-content;margin:50px;padding:40px 20px;display:flex}.addnew-item-main input,.addnew-item-main button{border-radius:10px;height:40px;box-shadow:0 5px 10px #a980db28}.addnew-item-main button{color:#fff;background-image:linear-gradient(40deg,#a48bff,#7c5af5)}@media screen and (max-width:700px){.addnew-item-main{flex-direction:column;margin:10px auto}.addnew-item-main button{width:100%;margin-top:20px}}