.header1{height:2.2rem;margin-block:1.1rem}html,body{height:100%;width:100%}.main1{display:flex;flex-direction:column;gap:3%;width:100%;height:inherit;padding-inline:1rem;font-family:Avenir Next}.section1{display:flex;flex-direction:column;gap:1rem}.section1 .login-img{width:100%;aspect-ratio:2/1;background-size:100% 100%}.section1 img{width:100%;min-height:100%;display:block;object-fit:fill}.form1{display:flex;flex-direction:column;width:100%;margin-bottom:1.5rem}.form1 h2{font-size:2.2rem;margin-bottom:.5rem;color:#213f7d}.form1 p{margin-bottom:1rem}.form1 input,.form1 span{outline:none;height:2.5rem;width:100%;border:1px solid rgba(84,95,125,.1);border-radius:.5rem;margin-bottom:1rem;padding:.5rem;padding-inline:1rem}.form1 span{padding:0;color:#39cdcc}.form1 span input{border:none;width:85%;height:100%;margin-right:2%}.form1 span button{all:unset;width:10%;text-align:center;border:none;outline:none}.form1 small{margin-bottom:1.3rem;color:#39cdcc}.form1 button[type=submit]{background:rgb(57,205,204);outline:none;border:none;border-radius:.5rem;height:3rem;padding:.8rem;color:#fff}@media (min-width: 760px){.main1{padding:1.5rem}.header1{margin-top:2rem}.section1{flex-direction:row;margin-top:4rem;width:100%;justify-content:center;gap:1.3rem}.section1 .login-img{width:45%}.form1 input,.form1 span{margin-bottom:1.5rem}.form1 span input{width:82%}.form1 button[type=submit]{margin-top:1.8rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Avenir Next;cursor:default}a{all:unset}header{width:100%;height:4rem;position:sticky;top:0;z-index:9999;backdrop-filter:blur(12px)}header nav{display:flex;width:100%;padding:1rem;height:100%}header .logo-search{display:flex;justify-content:space-between;width:100%}header .logo-search .logo{display:block;height:2rem;width:8.5rem;background:url(/img/logo.svg);background-size:100% 100%;background-repeat:no-repeat}header .logo-search .menu{height:2rem;width:2rem;border-radius:.5rem;background:linear-gradient(#213F7D,rgb(57,205,204),rgb(84,95,125))}header .profile,header .search{display:none}@media (min-width: 1060px){header,header nav,header .logo-search{all:unset}header{margin-top:-1.2rem}header .profile,header .search{display:flex}header nav{display:flex;justify-content:space-between;height:3.5rem;width:100%;padding-block:1rem;color:#545f7d}header nav .profile{display:flex;justify-content:flex-end;align-items:center;grid-gap:.7rem;height:3.5rem;width:30%;padding-inline:1rem}header nav .profile .user{display:flex;gap:.7rem}header nav .profile .bell{height:1.8rem;aspect-ratio:1;border-radius:0}header nav .profile small{font-weight:700;color:var(--blue);letter-spacing:.02rem;text-decoration:underline}header nav .profile .name small{text-decoration:none}header nav .profile .user img{height:2rem;aspect-ratio:1;border-radius:50%}header nav .profile .user>div{display:flex;align-items:center;gap:.5rem}header nav .profile .user>div img{height:1rem}header .logo-search{display:flex;align-items:center;height:2.5rem;justify-content:space-between;width:50%;padding-inline:1rem}header .logo-search .menu{display:none}header .logo-search .search{width:60%;height:2rem}header .logo-search .search input{width:70%;border:none;outline:none;padding-left:.7rem;border:1px solid rgb(84,95,125);border-right:rgb(228,3,59);border-radius:.5rem 0 0 .5rem}header .logo-search .search button{width:30%;outline:none;border:none;background:rgb(57,205,204);border-radius:0 .5rem .5rem 0}}section{display:flex;width:100%}section nav::-webkit-scrollbar{background:transparent}section nav::-webkit-scrollbar-thumb{background:#213F7D;border-radius:8rem}section nav{width:21rem;position:fixed;top:4rem;max-height:calc(100% - 4rem);overflow:hidden;overflow-y:scroll;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);Z-index:999}section nav[data-open=false]{display:none}section nav ul{display:flex;flex-direction:column;gap:1rem;width:100%;padding-top:1rem}section nav ul h4{padding-left:2rem}section nav ul .active{border-left:4px solid rgb(57,205,204);background-color:#39cdcc1a}section nav ul li{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;height:2rem;cursor:grab}section nav ul li:hover{border-left:4px solid rgb(57,205,204);background-color:#39cdcc1a}section nav ul li figure{height:1.2rem;width:1.2rem;margin-left:3rem}section nav ul li figure img{height:100%;width:100%}section nav ul li .fig-cap{font-weight:500}section nav ul .buttom{border-top:1px solid var(--blue);padding-top:1rem;margin-block:1rem}section nav ul .buttom h3{margin-bottom:1.5rem;font-size:1rem;padding-left:1.2rem;font-weight:600}section nav ul .li-1{margin-top:.5rem;margin-bottom:1rem}section nav ul .w{font-weight:600}@media screen and (max-width: 600px){section nav{width:82%}}@media (min-width: 1060px){section nav{width:16.5rem;background:transparent;position:relative;top:auto}section nav[data-open=false]{display:flex}}section article{min-height:200vh;width:100%;background:rgba(0,0,0,.1);padding:1rem}section article img{all:unset}section article h2{margin-top:1.7rem;color:#213f7d;font-size:2rem}section article .users-info{display:grid;grid-template-columns:repeat(4,15rem);gap:1.3rem;max-width:100%;overflow-x:scroll;margin-top:1.5rem}section article .users-info::-webkit-scrollbar{visibility:hidden}section article .users-info>div{height:10.2rem;padding:.8rem;white-space:nowrap;padding-inline:1.5rem;background:white}section article .users-info>div h3{margin-top:1rem;font-size:1.2rem;text-transform:uppercase}section article .users-info>div h2{margin-block:.8rem;font-size:1.8rem}section article .users-info>div .savings{width:15.2rem}section article .users-info>div figure,section article .users-info .users-info>div figure img{height:2rem;width:2rem}section article .table-sec{position:relative}section article .table{overflow-x:scroll;min-width:100%;max-height:38rem;overflow-y:visible;margin-top:3rem;background:white}section article .table table{width:100%}section article tr{gap:0rem}section article th{padding:1rem;min-width:9rem;white-space:nowrap;font-size:1rem}section article th div{display:flex;gap:.9rem;justify-content:center}section article th img{margin-left:.8rem;all:unset}section article td{text-align:center;white-space:nowrap;font-size:1rem;padding-block:.8rem;padding-inline:1rem}section article .status-c{display:flex;align-items:center;justify-content:center;gap:.8rem;width:8.5rem;height:2rem}section article .status{display:flex;align-items:center;justify-content:center;width:70%;font-weight:500;height:2rem;color:#545f7d;background:rgba(84,95,125,.1);border-radius:1rem}section article .g{color:#39cd62;background:rgba(57,205,98,.1)}section article .r{width:70%;color:#e4033b;background:rgba(228,3,59,.2)}section article .y{color:#e9b200;background:rgba(233,178,0,.1)}section article .filter{position:absolute;display:block;flex-direction:column;top:3rem;left:1rem;background:white;padding:.5rem;padding-inline:.8rem;width:15rem}section article .filter[data-open=false]{display:none}section article .filter input,section article .filter select{outline:none;height:2rem;width:100%;border:1px solid rgb(84,95,125);margin-top:.6rem;margin-bottom:1rem;color:#545f7d;border-radius:.3rem;padding:.5rem}section article .filter .buttons{display:flex;width:100%;margin-top:1.2rem;justify-content:center;gap:2rem;border-radius:.6rem}section article .buttons>button{height:2.5rem;width:5rem;outline:none;border:none;border-radius:.5rem;background:lavender}section article .buttons button:nth-child(1){border:1px solid rgb(84,95,125);background:transparent}section article .buttons button:nth-child(2){background:rgb(57,205,204);color:#fff}section article .modal{display:flex;flex-direction:column;position:absolute;left:80%;top:100px;gap:.7rem;width:10rem;padding:1rem;background:white;border:1px solid rgba(84,95,125,.1);box-shadow:3px 5px 20px #0000000a;border-radius:4px}section article .modal[data-open=false]{display:none}section article .modal>.m-content{display:flex;gap:.7rem}section article .paginate{margin-top:1rem;display:flex;flex-direction:row;width:100%;justify-content:space-between}section article .show select{margin-inline:.5rem;width:3rem;background:rgba(33,63,125,.1);font-weight:600;height:1.5rem;border:none;border-radius:.2rem;color:#213f7d}section article .paginator{margin-top:0rem;display:flex;align-items:center;justify-content:flex-end;gap:1rem;width:70%;height:2rem}section article .paginator .p-btn{background:rgba(33,63,125,.1)}section article .paginator li{list-style:none}section article .paginator .prev,section article .paginator .next,section article .paginator .p-btn{display:grid;place-content:center;height:1.5rem;color:#213f7d;font-weight:800;border-radius:4px;width:3rem;height:2rem}section article .paginator .pages{display:flex;justify-content:space-between;margin-block:0rem;list-style-type:none;justify-content:center;align-items:center}section article .paginator .active{color:#213f7d;font-weight:800}@media screen and (max-width: 600px){section article .paginate{flex-direction:column;gap:1.2rem;justify-content:center}section article .paginator{width:100%;justify-content:center}}@media (min-width: 1060px){section{margin-top:-1.2rem}section article{width:calc(100% - 16.5rem);padding-left:1.5rem;margin-top:.5rem}section article h2{margin-top:0}section article .users-info{grid-template-columns:repeat(4,13rem);padding-left:1rem}section article .users-info>div{height:8rem}section article .users-info>div h3{font-size:.65rem}section article .users-info>div h2{font-size:1.2rem}section article .users-info>div .savings{width:10rem}section article th{padding-inline:.8rem}section article th img{margin-left:.5rem}section article td{padding-inline:.8rem}}main{background:white;color:#545f7d;padding:0}.message{background:rgba(255,255,255,.5);position:fixed;bottom:0;height:4rem;display:flex;justify-content:space-between;align-items:center;width:98%;left:1%;z-index:99999999;color:#545f7d;transition:.5s ease-in}.message[data-open=false]{display:none;bottom:-4rem}.message span{background:transparent;height:inherit;color:#213f7d;width:90%;font-weight:900;display:grid;place-items:center}.message .s1{margin-left:1.5rem}.message .s2{margin-right:1.5rem;color:#213f7d}.Active{color:#39cdcc}.Blacklist{color:#e4033b}.Pending{color:#e9b200}section .details-art{min-height:100vh;width:100%;background:rgba(0,0,0,.1);padding:1rem;cursor:context-menu}section .details-art h2{margin-top:1.7rem;color:#213f7d;font-size:2rem}section .details-art .pdp a{display:flex;gap:1rem}section .details-art .pdp h4{margin:0}section .details-art .buttons{display:flex;justify-content:space-between;margin-top:1rem}section .details-art .buttons .btn{width:41%;height:3rem;border-radius:.7rem;outline:none;font-weight:700;text-transform:uppercase;background:transparent}section .details-art .buttons .blacklist{border:1px solid rgb(228,3,59);color:#e4033b}section .details-art .buttons .pending{border:1px solid rgb(233,178,0);color:#e9b200}section .details-art .buttons .activate{border:1px solid rgb(57,205,204);color:#39cdcc}section .details-art .buttons .inactivate{border:1px solid rgb(84,95,125);color:#545f7d}section .details-art .details{margin-top:2.3rem;background:white}section .details-art .details h3{color:#545f7d}section .details-art .details .profile-top{display:flex;flex-direction:column;width:100%}section .details-art .details .profile-top small{text-transform:uppercase;font-weight:500}section .details-art .details .profile-top .name{display:flex;align-items:center;gap:1rem;padding:1rem}section .details-art .details .profile-top .name figure{height:5.5rem;aspect-ratio:1;border-radius:50%;overflow:hidden}section .details-art .details .profile-top .name figure img{width:100%;height:100%;border-radius:1rem}section .details-art .details .profile-top .tier{padding:1rem;padding-block:0rem}section .details-art .details .profile-top .tier .stars{display:flex;gap:.5rem}section .details-art .details .profile-top .tier .stars img{height:1.5rem;width:1.5rem}section .details-art .details .profile-top .tier h3{color:#213f7d}section .details-art .details .profile-top .acc{padding:1rem}section .details-art .details .profile-top .acc h2{margin:0}section .details-art .details ul::-webkit-scrollbar{visibility:0;background:transparent}section .details-art .details ul{display:grid;grid-template-columns:repeat(6,8rem);height:2.2rem;overflow-x:overlay;color:#000}section .details-art .details ul .active{color:#39cdcc;border:none;border-bottom:2px solid rgb(57,205,204)}section .details-art .details ul li{display:inline-flex;justify-content:center;align-items:center;overflow:hidden;vertical-align:top;padding:0;height:100%}section .details-art .details ul li:hover{color:#39cdcc;border:none;border-bottom:2px solid rgb(57,205,204)}section .details-art .user-details{background:white;margin-top:2rem;padding:1rem}section .details-art .user-details .h3{margin-top:1rem;margin-bottom:1rem;color:#213f7d;font-size:1rem;font-weight:900}section .details-art .user-details .personal{border-bottom:2px solid rgba(33,63,125,.1)}section .details-art .user-details .last-p{border:none}section .details-art .user-details .p-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.3rem,auto));gap:2rem;word-break:break-all;margin-bottom:2rem}section .details-art .user-details .p-details div>h4{margin-bottom:.5rem;font-size:.8rem;font-weight:300;text-transform:uppercase}section .details-art .user-details .p-details div>h3{font-weight:600;font-size:.9rem;white-space:normal;color:#545f7d}@media screen and (max-width: 600px){section .details-art div>h4{font-size:1rem!important}section .details-art div>h3{font-size:1rem!important}}@media (min-width: 1080px){section .details-art{width:calc(100% - 16.5rem);padding-left:1.5rem}section .details-art .top{display:flex;align-items:center;justify-content:space-between;width:95%}section .details-art .top h2{margin:0}section .details-art .top .buttons{margin:0;gap:2rem}section .details-art .top .buttons .btn{width:9.5rem}section .details-art .details h2{margin:0}section .details-art .details .profile-top{flex-direction:row}section .details-art .details .profile-top .tier{padding-block:1rem}section .details-art .details .profile-top .tier h3{margin-top:.5rem}section .details-art ul::-webkit-scrollbar{display:none}}